@luscii-healthtech/web-ui 54.7.2 → 55.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@luscii-healthtech/web-ui",
3
- "version": "54.7.2",
3
+ "version": "55.0.0",
4
4
  "license": "MIT",
5
5
  "author": {
6
6
  "name": "Joris Janssen"
@@ -1,38 +0,0 @@
1
- import { type TabItemDetails } from "./TabbarItem";
2
- /**
3
- * @deprecated Use `Tabs` from `@luscii-healthtech/web-ui` instead.
4
- * `Tabs` is a composable, Radix-based component that covers every
5
- * feature of `Tabbar`. See the "Migrating from Tabbar" section of the
6
- * `Tabs` docs for a 1-to-1 mapping of the legacy props.
7
- */
8
- export interface TabbarProps<T extends object = Record<string, unknown>> {
9
- tabs?: TabItemDetails<T>[];
10
- selectedIndex?: number;
11
- onSelect?: (params: {
12
- index: number;
13
- selectedTab: TabItemDetails<T>;
14
- }) => void;
15
- className?: string;
16
- /**
17
- * @deprecated
18
- * If this component needs padding, it should be added from the code consuming this component.
19
- *
20
- * If this component is being used on a container that will handle spacing, this option disables the padding, allowing the container to take over spacing.
21
- */
22
- withoutPadding?: boolean;
23
- }
24
- export { type TabItemDetails };
25
- /**
26
- * @deprecated Use `Tabs` from `@luscii-healthtech/web-ui` instead.
27
- * `Tabs` is a composable, Radix-based component that covers every
28
- * feature of `Tabbar`. See the "Migrating from Tabbar" section of the
29
- * `Tabs` docs for a 1-to-1 mapping of the legacy props.
30
- */
31
- export declare const Tabbar: <T extends object = Record<string, unknown>>({ tabs, selectedIndex, onSelect, className, }: TabbarProps<T>) => JSX.Element;
32
- /**
33
- * @deprecated Use `Tabs` from `@luscii-healthtech/web-ui` instead.
34
- * `Tabs` is a composable, Radix-based component that covers every
35
- * feature of `Tabbar`. See the "Migrating from Tabbar" section of the
36
- * `Tabs` docs for a 1-to-1 mapping of the legacy props.
37
- */
38
- export default Tabbar;
@@ -1,22 +0,0 @@
1
- /**
2
- * @deprecated Used by the deprecated `Tabbar` component. Use `Tabs`
3
- * from `@luscii-healthtech/web-ui` instead — it is composable, so the
4
- * `TabItemDetails` shape is no longer needed. See the "Migrating from
5
- * Tabbar" section of the `Tabs` docs for a 1-to-1 mapping of each
6
- * property to its new compositional equivalent.
7
- */
8
- export interface TabItemDetails<T extends object = Record<string, unknown>> {
9
- title: string | JSX.Element;
10
- badgeCount?: number;
11
- isLoading?: boolean;
12
- dataTestId?: string;
13
- extra?: T;
14
- }
15
- export interface TabbarItemProps<T extends object = Record<string, unknown>> extends TabItemDetails<T> {
16
- index: number;
17
- isSelected?: boolean;
18
- onSelect?: (index: number) => void;
19
- className?: string;
20
- }
21
- declare const TabbarItem: <T extends object = Record<string, unknown>>({ title, index, isSelected, onSelect, className, badgeCount, isLoading, dataTestId, }: TabbarItemProps<T>) => JSX.Element;
22
- export default TabbarItem;
@@ -1,38 +0,0 @@
1
- import { type TabItemDetails } from "./TabbarItem";
2
- /**
3
- * @deprecated Use `Tabs` from `@luscii-healthtech/web-ui` instead.
4
- * `Tabs` is a composable, Radix-based component that covers every
5
- * feature of `Tabbar`. See the "Migrating from Tabbar" section of the
6
- * `Tabs` docs for a 1-to-1 mapping of the legacy props.
7
- */
8
- export interface TabbarProps<T extends object = Record<string, unknown>> {
9
- tabs?: TabItemDetails<T>[];
10
- selectedIndex?: number;
11
- onSelect?: (params: {
12
- index: number;
13
- selectedTab: TabItemDetails<T>;
14
- }) => void;
15
- className?: string;
16
- /**
17
- * @deprecated
18
- * If this component needs padding, it should be added from the code consuming this component.
19
- *
20
- * If this component is being used on a container that will handle spacing, this option disables the padding, allowing the container to take over spacing.
21
- */
22
- withoutPadding?: boolean;
23
- }
24
- export { type TabItemDetails };
25
- /**
26
- * @deprecated Use `Tabs` from `@luscii-healthtech/web-ui` instead.
27
- * `Tabs` is a composable, Radix-based component that covers every
28
- * feature of `Tabbar`. See the "Migrating from Tabbar" section of the
29
- * `Tabs` docs for a 1-to-1 mapping of the legacy props.
30
- */
31
- export declare const Tabbar: <T extends object = Record<string, unknown>>({ tabs, selectedIndex, onSelect, className, }: TabbarProps<T>) => JSX.Element;
32
- /**
33
- * @deprecated Use `Tabs` from `@luscii-healthtech/web-ui` instead.
34
- * `Tabs` is a composable, Radix-based component that covers every
35
- * feature of `Tabbar`. See the "Migrating from Tabbar" section of the
36
- * `Tabs` docs for a 1-to-1 mapping of the legacy props.
37
- */
38
- export default Tabbar;
@@ -1,22 +0,0 @@
1
- /**
2
- * @deprecated Used by the deprecated `Tabbar` component. Use `Tabs`
3
- * from `@luscii-healthtech/web-ui` instead — it is composable, so the
4
- * `TabItemDetails` shape is no longer needed. See the "Migrating from
5
- * Tabbar" section of the `Tabs` docs for a 1-to-1 mapping of each
6
- * property to its new compositional equivalent.
7
- */
8
- export interface TabItemDetails<T extends object = Record<string, unknown>> {
9
- title: string | JSX.Element;
10
- badgeCount?: number;
11
- isLoading?: boolean;
12
- dataTestId?: string;
13
- extra?: T;
14
- }
15
- export interface TabbarItemProps<T extends object = Record<string, unknown>> extends TabItemDetails<T> {
16
- index: number;
17
- isSelected?: boolean;
18
- onSelect?: (index: number) => void;
19
- className?: string;
20
- }
21
- declare const TabbarItem: <T extends object = Record<string, unknown>>({ title, index, isSelected, onSelect, className, badgeCount, isLoading, dataTestId, }: TabbarItemProps<T>) => JSX.Element;
22
- export default TabbarItem;
@@ -1,16 +0,0 @@
1
- import { type StoryObj } from "@storybook/react-vite";
2
- import { type TabbarProps } from "../src/components/Tabbar/Tabbar";
3
- declare const _default: {
4
- title: string;
5
- component: <T extends object = Record<string, unknown>>({ tabs, selectedIndex, onSelect, className, }: TabbarProps<T>) => JSX.Element;
6
- tags: string[];
7
- parameters: {
8
- docs: {
9
- description: {
10
- component: string;
11
- };
12
- };
13
- };
14
- };
15
- export default _default;
16
- export declare const Base: StoryObj<TabbarProps>;