@backstage/ui 0.11.0-next.0 → 0.11.0-next.1

package/dist/components/Link/Link.esm.js

@@ -9,8 +9,7 @@ import { useNavigate, useHref } from 'react-router-dom';
 import { isExternalLink } from '../../utils/isExternalLink.esm.js';
 import styles from './Link.module.css.esm.js';
 
-const Link = forwardRef((props, ref) => {
-  const navigate = useNavigate();
+const LinkInternal = forwardRef((props, ref) => {
   const { classNames, dataAttributes, cleanedProps } = useStyles(
     LinkDefinition,
     {
@@ -33,7 +32,6 @@ const Link = forwardRef((props, ref) => {
     slot,
     ...restProps
   } = cleanedProps;
-  const isExternal = isExternalLink(href);
   const internalRef = useRef(null);
   const linkRef = ref || internalRef;
   const { linkProps } = useLink(
@@ -44,7 +42,7 @@ const Link = forwardRef((props, ref) => {
     },
     linkRef
   );
-  const anchorElement = /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(
     "a",
     {
       ...linkProps,
@@ -57,10 +55,15 @@ const Link = forwardRef((props, ref) => {
       children
     }
   );
+});
+LinkInternal.displayName = "LinkInternal";
+const Link = forwardRef((props, ref) => {
+  const navigate = useNavigate();
+  const isExternal = isExternalLink(props.href);
   if (isExternal) {
-    return anchorElement;
+    return /* @__PURE__ */ jsx(LinkInternal, { ...props, ref });
   }
-  return /* @__PURE__ */ jsx(RouterProvider, { navigate, useHref, children: anchorElement });
+  return /* @__PURE__ */ jsx(RouterProvider, { navigate, useHref, children: /* @__PURE__ */ jsx(LinkInternal, { ...props, ref }) });
 });
 Link.displayName = "Link";
 

package/dist/components/Link/Link.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"Link.esm.js","sources":["../../../src/components/Link/Link.tsx"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { forwardRef, useRef } from 'react';\nimport { useLink } from 'react-aria';\nimport { RouterProvider } from 'react-aria-components';\nimport clsx from 'clsx';\nimport { useStyles } from '../../hooks/useStyles';\nimport { LinkDefinition } from './definition';\nimport type { LinkProps } from './types';\nimport { useNavigate, useHref } from 'react-router-dom';\nimport { isExternalLink } from '../../utils/isExternalLink';\nimport styles from './Link.module.css';\n\n/** @public */\nexport const Link = forwardRef<HTMLAnchorElement, LinkProps>((props, ref) => {\n  const navigate = useNavigate();\n  const { classNames, dataAttributes, cleanedProps } = useStyles(\n    LinkDefinition,\n    {\n      variant: 'body',\n      weight: 'regular',\n      color: 'primary',\n      ...props,\n    },\n  );\n\n  const {\n    className,\n    href,\n    title,\n    children,\n    onPress,\n    variant,\n    weight,\n    color,\n    truncate,\n    slot,\n    ...restProps\n  } = cleanedProps;\n\n  const isExternal = isExternalLink(href);\n  const internalRef = useRef<HTMLAnchorElement>(null);\n  const linkRef = (ref || internalRef) as React.RefObject<HTMLAnchorElement>;\n\n  // Use useLink hook to get link props\n  const { linkProps } = useLink(\n    {\n      href,\n      onPress,\n      ...restProps,\n    },\n    linkRef,\n  );\n\n  const anchorElement = (\n    <a\n      {...linkProps}\n      {...dataAttributes}\n      {...(restProps as React.AnchorHTMLAttributes<HTMLAnchorElement>)}\n      ref={linkRef}\n      href={href}\n      title={title}\n      className={clsx(classNames.root, styles[classNames.root], className)}\n    >\n      {children}\n    </a>\n  );\n\n  // If it's an external link, render without RouterProvider\n  if (isExternal) {\n    return anchorElement;\n  }\n\n  // For internal links, use RouterProvider\n  return (\n    <RouterProvider navigate={navigate} useHref={useHref}>\n      {anchorElement}\n    </RouterProvider>\n  );\n});\n\nLink.displayName = 'Link';\n"],"names":[],"mappings":";;;;;;;;;;;AA4BO,MAAM,IAAA,GAAO,UAAA,CAAyC,CAAC,KAAA,EAAO,GAAA,KAAQ;AAC3E,EAAA,MAAM,WAAW,WAAA,EAAY;AAC7B,EAAA,MAAM,EAAE,UAAA,EAAY,cAAA,EAAgB,YAAA,EAAa,GAAI,SAAA;AAAA,IACnD,cAAA;AAAA,IACA;AAAA,MACE,OAAA,EAAS,MAAA;AAAA,MACT,MAAA,EAAQ,SAAA;AAAA,MACR,KAAA,EAAO,SAAA;AAAA,MACP,GAAG;AAAA;AACL,GACF;AAEA,EAAA,MAAM;AAAA,IACJ,SAAA;AAAA,IACA,IAAA;AAAA,IACA,KAAA;AAAA,IACA,QAAA;AAAA,IACA,OAAA;AAAA,IACA,OAAA;AAAA,IACA,MAAA;AAAA,IACA,KAAA;AAAA,IACA,QAAA;AAAA,IACA,IAAA;AAAA,IACA,GAAG;AAAA,GACL,GAAI,YAAA;AAEJ,EAAA,MAAM,UAAA,GAAa,eAAe,IAAI,CAAA;AACtC,EAAA,MAAM,WAAA,GAAc,OAA0B,IAAI,CAAA;AAClD,EAAA,MAAM,UAAW,GAAA,IAAO,WAAA;AAGxB,EAAA,MAAM,EAAE,WAAU,GAAI,OAAA;AAAA,IACpB;AAAA,MACE,IAAA;AAAA,MACA,OAAA;AAAA,MACA,GAAG;AAAA,KACL;AAAA,IACA;AAAA,GACF;AAEA,EAAA,MAAM,aAAA,mBACJ,GAAA;AAAA,IAAC,GAAA;AAAA,IAAA;AAAA,MACE,GAAG,SAAA;AAAA,MACH,GAAG,cAAA;AAAA,MACH,GAAI,SAAA;AAAA,MACL,GAAA,EAAK,OAAA;AAAA,MACL,IAAA;AAAA,MACA,KAAA;AAAA,MACA,SAAA,EAAW,KAAK,UAAA,CAAW,IAAA,EAAM,OAAO,UAAA,CAAW,IAAI,GAAG,SAAS,CAAA;AAAA,MAElE;AAAA;AAAA,GACH;AAIF,EAAA,IAAI,UAAA,EAAY;AACd,IAAA,OAAO,aAAA;AAAA,EACT;AAGA,EAAA,uBACE,GAAA,CAAC,cAAA,EAAA,EAAe,QAAA,EAAoB,OAAA,EACjC,QAAA,EAAA,aAAA,EACH,CAAA;AAEJ,CAAC;AAED,IAAA,CAAK,WAAA,GAAc,MAAA;;;;"}
+{"version":3,"file":"Link.esm.js","sources":["../../../src/components/Link/Link.tsx"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { forwardRef, useRef } from 'react';\nimport { useLink } from 'react-aria';\nimport { RouterProvider } from 'react-aria-components';\nimport clsx from 'clsx';\nimport { useStyles } from '../../hooks/useStyles';\nimport { LinkDefinition } from './definition';\nimport type { LinkProps } from './types';\nimport { useNavigate, useHref } from 'react-router-dom';\nimport { isExternalLink } from '../../utils/isExternalLink';\nimport styles from './Link.module.css';\n\nconst LinkInternal = forwardRef<HTMLAnchorElement, LinkProps>((props, ref) => {\n  const { classNames, dataAttributes, cleanedProps } = useStyles(\n    LinkDefinition,\n    {\n      variant: 'body',\n      weight: 'regular',\n      color: 'primary',\n      ...props,\n    },\n  );\n\n  const {\n    className,\n    href,\n    title,\n    children,\n    onPress,\n    variant,\n    weight,\n    color,\n    truncate,\n    slot,\n    ...restProps\n  } = cleanedProps;\n\n  const internalRef = useRef<HTMLAnchorElement>(null);\n  const linkRef = (ref || internalRef) as React.RefObject<HTMLAnchorElement>;\n\n  // Use useLink hook to get link props\n  // For internal links, this will use the RouterProvider's navigate function\n  const { linkProps } = useLink(\n    {\n      href,\n      onPress,\n      ...restProps,\n    },\n    linkRef,\n  );\n\n  return (\n    <a\n      {...linkProps}\n      {...dataAttributes}\n      {...(restProps as React.AnchorHTMLAttributes<HTMLAnchorElement>)}\n      ref={linkRef}\n      href={href}\n      title={title}\n      className={clsx(classNames.root, styles[classNames.root], className)}\n    >\n      {children}\n    </a>\n  );\n});\n\nLinkInternal.displayName = 'LinkInternal';\n\n/** @public */\nexport const Link = forwardRef<HTMLAnchorElement, LinkProps>((props, ref) => {\n  const navigate = useNavigate();\n  const isExternal = isExternalLink(props.href);\n\n  // If it's an external link, render without RouterProvider\n  if (isExternal) {\n    return <LinkInternal {...props} ref={ref} />;\n  }\n\n  // For internal links, wrap in RouterProvider so useLink can access the router\n  return (\n    <RouterProvider navigate={navigate} useHref={useHref}>\n      <LinkInternal {...props} ref={ref} />\n    </RouterProvider>\n  );\n});\n\nLink.displayName = 'Link';\n"],"names":[],"mappings":";;;;;;;;;;;AA2BA,MAAM,YAAA,GAAe,UAAA,CAAyC,CAAC,KAAA,EAAO,GAAA,KAAQ;AAC5E,EAAA,MAAM,EAAE,UAAA,EAAY,cAAA,EAAgB,YAAA,EAAa,GAAI,SAAA;AAAA,IACnD,cAAA;AAAA,IACA;AAAA,MACE,OAAA,EAAS,MAAA;AAAA,MACT,MAAA,EAAQ,SAAA;AAAA,MACR,KAAA,EAAO,SAAA;AAAA,MACP,GAAG;AAAA;AACL,GACF;AAEA,EAAA,MAAM;AAAA,IACJ,SAAA;AAAA,IACA,IAAA;AAAA,IACA,KAAA;AAAA,IACA,QAAA;AAAA,IACA,OAAA;AAAA,IACA,OAAA;AAAA,IACA,MAAA;AAAA,IACA,KAAA;AAAA,IACA,QAAA;AAAA,IACA,IAAA;AAAA,IACA,GAAG;AAAA,GACL,GAAI,YAAA;AAEJ,EAAA,MAAM,WAAA,GAAc,OAA0B,IAAI,CAAA;AAClD,EAAA,MAAM,UAAW,GAAA,IAAO,WAAA;AAIxB,EAAA,MAAM,EAAE,WAAU,GAAI,OAAA;AAAA,IACpB;AAAA,MACE,IAAA;AAAA,MACA,OAAA;AAAA,MACA,GAAG;AAAA,KACL;AAAA,IACA;AAAA,GACF;AAEA,EAAA,uBACE,GAAA;AAAA,IAAC,GAAA;AAAA,IAAA;AAAA,MACE,GAAG,SAAA;AAAA,MACH,GAAG,cAAA;AAAA,MACH,GAAI,SAAA;AAAA,MACL,GAAA,EAAK,OAAA;AAAA,MACL,IAAA;AAAA,MACA,KAAA;AAAA,MACA,SAAA,EAAW,KAAK,UAAA,CAAW,IAAA,EAAM,OAAO,UAAA,CAAW,IAAI,GAAG,SAAS,CAAA;AAAA,MAElE;AAAA;AAAA,GACH;AAEJ,CAAC,CAAA;AAED,YAAA,CAAa,WAAA,GAAc,cAAA;AAGpB,MAAM,IAAA,GAAO,UAAA,CAAyC,CAAC,KAAA,EAAO,GAAA,KAAQ;AAC3E,EAAA,MAAM,WAAW,WAAA,EAAY;AAC7B,EAAA,MAAM,UAAA,GAAa,cAAA,CAAe,KAAA,CAAM,IAAI,CAAA;AAG5C,EAAA,IAAI,UAAA,EAAY;AACd,IAAA,uBAAO,GAAA,CAAC,YAAA,EAAA,EAAc,GAAG,KAAA,EAAO,GAAA,EAAU,CAAA;AAAA,EAC5C;AAGA,EAAA,uBACE,GAAA,CAAC,kBAAe,QAAA,EAAoB,OAAA,EAClC,8BAAC,YAAA,EAAA,EAAc,GAAG,KAAA,EAAO,GAAA,EAAU,CAAA,EACrC,CAAA;AAEJ,CAAC;AAED,IAAA,CAAK,WAAA,GAAc,MAAA;;;;"}

package/dist/components/Table/Table.module.css.esm.js

@@ -1,6 +1,6 @@
 import styleInject from '../../node_modules_dist/style-inject/dist/style-inject.es.esm.js';
 
-var css_248z = "/*\n * Copyright 2025 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\n@layer tokens, base, components, utilities;\n\n@layer components {\n  .Table-module_bui-Table__BkcBL {\n    width: 100%;\n    caption-side: bottom;\n    border-collapse: collapse;\n    table-layout: fixed;\n  }\n\n  .Table-module_bui-TableHeader__3Lh_9 {\n    border-bottom: 1px solid var(--bui-border);\n    transition: color 0.2s ease-in-out;\n  }\n\n  .Table-module_bui-TableHead__y-Yzm {\n    text-align: left;\n    padding: var(--bui-space-3);\n    font-size: var(--bui-font-size-3);\n    color: var(--bui-fg-primary);\n\n    &:hover {\n      .Table-module_bui-TableHeadSortButton__Slxp- {\n        opacity: 1;\n      }\n    }\n  }\n\n  .Table-module_bui-TableHeadSelection__2H6Yp {\n    width: 40px;\n  }\n\n  .Table-module_bui-TableHeadContent__1Buiu {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    gap: var(--bui-space-1);\n  }\n\n  .Table-module_bui-TableHeadSortButton__Slxp- {\n    cursor: pointer;\n    user-select: none;\n    display: inline-flex;\n    align-items: center;\n    gap: var(--bui-space-1);\n    opacity: 0;\n    transition: opacity 0.1s ease-in-out;\n    color: var(--bui-fg-secondary);\n\n    & svg {\n      transition: transform 0.1s ease-in-out;\n    }\n\n    &[data-sort-order='asc'] svg {\n      opacity: 1;\n      transform: rotate(0);\n    }\n\n    &[data-sort-order='desc'] svg {\n      opacity: 1;\n      transform: rotate(180deg);\n    }\n  }\n\n  .Table-module_bui-TableBody__2hcz_ {\n    color: var(--bui-fg-primary);\n  }\n\n  .Table-module_bui-TableRow__3S2EQ {\n    border-bottom: 1px solid var(--bui-border);\n    transition: color 0.2s ease-in-out;\n\n    &:hover {\n      background-color: var(--bui-bg-tint-hover);\n    }\n\n    &[data-selected] {\n      background-color: var(--bui-bg-tint-pressed);\n    }\n\n    &[data-pressed] {\n      background-color: var(--bui-bg-tint-pressed);\n    }\n\n    &[data-disabled] {\n      background-color: var(--bui-bg-tint-disabled);\n    }\n\n    &[data-react-aria-pressable='true'] {\n      cursor: pointer;\n    }\n  }\n\n  .Table-module_bui-TableCell__1C-Gr {\n    padding: var(--bui-space-3);\n    font-size: var(--bui-font-size-3);\n    font-family: var(--bui-font-regular);\n    font-weight: var(--bui-font-weight-regular);\n    min-width: 0;\n    overflow: hidden;\n  }\n\n  .Table-module_bui-TableCellSelection__3g6Iz {\n    width: 40px;\n  }\n\n  .Table-module_bui-TableCellContentWrapper__2zDK3 {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    gap: var(--bui-space-2);\n    min-width: 0;\n    width: 100%;\n    max-width: 100%;\n  }\n\n  .Table-module_bui-TableCellIcon__118Vd,\n  .Table-module_bui-TableCellIcon__118Vd svg {\n    display: inline-flex;\n    align-items: center;\n    color: var(--bui-fg-primary);\n  }\n\n  .Table-module_bui-TableCellContent__35knW {\n    display: flex;\n    flex-direction: column;\n    gap: var(--bui-space-0_5);\n    min-width: 0;\n    flex: 1;\n    overflow: hidden;\n    max-width: 100%;\n  }\n\n  .Table-module_bui-TableCellContent__35knW > * {\n    min-width: 0;\n    max-width: 100%;\n  }\n\n  .Table-module_bui-TableCellProfile__34xxd {\n    display: flex;\n    flex-direction: row;\n    gap: var(--bui-space-2);\n    align-items: center;\n  }\n}\n";
+var css_248z = "/*\n * Copyright 2025 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\n@layer tokens, base, components, utilities;\n\n@layer components {\n  .Table-module_bui-Table__BkcBL {\n    width: 100%;\n    caption-side: bottom;\n    border-collapse: collapse;\n    table-layout: fixed;\n    transition: opacity 0.2s ease-in-out;\n\n    &[data-stale='true'] {\n      opacity: 0.6;\n    }\n  }\n\n  .Table-module_bui-TableHeader__3Lh_9 {\n    border-bottom: 1px solid var(--bui-border);\n    transition: color 0.2s ease-in-out;\n  }\n\n  .Table-module_bui-TableHead__y-Yzm {\n    text-align: left;\n    padding: var(--bui-space-3);\n    font-size: var(--bui-font-size-3);\n    color: var(--bui-fg-primary);\n\n    &:hover {\n      .Table-module_bui-TableHeadSortButton__Slxp- {\n        opacity: 1;\n      }\n    }\n  }\n\n  .Table-module_bui-TableHeadSelection__2H6Yp {\n    width: 40px;\n  }\n\n  .Table-module_bui-TableHeadContent__1Buiu {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    gap: var(--bui-space-1);\n  }\n\n  .Table-module_bui-TableHeadSortButton__Slxp- {\n    cursor: pointer;\n    user-select: none;\n    display: inline-flex;\n    align-items: center;\n    gap: var(--bui-space-1);\n    opacity: 0;\n    transition: opacity 0.1s ease-in-out;\n    color: var(--bui-fg-secondary);\n\n    & svg {\n      transition: transform 0.1s ease-in-out;\n    }\n\n    &[data-sort-order='asc'] svg {\n      opacity: 1;\n      transform: rotate(0);\n    }\n\n    &[data-sort-order='desc'] svg {\n      opacity: 1;\n      transform: rotate(180deg);\n    }\n  }\n\n  .Table-module_bui-TableBody__2hcz_ {\n    color: var(--bui-fg-primary);\n  }\n\n  .Table-module_bui-TableRow__3S2EQ {\n    border-bottom: 1px solid var(--bui-border);\n    transition: color 0.2s ease-in-out;\n\n    &:hover {\n      background-color: var(--bui-bg-tint-hover);\n    }\n\n    &[data-selected] {\n      background-color: var(--bui-bg-tint-pressed);\n    }\n\n    &[data-pressed] {\n      background-color: var(--bui-bg-tint-pressed);\n    }\n\n    &[data-disabled] {\n      background-color: var(--bui-bg-tint-disabled);\n    }\n\n    &[data-react-aria-pressable='true'] {\n      cursor: pointer;\n    }\n  }\n\n  .Table-module_bui-TableCell__1C-Gr {\n    padding: var(--bui-space-3);\n    font-size: var(--bui-font-size-3);\n    font-family: var(--bui-font-regular);\n    font-weight: var(--bui-font-weight-regular);\n    min-width: 0;\n    overflow: hidden;\n  }\n\n  .Table-module_bui-TableCellSelection__3g6Iz {\n    width: 40px;\n  }\n\n  .Table-module_bui-TableCellContentWrapper__2zDK3 {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    gap: var(--bui-space-2);\n    min-width: 0;\n    width: 100%;\n    max-width: 100%;\n  }\n\n  .Table-module_bui-TableCellIcon__118Vd,\n  .Table-module_bui-TableCellIcon__118Vd svg {\n    display: inline-flex;\n    align-items: center;\n    color: var(--bui-fg-primary);\n  }\n\n  .Table-module_bui-TableCellContent__35knW {\n    display: flex;\n    flex-direction: column;\n    gap: var(--bui-space-0_5);\n    min-width: 0;\n    flex: 1;\n    overflow: hidden;\n    max-width: 100%;\n  }\n\n  .Table-module_bui-TableCellContent__35knW > * {\n    min-width: 0;\n    max-width: 100%;\n  }\n\n  .Table-module_bui-TableCellProfile__34xxd {\n    display: flex;\n    flex-direction: row;\n    gap: var(--bui-space-2);\n    align-items: center;\n  }\n}\n";
 var styles = {"bui-Table":"Table-module_bui-Table__BkcBL","bui-TableHeader":"Table-module_bui-TableHeader__3Lh_9","bui-TableHead":"Table-module_bui-TableHead__y-Yzm","bui-TableHeadSortButton":"Table-module_bui-TableHeadSortButton__Slxp-","bui-TableHeadSelection":"Table-module_bui-TableHeadSelection__2H6Yp","bui-TableHeadContent":"Table-module_bui-TableHeadContent__1Buiu","bui-TableBody":"Table-module_bui-TableBody__2hcz_","bui-TableRow":"Table-module_bui-TableRow__3S2EQ","bui-TableCell":"Table-module_bui-TableCell__1C-Gr","bui-TableCellSelection":"Table-module_bui-TableCellSelection__3g6Iz","bui-TableCellContentWrapper":"Table-module_bui-TableCellContentWrapper__2zDK3","bui-TableCellIcon":"Table-module_bui-TableCellIcon__118Vd","bui-TableCellContent":"Table-module_bui-TableCellContent__35knW","bui-TableCellProfile":"Table-module_bui-TableCellProfile__34xxd"};
 styleInject(css_248z);
 

package/dist/components/Table/components/Table.esm.js

@@ -1,21 +1,160 @@
-import { jsx } from 'react/jsx-runtime';
-import { useStyles } from '../../../hooks/useStyles.esm.js';
-import { TableDefinition } from '../definition.esm.js';
-import { Table as Table$1 } from 'react-aria-components';
-import styles from '../Table.module.css.esm.js';
-import clsx from 'clsx';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { TableRoot } from './TableRoot.esm.js';
+import { TableHeader } from './TableHeader.esm.js';
+import { TableBody } from './TableBody.esm.js';
+import { Row } from './Row.esm.js';
+import { Column } from './Column.esm.js';
+import { TablePagination } from '../../TablePagination/TablePagination.esm.js';
+import { useId, useMemo, Fragment as Fragment$1 } from 'react';
+import { VisuallyHidden } from '../../VisuallyHidden/VisuallyHidden.esm.js';
+import { Flex } from '../../Flex/Flex.esm.js';
 
-const Table = (props) => {
-  const { classNames, cleanedProps } = useStyles(TableDefinition, props);
-  return /* @__PURE__ */ jsx(
-    Table$1,
-    {
-      className: clsx(classNames.table, styles[classNames.table]),
-      "aria-label": "Data table",
-      ...cleanedProps
+function isRowRenderFn(rowConfig) {
+  return typeof rowConfig === "function";
+}
+function useDisabledRows({
+  data,
+  rowConfig
+}) {
+  return useMemo(() => {
+    if (!data || typeof rowConfig === "function" || !rowConfig?.getIsDisabled) {
+      return;
     }
+    return data.reduce((set, item) => {
+      const isDisabled = rowConfig.getIsDisabled?.(item);
+      if (isDisabled) {
+        set.add(String(item.id));
+      }
+      return set;
+    }, /* @__PURE__ */ new Set());
+  }, [data, rowConfig]);
+}
+function useLiveRegionLabel(pagination, isStale, hasData) {
+  if (!hasData || pagination.type === "none") {
+    return "";
+  }
+  const { pageSize, offset, totalCount, getLabel } = pagination;
+  if (isStale) {
+    return "Loading table data.";
+  }
+  let liveRegionLabel = "Table page loaded. ";
+  if (getLabel) {
+    liveRegionLabel += getLabel({ pageSize, offset, totalCount });
+  } else if (offset !== void 0) {
+    const fromCount = offset + 1;
+    const toCount = Math.min(offset + pageSize, totalCount ?? 0);
+    liveRegionLabel += `Showing ${fromCount} to ${toCount} of ${totalCount}`;
+  }
+  return liveRegionLabel;
+}
+function Table({
+  columnConfig,
+  data,
+  loading = false,
+  isStale = false,
+  error,
+  pagination,
+  sort,
+  rowConfig,
+  selection,
+  emptyState
+}) {
+  const liveRegionId = useId();
+  const visibleColumns = useMemo(
+    () => columnConfig.filter((col) => !col.isHidden),
+    [columnConfig]
   );
-};
+  const disabledRows = useDisabledRows({ data, rowConfig });
+  const {
+    mode: selectionMode,
+    selected: selectedKeys,
+    behavior: selectionBehavior,
+    onSelectionChange
+  } = selection || {};
+  if (loading && !data) {
+    return /* @__PURE__ */ jsx("div", { children: "Loading..." });
+  }
+  if (error) {
+    return /* @__PURE__ */ jsxs("div", { children: [
+      "Error: ",
+      error.message
+    ] });
+  }
+  const liveRegionLabel = useLiveRegionLabel(
+    pagination,
+    isStale,
+    data !== void 0
+  );
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx(VisuallyHidden, { "aria-live": "polite", id: liveRegionId, children: liveRegionLabel }),
+    /* @__PURE__ */ jsxs(
+      TableRoot,
+      {
+        selectionMode,
+        selectionBehavior,
+        selectedKeys,
+        onSelectionChange,
+        sortDescriptor: sort?.descriptor ?? void 0,
+        onSortChange: sort?.onSortChange,
+        disabledKeys: disabledRows,
+        stale: isStale,
+        "aria-describedby": liveRegionId,
+        children: [
+          /* @__PURE__ */ jsx(TableHeader, { columns: visibleColumns, children: (column) => column.header ? /* @__PURE__ */ jsx(Fragment, { children: column.header() }) : /* @__PURE__ */ jsx(
+            Column,
+            {
+              id: column.id,
+              isRowHeader: column.isRowHeader,
+              allowsSorting: column.isSortable,
+              children: column.label
+            }
+          ) }),
+          /* @__PURE__ */ jsx(
+            TableBody,
+            {
+              items: data,
+              renderEmptyState: emptyState ? () => /* @__PURE__ */ jsx(Flex, { p: "3", children: emptyState }) : void 0,
+              children: (item) => {
+                const itemIndex = data?.indexOf(item) ?? -1;
+                if (isRowRenderFn(rowConfig)) {
+                  return rowConfig({
+                    item,
+                    index: itemIndex
+                  });
+                }
+                return /* @__PURE__ */ jsx(
+                  Row,
+                  {
+                    id: String(item.id),
+                    columns: visibleColumns,
+                    href: rowConfig?.getHref?.(item),
+                    onAction: rowConfig?.onClick ? () => rowConfig?.onClick?.(item) : void 0,
+                    children: (column) => /* @__PURE__ */ jsx(Fragment$1, { children: column.cell(item) }, column.id)
+                  }
+                );
+              }
+            }
+          )
+        ]
+      }
+    ),
+    pagination.type === "page" && /* @__PURE__ */ jsx(
+      TablePagination,
+      {
+        pageSize: pagination.pageSize,
+        offset: pagination.offset,
+        totalCount: pagination.totalCount,
+        hasNextPage: pagination.hasNextPage,
+        hasPreviousPage: pagination.hasPreviousPage,
+        onNextPage: pagination.onNextPage,
+        onPreviousPage: pagination.onPreviousPage,
+        onPageSizeChange: pagination.onPageSizeChange,
+        showPageSizeOptions: pagination.showPageSizeOptions,
+        getLabel: pagination.getLabel
+      }
+    )
+  ] });
+}
 
 export { Table };
 //# sourceMappingURL=Table.esm.js.map

package/dist/components/Table/components/Table.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"Table.esm.js","sources":["../../../../src/components/Table/components/Table.tsx"],"sourcesContent":["/*\n * Copyright 2025 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { useStyles } from '../../../hooks/useStyles';\nimport { TableDefinition } from '../definition';\nimport {\n  Table as ReactAriaTable,\n  type TableProps,\n} from 'react-aria-components';\nimport styles from '../Table.module.css';\nimport clsx from 'clsx';\n\n/** @public */\nexport const Table = (props: TableProps) => {\n  const { classNames, cleanedProps } = useStyles(TableDefinition, props);\n\n  return (\n    <ReactAriaTable\n      className={clsx(classNames.table, styles[classNames.table])}\n      aria-label=\"Data table\"\n      {...cleanedProps}\n    />\n  );\n};\n"],"names":["ReactAriaTable"],"mappings":";;;;;;;AA0BO,MAAM,KAAA,GAAQ,CAAC,KAAA,KAAsB;AAC1C,EAAA,MAAM,EAAE,UAAA,EAAY,YAAA,EAAa,GAAI,SAAA,CAAU,iBAAiB,KAAK,CAAA;AAErE,EAAA,uBACE,GAAA;AAAA,IAACA,OAAA;AAAA,IAAA;AAAA,MACC,WAAW,IAAA,CAAK,UAAA,CAAW,OAAO,MAAA,CAAO,UAAA,CAAW,KAAK,CAAC,CAAA;AAAA,MAC1D,YAAA,EAAW,YAAA;AAAA,MACV,GAAG;AAAA;AAAA,GACN;AAEJ;;;;"}
+{"version":3,"file":"Table.esm.js","sources":["../../../../src/components/Table/components/Table.tsx"],"sourcesContent":["/*\n * Copyright 2025 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport type { Key } from 'react-aria-components';\nimport { TableRoot } from './TableRoot';\nimport { TableHeader } from './TableHeader';\nimport { TableBody } from './TableBody';\nimport { Row } from './Row';\nimport { Column } from './Column';\nimport { TablePagination } from '../../TablePagination';\nimport type {\n  TableProps,\n  TableItem,\n  RowConfig,\n  RowRenderFn,\n  TablePaginationType,\n} from '../types';\nimport { Fragment, useId, useMemo } from 'react';\nimport { VisuallyHidden } from '../../VisuallyHidden';\nimport { Flex } from '../../Flex';\n\nfunction isRowRenderFn<T extends TableItem>(\n  rowConfig: RowConfig<T> | RowRenderFn<T> | undefined,\n): rowConfig is RowRenderFn<T> {\n  return typeof rowConfig === 'function';\n}\n\nfunction useDisabledRows<T extends TableItem>({\n  data,\n  rowConfig,\n}: Pick<TableProps<T>, 'data' | 'rowConfig'>): Set<Key> | undefined {\n  return useMemo(() => {\n    if (!data || typeof rowConfig === 'function' || !rowConfig?.getIsDisabled) {\n      return;\n    }\n\n    return data.reduce<Set<Key>>((set, item) => {\n      const isDisabled = rowConfig.getIsDisabled?.(item);\n      if (isDisabled) {\n        set.add(String(item.id));\n      }\n      return set;\n    }, new Set<Key>());\n  }, [data, rowConfig]);\n}\n\nfunction useLiveRegionLabel(\n  pagination: TablePaginationType,\n  isStale: boolean,\n  hasData: boolean,\n): string {\n  if (!hasData || pagination.type === 'none') {\n    return '';\n  }\n\n  const { pageSize, offset, totalCount, getLabel } = pagination;\n\n  if (isStale) {\n    return 'Loading table data.';\n  }\n\n  let liveRegionLabel = 'Table page loaded. ';\n\n  if (getLabel) {\n    liveRegionLabel += getLabel({ pageSize, offset, totalCount });\n  } else if (offset !== undefined) {\n    const fromCount = offset + 1;\n    const toCount = Math.min(offset + pageSize, totalCount ?? 0);\n    liveRegionLabel += `Showing ${fromCount} to ${toCount} of ${totalCount}`;\n  }\n  return liveRegionLabel;\n}\n\n/** @public */\nexport function Table<T extends TableItem>({\n  columnConfig,\n  data,\n  loading = false,\n  isStale = false,\n  error,\n  pagination,\n  sort,\n  rowConfig,\n  selection,\n  emptyState,\n}: TableProps<T>) {\n  const liveRegionId = useId();\n\n  const visibleColumns = useMemo(\n    () => columnConfig.filter(col => !col.isHidden),\n    [columnConfig],\n  );\n  const disabledRows = useDisabledRows({ data, rowConfig });\n\n  const {\n    mode: selectionMode,\n    selected: selectedKeys,\n    behavior: selectionBehavior,\n    onSelectionChange,\n  } = selection || {};\n\n  if (loading && !data) {\n    return <div>Loading...</div>;\n  }\n\n  if (error) {\n    return <div>Error: {error.message}</div>;\n  }\n\n  const liveRegionLabel = useLiveRegionLabel(\n    pagination,\n    isStale,\n    data !== undefined,\n  );\n\n  return (\n    <div>\n      <VisuallyHidden aria-live=\"polite\" id={liveRegionId}>\n        {liveRegionLabel}\n      </VisuallyHidden>\n\n      <TableRoot\n        selectionMode={selectionMode}\n        selectionBehavior={selectionBehavior}\n        selectedKeys={selectedKeys}\n        onSelectionChange={onSelectionChange}\n        sortDescriptor={sort?.descriptor ?? undefined}\n        onSortChange={sort?.onSortChange}\n        disabledKeys={disabledRows}\n        stale={isStale}\n        aria-describedby={liveRegionId}\n      >\n        <TableHeader columns={visibleColumns}>\n          {column =>\n            column.header ? (\n              <>{column.header()}</>\n            ) : (\n              <Column\n                id={column.id}\n                isRowHeader={column.isRowHeader}\n                allowsSorting={column.isSortable}\n              >\n                {column.label}\n              </Column>\n            )\n          }\n        </TableHeader>\n        <TableBody\n          items={data}\n          renderEmptyState={\n            emptyState ? () => <Flex p=\"3\">{emptyState}</Flex> : undefined\n          }\n        >\n          {item => {\n            const itemIndex = data?.indexOf(item) ?? -1;\n\n            if (isRowRenderFn(rowConfig)) {\n              return rowConfig({\n                item,\n                index: itemIndex,\n              });\n            }\n\n            return (\n              <Row\n                id={String(item.id)}\n                columns={visibleColumns}\n                href={rowConfig?.getHref?.(item)}\n                onAction={\n                  rowConfig?.onClick\n                    ? () => rowConfig?.onClick?.(item)\n                    : undefined\n                }\n              >\n                {column => (\n                  <Fragment key={column.id}>{column.cell(item)}</Fragment>\n                )}\n              </Row>\n            );\n          }}\n        </TableBody>\n      </TableRoot>\n      {pagination.type === 'page' && (\n        <TablePagination\n          pageSize={pagination.pageSize}\n          offset={pagination.offset}\n          totalCount={pagination.totalCount}\n          hasNextPage={pagination.hasNextPage}\n          hasPreviousPage={pagination.hasPreviousPage}\n          onNextPage={pagination.onNextPage}\n          onPreviousPage={pagination.onPreviousPage}\n          onPageSizeChange={pagination.onPageSizeChange}\n          showPageSizeOptions={pagination.showPageSizeOptions}\n          getLabel={pagination.getLabel}\n        />\n      )}\n    </div>\n  );\n}\n"],"names":["Fragment"],"mappings":"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"}

package/dist/components/Table/components/TableRoot.esm.js

@@ -0,0 +1,26 @@
+import { jsx } from 'react/jsx-runtime';
+import { useStyles } from '../../../hooks/useStyles.esm.js';
+import { TableDefinition } from '../definition.esm.js';
+import { Table } from 'react-aria-components';
+import styles from '../Table.module.css.esm.js';
+import clsx from 'clsx';
+
+const TableRoot = (props) => {
+  const { classNames, dataAttributes, cleanedProps } = useStyles(
+    TableDefinition,
+    props
+  );
+  return /* @__PURE__ */ jsx(
+    Table,
+    {
+      className: clsx(classNames.table, styles[classNames.table]),
+      "aria-label": "Data table",
+      "aria-busy": props.stale,
+      ...dataAttributes,
+      ...cleanedProps
+    }
+  );
+};
+
+export { TableRoot };
+//# sourceMappingURL=TableRoot.esm.js.map

package/dist/components/Table/components/TableRoot.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableRoot.esm.js","sources":["../../../../src/components/Table/components/TableRoot.tsx"],"sourcesContent":["/*\n * Copyright 2025 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { useStyles } from '../../../hooks/useStyles';\nimport { TableDefinition } from '../definition';\nimport { Table as ReactAriaTable } from 'react-aria-components';\nimport styles from '../Table.module.css';\nimport clsx from 'clsx';\nimport { TableRootProps } from '../types';\n\n/** @public */\nexport const TableRoot = (props: TableRootProps) => {\n  const { classNames, dataAttributes, cleanedProps } = useStyles(\n    TableDefinition,\n    props,\n  );\n\n  return (\n    <ReactAriaTable\n      className={clsx(classNames.table, styles[classNames.table])}\n      aria-label=\"Data table\"\n      aria-busy={props.stale}\n      {...dataAttributes}\n      {...cleanedProps}\n    />\n  );\n};\n"],"names":["ReactAriaTable"],"mappings":";;;;;;;AAwBO,MAAM,SAAA,GAAY,CAAC,KAAA,KAA0B;AAClD,EAAA,MAAM,EAAE,UAAA,EAAY,cAAA,EAAgB,YAAA,EAAa,GAAI,SAAA;AAAA,IACnD,eAAA;AAAA,IACA;AAAA,GACF;AAEA,EAAA,uBACE,GAAA;AAAA,IAACA,KAAA;AAAA,IAAA;AAAA,MACC,WAAW,IAAA,CAAK,UAAA,CAAW,OAAO,MAAA,CAAO,UAAA,CAAW,KAAK,CAAC,CAAA;AAAA,MAC1D,YAAA,EAAW,YAAA;AAAA,MACX,aAAW,KAAA,CAAM,KAAA;AAAA,MAChB,GAAG,cAAA;AAAA,MACH,GAAG;AAAA;AAAA,GACN;AAEJ;;;;"}

package/dist/components/Table/definition.esm.js

@@ -19,6 +19,9 @@ const TableDefinition = {
     cellProfileLink: "bui-TableCellProfileLink",
     headSelection: "bui-TableHeadSelection",
     cellSelection: "bui-TableCellSelection"
+  },
+  dataAttributes: {
+    stale: [true, false]
   }
 };
 

package/dist/components/Table/definition.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"definition.esm.js","sources":["../../../src/components/Table/definition.ts"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport type { ComponentDefinition } from '../../types';\n\n/**\n * Component definition for Table\n * @public\n */\nexport const TableDefinition = {\n  classNames: {\n    table: 'bui-Table',\n    header: 'bui-TableHeader',\n    body: 'bui-TableBody',\n    row: 'bui-TableRow',\n    head: 'bui-TableHead',\n    headContent: 'bui-TableHeadContent',\n    headSortButton: 'bui-TableHeadSortButton',\n    caption: 'bui-TableCaption',\n    cell: 'bui-TableCell',\n    cellContentWrapper: 'bui-TableCellContentWrapper',\n    cellContent: 'bui-TableCellContent',\n    cellIcon: 'bui-TableCellIcon',\n    cellProfileAvatar: 'bui-TableCellProfileAvatar',\n    cellProfileAvatarImage: 'bui-TableCellProfileAvatarImage',\n    cellProfileAvatarFallback: 'bui-TableCellProfileAvatarFallback',\n    cellProfileName: 'bui-TableCellProfileName',\n    cellProfileLink: 'bui-TableCellProfileLink',\n    headSelection: 'bui-TableHeadSelection',\n    cellSelection: 'bui-TableCellSelection',\n  },\n} as const satisfies ComponentDefinition;\n"],"names":[],"mappings":"AAsBO,MAAM,eAAA,GAAkB;AAAA,EAC7B,UAAA,EAAY;AAAA,IACV,KAAA,EAAO,WAAA;AAAA,IACP,MAAA,EAAQ,iBAAA;AAAA,IACR,IAAA,EAAM,eAAA;AAAA,IACN,GAAA,EAAK,cAAA;AAAA,IACL,IAAA,EAAM,eAAA;AAAA,IACN,WAAA,EAAa,sBAAA;AAAA,IACb,cAAA,EAAgB,yBAAA;AAAA,IAChB,OAAA,EAAS,kBAAA;AAAA,IACT,IAAA,EAAM,eAAA;AAAA,IACN,kBAAA,EAAoB,6BAAA;AAAA,IACpB,WAAA,EAAa,sBAAA;AAAA,IACb,QAAA,EAAU,mBAAA;AAAA,IACV,iBAAA,EAAmB,4BAAA;AAAA,IACnB,sBAAA,EAAwB,iCAAA;AAAA,IACxB,yBAAA,EAA2B,oCAAA;AAAA,IAC3B,eAAA,EAAiB,0BAAA;AAAA,IACjB,eAAA,EAAiB,0BAAA;AAAA,IACjB,aAAA,EAAe,wBAAA;AAAA,IACf,aAAA,EAAe;AAAA;AAEnB;;;;"}
+{"version":3,"file":"definition.esm.js","sources":["../../../src/components/Table/definition.ts"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport type { ComponentDefinition } from '../../types';\n\n/**\n * Component definition for Table\n * @public\n */\nexport const TableDefinition = {\n  classNames: {\n    table: 'bui-Table',\n    header: 'bui-TableHeader',\n    body: 'bui-TableBody',\n    row: 'bui-TableRow',\n    head: 'bui-TableHead',\n    headContent: 'bui-TableHeadContent',\n    headSortButton: 'bui-TableHeadSortButton',\n    caption: 'bui-TableCaption',\n    cell: 'bui-TableCell',\n    cellContentWrapper: 'bui-TableCellContentWrapper',\n    cellContent: 'bui-TableCellContent',\n    cellIcon: 'bui-TableCellIcon',\n    cellProfileAvatar: 'bui-TableCellProfileAvatar',\n    cellProfileAvatarImage: 'bui-TableCellProfileAvatarImage',\n    cellProfileAvatarFallback: 'bui-TableCellProfileAvatarFallback',\n    cellProfileName: 'bui-TableCellProfileName',\n    cellProfileLink: 'bui-TableCellProfileLink',\n    headSelection: 'bui-TableHeadSelection',\n    cellSelection: 'bui-TableCellSelection',\n  },\n  dataAttributes: {\n    stale: [true, false] as const,\n  },\n} as const satisfies ComponentDefinition;\n"],"names":[],"mappings":"AAsBO,MAAM,eAAA,GAAkB;AAAA,EAC7B,UAAA,EAAY;AAAA,IACV,KAAA,EAAO,WAAA;AAAA,IACP,MAAA,EAAQ,iBAAA;AAAA,IACR,IAAA,EAAM,eAAA;AAAA,IACN,GAAA,EAAK,cAAA;AAAA,IACL,IAAA,EAAM,eAAA;AAAA,IACN,WAAA,EAAa,sBAAA;AAAA,IACb,cAAA,EAAgB,yBAAA;AAAA,IAChB,OAAA,EAAS,kBAAA;AAAA,IACT,IAAA,EAAM,eAAA;AAAA,IACN,kBAAA,EAAoB,6BAAA;AAAA,IACpB,WAAA,EAAa,sBAAA;AAAA,IACb,QAAA,EAAU,mBAAA;AAAA,IACV,iBAAA,EAAmB,4BAAA;AAAA,IACnB,sBAAA,EAAwB,iCAAA;AAAA,IACxB,yBAAA,EAA2B,oCAAA;AAAA,IAC3B,eAAA,EAAiB,0BAAA;AAAA,IACjB,eAAA,EAAiB,0BAAA;AAAA,IACjB,aAAA,EAAe,wBAAA;AAAA,IACf,aAAA,EAAe;AAAA,GACjB;AAAA,EACA,cAAA,EAAgB;AAAA,IACd,KAAA,EAAO,CAAC,IAAA,EAAM,KAAK;AAAA;AAEvB;;;;"}

package/dist/components/Table/hooks/useCompletePagination.esm.js

@@ -0,0 +1,106 @@
+import { useState, useEffect, useRef, useMemo, useCallback } from 'react';
+import { useStableCallback } from './useStableCallback.esm.js';
+
+function useCompletePagination(options, query) {
+  const {
+    getData: getDataProp,
+    paginationOptions = {},
+    sortFn,
+    filterFn,
+    searchFn
+  } = options;
+  const { pageSize: defaultPageSize = 20, initialOffset = 0 } = paginationOptions;
+  const getData = useStableCallback(getDataProp);
+  const { sort, filter, search } = query;
+  const [items, setItems] = useState([]);
+  const [isLoading, setIsLoading] = useState(true);
+  const [error, setError] = useState(void 0);
+  const [loadCount, setLoadCount] = useState(0);
+  const [offset, setOffset] = useState(initialOffset);
+  const [pageSize, setPageSize] = useState(defaultPageSize);
+  useEffect(() => {
+    let cancelled = false;
+    setIsLoading(true);
+    setError(void 0);
+    (async () => {
+      try {
+        const result = getData();
+        const data = result instanceof Promise ? await result : result;
+        if (!cancelled) {
+          setItems(data);
+          setIsLoading(false);
+        }
+      } catch (err) {
+        if (!cancelled) {
+          setError(err instanceof Error ? err : new Error(String(err)));
+          setIsLoading(false);
+        }
+      }
+    })();
+    return () => {
+      cancelled = true;
+    };
+  }, [getData, loadCount]);
+  const prevQueryRef = useRef(query);
+  useEffect(() => {
+    if (prevQueryRef.current !== query) {
+      prevQueryRef.current = query;
+      setOffset(0);
+    }
+  }, [query]);
+  const processedData = useMemo(() => {
+    let result = [...items];
+    if (filter !== void 0 && filterFn) {
+      result = filterFn(result, filter);
+    }
+    if (search && searchFn) {
+      result = searchFn(result, search);
+    }
+    if (sort && sortFn) {
+      result = sortFn(result, sort);
+    }
+    return result;
+  }, [items, sort, filter, search, filterFn, searchFn, sortFn]);
+  const totalCount = processedData.length;
+  const paginatedData = useMemo(
+    () => processedData.slice(offset, offset + pageSize),
+    [processedData, offset, pageSize]
+  );
+  const hasNextPage = offset + pageSize < totalCount;
+  const hasPreviousPage = offset > 0;
+  const onNextPage = useCallback(() => {
+    if (offset + pageSize < totalCount) {
+      setOffset(offset + pageSize);
+    }
+  }, [offset, pageSize, totalCount]);
+  const onPreviousPage = useCallback(() => {
+    if (offset > 0) {
+      setOffset(Math.max(0, offset - pageSize));
+    }
+  }, [offset, pageSize]);
+  const onPageSizeChange = useCallback((newSize) => {
+    setPageSize(newSize);
+    setOffset(0);
+  }, []);
+  const reload = useCallback(() => {
+    setOffset(0);
+    setLoadCount((c) => c + 1);
+  }, []);
+  return {
+    data: paginatedData,
+    loading: isLoading,
+    error,
+    totalCount,
+    offset,
+    pageSize,
+    hasNextPage,
+    hasPreviousPage,
+    onNextPage,
+    onPreviousPage,
+    onPageSizeChange,
+    reload
+  };
+}
+
+export { useCompletePagination };
+//# sourceMappingURL=useCompletePagination.esm.js.map

package/dist/components/Table/hooks/useCompletePagination.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCompletePagination.esm.js","sources":["../../../../src/components/Table/hooks/useCompletePagination.ts"],"sourcesContent":["/*\n * Copyright 2025 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { useState, useCallback, useMemo, useEffect, useRef } from 'react';\nimport type { TableItem } from '../types';\nimport type {\n  PaginationResult,\n  QueryState,\n  UseTableCompleteOptions,\n} from './types';\nimport { useStableCallback } from './useStableCallback';\n\n/** @internal */\nexport function useCompletePagination<T extends TableItem, TFilter>(\n  options: UseTableCompleteOptions<T, TFilter>,\n  query: QueryState<TFilter>,\n): PaginationResult<T> & { reload: () => void } {\n  const {\n    getData: getDataProp,\n    paginationOptions = {},\n    sortFn,\n    filterFn,\n    searchFn,\n  } = options;\n  const { pageSize: defaultPageSize = 20, initialOffset = 0 } =\n    paginationOptions;\n\n  const getData = useStableCallback(getDataProp);\n  const { sort, filter, search } = query;\n\n  const [items, setItems] = useState<T[]>([]);\n  const [isLoading, setIsLoading] = useState(true);\n  const [error, setError] = useState<Error | undefined>(undefined);\n  const [loadCount, setLoadCount] = useState(0);\n\n  const [offset, setOffset] = useState(initialOffset);\n  const [pageSize, setPageSize] = useState(defaultPageSize);\n\n  // Load data on mount and when loadCount changes (reload trigger)\n  useEffect(() => {\n    let cancelled = false;\n    setIsLoading(true);\n    setError(undefined);\n\n    (async () => {\n      try {\n        const result = getData();\n        const data = result instanceof Promise ? await result : result;\n        if (!cancelled) {\n          setItems(data);\n          setIsLoading(false);\n        }\n      } catch (err) {\n        if (!cancelled) {\n          setError(err instanceof Error ? err : new Error(String(err)));\n          setIsLoading(false);\n        }\n      }\n    })();\n\n    return () => {\n      cancelled = true;\n    };\n  }, [getData, loadCount]);\n\n  // Reset offset when query changes (query object is memoized)\n  const prevQueryRef = useRef(query);\n  useEffect(() => {\n    if (prevQueryRef.current !== query) {\n      prevQueryRef.current = query;\n      setOffset(0);\n    }\n  }, [query]);\n\n  // Process data client-side (filter, search, sort)\n  const processedData = useMemo(() => {\n    let result = [...items];\n    if (filter !== undefined && filterFn) {\n      result = filterFn(result, filter);\n    }\n    if (search && searchFn) {\n      result = searchFn(result, search);\n    }\n    if (sort && sortFn) {\n      result = sortFn(result, sort);\n    }\n    return result;\n  }, [items, sort, filter, search, filterFn, searchFn, sortFn]);\n\n  const totalCount = processedData.length;\n\n  // Paginate the processed data\n  const paginatedData = useMemo(\n    () => processedData.slice(offset, offset + pageSize),\n    [processedData, offset, pageSize],\n  );\n\n  const hasNextPage = offset + pageSize < totalCount;\n  const hasPreviousPage = offset > 0;\n\n  const onNextPage = useCallback(() => {\n    if (offset + pageSize < totalCount) {\n      setOffset(offset + pageSize);\n    }\n  }, [offset, pageSize, totalCount]);\n\n  const onPreviousPage = useCallback(() => {\n    if (offset > 0) {\n      setOffset(Math.max(0, offset - pageSize));\n    }\n  }, [offset, pageSize]);\n\n  const onPageSizeChange = useCallback((newSize: number) => {\n    setPageSize(newSize);\n    setOffset(0);\n  }, []);\n\n  const reload = useCallback(() => {\n    setOffset(0);\n    setLoadCount(c => c + 1);\n  }, []);\n\n  return {\n    data: paginatedData,\n    loading: isLoading,\n    error,\n    totalCount,\n    offset,\n    pageSize,\n    hasNextPage,\n    hasPreviousPage,\n    onNextPage,\n    onPreviousPage,\n    onPageSizeChange,\n    reload,\n  };\n}\n"],"names":[],"mappings":"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"}

package/dist/components/Table/hooks/useCursorPagination.esm.js

@@ -0,0 +1,58 @@
+import { useState, useCallback } from 'react';
+import { usePageCache } from './usePageCache.esm.js';
+import { useStableCallback } from './useStableCallback.esm.js';
+import { useDebouncedReload } from './useDebouncedReload.esm.js';
+
+function useCursorPagination(options, query) {
+  const { getData: getDataProp, paginationOptions = {} } = options;
+  const { pageSize: defaultPageSize = 20 } = paginationOptions;
+  const getData = useStableCallback(getDataProp);
+  const { sort, filter, search } = query;
+  const [pageSize, setPageSize] = useState(defaultPageSize);
+  const wrappedGetData = useCallback(
+    async ({
+      cursor,
+      signal
+    }) => {
+      const params = {
+        cursor,
+        pageSize,
+        sort,
+        filter,
+        search,
+        signal
+      };
+      const response = await getData(params);
+      return {
+        data: response.data,
+        prevCursor: response.prevCursor,
+        nextCursor: response.nextCursor,
+        totalCount: response.totalCount
+      };
+    },
+    [getData, pageSize, sort, filter, search]
+  );
+  const cache = usePageCache({ getData: wrappedGetData });
+  useDebouncedReload(query, pageSize, cache.reload);
+  const onPageSizeChange = useCallback(
+    (newSize) => setPageSize(newSize),
+    []
+  );
+  return {
+    data: cache.data,
+    loading: cache.loading,
+    error: cache.error,
+    totalCount: cache.totalCount,
+    offset: void 0,
+    pageSize,
+    hasNextPage: cache.hasNextPage,
+    hasPreviousPage: cache.hasPreviousPage,
+    onNextPage: cache.onNextPage,
+    onPreviousPage: cache.onPreviousPage,
+    onPageSizeChange,
+    reload: cache.reload
+  };
+}
+
+export { useCursorPagination };
+//# sourceMappingURL=useCursorPagination.esm.js.map

package/dist/components/Table/hooks/useCursorPagination.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCursorPagination.esm.js","sources":["../../../../src/components/Table/hooks/useCursorPagination.ts"],"sourcesContent":["/*\n * Copyright 2025 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport { useState, useCallback } from 'react';\nimport type { TableItem } from '../types';\nimport type {\n  UseTableCursorOptions,\n  CursorParams,\n  QueryState,\n  PaginationResult,\n} from './types';\nimport { usePageCache } from './usePageCache';\nimport { useStableCallback } from './useStableCallback';\nimport { useDebouncedReload } from './useDebouncedReload';\n\nexport function useCursorPagination<T extends TableItem, TFilter>(\n  options: UseTableCursorOptions<T, TFilter>,\n  query: QueryState<TFilter>,\n): PaginationResult<T> & { reload: () => void } {\n  const { getData: getDataProp, paginationOptions = {} } = options;\n  const { pageSize: defaultPageSize = 20 } = paginationOptions;\n\n  const getData = useStableCallback(getDataProp);\n  const { sort, filter, search } = query;\n\n  const [pageSize, setPageSize] = useState(defaultPageSize);\n\n  const wrappedGetData = useCallback(\n    async ({\n      cursor,\n      signal,\n    }: {\n      cursor: string | undefined;\n      signal: AbortSignal;\n    }) => {\n      const params: CursorParams<TFilter> = {\n        cursor,\n        pageSize,\n        sort,\n        filter,\n        search,\n        signal,\n      };\n\n      const response = await getData(params);\n\n      return {\n        data: response.data,\n        prevCursor: response.prevCursor,\n        nextCursor: response.nextCursor,\n        totalCount: response.totalCount,\n      };\n    },\n    [getData, pageSize, sort, filter, search],\n  );\n\n  const cache = usePageCache<T, string>({ getData: wrappedGetData });\n\n  useDebouncedReload(query, pageSize, cache.reload);\n\n  const onPageSizeChange = useCallback(\n    (newSize: number) => setPageSize(newSize),\n    [],\n  );\n\n  return {\n    data: cache.data,\n    loading: cache.loading,\n    error: cache.error,\n    totalCount: cache.totalCount,\n    offset: undefined,\n    pageSize,\n    hasNextPage: cache.hasNextPage,\n    hasPreviousPage: cache.hasPreviousPage,\n    onNextPage: cache.onNextPage,\n    onPreviousPage: cache.onPreviousPage,\n    onPageSizeChange,\n    reload: cache.reload,\n  };\n}\n"],"names":[],"mappings":";;;;;AA2BO,SAAS,mBAAA,CACd,SACA,KAAA,EAC8C;AAC9C,EAAA,MAAM,EAAE,OAAA,EAAS,WAAA,EAAa,iBAAA,GAAoB,IAAG,GAAI,OAAA;AACzD,EAAA,MAAM,EAAE,QAAA,EAAU,eAAA,GAAkB,EAAA,EAAG,GAAI,iBAAA;AAE3C,EAAA,MAAM,OAAA,GAAU,kBAAkB,WAAW,CAAA;AAC7C,EAAA,MAAM,EAAE,IAAA,EAAM,MAAA,EAAQ,MAAA,EAAO,GAAI,KAAA;AAEjC,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAI,SAAS,eAAe,CAAA;AAExD,EAAA,MAAM,cAAA,GAAiB,WAAA;AAAA,IACrB,OAAO;AAAA,MACL,MAAA;AAAA,MACA;AAAA,KACF,KAGM;AACJ,MAAA,MAAM,MAAA,GAAgC;AAAA,QACpC,MAAA;AAAA,QACA,QAAA;AAAA,QACA,IAAA;AAAA,QACA,MAAA;AAAA,QACA,MAAA;AAAA,QACA;AAAA,OACF;AAEA,MAAA,MAAM,QAAA,GAAW,MAAM,OAAA,CAAQ,MAAM,CAAA;AAErC,MAAA,OAAO;AAAA,QACL,MAAM,QAAA,CAAS,IAAA;AAAA,QACf,YAAY,QAAA,CAAS,UAAA;AAAA,QACrB,YAAY,QAAA,CAAS,UAAA;AAAA,QACrB,YAAY,QAAA,CAAS;AAAA,OACvB;AAAA,IACF,CAAA;AAAA,IACA,CAAC,OAAA,EAAS,QAAA,EAAU,IAAA,EAAM,QAAQ,MAAM;AAAA,GAC1C;AAEA,EAAA,MAAM,KAAA,GAAQ,YAAA,CAAwB,EAAE,OAAA,EAAS,gBAAgB,CAAA;AAEjE,EAAA,kBAAA,CAAmB,KAAA,EAAO,QAAA,EAAU,KAAA,CAAM,MAAM,CAAA;AAEhD,EAAA,MAAM,gBAAA,GAAmB,WAAA;AAAA,IACvB,CAAC,OAAA,KAAoB,WAAA,CAAY,OAAO,CAAA;AAAA,IACxC;AAAC,GACH;AAEA,EAAA,OAAO;AAAA,IACL,MAAM,KAAA,CAAM,IAAA;AAAA,IACZ,SAAS,KAAA,CAAM,OAAA;AAAA,IACf,OAAO,KAAA,CAAM,KAAA;AAAA,IACb,YAAY,KAAA,CAAM,UAAA;AAAA,IAClB,MAAA,EAAQ,MAAA;AAAA,IACR,QAAA;AAAA,IACA,aAAa,KAAA,CAAM,WAAA;AAAA,IACnB,iBAAiB,KAAA,CAAM,eAAA;AAAA,IACvB,YAAY,KAAA,CAAM,UAAA;AAAA,IAClB,gBAAgB,KAAA,CAAM,cAAA;AAAA,IACtB,gBAAA;AAAA,IACA,QAAQ,KAAA,CAAM;AAAA,GAChB;AACF;;;;"}

package/dist/components/Table/hooks/useDebouncedReload.esm.js

@@ -0,0 +1,17 @@
+import { useRef, useEffect } from 'react';
+
+function useDebouncedReload(query, pageSize, reload, delay = 200) {
+  const prevDepsRef = useRef({ query, pageSize });
+  useEffect(() => {
+    const prev = prevDepsRef.current;
+    if (prev.query !== query || prev.pageSize !== pageSize) {
+      prevDepsRef.current = { query, pageSize };
+      const timer = setTimeout(reload, delay);
+      return () => clearTimeout(timer);
+    }
+    return void 0;
+  }, [query, pageSize, reload, delay]);
+}
+
+export { useDebouncedReload };
+//# sourceMappingURL=useDebouncedReload.esm.js.map

package/dist/components/Table/hooks/useDebouncedReload.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDebouncedReload.esm.js","sources":["../../../../src/components/Table/hooks/useDebouncedReload.ts"],"sourcesContent":["/*\n * Copyright 2025 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { useEffect, useRef } from 'react';\nimport type { QueryState } from './types';\n\n/**\n * Triggers a debounced reload when query or pageSize changes.\n * Debouncing reduces backend load during rapid changes (e.g., typing in search).\n */\n/** @internal */\nexport function useDebouncedReload<TFilter>(\n  query: QueryState<TFilter>,\n  pageSize: number,\n  reload: () => void,\n  delay: number = 200,\n): void {\n  const prevDepsRef = useRef({ query, pageSize });\n\n  useEffect(() => {\n    const prev = prevDepsRef.current;\n    if (prev.query !== query || prev.pageSize !== pageSize) {\n      prevDepsRef.current = { query, pageSize };\n      const timer = setTimeout(reload, delay);\n      return () => clearTimeout(timer);\n    }\n    return undefined;\n  }, [query, pageSize, reload, delay]);\n}\n"],"names":[],"mappings":";;AAwBO,SAAS,kBAAA,CACd,KAAA,EACA,QAAA,EACA,MAAA,EACA,QAAgB,GAAA,EACV;AACN,EAAA,MAAM,WAAA,GAAc,MAAA,CAAO,EAAE,KAAA,EAAO,UAAU,CAAA;AAE9C,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,MAAM,OAAO,WAAA,CAAY,OAAA;AACzB,IAAA,IAAI,IAAA,CAAK,KAAA,KAAU,KAAA,IAAS,IAAA,CAAK,aAAa,QAAA,EAAU;AACtD,MAAA,WAAA,CAAY,OAAA,GAAU,EAAE,KAAA,EAAO,QAAA,EAAS;AACxC,MAAA,MAAM,KAAA,GAAQ,UAAA,CAAW,MAAA,EAAQ,KAAK,CAAA;AACtC,MAAA,OAAO,MAAM,aAAa,KAAK,CAAA;AAAA,IACjC;AACA,IAAA,OAAO,MAAA;AAAA,EACT,GAAG,CAAC,KAAA,EAAO,QAAA,EAAU,MAAA,EAAQ,KAAK,CAAC,CAAA;AACrC;;;;"}

package/dist/components/Table/hooks/useOffsetPagination.esm.js

@@ -0,0 +1,64 @@
+import { useState, useCallback } from 'react';
+import { usePageCache } from './usePageCache.esm.js';
+import { useStableCallback } from './useStableCallback.esm.js';
+import { useDebouncedReload } from './useDebouncedReload.esm.js';
+
+function useOffsetPagination(options, query) {
+  const { getData: getDataProp, paginationOptions = {} } = options;
+  const { pageSize: defaultPageSize = 20, initialOffset = 0 } = paginationOptions;
+  const getData = useStableCallback(getDataProp);
+  const { sort, filter, search } = query;
+  const [pageSize, setPageSize] = useState(defaultPageSize);
+  const wrappedGetData = useCallback(
+    async ({
+      cursor,
+      signal
+    }) => {
+      const currentOffset = cursor ?? 0;
+      const params = {
+        offset: currentOffset,
+        pageSize,
+        sort,
+        filter,
+        search,
+        signal
+      };
+      const response = await getData(params);
+      const prevCursor = currentOffset > 0 ? Math.max(0, currentOffset - pageSize) : void 0;
+      const nextCursor = currentOffset + pageSize < response.totalCount ? currentOffset + pageSize : void 0;
+      return {
+        data: response.data,
+        prevCursor,
+        nextCursor,
+        totalCount: response.totalCount
+      };
+    },
+    [getData, pageSize, sort, filter, search]
+  );
+  const cache = usePageCache({
+    getData: wrappedGetData,
+    initialCurrentCursor: initialOffset > 0 ? initialOffset : void 0
+  });
+  useDebouncedReload(query, pageSize, cache.reload);
+  const onPageSizeChange = useCallback(
+    (newSize) => setPageSize(newSize),
+    []
+  );
+  return {
+    data: cache.data,
+    loading: cache.loading,
+    error: cache.error,
+    totalCount: cache.totalCount,
+    offset: cache.currentCursor ?? 0,
+    pageSize,
+    hasNextPage: cache.hasNextPage,
+    hasPreviousPage: cache.hasPreviousPage,
+    onNextPage: cache.onNextPage,
+    onPreviousPage: cache.onPreviousPage,
+    onPageSizeChange,
+    reload: cache.reload
+  };
+}
+
+export { useOffsetPagination };
+//# sourceMappingURL=useOffsetPagination.esm.js.map