@smwb/ui-solid 0.9.0 → 0.11.0

package/dist/source/primitives/createHoverPopover.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/primitives/createHoverPopover.ts"],
+  "sourcesContent": ["import { type Accessor, type JSX, createEffect, createMemo, createSignal, onCleanup } from \"solid-js\";\nimport { flip, offset, shift } from \"@floating-ui/dom\";\nimport type { Middleware, VirtualElement } from \"@floating-ui/dom\";\nimport { type Placement, resolvePlacement } from \"../utils/floating\";\nimport { createFloating } from \"./createFloating\";\n\nexport interface CreateHoverPopoverOptions {\n  /** Placement of the popover relative to its anchor. Default `\"bottom-start\"`. */\n  placement?: Placement;\n  /** Offset (px) applied on both axes between the anchor and the popover. Default `4`. */\n  offsetPx?: number;\n  /** Delay (ms) before opening after pointer enter. Default `0`. */\n  openDelay?: number;\n  /** Delay (ms) before closing after pointer leave. Default `0`. */\n  closeDelay?: number;\n  /** Extra floating-ui middleware appended after the smwb defaults. */\n  middleware?: Middleware[];\n}\n\n/** A pointer position in viewport (client) coordinates. */\nexport interface HoverPopoverPoint {\n  x: number;\n  y: number;\n}\n\nexport interface HoverPopoverReferenceProps {\n  onPointerEnter: (event: PointerEvent) => void;\n  onPointerMove: (event: PointerEvent) => void;\n  onPointerLeave: (event: PointerEvent) => void;\n}\n\nexport interface HoverPopoverFloatingProps {\n  ref: (node: HTMLElement) => void;\n  style: JSX.CSSProperties;\n  onPointerEnter: () => void;\n  onPointerLeave: () => void;\n}\n\nexport interface HoverPopoverState {\n  /** Whether the popover is currently open. */\n  open: Accessor<boolean>;\n  /**\n   * Pointer handlers for the trigger element(s). Spread on a single anchor, or on EVERY\n   * row of a list/table to share one popover across many triggers. By default the popover\n   * is anchored to the cursor position frozen when it opens. Pass your own handlers to\n   * compose them (e.g. to mark which row is active).\n   */\n  getReferenceProps: (userHandlers?: Partial<HoverPopoverReferenceProps>) => HoverPopoverReferenceProps;\n  /** Props for the single floating element; keeps it open while it is hovered. */\n  getFloatingProps: (userProps?: { style?: JSX.CSSProperties }) => HoverPopoverFloatingProps;\n  /** Anchor the popover to a real element instead of the cursor (`null` clears it). */\n  setAnchorEl: (element: Element | null) => void;\n  /** Anchor the popover to an explicit point, e.g. an external cursor source. */\n  setVirtualAnchor: (point: HoverPopoverPoint) => void;\n  /** Open immediately, ignoring `openDelay`. */\n  openNow: () => void;\n  /** Open after `openDelay`. */\n  scheduleOpen: () => void;\n  /** Close after `closeDelay`. */\n  scheduleClose: () => void;\n  /** Close immediately. */\n  close: () => void;\n}\n\nconst DEFAULT_PLACEMENT: Placement = \"bottom-start\";\nconst DEFAULT_OFFSET_PX = 4;\nconst SHIFT_PADDING_PX = 8;\n\nconst rectFromPoint = ({ x, y }: HoverPopoverPoint): DOMRect =>\n  ({ x, y, top: y, left: x, right: x, bottom: y, width: 0, height: 0 }) as DOMRect;\n\n/**\n * Headless hover-popover positioning \u2014 the Solid twin of ui-react's `useHoverPopover`.\n *\n * Wraps {@link createFloating} with the smwb placement / offset / flip / shift conventions\n * but imposes NO DOM structure: spread `getReferenceProps()` on any trigger (including a\n * `<tr>`, which the wrapper-based `<Tooltip>` cannot do) and `getFloatingProps()` on a\n * single floating element you render yourself.\n *\n * The default anchor is the cursor point frozen when the popover opens (a floating-ui\n * virtual element), so ONE instance can serve a whole table/list \u2014 call\n * `getReferenceProps()` on every row and render one shared popover instead of mounting one\n * floating engine per row. Use `setAnchorEl` to anchor to a real element instead.\n */\nexport function createHoverPopover(options: CreateHoverPopoverOptions = {}): HoverPopoverState {\n  const offsetPx = options.offsetPx ?? DEFAULT_OFFSET_PX;\n  const openDelay = options.openDelay ?? 0;\n  const closeDelay = options.closeDelay ?? 0;\n\n  const [open, setOpen] = createSignal(false);\n\n  let cursor: HoverPopoverPoint = { x: 0, y: 0 };\n  let anchor: HoverPopoverPoint = { x: 0, y: 0 };\n  let anchorEl: Element | null = null;\n  let openTimer: ReturnType<typeof setTimeout> | null = null;\n  let closeTimer: ReturnType<typeof setTimeout> | null = null;\n\n  const resolved = createMemo(() => resolvePlacement(options.placement ?? DEFAULT_PLACEMENT));\n\n  const floating = createFloating({\n    placement: () => resolved().placement,\n    middleware: () => [\n      offset({ mainAxis: offsetPx, crossAxis: offsetPx }),\n      resolved().autoMiddleware ?? flip(),\n      shift({ padding: SHIFT_PADDING_PX }),\n      ...(options.middleware ?? []),\n    ],\n  });\n\n  // The virtual reference reads `anchor` LAZILY, so freezing the cursor is just a field\n  // write \u2014 no need to rebuild the reference on every pointer move.\n  const virtualReference: VirtualElement = { getBoundingClientRect: () => rectFromPoint(anchor) };\n\n  const clearTimers = (): void => {\n    if (openTimer !== null) {\n      clearTimeout(openTimer);\n      openTimer = null;\n    }\n    if (closeTimer !== null) {\n      clearTimeout(closeTimer);\n      closeTimer = null;\n    }\n  };\n\n  onCleanup(clearTimers);\n\n  // Apply the active anchor (element or frozen cursor) whenever the popover opens;\n  // createFloating's autoUpdate keeps it positioned while the floating element is mounted.\n  createEffect(() => {\n    if (!open()) return;\n    floating.setReference(anchorEl ?? virtualReference);\n    floating.update();\n  });\n\n  const freezeAnchor = (): void => {\n    if (anchorEl === null) anchor = cursor;\n  };\n\n  const openNow = (): void => {\n    clearTimers();\n    freezeAnchor();\n    setOpen(true);\n  };\n\n  const scheduleOpen = (): void => {\n    clearTimers();\n    if (openDelay <= 0) {\n      freezeAnchor();\n      setOpen(true);\n      return;\n    }\n    openTimer = setTimeout(() => {\n      freezeAnchor();\n      setOpen(true);\n    }, openDelay);\n  };\n\n  const scheduleClose = (): void => {\n    clearTimers();\n    if (closeDelay <= 0) {\n      setOpen(false);\n      return;\n    }\n    closeTimer = setTimeout(() => setOpen(false), closeDelay);\n  };\n\n  const close = (): void => {\n    clearTimers();\n    setOpen(false);\n  };\n\n  const setVirtualAnchor = (point: HoverPopoverPoint): void => {\n    anchorEl = null;\n    anchor = point;\n  };\n\n  const setAnchorEl = (element: Element | null): void => {\n    anchorEl = element;\n  };\n\n  const getReferenceProps = (userHandlers?: Partial<HoverPopoverReferenceProps>): HoverPopoverReferenceProps => ({\n    onPointerEnter: (event) => {\n      userHandlers?.onPointerEnter?.(event);\n      cursor = { x: event.clientX, y: event.clientY };\n      scheduleOpen();\n    },\n    onPointerMove: (event) => {\n      userHandlers?.onPointerMove?.(event);\n      cursor = { x: event.clientX, y: event.clientY };\n    },\n    onPointerLeave: (event) => {\n      userHandlers?.onPointerLeave?.(event);\n      scheduleClose();\n    },\n  });\n\n  const getFloatingProps = (userProps?: { style?: JSX.CSSProperties }): HoverPopoverFloatingProps => ({\n    ref: (node) => floating.setFloating(node),\n    style: { ...floating.floatingStyles(), ...(userProps?.style ?? {}) },\n    onPointerEnter: () => {\n      clearTimers();\n      setOpen(true);\n    },\n    onPointerLeave: scheduleClose,\n  });\n\n  return {\n    open,\n    getReferenceProps,\n    getFloatingProps,\n    setAnchorEl,\n    setVirtualAnchor,\n    openNow,\n    scheduleOpen,\n    scheduleClose,\n    close,\n  };\n}\n\nexport default createHoverPopover;\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/source/primitives/createRovingTabIndex.js

@@ -0,0 +1,45 @@
+const read = (value) => typeof value === "function" ? value() : value;
+function createRovingTabIndex(options) {
+  return (event) => {
+    const count = read(options.count);
+    if (count === 0) return;
+    const activeIndex = read(options.activeIndex);
+    const orientation = options.orientation ?? "horizontal";
+    const loop = options.loop ?? true;
+    const horiz = orientation === "horizontal" || orientation === "both";
+    const vert = orientation === "vertical" || orientation === "both";
+    const next = horiz && event.key === "ArrowRight" || vert && event.key === "ArrowDown";
+    const prev = horiz && event.key === "ArrowLeft" || vert && event.key === "ArrowUp";
+    let target = null;
+    if (next) {
+      target = activeIndex + 1;
+    } else if (prev) {
+      target = activeIndex - 1;
+    } else if (event.key === "Home") {
+      target = 0;
+    } else if (event.key === "End") {
+      target = count - 1;
+    }
+    if (target === null) return;
+    const clamp = (i) => loop ? (i + count) % count : Math.max(0, Math.min(count - 1, i));
+    target = clamp(target);
+    const isDisabled = options.isDisabled;
+    if (isDisabled) {
+      let guard = 0;
+      const step = next || event.key === "Home" ? 1 : -1;
+      while (isDisabled(target) && guard < count) {
+        target = clamp(target + step);
+        guard += 1;
+      }
+      if (isDisabled(target)) return;
+    }
+    event.preventDefault();
+    options.onMove(target);
+  };
+}
+var createRovingTabIndex_default = createRovingTabIndex;
+export {
+  createRovingTabIndex,
+  createRovingTabIndex_default as default
+};
+//# sourceMappingURL=createRovingTabIndex.js.map

package/dist/source/primitives/createRovingTabIndex.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/primitives/createRovingTabIndex.ts"],
+  "sourcesContent": ["import type { JSX } from \"solid-js\";\n\nexport interface CreateRovingTabIndexOptions {\n  /** Number of focusable items. */\n  count: number | (() => number);\n  /** Current active index. */\n  activeIndex: number | (() => number);\n  /** Called with the next index when navigation keys are pressed. */\n  onMove: (nextIndex: number) => void;\n  /** Arrow-key axis. */\n  orientation?: \"horizontal\" | \"vertical\" | \"both\";\n  /** Wrap around the ends (default true). */\n  loop?: boolean;\n  /** Optional predicate to skip disabled items. */\n  isDisabled?: (index: number) => boolean;\n}\n\nconst read = (value: number | (() => number)): number => (typeof value === \"function\" ? value() : value);\n\n/**\n * Keyboard navigation for composite widgets (tabs, menus, trees, pagination) \u2014 the Solid\n * twin of ui-react's `useRovingTabIndex`. Returns an `onKeyDown` handler implementing\n * Arrow/Home/End with optional looping and disabled-skipping. The consumer owns focus and\n * activation.\n *\n * `count`/`activeIndex` accept an accessor so the handler \u2014 attached once \u2014 always reads\n * the live value instead of the one captured when it was created.\n */\nexport function createRovingTabIndex(\n  options: CreateRovingTabIndexOptions,\n): JSX.EventHandler<HTMLElement, KeyboardEvent> {\n  return (event) => {\n    const count = read(options.count);\n    if (count === 0) return;\n\n    const activeIndex = read(options.activeIndex);\n    const orientation = options.orientation ?? \"horizontal\";\n    const loop = options.loop ?? true;\n    const horiz = orientation === \"horizontal\" || orientation === \"both\";\n    const vert = orientation === \"vertical\" || orientation === \"both\";\n    const next = (horiz && event.key === \"ArrowRight\") || (vert && event.key === \"ArrowDown\");\n    const prev = (horiz && event.key === \"ArrowLeft\") || (vert && event.key === \"ArrowUp\");\n\n    let target: number | null = null;\n    if (next) {\n      target = activeIndex + 1;\n    } else if (prev) {\n      target = activeIndex - 1;\n    } else if (event.key === \"Home\") {\n      target = 0;\n    } else if (event.key === \"End\") {\n      target = count - 1;\n    }\n    if (target === null) return;\n\n    const clamp = (i: number): number => (loop ? (i + count) % count : Math.max(0, Math.min(count - 1, i)));\n    target = clamp(target);\n\n    const isDisabled = options.isDisabled;\n    if (isDisabled) {\n      let guard = 0;\n      const step = next || event.key === \"Home\" ? 1 : -1;\n      while (isDisabled(target) && guard < count) {\n        target = clamp(target + step);\n        guard += 1;\n      }\n      if (isDisabled(target)) return;\n    }\n\n    event.preventDefault();\n    options.onMove(target);\n  };\n}\n\nexport default createRovingTabIndex;\n"],
+  "mappings": "AAiBA,MAAM,OAAO,CAAC,UAA4C,OAAO,UAAU,aAAa,MAAM,IAAI;AAW3F,SAAS,qBACd,SAC8C;AAC9C,SAAO,CAAC,UAAU;AAChB,UAAM,QAAQ,KAAK,QAAQ,KAAK;AAChC,QAAI,UAAU,EAAG;AAEjB,UAAM,cAAc,KAAK,QAAQ,WAAW;AAC5C,UAAM,cAAc,QAAQ,eAAe;AAC3C,UAAM,OAAO,QAAQ,QAAQ;AAC7B,UAAM,QAAQ,gBAAgB,gBAAgB,gBAAgB;AAC9D,UAAM,OAAO,gBAAgB,cAAc,gBAAgB;AAC3D,UAAM,OAAQ,SAAS,MAAM,QAAQ,gBAAkB,QAAQ,MAAM,QAAQ;AAC7E,UAAM,OAAQ,SAAS,MAAM,QAAQ,eAAiB,QAAQ,MAAM,QAAQ;AAE5E,QAAI,SAAwB;AAC5B,QAAI,MAAM;AACR,eAAS,cAAc;AAAA,IACzB,WAAW,MAAM;AACf,eAAS,cAAc;AAAA,IACzB,WAAW,MAAM,QAAQ,QAAQ;AAC/B,eAAS;AAAA,IACX,WAAW,MAAM,QAAQ,OAAO;AAC9B,eAAS,QAAQ;AAAA,IACnB;AACA,QAAI,WAAW,KAAM;AAErB,UAAM,QAAQ,CAAC,MAAuB,QAAQ,IAAI,SAAS,QAAQ,KAAK,IAAI,GAAG,KAAK,IAAI,QAAQ,GAAG,CAAC,CAAC;AACrG,aAAS,MAAM,MAAM;AAErB,UAAM,aAAa,QAAQ;AAC3B,QAAI,YAAY;AACd,UAAI,QAAQ;AACZ,YAAM,OAAO,QAAQ,MAAM,QAAQ,SAAS,IAAI;AAChD,aAAO,WAAW,MAAM,KAAK,QAAQ,OAAO;AAC1C,iBAAS,MAAM,SAAS,IAAI;AAC5B,iBAAS;AAAA,MACX;AACA,UAAI,WAAW,MAAM,EAAG;AAAA,IAC1B;AAEA,UAAM,eAAe;AACrB,YAAQ,OAAO,MAAM;AAAA,EACvB;AACF;AAEA,IAAO,+BAAQ;",
+  "names": []
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@smwb/ui-solid",
-  "version": "0.9.0",
+  "version": "0.11.0",
   "description": "SolidJS port of summer-ui: strict, tree-shakeable Material-style component library sharing the @smwb/ui-styles design system.",
   "license": "MIT",
   "type": "module",
@@ -156,7 +156,7 @@
       "default": "./dist/source/components/clickAwayListener/index.js"
     },
     "./confirmDialog": {
-      "types": "./dist/index.d.ts",
+      "types": "./dist/components/feedBack/confirmDialog/index.d.ts",
       "solid": "./dist/source/components/feedBack/confirmDialog/index.js",
       "import": "./dist/source/components/feedBack/confirmDialog/index.js",
       "default": "./dist/source/components/feedBack/confirmDialog/index.js"
@@ -275,6 +275,12 @@
       "import": "./dist/source/components/inputs/floatingButton/index.js",
       "default": "./dist/source/components/inputs/floatingButton/index.js"
     },
