@rackbops/ui-react 0.2.17 → 0.2.19

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/DataTable.js CHANGED
@@ -1,4 +1,4 @@
1
- import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
1
+ import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import { useState } from "react";
3
3
  import { cx } from "./cx.js";
4
4
  function compareBy(column, direction) {
@@ -1,4 +1,4 @@
1
- import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
1
+ import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import { forwardRef, } from "react";
3
3
  import { Card } from "./Card.js";
4
4
  import { Badge } from "./feedback.js";
@@ -19,10 +19,7 @@ const listStyle = { listStyle: "none", margin: 0, padding: 0 };
19
19
  const isExternal = (url) => /^(https?:)?\/\//i.test(url);
20
20
  function LinkCard({ link, level }) {
21
21
  const Heading = `h${level}`;
22
- return (_jsxs(Card, { children: [_jsxs(Heading, { children: [link.name, link.monitored ? (_jsxs(_Fragment, { children: [" ", _jsx(Badge, { variant: "success", children: "monitored" })] })) : null] }), link.description ? _jsx("p", { children: link.description }) : null, _jsx("ul", { style: listStyle, children: link.urls.map((u) => (
23
- // Two urls on one link can share a `url` with different `label`s ("prod" /
24
- // "canonical") -- key on the pair, not the url alone, so they don't collide.
25
- _jsx("li", { children: isExternal(u.url) ? (_jsx("a", { href: u.url, target: "_blank", rel: "noreferrer noopener", children: u.label })) : (_jsx("a", { href: u.url, children: u.label })) }, `${u.label}::${u.url}`))) }), link.host ? _jsx("p", { children: link.host }) : null] }));
22
+ return (_jsxs(Card, { children: [_jsxs(Heading, { children: [link.name, link.monitored ? (_jsxs(_Fragment, { children: [" ", _jsx(Badge, { variant: "success", children: "monitored" })] })) : null] }), link.description ? _jsx("p", { children: link.description }) : null, _jsx("ul", { style: listStyle, children: link.urls.map((u) => (_jsx("li", { children: isExternal(u.url) ? (_jsx("a", { href: u.url, target: "_blank", rel: "noreferrer noopener", children: u.label })) : (_jsx("a", { href: u.url, children: u.label })) }, `${u.label}::${u.url}`))) }), link.host ? _jsx("p", { children: link.host }) : null] }));
26
23
  }
27
24
  function Group({ label, items, level, }) {
28
25
  const Heading = `h${level}`;
package/dist/Tabs.js CHANGED
@@ -26,13 +26,7 @@ export const Tabs = forwardRef(function Tabs({ items, defaultId, className, ...r
26
26
  // Move focus with the selection — the whole point of the roving tabindex.
27
27
  tabRefs.current[next]?.focus();
28
28
  };
29
- return (
30
- // The outer <div> is a plain structural wrapper -- an ARIA tablist should
31
- // contain only `tab` children, so the tabpanels below live as its
32
- // siblings instead. That's the element `ref` points to; className and
33
- // arbitrary props (aria-label, data-testid, id, ...) belong on the actual
34
- // role="tablist" element, which is what they're meant to reach.
35
- _jsxs("div", { ref: ref, children: [_jsx("div", { className: cx("rb-tabs", className), role: "tablist", ...rest, children: items.map((t, idx) => {
29
+ return (_jsxs("div", { ref: ref, children: [_jsx("div", { className: cx("rb-tabs", className), role: "tablist", ...rest, children: items.map((t, idx) => {
36
30
  const selected = t.id === activeId;
37
31
  return (_jsx("button", { ref: (el) => {
38
32
  tabRefs.current[idx] = el;
package/dist/form.js CHANGED
@@ -1,4 +1,4 @@
1
- import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
1
+ import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import { forwardRef, } from "react";
3
3
  import { cx } from "./cx.js";
4
4
  export const Input = forwardRef(function Input({ className, ...rest }, ref) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rackbops/ui-react",
3
- "version": "0.2.17",
3
+ "version": "0.2.19",
4
4
  "description": "React components styled by @rackbops/styles rackbops themes.",
5
5
  "license": "MIT",
6
6
  "repository": {
@@ -33,13 +33,13 @@
33
33
  },
34
34
  "devDependencies": {
35
35
  "@types/jsdom": "^30.0.0",
36
- "@types/node": "^22.0.0",
36
+ "@types/node": "^26.0.0",
37
37
  "@types/react": "^19.0.0",
38
38
  "@types/react-dom": "^19.0.0",
39
39
  "jsdom": "^30.0.1",
40
40
  "react": "^19.0.0",
41
41
  "react-dom": "^19.0.0",
42
42
  "tsx": "^4.19.0",
43
- "typescript": "^5.7.0"
43
+ "typescript": "^7.0.0"
44
44
  }
45
45
  }