@backstage/ui 0.17.2-next.0 → 0.18.0-next.2

package/dist/components/Select/SelectItem.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectItem.esm.js","sources":["../../../src/components/Select/SelectItem.tsx"],"sourcesContent":["/*\n * Copyright 2026 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 { RiCheckLine } from '@remixicon/react';\nimport { ListBoxItem, Text } from 'react-aria-components';\nimport { Avatar } from '../Avatar';\nimport { useDefinition } from '../../hooks/useDefinition';\nimport {\n  SelectItemDefinition,\n  SelectItemProfileDefinition,\n  SelectItemTextDefinition,\n} from './definition';\nimport type {\n  SelectItemProfileProps,\n  SelectItemProps,\n  SelectItemTextProps,\n} from './types';\n\n/**\n * A low-level Select item wrapper for custom item content.\n *\n * @public\n */\nexport function SelectItem<T extends object = object>(\n  props: SelectItemProps<T>,\n) {\n  const { ownProps, restProps } = useDefinition(SelectItemDefinition, props);\n  const { classes, children, showSelectionIndicator } = ownProps;\n\n  return (\n    <ListBoxItem className={classes.root} {...restProps}>\n      {values => {\n        const content =\n          typeof children === 'function' ? children(values) : children;\n\n        if (!showSelectionIndicator) {\n          return content;\n        }\n\n        return (\n          <>\n            <div className={classes.indicator}>\n              <RiCheckLine aria-hidden=\"true\" />\n            </div>\n            <div className={classes.content}>{content}</div>\n          </>\n        );\n      }}\n    </ListBoxItem>\n  );\n}\n\n/**\n * A Select item preset with a title and optional supporting content.\n *\n * @public\n */\nexport function SelectItemText<T extends object = object>(\n  props: SelectItemTextProps<T>,\n) {\n  const { ownProps, restProps } = useDefinition(\n    SelectItemTextDefinition,\n    props,\n  );\n  const { classes, title, description, leadingIcon } = ownProps;\n\n  return (\n    <SelectItem\n      className={classes.root}\n      textValue={title}\n      showSelectionIndicator\n      {...restProps}\n    >\n      <div className={classes.content}>\n        {leadingIcon && (\n          <div className={classes.leadingIcon}>{leadingIcon}</div>\n        )}\n        <div className={classes.text}>\n          <Text slot=\"label\" className={classes.title}>\n            {title}\n          </Text>\n          {description && (\n            <Text slot=\"description\" className={classes.description}>\n              {description}\n            </Text>\n          )}\n        </div>\n      </div>\n    </SelectItem>\n  );\n}\n\n/**\n * A Select item preset for a person or other named profile.\n *\n * @public\n */\nexport function SelectItemProfile<T extends object = object>(\n  props: SelectItemProfileProps<T>,\n) {\n  const { ownProps, restProps } = useDefinition(\n    SelectItemProfileDefinition,\n    props,\n  );\n  const { classes, name, src } = ownProps;\n\n  return (\n    <SelectItem\n      className={classes.root}\n      textValue={name}\n      showSelectionIndicator\n      {...restProps}\n    >\n      <div className={classes.content}>\n        <div className={classes.avatar}>\n          <Avatar\n            src={src ?? ''}\n            name={name}\n            size=\"x-small\"\n            purpose=\"decoration\"\n          />\n        </div>\n        <Text slot=\"label\" className={classes.name}>\n          {name}\n        </Text>\n      </div>\n    </SelectItem>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;AAoCO,SAAS,WACd,KAAA,EACA;AACA,EAAA,MAAM,EAAE,QAAA,EAAU,SAAA,EAAU,GAAI,aAAA,CAAc,sBAAsB,KAAK,CAAA;AACzE,EAAA,MAAM,EAAE,OAAA,EAAS,QAAA,EAAU,sBAAA,EAAuB,GAAI,QAAA;AAEtD,EAAA,2BACG,WAAA,EAAA,EAAY,SAAA,EAAW,QAAQ,IAAA,EAAO,GAAG,WACvC,QAAA,EAAA,CAAA,MAAA,KAAU;AACT,IAAA,MAAM,UACJ,OAAO,QAAA,KAAa,UAAA,GAAa,QAAA,CAAS,MAAM,CAAA,GAAI,QAAA;AAEtD,IAAA,IAAI,CAAC,sBAAA,EAAwB;AAC3B,MAAA,OAAO,OAAA;AAAA,IACT;AAEA,IAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,WAAW,OAAA,CAAQ,SAAA,EACtB,8BAAC,WAAA,EAAA,EAAY,aAAA,EAAY,QAAO,CAAA,EAClC,CAAA;AAAA,sBACA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,OAAA,CAAQ,SAAU,QAAA,EAAA,OAAA,EAAQ;AAAA,KAAA,EAC5C,CAAA;AAAA,EAEJ,CAAA,EACF,CAAA;AAEJ;AAOO,SAAS,eACd,KAAA,EACA;AACA,EAAA,MAAM,EAAE,QAAA,EAAU,SAAA,EAAU,GAAI,aAAA;AAAA,IAC9B,wBAAA;AAAA,IACA;AAAA,GACF;AACA,EAAA,MAAM,EAAE,OAAA,EAAS,KAAA,EAAO,WAAA,EAAa,aAAY,GAAI,QAAA;AAErD,EAAA,uBACE,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,WAAW,OAAA,CAAQ,IAAA;AAAA,MACnB,SAAA,EAAW,KAAA;AAAA,MACX,sBAAA,EAAsB,IAAA;AAAA,MACrB,GAAG,SAAA;AAAA,MAEJ,QAAA,kBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,OAAA,CAAQ,OAAA,EACrB,QAAA,EAAA;AAAA,QAAA,WAAA,oBACC,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,OAAA,CAAQ,aAAc,QAAA,EAAA,WAAA,EAAY,CAAA;AAAA,wBAEpD,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,OAAA,CAAQ,IAAA,EACtB,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,QAAK,IAAA,EAAK,OAAA,EAAQ,SAAA,EAAW,OAAA,CAAQ,OACnC,QAAA,EAAA,KAAA,EACH,CAAA;AAAA,UACC,WAAA,wBACE,IAAA,EAAA,EAAK,IAAA,EAAK,eAAc,SAAA,EAAW,OAAA,CAAQ,aACzC,QAAA,EAAA,WAAA,EACH;AAAA,SAAA,EAEJ;AAAA,OAAA,EACF;AAAA;AAAA,GACF;AAEJ;AAOO,SAAS,kBACd,KAAA,EACA;AACA,EAAA,MAAM,EAAE,QAAA,EAAU,SAAA,EAAU,GAAI,aAAA;AAAA,IAC9B,2BAAA;AAAA,IACA;AAAA,GACF;AACA,EAAA,MAAM,EAAE,OAAA,EAAS,IAAA,EAAM,GAAA,EAAI,GAAI,QAAA;AAE/B,EAAA,uBACE,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,WAAW,OAAA,CAAQ,IAAA;AAAA,MACnB,SAAA,EAAW,IAAA;AAAA,MACX,sBAAA,EAAsB,IAAA;AAAA,MACrB,GAAG,SAAA;AAAA,MAEJ,QAAA,kBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,OAAA,CAAQ,OAAA,EACtB,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,OAAA,CAAQ,MAAA,EACtB,QAAA,kBAAA,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,KAAK,GAAA,IAAO,EAAA;AAAA,YACZ,IAAA;AAAA,YACA,IAAA,EAAK,SAAA;AAAA,YACL,OAAA,EAAQ;AAAA;AAAA,SACV,EACF,CAAA;AAAA,4BACC,IAAA,EAAA,EAAK,IAAA,EAAK,SAAQ,SAAA,EAAW,OAAA,CAAQ,MACnC,QAAA,EAAA,IAAA,EACH;AAAA,OAAA,EACF;AAAA;AAAA,GACF;AAEJ;;;;"}
+{"version":3,"file":"SelectItem.esm.js","sources":["../../../src/components/Select/SelectItem.tsx"],"sourcesContent":["/*\n * Copyright 2026 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 { RiCheckLine } from '@remixicon/react';\nimport { ListBoxItem, Text } from 'react-aria-components';\nimport { Avatar } from '../Avatar';\nimport {\n  useDefinition,\n  type UseDefinitionResult,\n} from '../../hooks/useDefinition';\nimport {\n  SelectItemDefinition,\n  SelectItemProfileDefinition,\n  SelectItemTextDefinition,\n} from './definition';\nimport type {\n  SelectItemProfileProps,\n  SelectItemProps,\n  SelectItemTextProps,\n} from './types';\nimport {\n  getReactAriaAnchorProps,\n  type AnchorNavigation,\n} from '../../navigation/useNavigation';\n\ntype SelectItemViewProps = {\n  definitionResult: UseDefinitionResult<\n    typeof SelectItemDefinition,\n    SelectItemProps\n  >;\n  navigation: AnchorNavigation;\n};\n\nfunction SelectItemView({ definitionResult, navigation }: SelectItemViewProps) {\n  const { ownProps, restProps } = definitionResult;\n  const { classes, children, showSelectionIndicator } = ownProps;\n  const navigationProps = getReactAriaAnchorProps(navigation, restProps);\n\n  return (\n    <ListBoxItem className={classes.root} {...restProps} {...navigationProps}>\n      {values => {\n        const content =\n          typeof children === 'function' ? children(values) : children;\n\n        if (!showSelectionIndicator) {\n          return content;\n        }\n\n        return (\n          <>\n            <div className={classes.indicator}>\n              <RiCheckLine aria-hidden=\"true\" />\n            </div>\n            <div className={classes.content}>{content}</div>\n          </>\n        );\n      }}\n    </ListBoxItem>\n  );\n}\n\n/**\n * A low-level Select item wrapper for custom item content.\n *\n * @public\n */\nexport function SelectItem<T extends object = object>(\n  props: SelectItemProps<T>,\n) {\n  const definitionResult = useDefinition(SelectItemDefinition, props);\n  const Navigation = definitionResult.navigation;\n\n  return (\n    <Navigation\n      props={definitionResult.restProps}\n      view={SelectItemView}\n      viewProps={{ definitionResult }}\n    />\n  );\n}\n\n/**\n * A Select item preset with a title and optional supporting content.\n *\n * @public\n */\nexport function SelectItemText<T extends object = object>(\n  props: SelectItemTextProps<T>,\n) {\n  const { ownProps, restProps } = useDefinition(\n    SelectItemTextDefinition,\n    props,\n  );\n  const { classes, title, description, leadingIcon } = ownProps;\n\n  return (\n    <SelectItem\n      className={classes.root}\n      textValue={title}\n      showSelectionIndicator\n      {...restProps}\n    >\n      <div className={classes.content}>\n        {leadingIcon && (\n          <div className={classes.leadingIcon}>{leadingIcon}</div>\n        )}\n        <div className={classes.text}>\n          <Text slot=\"label\" className={classes.title}>\n            {title}\n          </Text>\n          {description && (\n            <Text slot=\"description\" className={classes.description}>\n              {description}\n            </Text>\n          )}\n        </div>\n      </div>\n    </SelectItem>\n  );\n}\n\n/**\n * A Select item preset for a person or other named profile.\n *\n * @public\n */\nexport function SelectItemProfile<T extends object = object>(\n  props: SelectItemProfileProps<T>,\n) {\n  const { ownProps, restProps } = useDefinition(\n    SelectItemProfileDefinition,\n    props,\n  );\n  const { classes, name, src } = ownProps;\n\n  return (\n    <SelectItem\n      className={classes.root}\n      textValue={name}\n      showSelectionIndicator\n      {...restProps}\n    >\n      <div className={classes.content}>\n        <div className={classes.avatar}>\n          <Avatar\n            src={src ?? ''}\n            name={name}\n            size=\"x-small\"\n            purpose=\"decoration\"\n          />\n        </div>\n        <Text slot=\"label\" className={classes.name}>\n          {name}\n        </Text>\n      </div>\n    </SelectItem>\n  );\n}\n"],"names":[],"mappings":"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"}

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

@@ -3,8 +3,10 @@ import 'clsx';
 import '../../hooks/useBreakpoint.esm.js';
 import '../../hooks/useBg.esm.js';
 import '../../hooks/useDefinition/helpers.esm.js';
-import '../../analytics/useAnalytics.esm.js';
+import 'react';
+import '../../provider/BUIContext.esm.js';
 import 'react-router-dom';
+import '@backstage/version-bridge';
 import { defineComponent } from '../../hooks/useDefinition/defineComponent.esm.js';
 import styles from './Select.module.css.esm.js';
 
@@ -103,6 +105,7 @@ const SelectItemDefinition = defineComponent()({
     indicator: "bui-SelectItemIndicator",
     content: "bui-SelectItemContent"
   },
+  navigation: { type: "anchor" },
   propDefs: {
     children: {},
     showSelectionIndicator: {},

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

@@ -1 +1 @@
-{"version":3,"file":"definition.esm.js","sources":["../../../src/components/Select/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 { defineComponent } from '../../hooks/useDefinition';\nimport type {\n  SelectOwnProps,\n  SelectTriggerOwnProps,\n  SelectContentOwnProps,\n  SelectListBoxOwnProps,\n  SelectListBoxItemOwnProps,\n  SelectItemOwnProps,\n  SelectItemProfileOwnProps,\n  SelectItemTextOwnProps,\n  SelectSectionOwnProps,\n} from './types';\nimport styles from './Select.module.css';\n\n/** @public */\nexport const SelectDefinition = defineComponent<SelectOwnProps>()({\n  styles,\n  classNames: {\n    root: 'bui-Select',\n    popover: 'bui-SelectPopover',\n  },\n  propDefs: {\n    icon: {},\n    size: { dataAttribute: true, default: 'small' },\n    options: {},\n    items: {},\n    children: {},\n    dependencies: {},\n    search: {},\n    loading: {},\n    searchable: {},\n    searchPlaceholder: {},\n    label: {},\n    secondaryLabel: {},\n    description: {},\n    isRequired: {},\n    className: {},\n  },\n});\n\n/** @public */\nexport const SelectTriggerDefinition = defineComponent<SelectTriggerOwnProps>()(\n  {\n    styles,\n    classNames: {\n      root: 'bui-SelectTrigger',\n      chevron: 'bui-SelectTriggerChevron',\n      value: 'bui-SelectValue',\n    },\n    bg: 'consumer',\n    propDefs: {\n      icon: {},\n    },\n  },\n);\n\n/** @public */\nexport const SelectContentDefinition = defineComponent<SelectContentOwnProps>()(\n  {\n    styles,\n    classNames: {\n      root: 'bui-SelectContent',\n      searchWrapper: 'bui-SelectSearchWrapper',\n      results: 'bui-SelectResults',\n      search: 'bui-SelectSearch',\n      searchClear: 'bui-SelectSearchClear',\n    },\n    propDefs: {\n      search: {},\n      options: {},\n      items: {},\n      children: {},\n      dependencies: {},\n      loading: {},\n      isStale: {},\n      visibleIds: {},\n      retainedOptions: {},\n    },\n  },\n);\n\n/** @public */\nexport const SelectListBoxDefinition = defineComponent<SelectListBoxOwnProps>()(\n  {\n    styles,\n    classNames: {\n      root: 'bui-SelectList',\n      noResults: 'bui-SelectNoResults',\n      loading: 'bui-SelectLoading',\n      loadingRow: 'bui-SelectLoadingRow',\n    },\n    propDefs: {\n      options: {},\n      items: {},\n      children: {},\n      dependencies: {},\n      loading: {},\n      isStale: {},\n      retainedOptions: {},\n    },\n  },\n);\n\n/** @public */\nexport const SelectListBoxItemDefinition =\n  defineComponent<SelectListBoxItemOwnProps>()({\n    styles,\n    classNames: {\n      label: 'bui-SelectItemLabel',\n    },\n    propDefs: {},\n  });\n\n/** @public */\nexport const SelectItemDefinition = defineComponent<SelectItemOwnProps>()({\n  styles,\n  classNames: {\n    root: 'bui-SelectItem',\n    indicator: 'bui-SelectItemIndicator',\n    content: 'bui-SelectItemContent',\n  },\n  propDefs: {\n    children: {},\n    showSelectionIndicator: {},\n    className: {},\n  },\n});\n\n/** @public */\nexport const SelectItemTextDefinition =\n  defineComponent<SelectItemTextOwnProps>()({\n    styles,\n    classNames: {\n      root: 'bui-SelectItemText',\n      content: 'bui-SelectItemContent',\n      leadingIcon: 'bui-SelectItemLeadingIcon',\n      text: 'bui-SelectItemTextContent',\n      title: 'bui-SelectItemTitle',\n      description: 'bui-SelectItemDescription',\n    },\n    propDefs: {\n      title: {},\n      description: {},\n      leadingIcon: {},\n      className: {},\n    },\n  });\n\n/** @public */\nexport const SelectItemProfileDefinition =\n  defineComponent<SelectItemProfileOwnProps>()({\n    styles,\n    classNames: {\n      root: 'bui-SelectItemProfile',\n      content: 'bui-SelectItemContent',\n      avatar: 'bui-SelectItemAvatar',\n      name: 'bui-SelectItemTitle',\n    },\n    propDefs: {\n      name: {},\n      src: {},\n      className: {},\n    },\n  });\n\n/** @public */\nexport const SelectSectionDefinition = defineComponent<SelectSectionOwnProps>()(\n  {\n    styles,\n    classNames: {\n      root: 'bui-SelectSection',\n      header: 'bui-SelectSectionHeader',\n    },\n    propDefs: {},\n  },\n);\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"definition.esm.js","sources":["../../../src/components/Select/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 { defineComponent } from '../../hooks/useDefinition';\nimport type {\n  SelectOwnProps,\n  SelectTriggerOwnProps,\n  SelectContentOwnProps,\n  SelectListBoxOwnProps,\n  SelectListBoxItemOwnProps,\n  SelectItemOwnProps,\n  SelectItemProfileOwnProps,\n  SelectItemTextOwnProps,\n  SelectSectionOwnProps,\n} from './types';\nimport styles from './Select.module.css';\n\n/** @public */\nexport const SelectDefinition = defineComponent<SelectOwnProps>()({\n  styles,\n  classNames: {\n    root: 'bui-Select',\n    popover: 'bui-SelectPopover',\n  },\n  propDefs: {\n    icon: {},\n    size: { dataAttribute: true, default: 'small' },\n    options: {},\n    items: {},\n    children: {},\n    dependencies: {},\n    search: {},\n    loading: {},\n    searchable: {},\n    searchPlaceholder: {},\n    label: {},\n    secondaryLabel: {},\n    description: {},\n    isRequired: {},\n    className: {},\n  },\n});\n\n/** @public */\nexport const SelectTriggerDefinition = defineComponent<SelectTriggerOwnProps>()(\n  {\n    styles,\n    classNames: {\n      root: 'bui-SelectTrigger',\n      chevron: 'bui-SelectTriggerChevron',\n      value: 'bui-SelectValue',\n    },\n    bg: 'consumer',\n    propDefs: {\n      icon: {},\n    },\n  },\n);\n\n/** @public */\nexport const SelectContentDefinition = defineComponent<SelectContentOwnProps>()(\n  {\n    styles,\n    classNames: {\n      root: 'bui-SelectContent',\n      searchWrapper: 'bui-SelectSearchWrapper',\n      results: 'bui-SelectResults',\n      search: 'bui-SelectSearch',\n      searchClear: 'bui-SelectSearchClear',\n    },\n    propDefs: {\n      search: {},\n      options: {},\n      items: {},\n      children: {},\n      dependencies: {},\n      loading: {},\n      isStale: {},\n      visibleIds: {},\n      retainedOptions: {},\n    },\n  },\n);\n\n/** @public */\nexport const SelectListBoxDefinition = defineComponent<SelectListBoxOwnProps>()(\n  {\n    styles,\n    classNames: {\n      root: 'bui-SelectList',\n      noResults: 'bui-SelectNoResults',\n      loading: 'bui-SelectLoading',\n      loadingRow: 'bui-SelectLoadingRow',\n    },\n    propDefs: {\n      options: {},\n      items: {},\n      children: {},\n      dependencies: {},\n      loading: {},\n      isStale: {},\n      retainedOptions: {},\n    },\n  },\n);\n\n/** @public */\nexport const SelectListBoxItemDefinition =\n  defineComponent<SelectListBoxItemOwnProps>()({\n    styles,\n    classNames: {\n      label: 'bui-SelectItemLabel',\n    },\n    propDefs: {},\n  });\n\n/** @public */\nexport const SelectItemDefinition = defineComponent<SelectItemOwnProps>()({\n  styles,\n  classNames: {\n    root: 'bui-SelectItem',\n    indicator: 'bui-SelectItemIndicator',\n    content: 'bui-SelectItemContent',\n  },\n  navigation: { type: 'anchor' },\n  propDefs: {\n    children: {},\n    showSelectionIndicator: {},\n    className: {},\n  },\n});\n\n/** @public */\nexport const SelectItemTextDefinition =\n  defineComponent<SelectItemTextOwnProps>()({\n    styles,\n    classNames: {\n      root: 'bui-SelectItemText',\n      content: 'bui-SelectItemContent',\n      leadingIcon: 'bui-SelectItemLeadingIcon',\n      text: 'bui-SelectItemTextContent',\n      title: 'bui-SelectItemTitle',\n      description: 'bui-SelectItemDescription',\n    },\n    propDefs: {\n      title: {},\n      description: {},\n      leadingIcon: {},\n      className: {},\n    },\n  });\n\n/** @public */\nexport const SelectItemProfileDefinition =\n  defineComponent<SelectItemProfileOwnProps>()({\n    styles,\n    classNames: {\n      root: 'bui-SelectItemProfile',\n      content: 'bui-SelectItemContent',\n      avatar: 'bui-SelectItemAvatar',\n      name: 'bui-SelectItemTitle',\n    },\n    propDefs: {\n      name: {},\n      src: {},\n      className: {},\n    },\n  });\n\n/** @public */\nexport const SelectSectionDefinition = defineComponent<SelectSectionOwnProps>()(\n  {\n    styles,\n    classNames: {\n      root: 'bui-SelectSection',\n      header: 'bui-SelectSectionHeader',\n    },\n    propDefs: {},\n  },\n);\n"],"names":[],"mappings":"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"}

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

@@ -3,8 +3,10 @@ import 'clsx';
 import '../../hooks/useBreakpoint.esm.js';
 import '../../hooks/useBg.esm.js';
 import '../../hooks/useDefinition/helpers.esm.js';
-import '../../analytics/useAnalytics.esm.js';
+import 'react';
+import '../../provider/BUIContext.esm.js';
 import 'react-router-dom';
+import '@backstage/version-bridge';
 import { defineComponent } from '../../hooks/useDefinition/defineComponent.esm.js';
 import styles from './Skeleton.module.css.esm.js';
 

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

@@ -1 +1 @@
-{"version":3,"file":"definition.esm.js","sources":["../../../src/components/Skeleton/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 { defineComponent } from '../../hooks/useDefinition';\nimport type { SkeletonOwnProps } from './types';\nimport styles from './Skeleton.module.css';\n\n/**\n * Component definition for Skeleton\n * @public\n */\nexport const SkeletonDefinition = defineComponent<SkeletonOwnProps>()({\n  styles,\n  classNames: {\n    root: 'bui-Skeleton',\n  },\n  bg: 'consumer',\n  propDefs: {\n    width: { default: 80 },\n    height: { default: 24 },\n    rounded: { dataAttribute: true, default: false },\n    className: {},\n    style: {},\n  },\n});\n"],"names":[],"mappings":";;;;;;;;;;AAwBO,MAAM,kBAAA,GAAqB,iBAAkC,CAAE;AAAA,EACpE,MAAA;AAAA,EACA,UAAA,EAAY;AAAA,IACV,IAAA,EAAM;AAAA,GACR;AAAA,EACA,EAAA,EAAI,UAAA;AAAA,EACJ,QAAA,EAAU;AAAA,IACR,KAAA,EAAO,EAAE,OAAA,EAAS,EAAA,EAAG;AAAA,IACrB,MAAA,EAAQ,EAAE,OAAA,EAAS,EAAA,EAAG;AAAA,IACtB,OAAA,EAAS,EAAE,aAAA,EAAe,IAAA,EAAM,SAAS,KAAA,EAAM;AAAA,IAC/C,WAAW,EAAC;AAAA,IACZ,OAAO;AAAC;AAEZ,CAAC;;;;"}
+{"version":3,"file":"definition.esm.js","sources":["../../../src/components/Skeleton/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 { defineComponent } from '../../hooks/useDefinition';\nimport type { SkeletonOwnProps } from './types';\nimport styles from './Skeleton.module.css';\n\n/**\n * Component definition for Skeleton\n * @public\n */\nexport const SkeletonDefinition = defineComponent<SkeletonOwnProps>()({\n  styles,\n  classNames: {\n    root: 'bui-Skeleton',\n  },\n  bg: 'consumer',\n  propDefs: {\n    width: { default: 80 },\n    height: { default: 24 },\n    rounded: { dataAttribute: true, default: false },\n    className: {},\n    style: {},\n  },\n});\n"],"names":[],"mappings":";;;;;;;;;;;;AAwBO,MAAM,kBAAA,GAAqB,iBAAkC,CAAE;AAAA,EACpE,MAAA;AAAA,EACA,UAAA,EAAY;AAAA,IACV,IAAA,EAAM;AAAA,GACR;AAAA,EACA,EAAA,EAAI,UAAA;AAAA,EACJ,QAAA,EAAU;AAAA,IACR,KAAA,EAAO,EAAE,OAAA,EAAS,EAAA,EAAG;AAAA,IACrB,MAAA,EAAQ,EAAE,OAAA,EAAS,EAAA,EAAG;AAAA,IACtB,OAAA,EAAS,EAAE,aAAA,EAAe,IAAA,EAAM,SAAS,KAAA,EAAM;AAAA,IAC/C,WAAW,EAAC;AAAA,IACZ,OAAO;AAAC;AAEZ,CAAC;;;;"}

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

@@ -3,8 +3,10 @@ import 'clsx';
 import '../../hooks/useBreakpoint.esm.js';
 import '../../hooks/useBg.esm.js';
 import '../../hooks/useDefinition/helpers.esm.js';
-import '../../analytics/useAnalytics.esm.js';
+import 'react';
+import '../../provider/BUIContext.esm.js';
 import 'react-router-dom';
+import '@backstage/version-bridge';
 import { defineComponent } from '../../hooks/useDefinition/defineComponent.esm.js';
 import styles from './Slider.module.css.esm.js';
 

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

@@ -1 +1 @@
-{"version":3,"file":"definition.esm.js","sources":["../../../src/components/Slider/definition.ts"],"sourcesContent":["/*\n * Copyright 2026 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 { defineComponent } from '../../hooks/useDefinition';\nimport type { SliderOwnProps } from './types';\nimport styles from './Slider.module.css';\n\n/**\n * Component definition for Slider\n * @public\n */\nexport const SliderDefinition = defineComponent<SliderOwnProps>()({\n  styles,\n  classNames: {\n    root: 'bui-Slider',\n    header: 'bui-SliderHeader',\n    track: 'bui-SliderTrack',\n    trackFill: 'bui-SliderTrackFill',\n    thumb: 'bui-SliderThumb',\n    output: 'bui-SliderOutput',\n  },\n  propDefs: {\n    className: {},\n    label: {},\n    secondaryLabel: {},\n    description: {},\n    isRequired: {},\n  },\n});\n"],"names":[],"mappings":";;;;;;;;;;AAwBO,MAAM,gBAAA,GAAmB,iBAAgC,CAAE;AAAA,EAChE,MAAA;AAAA,EACA,UAAA,EAAY;AAAA,IACV,IAAA,EAAM,YAAA;AAAA,IACN,MAAA,EAAQ,kBAAA;AAAA,IACR,KAAA,EAAO,iBAAA;AAAA,IACP,SAAA,EAAW,qBAAA;AAAA,IACX,KAAA,EAAO,iBAAA;AAAA,IACP,MAAA,EAAQ;AAAA,GACV;AAAA,EACA,QAAA,EAAU;AAAA,IACR,WAAW,EAAC;AAAA,IACZ,OAAO,EAAC;AAAA,IACR,gBAAgB,EAAC;AAAA,IACjB,aAAa,EAAC;AAAA,IACd,YAAY;AAAC;AAEjB,CAAC;;;;"}
+{"version":3,"file":"definition.esm.js","sources":["../../../src/components/Slider/definition.ts"],"sourcesContent":["/*\n * Copyright 2026 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 { defineComponent } from '../../hooks/useDefinition';\nimport type { SliderOwnProps } from './types';\nimport styles from './Slider.module.css';\n\n/**\n * Component definition for Slider\n * @public\n */\nexport const SliderDefinition = defineComponent<SliderOwnProps>()({\n  styles,\n  classNames: {\n    root: 'bui-Slider',\n    header: 'bui-SliderHeader',\n    track: 'bui-SliderTrack',\n    trackFill: 'bui-SliderTrackFill',\n    thumb: 'bui-SliderThumb',\n    output: 'bui-SliderOutput',\n  },\n  propDefs: {\n    className: {},\n    label: {},\n    secondaryLabel: {},\n    description: {},\n    isRequired: {},\n  },\n});\n"],"names":[],"mappings":";;;;;;;;;;;;AAwBO,MAAM,gBAAA,GAAmB,iBAAgC,CAAE;AAAA,EAChE,MAAA;AAAA,EACA,UAAA,EAAY;AAAA,IACV,IAAA,EAAM,YAAA;AAAA,IACN,MAAA,EAAQ,kBAAA;AAAA,IACR,KAAA,EAAO,iBAAA;AAAA,IACP,SAAA,EAAW,qBAAA;AAAA,IACX,KAAA,EAAO,iBAAA;AAAA,IACP,MAAA,EAAQ;AAAA,GACV;AAAA,EACA,QAAA,EAAU;AAAA,IACR,WAAW,EAAC;AAAA,IACZ,OAAO,EAAC;AAAA,IACR,gBAAgB,EAAC;AAAA,IACjB,aAAa,EAAC;AAAA,IACd,YAAY;AAAC;AAEjB,CAAC;;;;"}

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

@@ -3,8 +3,10 @@ import 'clsx';
 import '../../hooks/useBreakpoint.esm.js';
 import '../../hooks/useBg.esm.js';
 import '../../hooks/useDefinition/helpers.esm.js';
-import '../../analytics/useAnalytics.esm.js';
+import 'react';
+import '../../provider/BUIContext.esm.js';
 import 'react-router-dom';
+import '@backstage/version-bridge';
 import { defineComponent } from '../../hooks/useDefinition/defineComponent.esm.js';
 import styles from './Switch.module.css.esm.js';
 

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

@@ -1 +1 @@
-{"version":3,"file":"definition.esm.js","sources":["../../../src/components/Switch/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 { defineComponent } from '../../hooks/useDefinition';\nimport type { SwitchOwnProps } from './types';\nimport styles from './Switch.module.css';\n\n/**\n * Component definition for Switch\n * @public\n */\nexport const SwitchDefinition = defineComponent<SwitchOwnProps>()({\n  styles,\n  classNames: {\n    root: 'bui-Switch',\n    indicator: 'bui-SwitchIndicator',\n  },\n  bg: 'consumer',\n  propDefs: {\n    label: {},\n    className: {},\n  },\n});\n"],"names":[],"mappings":";;;;;;;;;;AAwBO,MAAM,gBAAA,GAAmB,iBAAgC,CAAE;AAAA,EAChE,MAAA;AAAA,EACA,UAAA,EAAY;AAAA,IACV,IAAA,EAAM,YAAA;AAAA,IACN,SAAA,EAAW;AAAA,GACb;AAAA,EACA,EAAA,EAAI,UAAA;AAAA,EACJ,QAAA,EAAU;AAAA,IACR,OAAO,EAAC;AAAA,IACR,WAAW;AAAC;AAEhB,CAAC;;;;"}
+{"version":3,"file":"definition.esm.js","sources":["../../../src/components/Switch/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 { defineComponent } from '../../hooks/useDefinition';\nimport type { SwitchOwnProps } from './types';\nimport styles from './Switch.module.css';\n\n/**\n * Component definition for Switch\n * @public\n */\nexport const SwitchDefinition = defineComponent<SwitchOwnProps>()({\n  styles,\n  classNames: {\n    root: 'bui-Switch',\n    indicator: 'bui-SwitchIndicator',\n  },\n  bg: 'consumer',\n  propDefs: {\n    label: {},\n    className: {},\n  },\n});\n"],"names":[],"mappings":";;;;;;;;;;;;AAwBO,MAAM,gBAAA,GAAmB,iBAAgC,CAAE;AAAA,EAChE,MAAA;AAAA,EACA,UAAA,EAAY;AAAA,IACV,IAAA,EAAM,YAAA;AAAA,IACN,SAAA,EAAW;AAAA,GACb;AAAA,EACA,EAAA,EAAI,UAAA;AAAA,EACJ,QAAA,EAAU;AAAA,IACR,OAAO,EAAC;AAAA,IACR,WAAW;AAAC;AAEhB,CAAC;;;;"}

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

@@ -14,11 +14,12 @@ function Row(props) {
     RowDefinition,
     props
   );
-  const { classes, columns, children, href } = ownProps;
-  const isExternal = isExternalLink(href);
-  const hasInternalHref = !!href && !isExternal;
-  const hasExternalHref = !!href && isExternal;
-  const hasInteraction = !!restProps.onAction || !!href;
+  const { classes, columns, children } = ownProps;
+  const rawHref = restProps.href;
+  const isExternal = isExternalLink(rawHref);
+  const hasInternalHref = !!rawHref && !isExternal;
+  const hasExternalHref = !!rawHref && isExternal;
+  const hasInteraction = !!restProps.onAction || !!rawHref;
   const effectiveTarget = hasExternalHref ? "_blank" : restProps.target;
   const effectiveRel = effectiveTarget === "_blank" ? [
     .../* @__PURE__ */ new Set([
@@ -29,9 +30,9 @@ function Row(props) {
   ].join(" ") : restProps.rel;
   const handlePress = hasInteraction ? () => {
     restProps.onAction?.();
-    if (href) {
-      analytics.captureEvent("click", href, {
-        attributes: { to: String(href) }
+    if (rawHref) {
+      analytics.captureEvent("click", rawHref, {
+        attributes: { to: String(rawHref) }
       });
     }
   } : void 0;
@@ -43,7 +44,6 @@ function Row(props) {
   return /* @__PURE__ */ jsx(
     Row$1,
     {
-      href,
       ...restProps,
       ...dataAttributes,
       target: effectiveTarget,

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

@@ -1 +1 @@
-{"version":3,"file":"Row.esm.js","sources":["../../../../src/components/Table/components/Row.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 {\n  Row as ReactAriaRow,\n  useTableOptions,\n  Cell as ReactAriaCell,\n  Collection,\n} from 'react-aria-components';\nimport { Checkbox } from '../../Checkbox';\nimport { useDefinition } from '../../../hooks/useDefinition';\nimport { RowDefinition } from '../definition';\nimport type { RowProps } from '../types';\nimport { isExternalLink } from '../../../utils/linkUtils';\nimport clsx from 'clsx';\nimport { Flex } from '../../Flex';\n\n/**\n * A table row that can optionally act as a navigation link or trigger an action when clicked, with analytics tracking.\n *\n * @public\n */\nexport function Row<T extends object>(props: RowProps<T>) {\n  const { ownProps, restProps, dataAttributes, analytics } = useDefinition(\n    RowDefinition,\n    props,\n  );\n  const { classes, columns, children, href } = ownProps;\n  const isExternal = isExternalLink(href);\n  const hasInternalHref = !!href && !isExternal;\n  const hasExternalHref = !!href && isExternal;\n  const hasInteraction = !!restProps.onAction || !!href;\n\n  // Derive the effective target, defaulting to _blank for external links.\n  const effectiveTarget = hasExternalHref ? '_blank' : restProps.target;\n  // Always include noopener noreferrer when target=_blank, merging any\n  // consumer-provided rel tokens to avoid reverse-tabnabbing risk.\n  const effectiveRel =\n    effectiveTarget === '_blank'\n      ? [\n          ...new Set([\n            'noopener',\n            'noreferrer',\n            ...(restProps.rel?.split(/\\s+/).filter(Boolean) ?? []),\n          ]),\n        ].join(' ')\n      : restProps.rel;\n\n  const handlePress = hasInteraction\n    ? () => {\n        restProps.onAction?.();\n        if (href) {\n          analytics.captureEvent('click', href, {\n            attributes: { to: String(href) },\n          });\n        }\n      }\n    : undefined;\n\n  let { selectionBehavior, selectionMode } = useTableOptions();\n\n  const content = (\n    <>\n      {selectionBehavior === 'toggle' && selectionMode === 'multiple' && (\n        <ReactAriaCell className={clsx(classes.cell, classes.cellSelection)}>\n          <Flex justify=\"center\" align=\"center\">\n            <Checkbox slot=\"selection\" aria-label=\"Select row\" />\n          </Flex>\n        </ReactAriaCell>\n      )}\n      <Collection items={columns}>{children}</Collection>\n    </>\n  );\n\n  return (\n    <ReactAriaRow\n      href={href}\n      {...restProps}\n      {...dataAttributes}\n      target={effectiveTarget}\n      rel={effectiveRel}\n      className={clsx(classes.root, restProps.className)}\n      data-react-aria-pressable={hasInternalHref ? 'true' : undefined}\n      onAction={handlePress}\n    >\n      {content}\n    </ReactAriaRow>\n  );\n}\n"],"names":["ReactAriaCell","ReactAriaRow"],"mappings":";;;;;;;;;;;AAmCO,SAAS,IAAsB,KAAA,EAAoB;AACxD,EAAA,MAAM,EAAE,QAAA,EAAU,SAAA,EAAW,cAAA,EAAgB,WAAU,GAAI,aAAA;AAAA,IACzD,aAAA;AAAA,IACA;AAAA,GACF;AACA,EAAA,MAAM,EAAE,OAAA,EAAS,OAAA,EAAS,QAAA,EAAU,MAAK,GAAI,QAAA;AAC7C,EAAA,MAAM,UAAA,GAAa,eAAe,IAAI,CAAA;AACtC,EAAA,MAAM,eAAA,GAAkB,CAAC,CAAC,IAAA,IAAQ,CAAC,UAAA;AACnC,EAAA,MAAM,eAAA,GAAkB,CAAC,CAAC,IAAA,IAAQ,UAAA;AAClC,EAAA,MAAM,iBAAiB,CAAC,CAAC,SAAA,CAAU,QAAA,IAAY,CAAC,CAAC,IAAA;AAGjD,EAAA,MAAM,eAAA,GAAkB,eAAA,GAAkB,QAAA,GAAW,SAAA,CAAU,MAAA;AAG/D,EAAA,MAAM,YAAA,GACJ,oBAAoB,QAAA,GAChB;AAAA,IACE,uBAAO,GAAA,CAAI;AAAA,MACT,UAAA;AAAA,MACA,YAAA;AAAA,MACA,GAAI,UAAU,GAAA,EAAK,KAAA,CAAM,KAAK,CAAA,CAAE,MAAA,CAAO,OAAO,CAAA,IAAK;AAAC,KACrD;AAAA,GACH,CAAE,IAAA,CAAK,GAAG,CAAA,GACV,SAAA,CAAU,GAAA;AAEhB,EAAA,MAAM,WAAA,GAAc,iBAChB,MAAM;AACJ,IAAA,SAAA,CAAU,QAAA,IAAW;AACrB,IAAA,IAAI,IAAA,EAAM;AACR,MAAA,SAAA,CAAU,YAAA,CAAa,SAAS,IAAA,EAAM;AAAA,QACpC,UAAA,EAAY,EAAE,EAAA,EAAI,MAAA,CAAO,IAAI,CAAA;AAAE,OAChC,CAAA;AAAA,IACH;AAAA,EACF,CAAA,GACA,MAAA;AAEJ,EAAA,IAAI,EAAE,iBAAA,EAAmB,aAAA,EAAc,GAAI,eAAA,EAAgB;AAE3D,EAAA,MAAM,0BACJ,IAAA,CAAA,QAAA,EAAA,EACG,QAAA,EAAA;AAAA,IAAA,iBAAA,KAAsB,QAAA,IAAY,aAAA,KAAkB,UAAA,oBACnD,GAAA,CAACA,IAAA,EAAA,EAAc,WAAW,IAAA,CAAK,OAAA,CAAQ,IAAA,EAAM,OAAA,CAAQ,aAAa,CAAA,EAChE,8BAAC,IAAA,EAAA,EAAK,OAAA,EAAQ,QAAA,EAAS,KAAA,EAAM,QAAA,EAC3B,QAAA,kBAAA,GAAA,CAAC,QAAA,EAAA,EAAS,IAAA,EAAK,WAAA,EAAY,YAAA,EAAW,YAAA,EAAa,CAAA,EACrD,CAAA,EACF,CAAA;AAAA,oBAEF,GAAA,CAAC,UAAA,EAAA,EAAW,KAAA,EAAO,OAAA,EAAU,QAAA,EAAS;AAAA,GAAA,EACxC,CAAA;AAGF,EAAA,uBACE,GAAA;AAAA,IAACC,KAAA;AAAA,IAAA;AAAA,MACC,IAAA;AAAA,MACC,GAAG,SAAA;AAAA,MACH,GAAG,cAAA;AAAA,MACJ,MAAA,EAAQ,eAAA;AAAA,MACR,GAAA,EAAK,YAAA;AAAA,MACL,SAAA,EAAW,IAAA,CAAK,OAAA,CAAQ,IAAA,EAAM,UAAU,SAAS,CAAA;AAAA,MACjD,2BAAA,EAA2B,kBAAkB,MAAA,GAAS,MAAA;AAAA,MACtD,QAAA,EAAU,WAAA;AAAA,MAET,QAAA,EAAA;AAAA;AAAA,GACH;AAEJ;;;;"}
+{"version":3,"file":"Row.esm.js","sources":["../../../../src/components/Table/components/Row.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 {\n  Row as ReactAriaRow,\n  useTableOptions,\n  Cell as ReactAriaCell,\n  Collection,\n} from 'react-aria-components';\nimport { Checkbox } from '../../Checkbox';\nimport { useDefinition } from '../../../hooks/useDefinition';\nimport { RowDefinition } from '../definition';\nimport type { RowProps } from '../types';\nimport { isExternalLink } from '../../../utils/linkUtils';\nimport clsx from 'clsx';\nimport { Flex } from '../../Flex';\n\n/**\n * A table row that can optionally act as a navigation link or trigger an action when clicked, with analytics tracking.\n *\n * @public\n */\nexport function Row<T extends object>(props: RowProps<T>) {\n  const { ownProps, restProps, dataAttributes, analytics } = useDefinition(\n    RowDefinition,\n    props,\n  );\n  const { classes, columns, children } = ownProps;\n  const rawHref = restProps.href;\n  const isExternal = isExternalLink(rawHref);\n  const hasInternalHref = !!rawHref && !isExternal;\n  const hasExternalHref = !!rawHref && isExternal;\n  const hasInteraction = !!restProps.onAction || !!rawHref;\n\n  // Derive the effective target, defaulting to _blank for external links.\n  const effectiveTarget = hasExternalHref ? '_blank' : restProps.target;\n  // Always include noopener noreferrer when target=_blank, merging any\n  // consumer-provided rel tokens to avoid reverse-tabnabbing risk.\n  const effectiveRel =\n    effectiveTarget === '_blank'\n      ? [\n          ...new Set([\n            'noopener',\n            'noreferrer',\n            ...(restProps.rel?.split(/\\s+/).filter(Boolean) ?? []),\n          ]),\n        ].join(' ')\n      : restProps.rel;\n\n  const handlePress = hasInteraction\n    ? () => {\n        restProps.onAction?.();\n        if (rawHref) {\n          analytics.captureEvent('click', rawHref, {\n            attributes: { to: String(rawHref) },\n          });\n        }\n      }\n    : undefined;\n\n  let { selectionBehavior, selectionMode } = useTableOptions();\n\n  const content = (\n    <>\n      {selectionBehavior === 'toggle' && selectionMode === 'multiple' && (\n        <ReactAriaCell className={clsx(classes.cell, classes.cellSelection)}>\n          <Flex justify=\"center\" align=\"center\">\n            <Checkbox slot=\"selection\" aria-label=\"Select row\" />\n          </Flex>\n        </ReactAriaCell>\n      )}\n      <Collection items={columns}>{children}</Collection>\n    </>\n  );\n\n  return (\n    <ReactAriaRow\n      {...restProps}\n      {...dataAttributes}\n      target={effectiveTarget}\n      rel={effectiveRel}\n      className={clsx(classes.root, restProps.className)}\n      data-react-aria-pressable={hasInternalHref ? 'true' : undefined}\n      onAction={handlePress}\n    >\n      {content}\n    </ReactAriaRow>\n  );\n}\n"],"names":["ReactAriaCell","ReactAriaRow"],"mappings":";;;;;;;;;;;AAmCO,SAAS,IAAsB,KAAA,EAAoB;AACxD,EAAA,MAAM,EAAE,QAAA,EAAU,SAAA,EAAW,cAAA,EAAgB,WAAU,GAAI,aAAA;AAAA,IACzD,aAAA;AAAA,IACA;AAAA,GACF;AACA,EAAA,MAAM,EAAE,OAAA,EAAS,OAAA,EAAS,QAAA,EAAS,GAAI,QAAA;AACvC,EAAA,MAAM,UAAU,SAAA,CAAU,IAAA;AAC1B,EAAA,MAAM,UAAA,GAAa,eAAe,OAAO,CAAA;AACzC,EAAA,MAAM,eAAA,GAAkB,CAAC,CAAC,OAAA,IAAW,CAAC,UAAA;AACtC,EAAA,MAAM,eAAA,GAAkB,CAAC,CAAC,OAAA,IAAW,UAAA;AACrC,EAAA,MAAM,iBAAiB,CAAC,CAAC,SAAA,CAAU,QAAA,IAAY,CAAC,CAAC,OAAA;AAGjD,EAAA,MAAM,eAAA,GAAkB,eAAA,GAAkB,QAAA,GAAW,SAAA,CAAU,MAAA;AAG/D,EAAA,MAAM,YAAA,GACJ,oBAAoB,QAAA,GAChB;AAAA,IACE,uBAAO,GAAA,CAAI;AAAA,MACT,UAAA;AAAA,MACA,YAAA;AAAA,MACA,GAAI,UAAU,GAAA,EAAK,KAAA,CAAM,KAAK,CAAA,CAAE,MAAA,CAAO,OAAO,CAAA,IAAK;AAAC,KACrD;AAAA,GACH,CAAE,IAAA,CAAK,GAAG,CAAA,GACV,SAAA,CAAU,GAAA;AAEhB,EAAA,MAAM,WAAA,GAAc,iBAChB,MAAM;AACJ,IAAA,SAAA,CAAU,QAAA,IAAW;AACrB,IAAA,IAAI,OAAA,EAAS;AACX,MAAA,SAAA,CAAU,YAAA,CAAa,SAAS,OAAA,EAAS;AAAA,QACvC,UAAA,EAAY,EAAE,EAAA,EAAI,MAAA,CAAO,OAAO,CAAA;AAAE,OACnC,CAAA;AAAA,IACH;AAAA,EACF,CAAA,GACA,MAAA;AAEJ,EAAA,IAAI,EAAE,iBAAA,EAAmB,aAAA,EAAc,GAAI,eAAA,EAAgB;AAE3D,EAAA,MAAM,0BACJ,IAAA,CAAA,QAAA,EAAA,EACG,QAAA,EAAA;AAAA,IAAA,iBAAA,KAAsB,QAAA,IAAY,aAAA,KAAkB,UAAA,oBACnD,GAAA,CAACA,IAAA,EAAA,EAAc,WAAW,IAAA,CAAK,OAAA,CAAQ,IAAA,EAAM,OAAA,CAAQ,aAAa,CAAA,EAChE,8BAAC,IAAA,EAAA,EAAK,OAAA,EAAQ,QAAA,EAAS,KAAA,EAAM,QAAA,EAC3B,QAAA,kBAAA,GAAA,CAAC,QAAA,EAAA,EAAS,IAAA,EAAK,WAAA,EAAY,YAAA,EAAW,YAAA,EAAa,CAAA,EACrD,CAAA,EACF,CAAA;AAAA,oBAEF,GAAA,CAAC,UAAA,EAAA,EAAW,KAAA,EAAO,OAAA,EAAU,QAAA,EAAS;AAAA,GAAA,EACxC,CAAA;AAGF,EAAA,uBACE,GAAA;AAAA,IAACC,KAAA;AAAA,IAAA;AAAA,MACE,GAAG,SAAA;AAAA,MACH,GAAG,cAAA;AAAA,MACJ,MAAA,EAAQ,eAAA;AAAA,MACR,GAAA,EAAK,YAAA;AAAA,MACL,SAAA,EAAW,IAAA,CAAK,OAAA,CAAQ,IAAA,EAAM,UAAU,SAAS,CAAA;AAAA,MACjD,2BAAA,EAA2B,kBAAkB,MAAA,GAAS,MAAA;AAAA,MACtD,QAAA,EAAU,WAAA;AAAA,MAET,QAAA,EAAA;AAAA;AAAA,GACH;AAEJ;;;;"}

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

@@ -7,8 +7,10 @@ import 'clsx';
 import '../../../hooks/useBreakpoint.esm.js';
 import '../../../hooks/useBg.esm.js';
 import '../../../hooks/useDefinition/helpers.esm.js';
-import '../../../analytics/useAnalytics.esm.js';
+import 'react';
+import '../../../provider/BUIContext.esm.js';
 import 'react-router-dom';
+import '@backstage/version-bridge';
 import '../../Skeleton/Skeleton.module.css.esm.js';
 
 const SKELETON_ROW_COUNT = 5;

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

@@ -1 +1 @@
-{"version":3,"file":"TableBodySkeleton.esm.js","sources":["../../../../src/components/Table/components/TableBodySkeleton.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 { TableBody } from './TableBody';\nimport { Row } from './Row';\nimport { Cell } from './Cell';\nimport { Skeleton } from '../../Skeleton';\n\nconst SKELETON_ROW_COUNT = 5;\nconst SKELETON_WIDTHS = ['75%', '50%', '60%', '45%', '70%'];\n\nconst skeletonItems = Array.from({ length: SKELETON_ROW_COUNT }, (_, i) => ({\n  id: `skeleton-${i}`,\n  index: i,\n}));\n\n/**\n * A table body that renders animated skeleton rows as a loading placeholder.\n *\n * @remarks\n * Accepts any column array whose items have an `id` property, making it\n * compatible with both `ColumnConfig` and custom column types.\n *\n * @public\n */\nexport function TableBodySkeleton<T extends { id: string }>({\n  columns,\n}: {\n  columns: readonly T[];\n}) {\n  return (\n    <TableBody items={skeletonItems} dependencies={[columns]}>\n      {item => {\n        const rowIndex = item.index;\n        return (\n          <Row id={item.id} columns={columns}>\n            {column => (\n              <Cell key={column.id} aria-hidden=\"true\">\n                <Skeleton\n                  width={\n                    SKELETON_WIDTHS[\n                      (rowIndex + columns.indexOf(column)) %\n                        SKELETON_WIDTHS.length\n                    ]\n                  }\n                />\n              </Cell>\n            )}\n          </Row>\n        );\n      }}\n    </TableBody>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;AAqBA,MAAM,kBAAA,GAAqB,CAAA;AAC3B,MAAM,kBAAkB,CAAC,KAAA,EAAO,KAAA,EAAO,KAAA,EAAO,OAAO,KAAK,CAAA;AAE1D,MAAM,aAAA,GAAgB,MAAM,IAAA,CAAK,EAAE,QAAQ,kBAAA,EAAmB,EAAG,CAAC,CAAA,EAAG,CAAA,MAAO;AAAA,EAC1E,EAAA,EAAI,YAAY,CAAC,CAAA,CAAA;AAAA,EACjB,KAAA,EAAO;AACT,CAAA,CAAE,CAAA;AAWK,SAAS,iBAAA,CAA4C;AAAA,EAC1D;AACF,CAAA,EAEG;AACD,EAAA,uBACE,GAAA,CAAC,aAAU,KAAA,EAAO,aAAA,EAAe,cAAc,CAAC,OAAO,GACpD,QAAA,EAAA,CAAA,IAAA,KAAQ;AACP,IAAA,MAAM,WAAW,IAAA,CAAK,KAAA;AACtB,IAAA,uBACE,GAAA,CAAC,GAAA,EAAA,EAAI,EAAA,EAAI,IAAA,CAAK,EAAA,EAAI,SACf,QAAA,EAAA,CAAA,MAAA,qBACC,GAAA,CAAC,IAAA,EAAA,EAAqB,aAAA,EAAY,MAAA,EAChC,QAAA,kBAAA,GAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACC,KAAA,EACE,iBACG,QAAA,GAAW,OAAA,CAAQ,QAAQ,MAAM,CAAA,IAChC,gBAAgB,MACpB;AAAA;AAAA,KAEJ,EAAA,EARS,MAAA,CAAO,EASlB,CAAA,EAEJ,CAAA;AAAA,EAEJ,CAAA,EACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"TableBodySkeleton.esm.js","sources":["../../../../src/components/Table/components/TableBodySkeleton.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 { TableBody } from './TableBody';\nimport { Row } from './Row';\nimport { Cell } from './Cell';\nimport { Skeleton } from '../../Skeleton';\n\nconst SKELETON_ROW_COUNT = 5;\nconst SKELETON_WIDTHS = ['75%', '50%', '60%', '45%', '70%'];\n\nconst skeletonItems = Array.from({ length: SKELETON_ROW_COUNT }, (_, i) => ({\n  id: `skeleton-${i}`,\n  index: i,\n}));\n\n/**\n * A table body that renders animated skeleton rows as a loading placeholder.\n *\n * @remarks\n * Accepts any column array whose items have an `id` property, making it\n * compatible with both `ColumnConfig` and custom column types.\n *\n * @public\n */\nexport function TableBodySkeleton<T extends { id: string }>({\n  columns,\n}: {\n  columns: readonly T[];\n}) {\n  return (\n    <TableBody items={skeletonItems} dependencies={[columns]}>\n      {item => {\n        const rowIndex = item.index;\n        return (\n          <Row id={item.id} columns={columns}>\n            {column => (\n              <Cell key={column.id} aria-hidden=\"true\">\n                <Skeleton\n                  width={\n                    SKELETON_WIDTHS[\n                      (rowIndex + columns.indexOf(column)) %\n                        SKELETON_WIDTHS.length\n                    ]\n                  }\n                />\n              </Cell>\n            )}\n          </Row>\n        );\n      }}\n    </TableBody>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AAqBA,MAAM,kBAAA,GAAqB,CAAA;AAC3B,MAAM,kBAAkB,CAAC,KAAA,EAAO,KAAA,EAAO,KAAA,EAAO,OAAO,KAAK,CAAA;AAE1D,MAAM,aAAA,GAAgB,MAAM,IAAA,CAAK,EAAE,QAAQ,kBAAA,EAAmB,EAAG,CAAC,CAAA,EAAG,CAAA,MAAO;AAAA,EAC1E,EAAA,EAAI,YAAY,CAAC,CAAA,CAAA;AAAA,EACjB,KAAA,EAAO;AACT,CAAA,CAAE,CAAA;AAWK,SAAS,iBAAA,CAA4C;AAAA,EAC1D;AACF,CAAA,EAEG;AACD,EAAA,uBACE,GAAA,CAAC,aAAU,KAAA,EAAO,aAAA,EAAe,cAAc,CAAC,OAAO,GACpD,QAAA,EAAA,CAAA,IAAA,KAAQ;AACP,IAAA,MAAM,WAAW,IAAA,CAAK,KAAA;AACtB,IAAA,uBACE,GAAA,CAAC,GAAA,EAAA,EAAI,EAAA,EAAI,IAAA,CAAK,EAAA,EAAI,SACf,QAAA,EAAA,CAAA,MAAA,qBACC,GAAA,CAAC,IAAA,EAAA,EAAqB,aAAA,EAAY,MAAA,EAChC,QAAA,kBAAA,GAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACC,KAAA,EACE,iBACG,QAAA,GAAW,OAAA,CAAQ,QAAQ,MAAM,CAAA,IAChC,gBAAgB,MACpB;AAAA;AAAA,KAEJ,EAAA,EARS,MAAA,CAAO,EASlB,CAAA,EAEJ,CAAA;AAAA,EAEJ,CAAA,EACF,CAAA;AAEJ;;;;"}

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

@@ -2,6 +2,7 @@ import { jsx } from 'react/jsx-runtime';
 import { useDefinition } from '../../../hooks/useDefinition/useDefinition.esm.js';
 import { TableDefinition } from '../definition.esm.js';
 import { Table } from 'react-aria-components';
+import { BUIRoutingProvider } from '../../../navigation/BUIRoutingProvider.esm.js';
 
 const TableRoot = (props) => {
   const { ownProps, restProps, dataAttributes } = useDefinition(
@@ -13,7 +14,7 @@ const TableRoot = (props) => {
       isPending: props.isPending || props.loading ? true : props.isPending ?? props.loading
     }
   );
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(BUIRoutingProvider, { children: /* @__PURE__ */ jsx(
     Table,
     {
       className: ownProps.classes.root,
@@ -22,7 +23,7 @@ const TableRoot = (props) => {
       ...dataAttributes,
       ...restProps
     }
-  );
+  ) });
 };
 
 export { TableRoot };

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

@@ -1 +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 { useDefinition } from '../../../hooks/useDefinition';\nimport { TableDefinition } from '../definition';\nimport { Table as ReactAriaTable } from 'react-aria-components';\nimport { TableRootProps } from '../types';\n\n/**\n * The low-level table root element for building custom table layouts from atomic components.\n * For most use cases, prefer the `Table` convenience wrapper.\n *\n * @public\n */\nexport const TableRoot = (props: TableRootProps) => {\n  const { ownProps, restProps, dataAttributes } = useDefinition(\n    TableDefinition,\n    // Merge deprecated `loading` into `isPending` so data attributes and\n    // internal logic only need to check a single prop.\n    {\n      ...props,\n      isPending:\n        props.isPending || props.loading\n          ? true\n          : props.isPending ?? props.loading,\n    },\n  );\n\n  return (\n    <ReactAriaTable\n      className={ownProps.classes.root}\n      aria-label=\"Data table\"\n      aria-busy={ownProps.stale || ownProps.isPending}\n      {...dataAttributes}\n      {...restProps}\n    />\n  );\n};\n"],"names":["ReactAriaTable"],"mappings":";;;;;AA2BO,MAAM,SAAA,GAAY,CAAC,KAAA,KAA0B;AAClD,EAAA,MAAM,EAAE,QAAA,EAAU,SAAA,EAAW,cAAA,EAAe,GAAI,aAAA;AAAA,IAC9C,eAAA;AAAA;AAAA;AAAA,IAGA;AAAA,MACE,GAAG,KAAA;AAAA,MACH,SAAA,EACE,MAAM,SAAA,IAAa,KAAA,CAAM,UACrB,IAAA,GACA,KAAA,CAAM,aAAa,KAAA,CAAM;AAAA;AACjC,GACF;AAEA,EAAA,uBACE,GAAA;AAAA,IAACA,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,SAAS,OAAA,CAAQ,IAAA;AAAA,MAC5B,YAAA,EAAW,YAAA;AAAA,MACX,WAAA,EAAW,QAAA,CAAS,KAAA,IAAS,QAAA,CAAS,SAAA;AAAA,MACrC,GAAG,cAAA;AAAA,MACH,GAAG;AAAA;AAAA,GACN;AAEJ;;;;"}
+{"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 { useDefinition } from '../../../hooks/useDefinition';\nimport { TableDefinition } from '../definition';\nimport { Table as ReactAriaTable } from 'react-aria-components';\nimport { TableRootProps } from '../types';\nimport { BUIRoutingProvider } from '../../../navigation/BUIRoutingProvider';\n\n/**\n * The low-level table root element for building custom table layouts from atomic components.\n * For most use cases, prefer the `Table` convenience wrapper.\n *\n * @public\n */\nexport const TableRoot = (props: TableRootProps) => {\n  const { ownProps, restProps, dataAttributes } = useDefinition(\n    TableDefinition,\n    // Merge deprecated `loading` into `isPending` so data attributes and\n    // internal logic only need to check a single prop.\n    {\n      ...props,\n      isPending:\n        props.isPending || props.loading\n          ? true\n          : props.isPending ?? props.loading,\n    },\n  );\n\n  return (\n    <BUIRoutingProvider>\n      <ReactAriaTable\n        className={ownProps.classes.root}\n        aria-label=\"Data table\"\n        aria-busy={ownProps.stale || ownProps.isPending}\n        {...dataAttributes}\n        {...restProps}\n      />\n    </BUIRoutingProvider>\n  );\n};\n"],"names":["ReactAriaTable"],"mappings":";;;;;;AA4BO,MAAM,SAAA,GAAY,CAAC,KAAA,KAA0B;AAClD,EAAA,MAAM,EAAE,QAAA,EAAU,SAAA,EAAW,cAAA,EAAe,GAAI,aAAA;AAAA,IAC9C,eAAA;AAAA;AAAA;AAAA,IAGA;AAAA,MACE,GAAG,KAAA;AAAA,MACH,SAAA,EACE,MAAM,SAAA,IAAa,KAAA,CAAM,UACrB,IAAA,GACA,KAAA,CAAM,aAAa,KAAA,CAAM;AAAA;AACjC,GACF;AAEA,EAAA,2BACG,kBAAA,EAAA,EACC,QAAA,kBAAA,GAAA;AAAA,IAACA,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,SAAS,OAAA,CAAQ,IAAA;AAAA,MAC5B,YAAA,EAAW,YAAA;AAAA,MACX,WAAA,EAAW,QAAA,CAAS,KAAA,IAAS,QAAA,CAAS,SAAA;AAAA,MACrC,GAAG,cAAA;AAAA,MACH,GAAG;AAAA;AAAA,GACN,EACF,CAAA;AAEJ;;;;"}

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

@@ -3,8 +3,10 @@ import 'clsx';
 import '../../hooks/useBreakpoint.esm.js';
 import '../../hooks/useBg.esm.js';
 import '../../hooks/useDefinition/helpers.esm.js';
-import '../../analytics/useAnalytics.esm.js';
+import 'react';
+import '../../provider/BUIContext.esm.js';
 import 'react-router-dom';
+import '@backstage/version-bridge';
 import { defineComponent } from '../../hooks/useDefinition/defineComponent.esm.js';
 import styles from './Table.module.css.esm.js';
 
@@ -60,7 +62,6 @@ const RowDefinition = defineComponent()({
   propDefs: {
     columns: {},
     children: {},
-    href: {},
     noTrack: {}
   }
 });

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 { defineComponent } from '../../hooks/useDefinition';\nimport type {\n  TableRootOwnProps,\n  TableHeaderOwnProps,\n  TableBodyOwnProps,\n  RowOwnProps,\n  ColumnOwnProps,\n  CellOwnProps,\n  CellTextOwnProps,\n  CellProfileOwnProps,\n} from './types';\nimport styles from './Table.module.css';\n\n/** @internal */\nexport const TableWrapperDefinition = defineComponent<{\n  className?: string;\n}>()({\n  styles,\n  classNames: {\n    root: 'bui-TableWrapper',\n    resizableContainer: 'bui-TableResizableContainer',\n    scrollContainer: 'bui-TableScrollContainer',\n  },\n  propDefs: {\n    className: {},\n  },\n});\n\n/**\n * Component definition for Table\n * @public\n */\nexport const TableDefinition = defineComponent<TableRootOwnProps>()({\n  styles,\n  classNames: {\n    root: 'bui-Table',\n  },\n  propDefs: {\n    stale: { dataAttribute: true },\n    isPending: { dataAttribute: true },\n    loading: { dataAttribute: true },\n  },\n});\n\n/**\n * Component definition for TableHeader\n * @internal\n */\nexport const TableHeaderDefinition = defineComponent<TableHeaderOwnProps>()({\n  styles,\n  classNames: {\n    root: 'bui-TableHeader',\n    headSelection: 'bui-TableHeadSelection',\n  },\n  propDefs: {\n    columns: {},\n    children: {},\n  },\n});\n\n/**\n * Component definition for TableBody\n * @internal\n */\nexport const TableBodyDefinition = defineComponent<TableBodyOwnProps>()({\n  styles,\n  classNames: {\n    root: 'bui-TableBody',\n  },\n  propDefs: {},\n});\n\n/**\n * Component definition for Row\n * @internal\n */\nexport const RowDefinition = defineComponent<RowOwnProps>()({\n  styles,\n  analytics: true,\n  bg: 'consumer',\n  classNames: {\n    root: 'bui-TableRow',\n    cell: 'bui-TableCell',\n    cellSelection: 'bui-TableCellSelection',\n  },\n  propDefs: {\n    columns: {},\n    children: {},\n    href: {},\n    noTrack: {},\n  },\n});\n\n/**\n * Component definition for Column\n * @internal\n */\nexport const ColumnDefinition = defineComponent<ColumnOwnProps>()({\n  styles,\n  classNames: {\n    root: 'bui-TableHead',\n    headContent: 'bui-TableHeadContent',\n    headLabel: 'bui-TableHeadLabel',\n    headSortButton: 'bui-TableHeadSortButton',\n  },\n  propDefs: {\n    children: {},\n    className: {},\n  },\n});\n\n/**\n * Component definition for Cell\n * @internal\n */\nexport const CellDefinition = defineComponent<CellOwnProps>()({\n  styles,\n  classNames: {\n    root: 'bui-TableCell',\n  },\n  propDefs: {\n    className: {},\n  },\n});\n\n/**\n * Component definition for CellText\n * @internal\n */\nexport const CellTextDefinition = defineComponent<CellTextOwnProps>()({\n  styles,\n  classNames: {\n    root: 'bui-TableCell',\n    cellContentWrapper: 'bui-TableCellContentWrapper',\n    cellContent: 'bui-TableCellContent',\n    cellIcon: 'bui-TableCellIcon',\n  },\n  propDefs: {\n    title: {},\n    description: {},\n    color: { default: 'primary' },\n    leadingIcon: {},\n    href: {},\n    className: {},\n  },\n});\n\n/**\n * Component definition for CellProfile\n * @internal\n */\nexport const CellProfileDefinition = defineComponent<CellProfileOwnProps>()({\n  styles,\n  classNames: {\n    root: 'bui-TableCell',\n    cellContentWrapper: 'bui-TableCellContentWrapper',\n    cellContent: 'bui-TableCellContent',\n  },\n  propDefs: {\n    src: {},\n    name: {},\n    href: {},\n    description: {},\n    color: { default: 'primary' },\n    className: {},\n  },\n});\n"],"names":[],"mappings":"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"}
+{"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 { defineComponent } from '../../hooks/useDefinition';\nimport type {\n  TableRootOwnProps,\n  TableHeaderOwnProps,\n  TableBodyOwnProps,\n  RowOwnProps,\n  ColumnOwnProps,\n  CellOwnProps,\n  CellTextOwnProps,\n  CellProfileOwnProps,\n} from './types';\nimport styles from './Table.module.css';\n\n/** @internal */\nexport const TableWrapperDefinition = defineComponent<{\n  className?: string;\n}>()({\n  styles,\n  classNames: {\n    root: 'bui-TableWrapper',\n    resizableContainer: 'bui-TableResizableContainer',\n    scrollContainer: 'bui-TableScrollContainer',\n  },\n  propDefs: {\n    className: {},\n  },\n});\n\n/**\n * Component definition for Table\n * @public\n */\nexport const TableDefinition = defineComponent<TableRootOwnProps>()({\n  styles,\n  classNames: {\n    root: 'bui-Table',\n  },\n  propDefs: {\n    stale: { dataAttribute: true },\n    isPending: { dataAttribute: true },\n    loading: { dataAttribute: true },\n  },\n});\n\n/**\n * Component definition for TableHeader\n * @internal\n */\nexport const TableHeaderDefinition = defineComponent<TableHeaderOwnProps>()({\n  styles,\n  classNames: {\n    root: 'bui-TableHeader',\n    headSelection: 'bui-TableHeadSelection',\n  },\n  propDefs: {\n    columns: {},\n    children: {},\n  },\n});\n\n/**\n * Component definition for TableBody\n * @internal\n */\nexport const TableBodyDefinition = defineComponent<TableBodyOwnProps>()({\n  styles,\n  classNames: {\n    root: 'bui-TableBody',\n  },\n  propDefs: {},\n});\n\n/**\n * Component definition for Row\n * @internal\n */\nexport const RowDefinition = defineComponent<RowOwnProps>()({\n  styles,\n  analytics: true,\n  bg: 'consumer',\n  classNames: {\n    root: 'bui-TableRow',\n    cell: 'bui-TableCell',\n    cellSelection: 'bui-TableCellSelection',\n  },\n  propDefs: {\n    columns: {},\n    children: {},\n    noTrack: {},\n  },\n});\n\n/**\n * Component definition for Column\n * @internal\n */\nexport const ColumnDefinition = defineComponent<ColumnOwnProps>()({\n  styles,\n  classNames: {\n    root: 'bui-TableHead',\n    headContent: 'bui-TableHeadContent',\n    headLabel: 'bui-TableHeadLabel',\n    headSortButton: 'bui-TableHeadSortButton',\n  },\n  propDefs: {\n    children: {},\n    className: {},\n  },\n});\n\n/**\n * Component definition for Cell\n * @internal\n */\nexport const CellDefinition = defineComponent<CellOwnProps>()({\n  styles,\n  classNames: {\n    root: 'bui-TableCell',\n  },\n  propDefs: {\n    className: {},\n  },\n});\n\n/**\n * Component definition for CellText\n * @internal\n */\nexport const CellTextDefinition = defineComponent<CellTextOwnProps>()({\n  styles,\n  classNames: {\n    root: 'bui-TableCell',\n    cellContentWrapper: 'bui-TableCellContentWrapper',\n    cellContent: 'bui-TableCellContent',\n    cellIcon: 'bui-TableCellIcon',\n  },\n  propDefs: {\n    title: {},\n    description: {},\n    color: { default: 'primary' },\n    leadingIcon: {},\n    href: {},\n    className: {},\n  },\n});\n\n/**\n * Component definition for CellProfile\n * @internal\n */\nexport const CellProfileDefinition = defineComponent<CellProfileOwnProps>()({\n  styles,\n  classNames: {\n    root: 'bui-TableCell',\n    cellContentWrapper: 'bui-TableCellContentWrapper',\n    cellContent: 'bui-TableCellContent',\n  },\n  propDefs: {\n    src: {},\n    name: {},\n    href: {},\n    description: {},\n    color: { default: 'primary' },\n    className: {},\n  },\n});\n"],"names":[],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-import { useState, useEffect, useMemo, useRef, useCallback } from 'react';
+import { useState, useRef, useEffect, useMemo, useCallback } from 'react';
 import { useStableCallback } from './useStableCallback.esm.js';
 import { useDebouncedValue } from './useDebouncedValue.esm.js';
 import { getEffectivePageSize } from './getEffectivePageSize.esm.js';
@@ -26,9 +26,13 @@ function useCompletePagination(options, query) {
   const [loadCount, setLoadCount] = useState(0);
   const [offset, setOffset] = useState(initialOffset);
   const [pageSize, setPageSize] = useState(defaultPageSize);
+  const previousDefaultPageSize = useRef(defaultPageSize);
   useEffect(() => {
-    setPageSize(defaultPageSize);
-    setOffset(0);
+    if (previousDefaultPageSize.current !== defaultPageSize) {
+      previousDefaultPageSize.current = defaultPageSize;
+      setPageSize(defaultPageSize);
+      setOffset(0);
+    }
   }, [defaultPageSize]);
   useEffect(() => {
     if (data) {
@@ -36,6 +40,7 @@ function useCompletePagination(options, query) {
       return;
     }
     if (!hasGetData) {
+      setIsPending(true);
       return;
     }
     let cancelled = false;
@@ -98,23 +103,48 @@ function useCompletePagination(options, query) {
     searchFn,
     sortFn
   ]);
-  const totalCount = processedData?.length ?? 0;
+  const previousProcessedDataRef = useRef(processedData);
+  if (processedData !== void 0) {
+    previousProcessedDataRef.current = processedData;
+  }
+  const retainedProcessedData = processedData ?? previousProcessedDataRef.current;
+  const totalCount = retainedProcessedData?.length ?? 0;
+  const effectiveOffset = useMemo(() => {
+    if (noPagination) {
+      return 0;
+    }
+    if (retainedProcessedData === void 0) {
+      return offset;
+    }
+    if (totalCount === 0) {
+      return 0;
+    }
+    return Math.min(offset, Math.floor((totalCount - 1) / pageSize) * pageSize);
+  }, [noPagination, offset, pageSize, retainedProcessedData, totalCount]);
+  useEffect(() => {
+    if (offset !== effectiveOffset) {
+      setOffset(effectiveOffset);
+    }
+  }, [effectiveOffset, offset]);
   const paginatedData = useMemo(
-    () => noPagination ? processedData : processedData?.slice(offset, offset + pageSize),
-    [processedData, offset, pageSize, noPagination]
+    () => noPagination ? retainedProcessedData : retainedProcessedData?.slice(
+      effectiveOffset,
+      effectiveOffset + pageSize
+    ),
+    [retainedProcessedData, effectiveOffset, pageSize, noPagination]
   );
-  const hasNextPage = !noPagination && offset + pageSize < totalCount;
-  const hasPreviousPage = !noPagination && offset > 0;
+  const hasNextPage = !noPagination && effectiveOffset + pageSize < totalCount;
+  const hasPreviousPage = !noPagination && effectiveOffset > 0;
   const onNextPage = useCallback(() => {
-    if (offset + pageSize < totalCount) {
-      setOffset(offset + pageSize);
+    if (effectiveOffset + pageSize < totalCount) {
+      setOffset(effectiveOffset + pageSize);
     }
-  }, [offset, pageSize, totalCount]);
+  }, [effectiveOffset, pageSize, totalCount]);
   const onPreviousPage = useCallback(() => {
-    if (offset > 0) {
-      setOffset(Math.max(0, offset - pageSize));
+    if (effectiveOffset > 0) {
+      setOffset(Math.max(0, effectiveOffset - pageSize));
     }
-  }, [offset, pageSize]);
+  }, [effectiveOffset, pageSize]);
   const onPageSizeChange = useCallback((newSize) => {
     setPageSize(newSize);
     setOffset(0);
@@ -128,7 +158,7 @@ function useCompletePagination(options, query) {
     isPending,
     error,
     totalCount,
-    offset,
+    offset: effectiveOffset,
     pageSize,
     hasNextPage,
     hasPreviousPage,

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

@@ -1 +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';\nimport { useDebouncedValue } from './useDebouncedValue';\nimport { getEffectivePageSize } from './getEffectivePageSize';\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    data,\n    getData: getDataProp = () => [],\n    paginationOptions = {},\n    sortFn,\n    filterFn,\n    searchFn,\n    searchDebounceMs = 0,\n    filterDebounceMs = 0,\n  } = options;\n  const hasGetData = 'getData' in options;\n  const noPagination = paginationOptions.type === 'none';\n  const { initialOffset = 0 } = paginationOptions;\n  const defaultPageSize = noPagination\n    ? Infinity\n    : getEffectivePageSize(paginationOptions);\n\n  const getData = useStableCallback(getDataProp);\n  const { sort, filter, search } = query;\n\n  const [items, setItems] = useState<T[] | undefined>(undefined);\n  const [isPending, setIsPending] = useState(!data);\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  // Sync pageSize when the caller changes paginationOptions.pageSize\n  useEffect(() => {\n    setPageSize(defaultPageSize);\n    setOffset(0);\n  }, [defaultPageSize]);\n\n  // Load data on mount and when loadCount changes (reload trigger)\n  useEffect(() => {\n    if (data) {\n      setIsPending(false);\n      return;\n    }\n\n    if (!hasGetData) {\n      return;\n    }\n\n    let cancelled = false;\n    setIsPending(true);\n    setError(undefined);\n\n    (async () => {\n      try {\n        const result = getData();\n        const resolvedData = result instanceof Promise ? await result : result;\n        if (!cancelled) {\n          setItems(resolvedData);\n          setIsPending(false);\n        }\n      } catch (err) {\n        if (!cancelled) {\n          setError(err instanceof Error ? err : new Error(String(err)));\n          setIsPending(false);\n        }\n      }\n    })();\n\n    return () => {\n      cancelled = true;\n    };\n  }, [data, getData, hasGetData, loadCount]);\n\n  // Debounced surrogates of search and filter feed the processing pipeline.\n  // At delayMs === 0 (the default) these are referentially equal to the live\n  // values, so behavior is identical to before this refactor.\n  const debouncedSearch = useDebouncedValue(search, searchDebounceMs);\n  const debouncedFilter = useDebouncedValue(filter, filterDebounceMs);\n\n  // Reset offset when the *debounced* query changes — keying on the live query\n  // would briefly flash page 1 of unfiltered data while the debounce settles.\n  const debouncedQuery = useMemo(\n    () => ({ sort, filter: debouncedFilter, search: debouncedSearch }),\n    [sort, debouncedFilter, debouncedSearch],\n  );\n  const prevDebouncedQueryRef = useRef(debouncedQuery);\n  useEffect(() => {\n    if (prevDebouncedQueryRef.current !== debouncedQuery) {\n      prevDebouncedQueryRef.current = debouncedQuery;\n      setOffset(0);\n    }\n  }, [debouncedQuery]);\n\n  const resolvedItems = useMemo(() => data ?? items, [data, items]);\n\n  // Process data client-side (filter, search, sort)\n  const processedData = useMemo(() => {\n    if (!resolvedItems) {\n      return undefined;\n    }\n    let result = [...resolvedItems];\n    if (debouncedFilter !== undefined && filterFn) {\n      result = filterFn(result, debouncedFilter);\n    }\n    if (debouncedSearch && searchFn) {\n      result = searchFn(result, debouncedSearch);\n    }\n    if (sort && sortFn) {\n      result = sortFn(result, sort);\n    }\n    return result;\n  }, [\n    resolvedItems,\n    sort,\n    debouncedFilter,\n    debouncedSearch,\n    filterFn,\n    searchFn,\n    sortFn,\n  ]);\n\n  const totalCount = processedData?.length ?? 0;\n\n  // Paginate the processed data\n  const paginatedData = useMemo(\n    () =>\n      noPagination\n        ? processedData\n        : processedData?.slice(offset, offset + pageSize),\n    [processedData, offset, pageSize, noPagination],\n  );\n\n  const hasNextPage = !noPagination && offset + pageSize < totalCount;\n  const hasPreviousPage = !noPagination && 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    isPending: isPending,\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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"}
+{"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';\nimport { useDebouncedValue } from './useDebouncedValue';\nimport { getEffectivePageSize } from './getEffectivePageSize';\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    data,\n    getData: getDataProp = () => [],\n    paginationOptions = {},\n    sortFn,\n    filterFn,\n    searchFn,\n    searchDebounceMs = 0,\n    filterDebounceMs = 0,\n  } = options;\n  const hasGetData = 'getData' in options;\n  const noPagination = paginationOptions.type === 'none';\n  const { initialOffset = 0 } = paginationOptions;\n  const defaultPageSize = noPagination\n    ? Infinity\n    : getEffectivePageSize(paginationOptions);\n\n  const getData = useStableCallback(getDataProp);\n  const { sort, filter, search } = query;\n\n  const [items, setItems] = useState<T[] | undefined>(undefined);\n  const [isPending, setIsPending] = useState(!data);\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  // Sync pageSize when the caller changes paginationOptions.pageSize\n  const previousDefaultPageSize = useRef(defaultPageSize);\n  useEffect(() => {\n    if (previousDefaultPageSize.current !== defaultPageSize) {\n      previousDefaultPageSize.current = defaultPageSize;\n      setPageSize(defaultPageSize);\n      setOffset(0);\n    }\n  }, [defaultPageSize]);\n\n  // Load data on mount and when loadCount changes (reload trigger)\n  useEffect(() => {\n    if (data) {\n      setIsPending(false);\n      return;\n    }\n\n    if (!hasGetData) {\n      setIsPending(true);\n      return;\n    }\n\n    let cancelled = false;\n    setIsPending(true);\n    setError(undefined);\n\n    (async () => {\n      try {\n        const result = getData();\n        const resolvedData = result instanceof Promise ? await result : result;\n        if (!cancelled) {\n          setItems(resolvedData);\n          setIsPending(false);\n        }\n      } catch (err) {\n        if (!cancelled) {\n          setError(err instanceof Error ? err : new Error(String(err)));\n          setIsPending(false);\n        }\n      }\n    })();\n\n    return () => {\n      cancelled = true;\n    };\n  }, [data, getData, hasGetData, loadCount]);\n\n  // Debounced surrogates of search and filter feed the processing pipeline.\n  // At delayMs === 0 (the default) these are referentially equal to the live\n  // values, so behavior is identical to before this refactor.\n  const debouncedSearch = useDebouncedValue(search, searchDebounceMs);\n  const debouncedFilter = useDebouncedValue(filter, filterDebounceMs);\n\n  // Reset offset when the *debounced* query changes — keying on the live query\n  // would briefly flash page 1 of unfiltered data while the debounce settles.\n  const debouncedQuery = useMemo(\n    () => ({ sort, filter: debouncedFilter, search: debouncedSearch }),\n    [sort, debouncedFilter, debouncedSearch],\n  );\n  const prevDebouncedQueryRef = useRef(debouncedQuery);\n  useEffect(() => {\n    if (prevDebouncedQueryRef.current !== debouncedQuery) {\n      prevDebouncedQueryRef.current = debouncedQuery;\n      setOffset(0);\n    }\n  }, [debouncedQuery]);\n\n  const resolvedItems = useMemo(() => data ?? items, [data, items]);\n\n  // Process data client-side (filter, search, sort)\n  const processedData = useMemo(() => {\n    if (!resolvedItems) {\n      return undefined;\n    }\n    let result = [...resolvedItems];\n    if (debouncedFilter !== undefined && filterFn) {\n      result = filterFn(result, debouncedFilter);\n    }\n    if (debouncedSearch && searchFn) {\n      result = searchFn(result, debouncedSearch);\n    }\n    if (sort && sortFn) {\n      result = sortFn(result, sort);\n    }\n    return result;\n  }, [\n    resolvedItems,\n    sort,\n    debouncedFilter,\n    debouncedSearch,\n    filterFn,\n    searchFn,\n    sortFn,\n  ]);\n\n  const previousProcessedDataRef = useRef(processedData);\n  if (processedData !== undefined) {\n    previousProcessedDataRef.current = processedData;\n  }\n  const retainedProcessedData =\n    processedData ?? previousProcessedDataRef.current;\n\n  const totalCount = retainedProcessedData?.length ?? 0;\n\n  const effectiveOffset = useMemo(() => {\n    if (noPagination) {\n      return 0;\n    }\n    if (retainedProcessedData === undefined) {\n      return offset;\n    }\n    if (totalCount === 0) {\n      return 0;\n    }\n    return Math.min(offset, Math.floor((totalCount - 1) / pageSize) * pageSize);\n  }, [noPagination, offset, pageSize, retainedProcessedData, totalCount]);\n\n  // Persist the corrected offset so later data growth does not restore it.\n  useEffect(() => {\n    if (offset !== effectiveOffset) {\n      setOffset(effectiveOffset);\n    }\n  }, [effectiveOffset, offset]);\n\n  // Paginate the processed data\n  const paginatedData = useMemo(\n    () =>\n      noPagination\n        ? retainedProcessedData\n        : retainedProcessedData?.slice(\n            effectiveOffset,\n            effectiveOffset + pageSize,\n          ),\n    [retainedProcessedData, effectiveOffset, pageSize, noPagination],\n  );\n\n  const hasNextPage = !noPagination && effectiveOffset + pageSize < totalCount;\n  const hasPreviousPage = !noPagination && effectiveOffset > 0;\n\n  const onNextPage = useCallback(() => {\n    if (effectiveOffset + pageSize < totalCount) {\n      setOffset(effectiveOffset + pageSize);\n    }\n  }, [effectiveOffset, pageSize, totalCount]);\n\n  const onPreviousPage = useCallback(() => {\n    if (effectiveOffset > 0) {\n      setOffset(Math.max(0, effectiveOffset - pageSize));\n    }\n  }, [effectiveOffset, 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    isPending: isPending,\n    error,\n    totalCount,\n    offset: effectiveOffset,\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/useDebouncedReload.esm.js

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

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

@@ -1 +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;;;;"}
+{"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 { sort, filter, search } = query;\n  const prevDepsRef = useRef({ sort, filter, search, pageSize });\n\n  useEffect(() => {\n    const prev = prevDepsRef.current;\n    if (\n      prev.sort !== sort ||\n      prev.filter !== filter ||\n      prev.search !== search ||\n      prev.pageSize !== pageSize\n    ) {\n      prevDepsRef.current = { sort, filter, search, pageSize };\n      const timer = setTimeout(reload, delay);\n      return () => clearTimeout(timer);\n    }\n    return undefined;\n  }, [sort, filter, search, pageSize, reload, delay]);\n}\n"],"names":[],"mappings":";;AAwBO,SAAS,kBAAA,CACd,KAAA,EACA,QAAA,EACA,MAAA,EACA,QAAgB,GAAA,EACV;AACN,EAAA,MAAM,EAAE,IAAA,EAAM,MAAA,EAAQ,MAAA,EAAO,GAAI,KAAA;AACjC,EAAA,MAAM,cAAc,MAAA,CAAO,EAAE,MAAM,MAAA,EAAQ,MAAA,EAAQ,UAAU,CAAA;AAE7D,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,MAAM,OAAO,WAAA,CAAY,OAAA;AACzB,IAAA,IACE,IAAA,CAAK,IAAA,KAAS,IAAA,IACd,IAAA,CAAK,MAAA,KAAW,MAAA,IAChB,IAAA,CAAK,MAAA,KAAW,MAAA,IAChB,IAAA,CAAK,QAAA,KAAa,QAAA,EAClB;AACA,MAAA,WAAA,CAAY,OAAA,GAAU,EAAE,IAAA,EAAM,MAAA,EAAQ,QAAQ,QAAA,EAAS;AACvD,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,CAAA,EAAG,CAAC,IAAA,EAAM,MAAA,EAAQ,QAAQ,QAAA,EAAU,MAAA,EAAQ,KAAK,CAAC,CAAA;AACpD;;;;"}