+    "./floatingWindow": {
+      "types": "./dist/components/layout/floatingWindow/index.d.ts",
+      "solid": "./dist/source/components/layout/floatingWindow/index.js",
+      "import": "./dist/source/components/layout/floatingWindow/index.js",
+      "default": "./dist/source/components/layout/floatingWindow/index.js"
+    },
     "./grid": {
       "types": "./dist/components/layout/grid/index.d.ts",
       "solid": "./dist/source/components/layout/grid/index.js",
@@ -497,6 +503,12 @@
       "import": "./dist/source/components/inputs/valueSlider/index.js",
       "default": "./dist/source/components/inputs/valueSlider/index.js"
     },
+    "./solid-table": {
+      "types": "./dist/connects/rt/index.d.ts",
+      "solid": "./dist/source/connects/rt/index.js",
+      "import": "./dist/source/connects/rt/index.js",
+      "default": "./dist/source/connects/rt/index.js"
+    },
     "./headless": {
       "types": "./dist/index.d.ts",
       "solid": "./dist/headless/source/index.js",
@@ -527,22 +539,24 @@
   },
   "dependencies": {
     "@floating-ui/dom": "^1.7.0",
-    "@smwb/ui-styles": "^1.3.0",
+    "@smwb/ui-styles": "^1.4.0",
     "clsx": "^2.1.1",
     "zod": "^4.4.3"
   },
   "peerDependencies": {
-    "solid-js": ">=1.8"
+    "solid-js": ">=1.8",
+    "@tanstack/solid-table": ">=8.20.0 <9"
   },
   "devDependencies": {
     "@eslint/js": "^9.39.0",
-    "@smwb/ui-styles": "^1.3.0",
+    "@smwb/ui-styles": "^1.4.0",
+    "@solidjs/testing-library": "^0.8.10",
     "@storybook/addon-docs": "^10.4.0",
     "@storybook/addon-links": "^10.4.0",
     "@storybook/test-runner": "^0.24.4",
+    "@tanstack/solid-table": "^8.21.3",
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/user-event": "^14.6.1",
-    "@solidjs/testing-library": "^0.8.10",
     "@types/node": "^22.19.19",
     "concurrently": "^9.2.1",
     "eslint": "^9.39.0",
@@ -572,5 +586,10 @@
     "type": "git",
     "url": "git+https://git.sourcecraft.dev/elfenmail/ui.git",
     "directory": "packages/ui-solid"
+  },
+  "peerDependenciesMeta": {
+    "@tanstack/solid-table": {
+      "optional": true
+    }
   }
 }