@cloudoperators/juno-ui-components 9.0.1 → 9.1.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/Card/Card.component.d.ts.map +1 -1
- package/build/components/SideNavigation/SideNavigation.stories.d.ts.map +1 -1
- package/build/components/SideNavigationGroup/SideNavigationGroup.component.d.ts +4 -2
- package/build/components/SideNavigationGroup/SideNavigationGroup.component.d.ts.map +1 -1
- package/build/components/SideNavigationGroup/SideNavigationGroup.stories.d.ts +1 -0
- package/build/components/SideNavigationGroup/SideNavigationGroup.stories.d.ts.map +1 -1
- package/build/components/SideNavigationItem/SideNavigationItem.component.d.ts +5 -3
- package/build/components/SideNavigationItem/SideNavigationItem.component.d.ts.map +1 -1
- package/build/components/SideNavigationItem/SideNavigationItem.stories.d.ts +1 -0
- package/build/components/SideNavigationItem/SideNavigationItem.stories.d.ts.map +1 -1
- package/build/index.js +2561 -2556
- package/build/juno-ui-components.css +1 -1
- package/build/theme.css +6 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.component.d.ts","sourceRoot":"","sources":["../../../src/components/Card/Card.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAAc,cAAc,EAAE,iBAAiB,EAAE,SAAS,EAAO,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"Card.component.d.ts","sourceRoot":"","sources":["../../../src/components/Card/Card.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAAc,cAAc,EAAE,iBAAiB,EAAE,SAAS,EAAO,MAAM,OAAO,CAAA;AAyB5F,MAAM,WAAW,SAAU,SAAQ,cAAc,CAAC,WAAW,CAAC;IAC5D;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAA;IAEpB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IAEb;;OAEG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC,WAAW,CAAC,CAAA;IAExC;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED;;;;;;GAMG;AACH,eAAO,MAAM,IAAI,+EAsDhB,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SideNavigation.stories.d.ts","sourceRoot":"","sources":["../../../src/components/SideNavigation/SideNavigation.stories.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;
|
|
1
|
+
{"version":3,"file":"SideNavigation.stories.d.ts","sourceRoot":"","sources":["../../../src/components/SideNavigation/SideNavigation.stories.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAE3D,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAKxC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,cAAc,CAerC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,cAAc,CAAC,CAAA;AAE5C,eAAO,MAAM,OAAO,EAAE,KAwBrB,CAAA;AAED,eAAO,MAAM,oBAAoB,EAAE,KA2BlC,CAAA"}
|
|
@@ -5,8 +5,10 @@ export interface SideNavigationGroupProps {
|
|
|
5
5
|
children?: ReactElement<SideNavigationItemProps> | ReactElement<SideNavigationItemProps>[];
|
|
6
6
|
/** Label displayed for the navigation group. */
|
|
7
7
|
label: ReactNode;
|
|
8
|
-
/**
|
|
8
|
+
/** Sets the open state of the navigation group. The component owns the open state internally but re-syncs to this prop whenever the parent updates it, so it can be used either as the initial value or to drive the state from the outside. */
|
|
9
9
|
open?: boolean;
|
|
10
|
+
/** Fired when the user clicks the group to toggle it. Receives the next open state. */
|
|
11
|
+
onToggle?: (_isOpen: boolean) => void;
|
|
10
12
|
}
|
|
11
13
|
/**
|
|
12
14
|
* SideNavigationGroup is a component designed to encapsulate and organize multiple
|
|
@@ -18,5 +20,5 @@ export interface SideNavigationGroupProps {
|
|
|
18
20
|
* @see https://cloudoperators.github.io/juno/?path=/docs/navigation-sidenavigation-sidenavigationgroup--docs
|
|
19
21
|
* @see {@link SideNavigationGroupProps}
|
|
20
22
|
**/
|
|
21
|
-
export declare const SideNavigationGroup: ({ children, label, open }: SideNavigationGroupProps) => ReactNode;
|
|
23
|
+
export declare const SideNavigationGroup: ({ children, label, open, onToggle, }: SideNavigationGroupProps) => ReactNode;
|
|
22
24
|
//# sourceMappingURL=SideNavigationGroup.component.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SideNavigationGroup.component.d.ts","sourceRoot":"","sources":["../../../src/components/SideNavigationGroup/SideNavigationGroup.component.tsx"],"names":[],"mappings":"AAKA,OAAc,EAAY,YAAY,EAAE,SAAS,EAAmC,MAAM,OAAO,CAAA;AAEjG,OAAO,EAAE,uBAAuB,EAAE,MAAM,uBAAuB,CAAA;AAC/D,OAAO,sCAAsC,CAAA;AAwC7C,MAAM,WAAW,wBAAwB;IACvC,oEAAoE;IACpE,QAAQ,CAAC,EAAE,YAAY,CAAC,uBAAuB,CAAC,GAAG,YAAY,CAAC,uBAAuB,CAAC,EAAE,CAAA;IAC1F,gDAAgD;IAChD,KAAK,EAAE,SAAS,CAAA;IAChB,
|
|
1
|
+
{"version":3,"file":"SideNavigationGroup.component.d.ts","sourceRoot":"","sources":["../../../src/components/SideNavigationGroup/SideNavigationGroup.component.tsx"],"names":[],"mappings":"AAKA,OAAc,EAAY,YAAY,EAAE,SAAS,EAAmC,MAAM,OAAO,CAAA;AAEjG,OAAO,EAAE,uBAAuB,EAAE,MAAM,uBAAuB,CAAA;AAC/D,OAAO,sCAAsC,CAAA;AAwC7C,MAAM,WAAW,wBAAwB;IACvC,oEAAoE;IACpE,QAAQ,CAAC,EAAE,YAAY,CAAC,uBAAuB,CAAC,GAAG,YAAY,CAAC,uBAAuB,CAAC,EAAE,CAAA;IAC1F,gDAAgD;IAChD,KAAK,EAAE,SAAS,CAAA;IAChB,gPAAgP;IAChP,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,uFAAuF;IACvF,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;CACtC;AAED;;;;;;;;;IASI;AAEJ,eAAO,MAAM,mBAAmB,GAAI,sCAKjC,wBAAwB,KAAG,SA+D7B,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SideNavigationGroup.stories.d.ts","sourceRoot":"","sources":["../../../src/components/SideNavigationGroup/SideNavigationGroup.stories.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;
|
|
1
|
+
{"version":3,"file":"SideNavigationGroup.stories.d.ts","sourceRoot":"","sources":["../../../src/components/SideNavigationGroup/SideNavigationGroup.stories.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAG3D,OAAO,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAA;AAIrE,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,mBAAmB,CAqB1C,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,OAAO,EAAE,KAgBrB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAsBxB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAsBxB,CAAA"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ReactNode, HTMLAttributes, MouseEventHandler, ReactElement } from 'react';
|
|
2
2
|
import { KnownIcons } from '../Icon/Icon.component';
|
|
3
|
-
export interface SideNavigationItemProps extends HTMLAttributes<HTMLElement> {
|
|
3
|
+
export interface SideNavigationItemProps extends Omit<HTMLAttributes<HTMLElement>, "onToggle"> {
|
|
4
4
|
/** Provides an accessibility label for the navigation item. */
|
|
5
5
|
ariaLabel?: string;
|
|
6
6
|
/** Nested SideNavigationItem components rendered as a sub-list when expanded. A string may be passed instead and will be treated as a label. */
|
|
@@ -15,7 +15,9 @@ export interface SideNavigationItemProps extends HTMLAttributes<HTMLElement> {
|
|
|
15
15
|
label?: ReactNode;
|
|
16
16
|
/** Function handler triggered upon item click. */
|
|
17
17
|
onClick?: MouseEventHandler<HTMLElement>;
|
|
18
|
-
/**
|
|
18
|
+
/** Fired when the user clicks the chevron to expand or collapse the nested children. Receives the next open state. */
|
|
19
|
+
onToggle?: (_isOpen: boolean) => void;
|
|
20
|
+
/** Sets the open state of the nested children. The component owns the open state internally but re-syncs to this prop whenever the parent updates it, so it can be used either as the initial value or to drive the state from the outside. */
|
|
19
21
|
open?: boolean;
|
|
20
22
|
/** Indicates if the item is currently selected or active. */
|
|
21
23
|
selected?: boolean;
|
|
@@ -37,5 +39,5 @@ export interface SideNavigationItemProps extends HTMLAttributes<HTMLElement> {
|
|
|
37
39
|
* @see https://cloudoperators.github.io/juno/?path=/docs/navigation-sidenavigation-sidenavigationitem--docs
|
|
38
40
|
* @see {@link SideNavigationItemProps}
|
|
39
41
|
*/
|
|
40
|
-
export declare const SideNavigationItem: ({ ariaLabel, children, disabled, href, icon, label, onClick, open, selected, ...props }: SideNavigationItemProps) => ReactNode;
|
|
42
|
+
export declare const SideNavigationItem: ({ ariaLabel, children, disabled, href, icon, label, onClick, onToggle, open, selected, ...props }: SideNavigationItemProps) => ReactNode;
|
|
41
43
|
//# sourceMappingURL=SideNavigationItem.component.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SideNavigationItem.component.d.ts","sourceRoot":"","sources":["../../../src/components/SideNavigationItem/SideNavigationItem.component.tsx"],"names":[],"mappings":"AAKA,OAAc,EAIZ,SAAS,EACT,cAAc,EACd,iBAAiB,EACjB,YAAY,EAGb,MAAM,OAAO,CAAA;AACd,OAAO,EAAQ,UAAU,EAAE,MAAM,wBAAwB,CAAA;AAEzD,OAAO,sCAAsC,CAAA;AAuB7C,MAAM,WAAW,uBAAwB,SAAQ,cAAc,CAAC,WAAW,CAAC;
|
|
1
|
+
{"version":3,"file":"SideNavigationItem.component.d.ts","sourceRoot":"","sources":["../../../src/components/SideNavigationItem/SideNavigationItem.component.tsx"],"names":[],"mappings":"AAKA,OAAc,EAIZ,SAAS,EACT,cAAc,EACd,iBAAiB,EACjB,YAAY,EAGb,MAAM,OAAO,CAAA;AACd,OAAO,EAAQ,UAAU,EAAE,MAAM,wBAAwB,CAAA;AAEzD,OAAO,sCAAsC,CAAA;AAuB7C,MAAM,WAAW,uBAAwB,SAAQ,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,UAAU,CAAC;IAC5F,+DAA+D;IAC/D,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,gJAAgJ;IAChJ,QAAQ,CAAC,EAAE,YAAY,CAAC,uBAAuB,CAAC,GAAG,YAAY,CAAC,uBAAuB,CAAC,EAAE,GAAG,MAAM,CAAA;IACnG,wDAAwD;IACxD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,2DAA2D;IAC3D,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,uDAAuD;IACvD,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,sGAAsG;IACtG,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,kDAAkD;IAClD,OAAO,CAAC,EAAE,iBAAiB,CAAC,WAAW,CAAC,CAAA;IACxC,sHAAsH;IACtH,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,+OAA+O;IAC/O,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED;;;;;;;;;;;;;;;;GAgBG;AAEH,eAAO,MAAM,kBAAkB,GAAI,mGAYhC,uBAAuB,KAAG,SAkG5B,CAAA"}
|
|
@@ -12,4 +12,5 @@ export declare const WithChildren: Story;
|
|
|
12
12
|
export declare const Expandable: Story;
|
|
13
13
|
export declare const ExpandableWithIcon: Story;
|
|
14
14
|
export declare const DisabledWithExpandable: Story;
|
|
15
|
+
export declare const Controlled: Story;
|
|
15
16
|
//# sourceMappingURL=SideNavigationItem.stories.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SideNavigationItem.stories.d.ts","sourceRoot":"","sources":["../../../src/components/SideNavigationItem/SideNavigationItem.stories.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;
|
|
1
|
+
{"version":3,"file":"SideNavigationItem.stories.d.ts","sourceRoot":"","sources":["../../../src/components/SideNavigationItem/SideNavigationItem.stories.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAI3D,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAA;AAGnE,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,kBAAkB,CA6BzC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,OAAO,EAAE,KAWrB,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KAYpB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAYtB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAYtB,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KAYpB,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAY1B,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KA0BxB,CAAA;AAED,eAAO,MAAM,kBAAkB,EAAE,KAwBhC,CAAA;AAED,eAAO,MAAM,sBAAsB,EAAE,KAuBpC,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAqBxB,CAAA"}
|