@cloudoperators/juno-ui-components 9.5.0 → 9.6.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/build/components/AppShell/AppShell.stories.d.ts +1 -1
- package/build/components/AppShell/AppShell.stories.d.ts.map +1 -1
- package/build/components/Badge/Badge.component.d.ts +19 -4
- package/build/components/Badge/Badge.component.d.ts.map +1 -1
- package/build/components/Badge/Badge.stories.d.ts +13 -0
- package/build/components/Badge/Badge.stories.d.ts.map +1 -1
- package/build/components/Badge/index.d.ts +1 -0
- package/build/components/Badge/index.d.ts.map +1 -1
- package/build/components/ComboBox/ComboBox.component.d.ts.map +1 -1
- package/build/components/MainTabs/MainTabs.component.d.ts +8 -8
- package/build/components/MainTabs/MainTabs.component.d.ts.map +1 -1
- package/build/components/MainTabs/MainTabs.stories.d.ts.map +1 -1
- package/build/components/Tab/Tab.component.d.ts +1 -0
- package/build/components/Tab/Tab.component.d.ts.map +1 -1
- package/build/components/Tab/Tab.stories.d.ts.map +1 -1
- package/build/components/TabBar/TabBar.component.d.ts +42 -0
- package/build/components/TabBar/TabBar.component.d.ts.map +1 -0
- package/build/components/TabBar/TabBar.stories.d.ts +11 -0
- package/build/components/TabBar/TabBar.stories.d.ts.map +1 -0
- package/build/components/TabBar/TabBar.test.d.ts +2 -0
- package/build/components/TabBar/TabBar.test.d.ts.map +1 -0
- package/build/components/TabBar/TabNavigation.deprecated.d.ts +4 -0
- package/build/components/TabBar/TabNavigation.deprecated.d.ts.map +1 -0
- package/build/components/TabBar/TabNavigation.deprecated.test.d.ts +2 -0
- package/build/components/TabBar/TabNavigation.deprecated.test.d.ts.map +1 -0
- package/build/components/{TabNavigation → TabBar}/TabNavigation.stories.d.ts +0 -1
- package/build/components/TabBar/TabNavigation.stories.d.ts.map +1 -0
- package/build/components/TabBar/index.d.ts +3 -0
- package/build/components/TabBar/index.d.ts.map +1 -0
- package/build/components/TabBarItem/TabBarItem.component.d.ts +33 -0
- package/build/components/TabBarItem/TabBarItem.component.d.ts.map +1 -0
- package/build/components/TabBarItem/TabBarItem.stories.d.ts +12 -0
- package/build/components/TabBarItem/TabBarItem.stories.d.ts.map +1 -0
- package/build/components/TabBarItem/TabBarItem.test.d.ts +2 -0
- package/build/components/TabBarItem/TabBarItem.test.d.ts.map +1 -0
- package/build/components/TabBarItem/TabNavigationItem.deprecated.d.ts +4 -0
- package/build/components/TabBarItem/TabNavigationItem.deprecated.d.ts.map +1 -0
- package/build/components/TabBarItem/TabNavigationItem.deprecated.test.d.ts +2 -0
- package/build/components/TabBarItem/TabNavigationItem.deprecated.test.d.ts.map +1 -0
- package/build/components/{TabNavigationItem → TabBarItem}/TabNavigationItem.stories.d.ts +0 -1
- package/build/components/TabBarItem/TabNavigationItem.stories.d.ts.map +1 -0
- package/build/components/TabBarItem/index.d.ts +3 -0
- package/build/components/TabBarItem/index.d.ts.map +1 -0
- package/build/components/TabList/TabList.component.d.ts +1 -0
- package/build/components/TabList/TabList.component.d.ts.map +1 -1
- package/build/components/TabList/TabList.stories.d.ts.map +1 -1
- package/build/components/TabPanel/TabPanel.component.d.ts +1 -0
- package/build/components/TabPanel/TabPanel.component.d.ts.map +1 -1
- package/build/components/TabPanel/TabPanel.stories.d.ts.map +1 -1
- package/build/components/Tabs/Tabs.component.d.ts +6 -2
- package/build/components/Tabs/Tabs.component.d.ts.map +1 -1
- package/build/components/Tabs/Tabs.stories.d.ts.map +1 -1
- package/build/components/withDeprecationWarning/withDeprecationWarning.component.d.ts.map +1 -1
- package/build/index.d.ts +8 -4
- package/build/index.d.ts.map +1 -1
- package/build/index.js +2921 -2855
- package/build/juno-ui-components.css +1 -1
- package/package.json +10 -9
- package/build/components/TabNavigation/TabNavigation.component.d.ts +0 -29
- package/build/components/TabNavigation/TabNavigation.component.d.ts.map +0 -1
- package/build/components/TabNavigation/TabNavigation.stories.d.ts.map +0 -1
- package/build/components/TabNavigation/TabNavigation.test.d.ts +0 -2
- package/build/components/TabNavigation/TabNavigation.test.d.ts.map +0 -1
- package/build/components/TabNavigation/index.d.ts +0 -2
- package/build/components/TabNavigation/index.d.ts.map +0 -1
- package/build/components/TabNavigationItem/TabNavigationItem.component.d.ts +0 -30
- package/build/components/TabNavigationItem/TabNavigationItem.component.d.ts.map +0 -1
- package/build/components/TabNavigationItem/TabNavigationItem.stories.d.ts.map +0 -1
- package/build/components/TabNavigationItem/TabNavigationItem.test.d.ts +0 -2
- package/build/components/TabNavigationItem/TabNavigationItem.test.d.ts.map +0 -1
- package/build/components/TabNavigationItem/index.d.ts +0 -2
- package/build/components/TabNavigationItem/index.d.ts.map +0 -1
package/package.json
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"name": "@cloudoperators/juno-ui-components",
|
|
3
3
|
"private": false,
|
|
4
4
|
"source": "src/index.js",
|
|
5
|
-
"version": "9.
|
|
5
|
+
"version": "9.6.0",
|
|
6
6
|
"types": "build/index.d.ts",
|
|
7
7
|
"exports": {
|
|
8
8
|
"./index": "./build/index.js",
|
|
@@ -25,36 +25,37 @@
|
|
|
25
25
|
"pnpm": ">=11.25.0"
|
|
26
26
|
},
|
|
27
27
|
"devDependencies": {
|
|
28
|
-
"@cloudoperators/juno-config": "0.1.
|
|
28
|
+
"@cloudoperators/juno-config": "0.1.2",
|
|
29
29
|
"@floating-ui/react": "0.27.20",
|
|
30
30
|
"@headlessui/react": "2.2.10",
|
|
31
31
|
"@material-design-icons/svg": "0.14.15",
|
|
32
|
-
"@storybook/addon-docs": "10.6.
|
|
33
|
-
"@storybook/addon-links": "10.6.
|
|
34
|
-
"@storybook/react-vite": "10.6.
|
|
32
|
+
"@storybook/addon-docs": "10.6.1",
|
|
33
|
+
"@storybook/addon-links": "10.6.1",
|
|
34
|
+
"@storybook/react-vite": "10.6.1",
|
|
35
35
|
"@tailwindcss/vite": "4.3.3",
|
|
36
36
|
"@testing-library/jest-dom": "7.0.1",
|
|
37
37
|
"@testing-library/react": "16.3.3",
|
|
38
38
|
"@testing-library/user-event": "14.6.7",
|
|
39
|
+
"@types/node": "24.19.1",
|
|
39
40
|
"@types/react": "19.3.0",
|
|
40
41
|
"@types/react-dom": "19.3.0",
|
|
41
42
|
"@vitejs/plugin-react": "6.1.1",
|
|
42
|
-
"eslint-plugin-storybook": "10.6.
|
|
43
|
+
"eslint-plugin-storybook": "10.6.1",
|
|
43
44
|
"flatpickr": "4.6.13",
|
|
44
45
|
"focus-trap-react": "12.0.3",
|
|
45
46
|
"jsdom": "30.1.1",
|
|
46
47
|
"react": "19.3.0",
|
|
47
48
|
"react-dom": "19.3.0",
|
|
48
49
|
"react-tabs": "6.1.1",
|
|
49
|
-
"storybook": "10.6.
|
|
50
|
+
"storybook": "10.6.1",
|
|
50
51
|
"tailwindcss": "4.3.3",
|
|
51
52
|
"typescript": "6.0.3",
|
|
52
|
-
"vite": "8.3.
|
|
53
|
+
"vite": "8.3.2",
|
|
53
54
|
"vite-plugin-dts": "5.1.1",
|
|
54
55
|
"vite-plugin-glob": "0.3.2",
|
|
55
56
|
"vite-plugin-svgr": "5.2.0",
|
|
56
57
|
"vite-tsconfig-paths": "6.1.1",
|
|
57
|
-
"vitest": "5.0.
|
|
58
|
+
"vitest": "5.0.3"
|
|
58
59
|
},
|
|
59
60
|
"peerDependencies": {
|
|
60
61
|
"react": "^19.1.0",
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
import { default as React, HTMLAttributes, ReactNode } from 'react';
|
|
2
|
-
export interface TabNavigationContextType {
|
|
3
|
-
tabStyle: TabStyle;
|
|
4
|
-
}
|
|
5
|
-
export declare const TabNavigationContext: React.Context<TabNavigationContextType | undefined>;
|
|
6
|
-
/**
|
|
7
|
-
* A TabNavigation parent component. Use to wrap `<TabNavigationItem>` elements inside. For tabs with corresponding tab panels, use `<Tabs>` instead.
|
|
8
|
-
* @see https://cloudoperators.github.io/juno/?path=/docs/navigation-tabnavigation-tabnavigation--docs
|
|
9
|
-
* @see {@link TabNavigationProps}
|
|
10
|
-
*/
|
|
11
|
-
export declare const TabNavigation: ({ activeItem, ariaLabel, children, className, disabled, onActiveItemChange, tabStyle, ...props }: TabNavigationProps) => ReactNode;
|
|
12
|
-
export type TabStyle = "main" | "content";
|
|
13
|
-
export interface TabNavigationProps extends HTMLAttributes<HTMLElement> {
|
|
14
|
-
/** The label of the selected tab. The `activeItem` prop set on the parent will override / take precedence over any `active` prop that may be set on a child. */
|
|
15
|
-
activeItem?: ReactNode;
|
|
16
|
-
/** The aria-label of the navigation. Specify when there are more than one elements with an implicit or explicit `role="navigation"` on a page/view. */
|
|
17
|
-
ariaLabel?: string;
|
|
18
|
-
/** The child `<TabNavigationItem>` elements to render. */
|
|
19
|
-
children?: ReactNode;
|
|
20
|
-
/** A custom className to be rendered on the tab navigation */
|
|
21
|
-
className?: string;
|
|
22
|
-
/** Whether the tab navigation is disabled. If set to `true`, all child tab navigation item elements will be disabled. */
|
|
23
|
-
disabled?: boolean;
|
|
24
|
-
/** A handler to execute when the active tab changes */
|
|
25
|
-
onActiveItemChange?: (activeItem: ReactNode) => void;
|
|
26
|
-
/** The stylistic variant of the Tabs: Use `main` as the first child in an `Appshell` (when manually scaffolding, as first child of `juno-content-container`). For tabs inside the page content use "content". `<TabNavigation tabStyle="main">` will have no darkened border on the bottom of inactive tabs, `tabStyle="content"` will.*/
|
|
27
|
-
tabStyle?: TabStyle;
|
|
28
|
-
}
|
|
29
|
-
//# sourceMappingURL=TabNavigation.component.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TabNavigation.component.d.ts","sourceRoot":"","sources":["../../../src/components/TabNavigation/TabNavigation.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAAiB,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAQvE,MAAM,WAAW,wBAAwB;IACvC,QAAQ,EAAE,QAAQ,CAAA;CACnB;AAED,eAAO,MAAM,oBAAoB,qDAAiE,CAAA;AAElG;;;;GAIG;AACH,eAAO,MAAM,aAAa,GAAI,kGAS3B,kBAAkB,KAAG,SAyBvB,CAAA;AAED,MAAM,MAAM,QAAQ,GAAG,MAAM,GAAG,SAAS,CAAA;AAEzC,MAAM,WAAW,kBAAmB,SAAQ,cAAc,CAAC,WAAW,CAAC;IACrE,gKAAgK;IAChK,UAAU,CAAC,EAAE,SAAS,CAAA;IACtB,uJAAuJ;IACvJ,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,8DAA8D;IAC9D,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,yHAAyH;IACzH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,uDAAuD;IAEvD,kBAAkB,CAAC,EAAE,CAAC,UAAU,EAAE,SAAS,KAAK,IAAI,CAAA;IACpD,0UAA0U;IAC1U,QAAQ,CAAC,EAAE,QAAQ,CAAA;CACpB"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TabNavigation.stories.d.ts","sourceRoot":"","sources":["../../../src/components/TabNavigation/TabNavigation.stories.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAGvC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,aAAa,CAepC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,OAAO,EAAE,KASrB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAiBtB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAkBxB,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAyB1B,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TabNavigation.test.d.ts","sourceRoot":"","sources":["../../../src/components/TabNavigation/TabNavigation.test.tsx"],"names":[],"mappings":""}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TabNavigation/index.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAA"}
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
import { HTMLAttributes, MouseEventHandler, ReactNode } from 'react';
|
|
2
|
-
import { KnownIcons } from '../Icon/Icon.component.js';
|
|
3
|
-
/**
|
|
4
|
-
* An individual Tab Navigation Item. Use wrapped in a `<TabNavigation>` parent component.
|
|
5
|
-
* @see https://cloudoperators.github.io/juno/?path=/docs/navigation-tabnavigation-tabnavigationitem--docs
|
|
6
|
-
* @see {@link TabProps}
|
|
7
|
-
*/
|
|
8
|
-
export declare const TabNavigationItem: ({ active, ariaLabel, children, className, disabled, href, icon, label, onClick, value, ...props }: TabNavigationItemProps) => ReactNode;
|
|
9
|
-
export interface TabNavigationItemProps extends HTMLAttributes<HTMLElement> {
|
|
10
|
-
/** Whether the tab navigation item is active */
|
|
11
|
-
active?: boolean;
|
|
12
|
-
/** The aria label of the item */
|
|
13
|
-
ariaLabel?: string;
|
|
14
|
-
/** The children to render. In order to make the navigation work, you also need to pass a `value` or `label` prop, or both. */
|
|
15
|
-
children?: ReactNode;
|
|
16
|
-
/** Pass a custom className */
|
|
17
|
-
className?: string;
|
|
18
|
-
/** Whether the tab navigation item is disabled */
|
|
19
|
-
disabled?: boolean;
|
|
20
|
-
href?: string;
|
|
21
|
-
/** Pass the name of an icon to render in the Tab. Can be any icon included with Juno. */
|
|
22
|
-
icon?: KnownIcons;
|
|
23
|
-
/** The label of the tab navigation item. Must be unique within any given `<TabNavigation>` group. */
|
|
24
|
-
label?: string;
|
|
25
|
-
/** Pass a custom handler to execute when the tab is clicked */
|
|
26
|
-
onClick?: MouseEventHandler<HTMLElement>;
|
|
27
|
-
/** An optional technical identifier for the tab. If not passed, the label will be used to identify the tab. NOTE: If value is passed, the value of the active tab MUST be used when setting the activeItem prop on the parent TabNavigation.*/
|
|
28
|
-
value?: string;
|
|
29
|
-
}
|
|
30
|
-
//# sourceMappingURL=TabNavigationItem.component.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TabNavigationItem.component.d.ts","sourceRoot":"","sources":["../../../src/components/TabNavigationItem/TabNavigationItem.component.tsx"],"names":[],"mappings":"AAKA,OAAc,EAAE,cAAc,EAAE,iBAAiB,EAAE,SAAS,EAAc,MAAM,OAAO,CAAA;AAGvF,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAA;AAsBtD;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,GAAI,mGAY/B,sBAAsB,KAAG,SA4B3B,CAAA;AAED,MAAM,WAAW,sBAAuB,SAAQ,cAAc,CAAC,WAAW,CAAC;IACzE,gDAAgD;IAChD,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,iCAAiC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,8HAA8H;IAC9H,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,8BAA8B;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,kDAAkD;IAClD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,yFAAyF;IACzF,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,qGAAqG;IACrG,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,+DAA+D;IAC/D,OAAO,CAAC,EAAE,iBAAiB,CAAC,WAAW,CAAC,CAAA;IACxC,+OAA+O;IAC/O,KAAK,CAAC,EAAE,MAAM,CAAA;CACf"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TabNavigationItem.stories.d.ts","sourceRoot":"","sources":["../../../src/components/TabNavigationItem/TabNavigationItem.stories.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAE3D,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAG3C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,iBAAiB,CAmBxC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KAKpB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KAKpB,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAK1B,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TabNavigationItem.test.d.ts","sourceRoot":"","sources":["../../../src/components/TabNavigationItem/TabNavigationItem.test.tsx"],"names":[],"mappings":""}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TabNavigationItem/index.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAA"}
|