@cloudoperators/juno-ui-components 6.1.0 → 6.1.1
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/AppBody/AppBody.component.d.ts +18 -8
- package/build/components/AppBody/AppBody.component.d.ts.map +1 -1
- package/build/components/AppBody/AppBody.stories.d.ts.map +1 -1
- package/build/components/AppShell/AppShell.component.d.ts +39 -15
- package/build/components/AppShell/AppShell.component.d.ts.map +1 -1
- package/build/components/AppShellProvider/AppShellProvider.component.d.ts +30 -9
- package/build/components/AppShellProvider/AppShellProvider.component.d.ts.map +1 -1
- package/build/components/Badge/Badge.component.d.ts +20 -17
- package/build/components/Badge/Badge.component.d.ts.map +1 -1
- package/build/components/Box/Box.component.d.ts +16 -10
- package/build/components/Box/Box.component.d.ts.map +1 -1
- package/build/components/Breadcrumb/Breadcrumb.component.d.ts +14 -12
- package/build/components/Breadcrumb/Breadcrumb.component.d.ts.map +1 -1
- package/build/components/Breadcrumb/Breadcrumb.stories.d.ts +1 -1
- package/build/components/BreadcrumbItem/BreadcrumbItem.component.d.ts +25 -15
- package/build/components/BreadcrumbItem/BreadcrumbItem.component.d.ts.map +1 -1
- package/build/components/BreadcrumbItem/BreadcrumbItem.stories.d.ts +1 -1
- package/build/components/Button/Button.component.d.ts +48 -16
- package/build/components/Button/Button.component.d.ts.map +1 -1
- package/build/components/ButtonRow/ButtonRow.component.d.ts +21 -7
- package/build/components/ButtonRow/ButtonRow.component.d.ts.map +1 -1
- package/build/components/Card/Card.component.d.ts +13 -7
- package/build/components/Card/Card.component.d.ts.map +1 -1
- package/build/components/Checkbox/Checkbox.component.d.ts +69 -21
- package/build/components/Checkbox/Checkbox.component.d.ts.map +1 -1
- package/build/components/CheckboxGroup/CheckboxGroup.component.d.ts +43 -16
- package/build/components/CheckboxGroup/CheckboxGroup.component.d.ts.map +1 -1
- package/build/components/Code/Code.component.d.ts +17 -6
- package/build/components/Code/Code.component.d.ts.map +1 -1
- package/build/components/CodeBlock/CodeBlock.component.d.ts +39 -13
- package/build/components/CodeBlock/CodeBlock.component.d.ts.map +1 -1
- package/build/components/ComboBox/ComboBox.component.d.ts +70 -33
- package/build/components/ComboBox/ComboBox.component.d.ts.map +1 -1
- package/build/components/ComboBoxOption/ComboBoxOption.component.d.ts +22 -8
- package/build/components/ComboBoxOption/ComboBoxOption.component.d.ts.map +1 -1
- package/build/components/Container/Container.component.d.ts +20 -8
- package/build/components/Container/Container.component.d.ts.map +1 -1
- package/build/components/ContentAreaToolbar/ContentAreaToolbar.component.d.ts +11 -8
- package/build/components/ContentAreaToolbar/ContentAreaToolbar.component.d.ts.map +1 -1
- package/build/components/ContentContainer/ContentContainer.component.d.ts +10 -11
- package/build/components/ContentContainer/ContentContainer.component.d.ts.map +1 -1
- package/build/components/ContentHeading/ContentHeading.component.d.ts +13 -11
- package/build/components/ContentHeading/ContentHeading.component.d.ts.map +1 -1
- package/build/components/DataGrid/DataGrid.component.d.ts +31 -20
- package/build/components/DataGrid/DataGrid.component.d.ts.map +1 -1
- package/build/components/DataGridCell/DataGridCell.component.d.ts +19 -7
- package/build/components/DataGridCell/DataGridCell.component.d.ts.map +1 -1
- package/build/components/DataGridCheckboxCell/DataGridCheckboxCell.component.d.ts +23 -8
- package/build/components/DataGridCheckboxCell/DataGridCheckboxCell.component.d.ts.map +1 -1
- package/build/components/DataGridFoot/DataGridFoot.component.d.ts +17 -6
- package/build/components/DataGridFoot/DataGridFoot.component.d.ts.map +1 -1
- package/build/components/DataGridHeadCell/DataGridHeadCell.component.d.ts +9 -3
- package/build/components/DataGridHeadCell/DataGridHeadCell.component.d.ts.map +1 -1
- package/build/components/DataGridRow/DataGridRow.component.d.ts +10 -4
- package/build/components/DataGridRow/DataGridRow.component.d.ts.map +1 -1
- package/build/components/DataGridToolbar/DataGridToolbar.component.d.ts +21 -9
- package/build/components/DataGridToolbar/DataGridToolbar.component.d.ts.map +1 -1
- package/build/components/DateTimePicker/DateTimePicker.component.d.ts +11 -6
- package/build/components/DateTimePicker/DateTimePicker.component.d.ts.map +1 -1
- package/build/components/Form/Form.component.d.ts +9 -4
- package/build/components/Form/Form.component.d.ts.map +1 -1
- package/build/components/FormHint/FormHint.component.d.ts +13 -4
- package/build/components/FormHint/FormHint.component.d.ts.map +1 -1
- package/build/components/FormRow/FormRow.component.d.ts +10 -6
- package/build/components/FormRow/FormRow.component.d.ts.map +1 -1
- package/build/components/FormSection/FormSection.component.d.ts +9 -4
- package/build/components/FormSection/FormSection.component.d.ts.map +1 -1
- package/build/components/FormattedText/FormattedText.component.d.ts +13 -6
- package/build/components/FormattedText/FormattedText.component.d.ts.map +1 -1
- package/build/components/Grid/Grid.component.d.ts +11 -6
- package/build/components/Grid/Grid.component.d.ts.map +1 -1
- package/build/components/GridColumn/GridColumn.component.d.ts +11 -5
- package/build/components/GridColumn/GridColumn.component.d.ts.map +1 -1
- package/build/components/GridRow/GridRow.component.d.ts +9 -6
- package/build/components/GridRow/GridRow.component.d.ts.map +1 -1
- package/build/components/HeaderContainer/HeaderContainer.component.d.ts +21 -6
- package/build/components/HeaderContainer/HeaderContainer.component.d.ts.map +1 -1
- package/build/components/Icon/Icon.component.d.ts +22 -3
- package/build/components/Icon/Icon.component.d.ts.map +1 -1
- package/build/components/InputGroup/InputGroup.component.d.ts +8 -4
- package/build/components/InputGroup/InputGroup.component.d.ts.map +1 -1
- package/build/components/IntroBox/IntroBox.component.d.ts +32 -13
- package/build/components/IntroBox/IntroBox.component.d.ts.map +1 -1
- package/build/components/JsonViewer/JsonViewer.component.d.ts +38 -11
- package/build/components/JsonViewer/JsonViewer.component.d.ts.map +1 -1
- package/build/components/Label/Label.component.d.ts +32 -10
- package/build/components/Label/Label.component.d.ts.map +1 -1
- package/build/components/LoadingIndicator/LoadingIndicator.component.d.ts +12 -8
- package/build/components/LoadingIndicator/LoadingIndicator.component.d.ts.map +1 -1
- package/build/components/MainContainer/MainContainer.component.d.ts +15 -7
- package/build/components/MainContainer/MainContainer.component.d.ts.map +1 -1
- package/build/components/MainContainerInner/MainContainerInner.component.d.ts +19 -8
- package/build/components/MainContainerInner/MainContainerInner.component.d.ts.map +1 -1
- package/build/components/MainTabs/MainTabs.component.d.ts +25 -11
- package/build/components/MainTabs/MainTabs.component.d.ts.map +1 -1
- package/build/components/Message/Message.component.d.ts +15 -8
- package/build/components/Message/Message.component.d.ts.map +1 -1
- package/build/components/Modal/Modal.component.d.ts +91 -42
- package/build/components/Modal/Modal.component.d.ts.map +1 -1
- package/build/components/ModalFooter/ModalFooter.component.d.ts +47 -21
- package/build/components/ModalFooter/ModalFooter.component.d.ts.map +1 -1
- package/build/components/NativeSelect/NativeSelect.component.d.ts +16 -6
- package/build/components/NativeSelect/NativeSelect.component.d.ts.map +1 -1
- package/build/components/NativeSelectOption/NativeSelectOption.component.d.ts +9 -5
- package/build/components/NativeSelectOption/NativeSelectOption.component.d.ts.map +1 -1
- package/build/components/NativeSelectOptionGroup/NativeSelectOptionGroup.component.d.ts +10 -6
- package/build/components/NativeSelectOptionGroup/NativeSelectOptionGroup.component.d.ts.map +1 -1
- package/build/components/Navigation/Navigation.component.d.ts +30 -10
- package/build/components/Navigation/Navigation.component.d.ts.map +1 -1
- package/build/components/NavigationItem/NavigationItem.component.d.ts +56 -17
- package/build/components/NavigationItem/NavigationItem.component.d.ts.map +1 -1
- package/build/components/PageFooter/PageFooter.component.d.ts +17 -11
- package/build/components/PageFooter/PageFooter.component.d.ts.map +1 -1
- package/build/components/PageFooter/PageFooter.stories.d.ts +1 -1
- package/build/components/PageHeader/PageHeader.component.d.ts +17 -12
- package/build/components/PageHeader/PageHeader.component.d.ts.map +1 -1
- package/build/components/Pagination/Pagination.component.d.ts +5 -3
- package/build/components/Pagination/Pagination.component.d.ts.map +1 -1
- package/build/components/Panel/Panel.component.d.ts +4 -2
- package/build/components/Panel/Panel.component.d.ts.map +1 -1
- package/build/components/PanelBody/PanelBody.component.d.ts +4 -2
- package/build/components/PanelBody/PanelBody.component.d.ts.map +1 -1
- package/build/components/PanelFooter/PanelFooter.component.d.ts +4 -2
- package/build/components/PanelFooter/PanelFooter.component.d.ts.map +1 -1
- package/build/components/Pill/Pill.component.d.ts +7 -5
- package/build/components/Pill/Pill.component.d.ts.map +1 -1
- package/build/components/PopupMenu/PopupMenu.component.d.ts +21 -17
- package/build/components/PopupMenu/PopupMenu.component.d.ts.map +1 -1
- package/build/components/PortalProvider/PortalProvider.Portal.component.d.ts +6 -3
- package/build/components/PortalProvider/PortalProvider.Portal.component.d.ts.map +1 -1
- package/build/components/PortalProvider/PortalProvider.component.d.ts +8 -3
- package/build/components/PortalProvider/PortalProvider.component.d.ts.map +1 -1
- package/build/components/Radio/Radio.component.d.ts +8 -4
- package/build/components/Radio/Radio.component.d.ts.map +1 -1
- package/build/components/RadioGroup/RadioGroup.component.d.ts +7 -5
- package/build/components/RadioGroup/RadioGroup.component.d.ts.map +1 -1
- package/build/components/SearchInput/SearchInput.component.d.ts +9 -7
- package/build/components/SearchInput/SearchInput.component.d.ts.map +1 -1
- package/build/components/SecretText/SecretText.component.d.ts +11 -7
- package/build/components/SecretText/SecretText.component.d.ts.map +1 -1
- package/build/components/Select/Select.component.d.ts +8 -6
- package/build/components/Select/Select.component.d.ts.map +1 -1
- package/build/components/SelectDivider/SelectDivider.component.d.ts +7 -3
- package/build/components/SelectDivider/SelectDivider.component.d.ts.map +1 -1
- package/build/components/SelectOption/SelectOption.component.d.ts +15 -3
- package/build/components/SelectOption/SelectOption.component.d.ts.map +1 -1
- package/build/components/ShadowRoot/ShadowRoot.component.d.ts +5 -3
- package/build/components/ShadowRoot/ShadowRoot.component.d.ts.map +1 -1
- package/build/components/SideNavigation/SideNavigation.component.d.ts +8 -6
- package/build/components/SideNavigation/SideNavigation.component.d.ts.map +1 -1
- package/build/components/SideNavigationGroup/SideNavigationGroup.component.d.ts +5 -2
- package/build/components/SideNavigationGroup/SideNavigationGroup.component.d.ts.map +1 -1
- package/build/components/SideNavigationItem/SideNavigationItem.component.d.ts +7 -4
- package/build/components/SideNavigationItem/SideNavigationItem.component.d.ts.map +1 -1
- package/build/components/SideNavigationList/SideNavigationList.component.d.ts +10 -2
- package/build/components/SideNavigationList/SideNavigationList.component.d.ts.map +1 -1
- package/build/components/SideNavigationList/SideNavigationList.stories.d.ts.map +1 -1
- package/build/components/SignInForm/SignInForm.component.d.ts +2 -2
- package/build/components/SignInForm/SignInForm.component.d.ts.map +1 -1
- package/build/components/SortButton/SortButton.component.d.ts +14 -3
- package/build/components/SortButton/SortButton.component.d.ts.map +1 -1
- package/build/components/SortButton/SortButton.stories.d.ts.map +1 -1
- package/build/components/Spinner/Spinner.component.d.ts +8 -5
- package/build/components/Spinner/Spinner.component.d.ts.map +1 -1
- package/build/components/Stack/Stack.component.d.ts +6 -4
- package/build/components/Stack/Stack.component.d.ts.map +1 -1
- package/build/components/StyleProvider/StyleProvider.component.d.ts +3 -0
- package/build/components/StyleProvider/StyleProvider.component.d.ts.map +1 -1
- package/build/components/Switch/Switch.component.d.ts +8 -5
- package/build/components/Switch/Switch.component.d.ts.map +1 -1
- package/build/components/Tab/Tab.component.d.ts +9 -8
- package/build/components/Tab/Tab.component.d.ts.map +1 -1
- package/build/components/TabList/TabList.component.d.ts +9 -5
- package/build/components/TabList/TabList.component.d.ts.map +1 -1
- package/build/components/TabNavigation/TabNavigation.component.d.ts +8 -4
- package/build/components/TabNavigation/TabNavigation.component.d.ts.map +1 -1
- package/build/components/TabNavigationItem/TabNavigationItem.component.d.ts +11 -7
- package/build/components/TabNavigationItem/TabNavigationItem.component.d.ts.map +1 -1
- package/build/components/TabPanel/TabPanel.component.d.ts +7 -5
- package/build/components/TabPanel/TabPanel.component.d.ts.map +1 -1
- package/build/components/Tabs/Tabs.component.d.ts +9 -7
- package/build/components/Tabs/Tabs.component.d.ts.map +1 -1
- package/build/components/TextInput/TextInput.component.d.ts +11 -9
- package/build/components/TextInput/TextInput.component.d.ts.map +1 -1
- package/build/components/Textarea/Textarea.component.d.ts +11 -9
- package/build/components/Textarea/Textarea.component.d.ts.map +1 -1
- package/build/components/ThemeToggle/ThemeToggle.component.d.ts +4 -2
- package/build/components/ThemeToggle/ThemeToggle.component.d.ts.map +1 -1
- package/build/components/Toast/Toast.component.d.ts +8 -6
- package/build/components/Toast/Toast.component.d.ts.map +1 -1
- package/build/components/ToggleButton/ToggleButton.component.d.ts +21 -0
- package/build/components/ToggleButton/ToggleButton.component.d.ts.map +1 -1
- package/build/components/ToggleButton/ToggleButton.stories.d.ts.map +1 -1
- package/build/components/Tooltip/Tooltip.component.d.ts +8 -5
- package/build/components/Tooltip/Tooltip.component.d.ts.map +1 -1
- package/build/components/TooltipContent/TooltipContent.component.d.ts +5 -3
- package/build/components/TooltipContent/TooltipContent.component.d.ts.map +1 -1
- package/build/components/TooltipTrigger/TooltipTrigger.component.d.ts +5 -3
- package/build/components/TooltipTrigger/TooltipTrigger.component.d.ts.map +1 -1
- package/build/components/TopNavigation/TopNavigation.component.d.ts +8 -6
- package/build/components/TopNavigation/TopNavigation.component.d.ts.map +1 -1
- package/build/components/TopNavigationItem/TopNavigationItem.component.d.ts +10 -8
- package/build/components/TopNavigationItem/TopNavigationItem.component.d.ts.map +1 -1
- package/build/components/withDeprecationWarning/withDeprecationWarning.component.d.ts.map +1 -1
- package/build/index.js +1802 -1795
- package/package.json +1 -1
|
@@ -1,32 +1,71 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { ReactNode, HTMLAttributes, MouseEventHandler } from 'react';
|
|
2
2
|
import { KnownIcons } from '../Icon/Icon.component';
|
|
3
|
-
/**
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
3
|
+
/**
|
|
4
|
+
* `NavigationItem` acts as a singular navigational unit within a `Navigation`,
|
|
5
|
+
* offering styles for active and inactive states, and supporting disabled
|
|
6
|
+
* interactions internally.
|
|
7
|
+
* @see https://cloudoperators.github.io/juno/?path=/docs/internal-navigation-navigationitem--docs
|
|
8
|
+
* @see {@link NavigationItemProps}
|
|
9
|
+
*/
|
|
10
|
+
export declare const NavigationItem: ({ active, activeItemStyles, ariaLabel, children, className, disabled, icon, inactiveItemStyles, label, href, onClick, value, wrapperClassName, ...props }: NavigationItemProps) => ReactNode;
|
|
11
|
+
export interface NavigationItemProps extends HTMLAttributes<HTMLElement> {
|
|
12
|
+
/**
|
|
13
|
+
* Whether the navigation item is the currently active item. If an active item is set on the parent, the one on the parent will win.
|
|
14
|
+
* @default false
|
|
15
|
+
*/
|
|
7
16
|
active?: boolean;
|
|
8
|
-
/**
|
|
17
|
+
/**
|
|
18
|
+
* Styles to apply when the item is active.
|
|
19
|
+
* @default ""
|
|
20
|
+
*/
|
|
9
21
|
activeItemStyles?: string;
|
|
10
|
-
/**
|
|
22
|
+
/**
|
|
23
|
+
* The aria-label of the item for accessibility.
|
|
24
|
+
*/
|
|
11
25
|
ariaLabel?: string;
|
|
12
|
-
/**
|
|
26
|
+
/**
|
|
27
|
+
* Pass custom classNames to the item itself.
|
|
28
|
+
* @default ""
|
|
29
|
+
*/
|
|
13
30
|
className?: string;
|
|
14
|
-
/**
|
|
31
|
+
/**
|
|
32
|
+
* The child nodes of the item, overriding `label` if specified.
|
|
33
|
+
*/
|
|
15
34
|
children?: ReactNode;
|
|
16
|
-
/**
|
|
35
|
+
/**
|
|
36
|
+
* Determines if the item is disabled.
|
|
37
|
+
* @default false
|
|
38
|
+
*/
|
|
17
39
|
disabled?: boolean;
|
|
18
|
-
/**
|
|
40
|
+
/**
|
|
41
|
+
* An icon to render within the item for visual indication.
|
|
42
|
+
*/
|
|
19
43
|
icon?: KnownIcons;
|
|
44
|
+
/**
|
|
45
|
+
* Styles applied to inactive items, ensuring differentiation from active.
|
|
46
|
+
* @default ""
|
|
47
|
+
*/
|
|
20
48
|
inactiveItemStyles?: string;
|
|
21
|
-
/**
|
|
49
|
+
/**
|
|
50
|
+
* The label of the item, displayed if `children` are not provided.
|
|
51
|
+
*/
|
|
22
52
|
label?: string;
|
|
23
|
-
/**
|
|
53
|
+
/**
|
|
54
|
+
* Presence transforms the item into an anchor, enabling navigation.
|
|
55
|
+
*/
|
|
24
56
|
href?: string;
|
|
25
|
-
/**
|
|
26
|
-
|
|
27
|
-
|
|
57
|
+
/**
|
|
58
|
+
* Handler executed during item clicks for operational logic.
|
|
59
|
+
*/
|
|
60
|
+
onClick?: MouseEventHandler<EventTarget>;
|
|
61
|
+
/**
|
|
62
|
+
* Value for technical/item identification purposes, utilized when differing from `label` or child strings.
|
|
63
|
+
*/
|
|
28
64
|
value?: string;
|
|
29
|
-
/**
|
|
65
|
+
/**
|
|
66
|
+
* Pass className to parent `<li>` element, styling the container.
|
|
67
|
+
* @default ""
|
|
68
|
+
*/
|
|
30
69
|
wrapperClassName?: string;
|
|
31
70
|
}
|
|
32
71
|
//# sourceMappingURL=NavigationItem.component.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NavigationItem.component.d.ts","sourceRoot":"","sources":["../../../src/components/NavigationItem/NavigationItem.component.tsx"],"names":[],"mappings":"AAKA,
|
|
1
|
+
{"version":3,"file":"NavigationItem.component.d.ts","sourceRoot":"","sources":["../../../src/components/NavigationItem/NavigationItem.component.tsx"],"names":[],"mappings":"AAKA,OAAc,EAAmC,SAAS,EAAc,cAAc,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAGxH,OAAO,EAAQ,UAAU,EAAE,MAAM,wBAAwB,CAAA;AAYzD;;;;;;GAMG;AACH,eAAO,MAAM,cAAc,GAAI,2JAe5B,mBAAmB,KAAG,SAiHxB,CAAA;AAED,MAAM,WAAW,mBAAoB,SAAQ,cAAc,CAAC,WAAW,CAAC;IACtE;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAEhB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAA;IAEzB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAA;IAEpB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,IAAI,CAAC,EAAE,UAAU,CAAA;IAEjB;;;OAGG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAE3B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IAEb;;OAEG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC,WAAW,CAAC,CAAA;IAExC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;;OAGG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B"}
|
|
@@ -1,8 +1,11 @@
|
|
|
1
|
-
import {
|
|
2
|
-
export interface PageFooterProps extends
|
|
3
|
-
/**
|
|
1
|
+
import { HTMLAttributes, ReactNode } from 'react';
|
|
2
|
+
export interface PageFooterProps extends HTMLAttributes<HTMLDivElement> {
|
|
3
|
+
/**
|
|
4
|
+
* Additional custom styling class name for the footer container.
|
|
5
|
+
* @default ""
|
|
6
|
+
*/
|
|
4
7
|
className?: string;
|
|
5
|
-
/** The content to render inside the footer, typically links or informational text
|
|
8
|
+
/** The content to render inside the footer, typically links or informational text.
|
|
6
9
|
* Use a list structure e.g. `<ul>` with `<li>` for grouped content or links, as in examples.
|
|
7
10
|
* Available CSS classes for styling:
|
|
8
11
|
* - `.juno-pagefooter-title`: Style for a title element within a column.
|
|
@@ -10,15 +13,18 @@ export interface PageFooterProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
|
10
13
|
* - `.juno-pagefooter-items-inline`: Style for a single line list with pipe separators.
|
|
11
14
|
* - `.juno-pagefooter-item`: Style for individual list items.
|
|
12
15
|
*/
|
|
13
|
-
children?:
|
|
14
|
-
/**
|
|
16
|
+
children?: ReactNode;
|
|
17
|
+
/**
|
|
18
|
+
* Optional copyright notice to display within the footer.
|
|
19
|
+
* @default ""
|
|
20
|
+
*/
|
|
15
21
|
copyright?: string;
|
|
16
22
|
}
|
|
17
23
|
/**
|
|
18
|
-
* PageFooter component renders a footer at the bottom of the page.
|
|
19
|
-
* It
|
|
20
|
-
*
|
|
21
|
-
*
|
|
24
|
+
* `PageFooter` component renders a footer at the bottom of the page.
|
|
25
|
+
* It can include links, informational text, and an optional copyright notice.
|
|
26
|
+
* @see https://cloudoperators.github.io/juno/?path=/docs/layout-pagefooter--docs
|
|
27
|
+
* @see {@link PageFooterProps}
|
|
22
28
|
*/
|
|
23
|
-
export declare const PageFooter:
|
|
29
|
+
export declare const PageFooter: ({ className, children, copyright, ...props }: PageFooterProps) => ReactNode;
|
|
24
30
|
//# sourceMappingURL=PageFooter.component.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PageFooter.component.d.ts","sourceRoot":"","sources":["../../../src/components/PageFooter/PageFooter.component.tsx"],"names":[],"mappings":"AAKA,
|
|
1
|
+
{"version":3,"file":"PageFooter.component.d.ts","sourceRoot":"","sources":["../../../src/components/PageFooter/PageFooter.component.tsx"],"names":[],"mappings":"AAKA,OAAc,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACxD,OAAO,mBAAmB,CAAA;AAa1B,MAAM,WAAW,eAAgB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACrE;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;;;;;;OAOG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;;;;GAKG;AACH,eAAO,MAAM,UAAU,GAAI,8CAAwD,eAAe,KAAG,SASpG,CAAA"}
|
|
@@ -2,7 +2,7 @@ import { default as React } from 'react';
|
|
|
2
2
|
import { PageFooterProps } from './index';
|
|
3
3
|
declare const _default: {
|
|
4
4
|
title: string;
|
|
5
|
-
component: React.
|
|
5
|
+
component: ({ className, children, copyright, ...props }: PageFooterProps) => React.ReactNode;
|
|
6
6
|
argTypes: {
|
|
7
7
|
children: {
|
|
8
8
|
control: boolean;
|
|
@@ -1,38 +1,43 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { HTMLAttributes, MouseEventHandler, ReactElement, ReactNode } from 'react';
|
|
2
2
|
/**
|
|
3
|
-
*
|
|
4
|
-
*
|
|
5
|
-
*
|
|
6
|
-
*
|
|
3
|
+
* `PageHeader` component renders the top header of an application.
|
|
4
|
+
* It includes customizable `logo`, `title`, and other options.
|
|
5
|
+
* @see https://cloudoperators.github.io/juno/?path=/docs/layout-pageheader--docs
|
|
6
|
+
* @see {@link PageHeaderProps}
|
|
7
7
|
*/
|
|
8
|
-
export declare const PageHeader:
|
|
9
|
-
export interface PageHeaderProps extends
|
|
8
|
+
export declare const PageHeader: ({ heading, applicationName, href, className, logo, children, onClick, ...props }: PageHeaderProps) => ReactNode;
|
|
9
|
+
export interface PageHeaderProps extends HTMLAttributes<HTMLDivElement> {
|
|
10
10
|
/**
|
|
11
11
|
* Name of the application.
|
|
12
|
+
* @default ""
|
|
12
13
|
*/
|
|
13
14
|
applicationName?: string | ReactElement;
|
|
14
15
|
/**
|
|
15
|
-
*
|
|
16
|
+
* Deprecated - Replaced by `applicationName`. If `applicationName` is provided, it takes precedence.
|
|
17
|
+
* @default ""
|
|
16
18
|
*/
|
|
17
19
|
heading?: string | ReactElement;
|
|
18
20
|
/**
|
|
19
|
-
* Link to open when applicationName or logo is clicked.
|
|
21
|
+
* Link to open when applicationName or logo is clicked.
|
|
22
|
+
* @default ""
|
|
20
23
|
*/
|
|
21
24
|
href?: string;
|
|
22
25
|
/**
|
|
23
26
|
* Custom class names.
|
|
27
|
+
* @default ""
|
|
24
28
|
*/
|
|
25
29
|
className?: string;
|
|
26
30
|
/**
|
|
27
31
|
* Application logo.
|
|
32
|
+
* @default true
|
|
28
33
|
*/
|
|
29
34
|
logo?: boolean | ReactElement;
|
|
30
35
|
/**
|
|
31
|
-
* Handler executed
|
|
36
|
+
* Handler executed on click of `applicationName` or `logo`.
|
|
32
37
|
*/
|
|
33
|
-
onClick?:
|
|
38
|
+
onClick?: MouseEventHandler<HTMLDivElement>;
|
|
34
39
|
/**
|
|
35
|
-
* Children to render in
|
|
40
|
+
* Children to render in header like user info, avatar, log-in/out button, etc.
|
|
36
41
|
*/
|
|
37
42
|
children?: ReactNode;
|
|
38
43
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PageHeader.component.d.ts","sourceRoot":"","sources":["../../../src/components/PageHeader/PageHeader.component.tsx"],"names":[],"mappings":"AAKA,
|
|
1
|
+
{"version":3,"file":"PageHeader.component.d.ts","sourceRoot":"","sources":["../../../src/components/PageHeader/PageHeader.component.tsx"],"names":[],"mappings":"AAKA,OAAc,EAAE,cAAc,EAAkB,iBAAiB,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AA0DzG;;;;;GAKG;AAEH,eAAO,MAAM,UAAU,GAAI,kFASxB,eAAe,KAAG,SAmCpB,CAAA;AAED,MAAM,WAAW,eAAgB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACrE;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,GAAG,YAAY,CAAA;IACvC;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,YAAY,CAAA;IAC/B;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IACb;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,YAAY,CAAA;IAC7B;;OAEG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC,cAAc,CAAC,CAAA;IAC3C;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import {
|
|
2
|
-
export type PaginationProps = Omit<
|
|
1
|
+
import { HTMLAttributes, ReactNode } from 'react';
|
|
2
|
+
export type PaginationProps = Omit<HTMLAttributes<HTMLDivElement>, "onBlur"> & {
|
|
3
3
|
/**
|
|
4
4
|
* The variant determines the style and user interaction method of the Pagination component:
|
|
5
5
|
* - "default": Renders previous and next buttons only.
|
|
@@ -67,6 +67,8 @@ export type PaginationProps = Omit<React.HTMLAttributes<HTMLDivElement>, "onBlur
|
|
|
67
67
|
};
|
|
68
68
|
/**
|
|
69
69
|
* The Pagination component provides navigation controls for paginated content.
|
|
70
|
+
* @see https://cloudoperators.github.io/juno/?path=/docs/components-pagination--docs
|
|
71
|
+
* @see {@link PaginationProps}
|
|
70
72
|
*/
|
|
71
|
-
export declare const Pagination:
|
|
73
|
+
export declare const Pagination: ({ variant, currentPage, totalPages, pages, disabled, isFirstPage, isLastPage, onPressPrevious, onPressNext, onSelectChange, onInputChange, onKeyPress, onBlur, progress, className, ...props }: PaginationProps) => ReactNode;
|
|
72
74
|
//# sourceMappingURL=Pagination.component.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Pagination.component.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/Pagination.component.tsx"],"names":[],"mappings":"AAOA,
|
|
1
|
+
{"version":3,"file":"Pagination.component.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/Pagination.component.tsx"],"names":[],"mappings":"AAOA,OAAc,EAAe,cAAc,EAAE,SAAS,EAAsC,MAAM,OAAO,CAAA;AAkBzG,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,QAAQ,CAAC,GAAG;IAC7E;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnD;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB;;OAEG;IACH,eAAe,CAAC,EAAE,CAAC,OAAO,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IAC5C;;OAEG;IACH,WAAW,CAAC,EAAE,CAAC,OAAO,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IACxC;;OAEG;IACH,cAAc,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;IAC3C;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,UAAU,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IAC7C;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,kBAAkB,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IAClD;;OAEG;IACH,MAAM,CAAC,EAAE,CAAC,kBAAkB,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IAC9C;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,UAAU,GAAI,gMAiBxB,eAAe,KAAG,SAsLpB,CAAA"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { HTMLAttributes, ReactNode, MouseEventHandler } from 'react';
|
|
2
2
|
type PanelSize = "default" | "large";
|
|
3
3
|
export interface PanelProps extends HTMLAttributes<HTMLDivElement> {
|
|
4
4
|
/**
|
|
@@ -33,7 +33,9 @@ export interface PanelProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
33
33
|
/**
|
|
34
34
|
* A Panel component that slides in from the right side of the screen.
|
|
35
35
|
* It can be used to display additional content/controls for the content area.
|
|
36
|
+
* @see https://cloudoperators.github.io/juno/?path=/docs/layout-panel-panel--docs
|
|
37
|
+
* @see {@link PanelProps}
|
|
36
38
|
*/
|
|
37
|
-
export declare const Panel:
|
|
39
|
+
export declare const Panel: ({ heading, size, opened, closeable, onClose, className, children, ...props }: PanelProps) => ReactNode;
|
|
38
40
|
export {};
|
|
39
41
|
//# sourceMappingURL=Panel.component.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Panel.component.d.ts","sourceRoot":"","sources":["../../../src/components/Panel/Panel.component.tsx"],"names":[],"mappings":"AAKA,OAAc,EAA+B,
|
|
1
|
+
{"version":3,"file":"Panel.component.d.ts","sourceRoot":"","sources":["../../../src/components/Panel/Panel.component.tsx"],"names":[],"mappings":"AAKA,OAAc,EAA+B,cAAc,EAAE,SAAS,EAAc,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAsDpH,KAAK,SAAS,GAAG,SAAS,GAAG,OAAO,CAAA;AAEpC,MAAM,WAAW,UAAW,SAAQ,cAAc,CAAC,cAAc,CAAC;IAChE;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;;OAEG;IAEH,OAAO,CAAC,EAAE,iBAAiB,CAAC,WAAW,CAAC,CAAA;IACxC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED;;;;;GAKG;AACH,eAAO,MAAM,KAAK,GAAI,8EASnB,UAAU,KAAG,SAqDf,CAAA"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { ReactNode, ReactElement, HTMLAttributes } from 'react';
|
|
2
2
|
export interface PanelBodyProps extends HTMLAttributes<HTMLDivElement> {
|
|
3
3
|
/**
|
|
4
4
|
* Additional CSS classes to apply to the panel body for custom styling.
|
|
@@ -18,6 +18,8 @@ export interface PanelBodyProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
18
18
|
/**
|
|
19
19
|
* A PanelBody component is used to encapsulate the main content of a panel.
|
|
20
20
|
* The primary content for the panel, such as forms or information, is rendered here.
|
|
21
|
+
* @see https://cloudoperators.github.io/juno/?path=/docs/layout-panel-panelbody--docs
|
|
22
|
+
* @see {@link PanelBodyProps}
|
|
21
23
|
*/
|
|
22
|
-
export declare const PanelBody:
|
|
24
|
+
export declare const PanelBody: ({ className, footer, children, ...props }: PanelBodyProps) => ReactNode;
|
|
23
25
|
//# sourceMappingURL=PanelBody.component.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PanelBody.component.d.ts","sourceRoot":"","sources":["../../../src/components/PanelBody/PanelBody.component.tsx"],"names":[],"mappings":"AAKA,
|
|
1
|
+
{"version":3,"file":"PanelBody.component.d.ts","sourceRoot":"","sources":["../../../src/components/PanelBody/PanelBody.component.tsx"],"names":[],"mappings":"AAKA,OAAc,EAAE,SAAS,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAOtE,MAAM,WAAW,cAAe,SAAQ,cAAc,CAAC,cAAc,CAAC;IACpE;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAA;IAEpB;;;OAGG;IACH,MAAM,CAAC,EAAE,YAAY,CAAA;CACtB;AAED;;;;;GAKG;AACH,eAAO,MAAM,SAAS,GAAI,2CAAgD,cAAc,KAAG,SAO1F,CAAA"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { ReactNode, HTMLAttributes } from 'react';
|
|
2
2
|
export interface PanelFooterProps extends HTMLAttributes<HTMLDivElement> {
|
|
3
3
|
/**
|
|
4
4
|
* Additional CSS classes to apply to the panel footer for custom styling.
|
|
@@ -14,6 +14,8 @@ export interface PanelFooterProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
14
14
|
* The PanelFooter component renders the footer section of a panel.
|
|
15
15
|
* Typically used to contain footer elements like buttons, which can be added to the PanelBody component via its `footer` property.
|
|
16
16
|
* Buttons placed inside will be automatically aligned to the right.
|
|
17
|
+
* @see https://cloudoperators.github.io/juno/?path=/docs/layout-panel-panelfooter--docs
|
|
18
|
+
* @see {@link PanelFooterProps}
|
|
17
19
|
*/
|
|
18
|
-
export declare const PanelFooter:
|
|
20
|
+
export declare const PanelFooter: ({ className, children, ...props }: PanelFooterProps) => ReactNode;
|
|
19
21
|
//# sourceMappingURL=PanelFooter.component.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PanelFooter.component.d.ts","sourceRoot":"","sources":["../../../src/components/PanelFooter/PanelFooter.component.tsx"],"names":[],"mappings":"AAKA,
|
|
1
|
+
{"version":3,"file":"PanelFooter.component.d.ts","sourceRoot":"","sources":["../../../src/components/PanelFooter/PanelFooter.component.tsx"],"names":[],"mappings":"AAKA,OAAc,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAcxD,MAAM,WAAW,gBAAiB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACtE;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED;;;;;;GAMG;AACH,eAAO,MAAM,WAAW,GAAI,mCAAwC,gBAAgB,KAAG,SAMtF,CAAA"}
|
|
@@ -1,10 +1,12 @@
|
|
|
1
|
-
import {
|
|
2
|
-
type EventHandler = (event:
|
|
1
|
+
import { HTMLAttributes, ReactNode, MouseEvent } from 'react';
|
|
2
|
+
type EventHandler = (event: MouseEvent<HTMLElement>, id: string) => void;
|
|
3
3
|
/**
|
|
4
|
-
A Pill to represent a value, or key and value. Can e.g. be used to represent selected filter values in a filter component. Can optionally be closed. On close the uid, if provided, or the pillKey is returned in the callback.
|
|
4
|
+
* A Pill to represent a value, or key and value. Can e.g. be used to represent selected filter values in a filter component. Can optionally be closed. On close the uid, if provided, or the pillKey is returned in the callback.
|
|
5
|
+
* @see https://cloudoperators.github.io/juno/?path=/docs/components-pill--docs
|
|
6
|
+
* @see {@link PillProps}
|
|
5
7
|
*/
|
|
6
|
-
export declare const Pill:
|
|
7
|
-
export interface PillProps extends Omit<
|
|
8
|
+
export declare const Pill: ({ uid, pillKey, pillKeyLabel, pillValue, pillValueLabel, closeable, onClick, onClose, className, ...props }: PillProps) => ReactNode;
|
|
9
|
+
export interface PillProps extends Omit<HTMLAttributes<HTMLDivElement>, "onClick"> {
|
|
8
10
|
/** The unique identifier of the pill. Returned by the onClose callback */
|
|
9
11
|
uid?: string;
|
|
10
12
|
/** The key of the filter the pill represents. Returned by the onClose callback if uid undefined. Optional. */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Pill.component.d.ts","sourceRoot":"","sources":["../../../src/components/Pill/Pill.component.tsx"],"names":[],"mappings":"AAKA,
|
|
1
|
+
{"version":3,"file":"Pill.component.d.ts","sourceRoot":"","sources":["../../../src/components/Pill/Pill.component.tsx"],"names":[],"mappings":"AAKA,OAAc,EAAE,cAAc,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAIpE,KAAK,YAAY,GAAG,CAAC,KAAK,EAAE,UAAU,CAAC,WAAW,CAAC,EAAE,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;AAyCxE;;;;GAIG;AACH,eAAO,MAAM,IAAI,GAAI,6GAWlB,SAAS,KAAG,SA4Bd,CAAA;AAED,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,SAAS,CAAC;IAChF,0EAA0E;IAC1E,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,8GAA8G;IAC9G,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,wFAAwF;IACxF,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,6GAA6G;IAC7G,SAAS,EAAE,MAAM,CAAA;IACjB,4FAA4F;IAC5F,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,2CAA2C;IAC3C,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,yIAAyI;IACzI,OAAO,CAAC,EAAE,YAAY,CAAA;IACtB,2KAA2K;IAC3K,OAAO,CAAC,EAAE,YAAY,CAAA;CACvB"}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { default as React, ReactNode } from 'react';
|
|
1
|
+
import { default as React, ReactNode, HTMLAttributes, ElementType, ComponentPropsWithRef, Key } from 'react';
|
|
2
2
|
import { KnownIcons } from '../Icon/Icon.component';
|
|
3
3
|
export interface PopupMenuContextType {
|
|
4
4
|
close: () => void;
|
|
5
5
|
isOpen: boolean;
|
|
6
6
|
menuSize: "normal" | "small";
|
|
7
7
|
}
|
|
8
|
-
export interface PopupMenuProps extends
|
|
8
|
+
export interface PopupMenuProps extends HTMLAttributes<HTMLElement> {
|
|
9
9
|
/** Whether the PopupMenu is disabled. */
|
|
10
10
|
disabled?: boolean;
|
|
11
11
|
/** The icon to render when using the default toggle. Will be ignored if a PopupMenu.Toggle child is passed. */
|
|
@@ -17,26 +17,26 @@ export interface PopupMenuProps extends React.HTMLAttributes<HTMLElement> {
|
|
|
17
17
|
/** Handler to run when the Menu opens. */
|
|
18
18
|
onOpen?: () => void;
|
|
19
19
|
}
|
|
20
|
-
export interface PopupMenuToggleProps extends
|
|
20
|
+
export interface PopupMenuToggleProps extends HTMLAttributes<HTMLElement> {
|
|
21
21
|
/** Element type to render as */
|
|
22
|
-
as?:
|
|
22
|
+
as?: ElementType;
|
|
23
23
|
/** Whether the toggle is disabled */
|
|
24
24
|
disabled?: boolean;
|
|
25
25
|
}
|
|
26
|
-
type HeadlessMenuItemsProps =
|
|
26
|
+
type HeadlessMenuItemsProps = ComponentPropsWithRef<ElementType>;
|
|
27
27
|
export interface PopupMenuOptionsProps extends HeadlessMenuItemsProps {
|
|
28
|
-
as?:
|
|
28
|
+
as?: ElementType;
|
|
29
29
|
className?: string;
|
|
30
30
|
children?: ReactNode;
|
|
31
|
-
key?:
|
|
31
|
+
key?: Key;
|
|
32
32
|
}
|
|
33
33
|
export interface PopupMenuItemBag {
|
|
34
34
|
active: boolean;
|
|
35
35
|
disabled: boolean;
|
|
36
36
|
focus: boolean;
|
|
37
37
|
}
|
|
38
|
-
export interface PopupMenuItemProps extends Omit<
|
|
39
|
-
as?:
|
|
38
|
+
export interface PopupMenuItemProps extends Omit<HTMLAttributes<HTMLElement>, "children"> {
|
|
39
|
+
as?: ElementType;
|
|
40
40
|
children?: ReactNode | ((_itemBag: PopupMenuItemBag) => ReactNode);
|
|
41
41
|
className?: string;
|
|
42
42
|
disabled?: boolean;
|
|
@@ -61,13 +61,17 @@ export interface PopupMenuSectionSeparatorProps {
|
|
|
61
61
|
declare const PopupMenuContext: React.Context<PopupMenuContextType | null>;
|
|
62
62
|
export declare const usePopupMenuContext: () => PopupMenuContextType;
|
|
63
63
|
export { PopupMenuContext };
|
|
64
|
-
/**
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
export declare const
|
|
71
|
-
export declare const
|
|
64
|
+
/**
|
|
65
|
+
* A Popup Menu component that wraps Headless UI Menu. The Menu will be rendered into a Juno Portal, so using Juno's PortalProvider (which is already included when using Juno's AppShell) is mandatory.
|
|
66
|
+
* @see https://cloudoperators.github.io/juno/?path=/docs/wip-popupmenu--docs
|
|
67
|
+
* @see {@link PopupMenuProps}
|
|
68
|
+
*/
|
|
69
|
+
declare const PopupMenu: ({ children, className, disabled, icon, menuSize, onClose, onOpen, ...props }: PopupMenuProps) => ReactNode;
|
|
70
|
+
export declare const PopupMenuToggle: ({ as, disabled, children, className, ...props }: PopupMenuToggleProps) => ReactNode;
|
|
71
|
+
export declare const PopupMenuOptions: ({ children, className, ...props }: PopupMenuOptionsProps) => ReactNode;
|
|
72
|
+
export declare const PopupMenuItem: ({ as, children, className, disabled, href, icon, label, rel, target, ...props }: PopupMenuItemProps) => ReactNode;
|
|
73
|
+
export declare const PopupMenuSection: ({ children, className, ...props }: PopupMenuSectionProps) => ReactNode;
|
|
74
|
+
export declare const PopupMenuSectionHeading: ({ children, label, className, ...props }: PopupMenuSectionHeadingProps) => ReactNode;
|
|
75
|
+
export declare const PopupMenuSectionSeparator: ({ className, ...props }: PopupMenuSectionSeparatorProps) => ReactNode;
|
|
72
76
|
export { PopupMenu };
|
|
73
77
|
//# sourceMappingURL=PopupMenu.component.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PopupMenu.component.d.ts","sourceRoot":"","sources":["../../../src/components/PopupMenu/PopupMenu.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"PopupMenu.component.d.ts","sourceRoot":"","sources":["../../../src/components/PopupMenu/PopupMenu.component.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
2
|
/** A PortalProvider.Portal component to directly use from within other components:
|
|
3
3
|
* ```
|
|
4
4
|
* <PortalProvider.Portal>
|
|
@@ -6,9 +6,12 @@ import { default as React } from 'react';
|
|
|
6
6
|
* </PortalProvider.Portal>
|
|
7
7
|
* ```
|
|
8
8
|
*/
|
|
9
|
-
export declare const Portal:
|
|
9
|
+
export declare const Portal: {
|
|
10
|
+
({ children }: PortalProviderPortalProps): ReactNode;
|
|
11
|
+
displayName: string;
|
|
12
|
+
};
|
|
10
13
|
export interface PortalProviderPortalProps {
|
|
11
14
|
/** The children to mount in a portal. Typically, these will be menus, modal dialogs, etc. */
|
|
12
|
-
children?:
|
|
15
|
+
children?: ReactNode;
|
|
13
16
|
}
|
|
14
17
|
//# sourceMappingURL=PortalProvider.Portal.component.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PortalProvider.Portal.component.d.ts","sourceRoot":"","sources":["../../../src/components/PortalProvider/PortalProvider.Portal.component.tsx"],"names":[],"mappings":"AAKA,
|
|
1
|
+
{"version":3,"file":"PortalProvider.Portal.component.d.ts","sourceRoot":"","sources":["../../../src/components/PortalProvider/PortalProvider.Portal.component.tsx"],"names":[],"mappings":"AAKA,OAAc,EAAiB,SAAS,EAAmC,MAAM,OAAO,CAAA;AASxF;;;;;;GAMG;AACH,eAAO,MAAM,MAAM;mBAAkB,yBAAyB,GAAG,SAAS;;CAoBzE,CAAA;AAID,MAAM,WAAW,yBAAyB;IACxC,6FAA6F;IAC7F,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { default as React } from 'react';
|
|
1
|
+
import { default as React, ReactNode } from 'react';
|
|
2
2
|
interface PortalContextType {
|
|
3
3
|
current: HTMLDivElement | null;
|
|
4
4
|
}
|
|
@@ -15,10 +15,15 @@ export declare function usePortalRef(): HTMLDivElement | null;
|
|
|
15
15
|
/** A PortalProvider component that helps using and managing portals.
|
|
16
16
|
* It renders a portal root container, creates a context to expose a ref the container, a `PortalProvider.Portal` component to render content into a portal, and a `usePortalRef` hook to render content into a portal.
|
|
17
17
|
* Normally, there is no need to include `PortalProvider` manually, when using `AppShell` `PortalProvider` is already included in the app.
|
|
18
|
+
* @see https://cloudoperators.github.io/juno/?path=/docs/wip-portalprovider--docs
|
|
19
|
+
* @see {@link PortalProviderProps}
|
|
18
20
|
*/
|
|
19
21
|
export declare const PortalProvider: {
|
|
20
22
|
({ children, className, id }: PortalProviderProps): React.JSX.Element;
|
|
21
|
-
Portal:
|
|
23
|
+
Portal: {
|
|
24
|
+
({ children }: import('./PortalProvider.Portal.component').PortalProviderPortalProps): ReactNode;
|
|
25
|
+
displayName: string;
|
|
26
|
+
};
|
|
22
27
|
};
|
|
23
28
|
export interface PortalProviderProps {
|
|
24
29
|
/** Optionally a class name can be passed to the portal container which is the container where portals are created by PortalProvider */
|
|
@@ -26,7 +31,7 @@ export interface PortalProviderProps {
|
|
|
26
31
|
/** Optionally an id can be passed to the portal container which is the container where portals are created by PortalProvider */
|
|
27
32
|
id?: string;
|
|
28
33
|
/** The PortalProvider must have children. It is typically used as a wrapper for the whole app. */
|
|
29
|
-
children?:
|
|
34
|
+
children?: ReactNode;
|
|
30
35
|
}
|
|
31
36
|
export {};
|
|
32
37
|
//# sourceMappingURL=PortalProvider.component.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PortalProvider.component.d.ts","sourceRoot":"","sources":["../../../src/components/PortalProvider/PortalProvider.component.tsx"],"names":[],"mappings":"AAKA,OAAO,
|
|
1
|
+
{"version":3,"file":"PortalProvider.component.d.ts","sourceRoot":"","sources":["../../../src/components/PortalProvider/PortalProvider.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAAyE,SAAS,EAAE,MAAM,OAAO,CAAA;AAK/G,UAAU,iBAAiB;IACzB,OAAO,EAAE,cAAc,GAAG,IAAI,CAAA;CAC/B;AACD,eAAO,MAAM,aAAa,8CAA0D,CAAA;AAUpF;;;;;;;GAOG;AACH,wBAAgB,YAAY,0BAoC3B;AAED;;;;;GAKG;AACH,eAAO,MAAM,cAAc;kCAA+D,mBAAmB;;;;;CAiB5G,CAAA;AAKD,MAAM,WAAW,mBAAmB;IAClC,uIAAuI;IACvI,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,gIAAgI;IAChI,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,kGAAkG;IAClG,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB"}
|
|
@@ -1,7 +1,11 @@
|
|
|
1
|
-
import {
|
|
2
|
-
/**
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
import { MouseEventHandler, ReactNode, HTMLAttributes } from 'react';
|
|
2
|
+
/**
|
|
3
|
+
* A controlled Radio component.
|
|
4
|
+
* @see https://cloudoperators.github.io/juno/?path=/docs/forms-radio--docs
|
|
5
|
+
* @see {@link RadioProps}
|
|
6
|
+
*/
|
|
7
|
+
export declare const Radio: ({ checked, className, disabled, errortext, helptext, id, invalid, label, name, onChange, onClick, required, successtext, valid, value, ...props }: RadioProps) => ReactNode;
|
|
8
|
+
export interface RadioProps extends Omit<HTMLAttributes<HTMLDivElement>, "onChange"> {
|
|
5
9
|
/** Whether the Radio is checked */
|
|
6
10
|
checked?: boolean;
|
|
7
11
|
/** Pass a custom className */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Radio.component.d.ts","sourceRoot":"","sources":["../../../src/components/Radio/Radio.component.tsx"],"names":[],"mappings":"AAKA,
|
|
1
|
+
{"version":3,"file":"Radio.component.d.ts","sourceRoot":"","sources":["../../../src/components/Radio/Radio.component.tsx"],"names":[],"mappings":"AAKA,OAAc,EAMZ,iBAAiB,EACjB,SAAS,EACT,cAAc,EAEf,MAAM,OAAO,CAAA;AAgFd;;;;GAIG;AACH,eAAO,MAAM,KAAK,GAAI,mJAiBnB,UAAU,KAAG,SAiMf,CAAA;AAED,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IAClF,mCAAmC;IACnC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,8BAA8B;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,oCAAoC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,6EAA6E;IAC7E,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,4EAA4E;IAC5E,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,gFAAgF;IAChF,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,qDAAqD;IACrD,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,6BAA6B;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,mHAAmH;IACnH,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,gDAAgD;IAEhD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,mDAAmD;IACnD,OAAO,CAAC,EAAE,iBAAiB,CAAC,WAAW,CAAC,CAAA;IACxC,oCAAoC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,iEAAiE;IACjE,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB,mDAAmD;IACnD,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,6BAA6B;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAA;CACf"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { default as React, ReactNode } from 'react';
|
|
1
|
+
import { default as React, ReactNode, HTMLAttributes } from 'react';
|
|
2
2
|
type EventUpdateHandler = (value: string) => void;
|
|
3
3
|
export interface RadioGroupContextProps {
|
|
4
4
|
selectedValue?: string;
|
|
@@ -9,10 +9,12 @@ export interface RadioGroupContextProps {
|
|
|
9
9
|
}
|
|
10
10
|
export declare const RadioGroupContext: React.Context<RadioGroupContextProps>;
|
|
11
11
|
/**
|
|
12
|
-
A component to wrap and group individual Radio components: All contained child Radio elements will share the same `name`-attribute passed as a prop to the group, and thus make the Radios work with each other as expected.
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
12
|
+
* A component to wrap and group individual Radio components: All contained child Radio elements will share the same `name`-attribute passed as a prop to the group, and thus make the Radios work with each other as expected.
|
|
13
|
+
* @see https://cloudoperators.github.io/juno/?path=/docs/forms-radio-radiogroup--docs
|
|
14
|
+
* @see {@link RadioGroupProps}
|
|
15
|
+
*/
|
|
16
|
+
export declare const RadioGroup: ({ children, className, disabled, errortext, helptext, id, invalid, label, name, onChange, required, selected, successtext, valid, ...props }: RadioGroupProps) => ReactNode;
|
|
17
|
+
export interface RadioGroupProps extends Omit<HTMLAttributes<HTMLDivElement>, "onChange"> {
|
|
16
18
|
/** The children of the RadioGroup. Typically, these will be `Radio` components. */
|
|
17
19
|
children?: ReactNode;
|
|
18
20
|
/** Pass a custom className */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RadioGroup.component.d.ts","sourceRoot":"","sources":["../../../src/components/RadioGroup/RadioGroup.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAAsD,SAAS,EAAE,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"RadioGroup.component.d.ts","sourceRoot":"","sources":["../../../src/components/RadioGroup/RadioGroup.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAAsD,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAyD5G,KAAK,kBAAkB,GAAG,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;AAEjD,MAAM,WAAW,sBAAsB;IACrC,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,EAAE,kBAAkB,CAAA;IAC7B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,mBAAmB,CAAC,EAAE,kBAAkB,CAAA;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,eAAO,MAAM,iBAAiB,uCAA4C,CAAA;AAE1E;;;;GAIG;AACH,eAAO,MAAM,UAAU,GAAI,8IAgBxB,eAAe,KAAG,SAmGpB,CAAA;AAED,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IACvF,mFAAmF;IACnF,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,8BAA8B;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,mDAAmD;IACnD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,uHAAuH;IACvH,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,gFAAgF;IAChF,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,mGAAmG;IACnG,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,0CAA0C;IAC1C,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,mKAAmK;IACnK,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,qIAAqI;IACrI,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,sEAAsE;IACtE,QAAQ,CAAC,EAAE,kBAAkB,CAAA;IAC7B,wDAAwD;IACxD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,sHAAsH;IACtH,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,wGAAwG;IACxG,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB,wDAAwD;IACxD,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import {
|
|
2
|
-
export interface SearchInputProps extends Omit<
|
|
1
|
+
import { ReactNode, MouseEventHandler, KeyboardEventHandler, ChangeEventHandler, HTMLProps } from 'react';
|
|
2
|
+
export interface SearchInputProps extends Omit<HTMLProps<HTMLInputElement>, "onClick"> {
|
|
3
3
|
/**
|
|
4
4
|
* Specifies the name attribute for the input element.
|
|
5
5
|
*/
|
|
@@ -44,24 +44,26 @@ export interface SearchInputProps extends Omit<React.HTMLProps<HTMLInputElement>
|
|
|
44
44
|
/**
|
|
45
45
|
* Click handler for the search icon.
|
|
46
46
|
*/
|
|
47
|
-
onClick?:
|
|
47
|
+
onClick?: MouseEventHandler<HTMLElement>;
|
|
48
48
|
/**
|
|
49
49
|
* Change handler for the search input.
|
|
50
50
|
*/
|
|
51
|
-
onChange?:
|
|
51
|
+
onChange?: ChangeEventHandler<HTMLInputElement>;
|
|
52
52
|
/**
|
|
53
53
|
* KeyPress handler for the search input. By default, triggers the onSearch function when the 'Enter' key is pressed.
|
|
54
54
|
*/
|
|
55
|
-
onKeyPress?:
|
|
55
|
+
onKeyPress?: KeyboardEventHandler<HTMLInputElement>;
|
|
56
56
|
/**
|
|
57
57
|
* Click handler for the 'Clear' button.
|
|
58
58
|
*/
|
|
59
|
-
onClear?:
|
|
59
|
+
onClear?: MouseEventHandler<HTMLElement>;
|
|
60
60
|
}
|
|
61
61
|
/**
|
|
62
62
|
* A SearchInput is a controlled input component for searching.
|
|
63
63
|
* It provides a text field to enter a search query and optional clear and search icons.
|
|
64
64
|
* Three styling variants are supported: "rounded", "hero", and "default".
|
|
65
|
+
* @see https://cloudoperators.github.io/juno/?path=/docs/components-searchinput--docs
|
|
66
|
+
* @see {@link SearchInputProps}
|
|
65
67
|
*/
|
|
66
|
-
export declare const SearchInput:
|
|
68
|
+
export declare const SearchInput: ({ value, name, variant, disabled, clear, onSearch, onChange, onClick, onKeyPress, onClear, autoComplete, placeholder, className, ...props }: SearchInputProps) => ReactNode;
|
|
67
69
|
//# sourceMappingURL=SearchInput.component.d.ts.map
|