@cloudoperators/juno-ui-components 6.0.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/README.md +1 -1
- 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 +13 -12
- package/build/components/DateTimePicker/DateTimePicker.component.d.ts.map +1 -1
- package/build/components/DateTimePicker/DateTimePicker.mappers.d.ts +24 -0
- package/build/components/DateTimePicker/DateTimePicker.mappers.d.ts.map +1 -0
- package/build/components/DateTimePicker/DateTimePicker.types.d.ts +79 -0
- package/build/components/DateTimePicker/DateTimePicker.types.d.ts.map +1 -0
- 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 +30 -22
- 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 +39 -0
- package/build/components/SignInForm/SignInForm.component.d.ts.map +1 -0
- package/build/components/SignInForm/SignInForm.stories.d.ts +8 -0
- package/build/components/SignInForm/SignInForm.stories.d.ts.map +1 -0
- package/build/components/SignInForm/SignInForm.test.d.ts +2 -0
- package/build/components/SignInForm/SignInForm.test.d.ts.map +1 -0
- package/build/components/SignInForm/index.d.ts +3 -0
- package/build/components/SignInForm/index.d.ts.map +1 -0
- 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 -11
- package/build/components/Tab/Tab.component.d.ts.map +1 -1
- package/build/components/TabList/TabList.component.d.ts +9 -6
- 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 -10
- 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.d.ts +3 -0
- package/build/index.d.ts.map +1 -1
- package/build/index.js +3618 -3568
- package/build/juno-ui-components.css +1 -1
- package/package.json +1 -5
|
@@ -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
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SearchInput.component.d.ts","sourceRoot":"","sources":["../../../src/components/SearchInput/SearchInput.component.tsx"],"names":[],"mappings":"AAKA,
|
|
1
|
+
{"version":3,"file":"SearchInput.component.d.ts","sourceRoot":"","sources":["../../../src/components/SearchInput/SearchInput.component.tsx"],"names":[],"mappings":"AAKA,OAAc,EAOZ,SAAS,EACT,iBAAiB,EACjB,oBAAoB,EACpB,kBAAkB,EAClB,SAAS,EACV,MAAM,OAAO,CAAA;AAKd,OAAO,mBAAmB,CAAA;AAE1B,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,SAAS,CAAC,gBAAgB,CAAC,EAAE,SAAS,CAAC;IACpF;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IACb;;;;;OAKG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,SAAS,CAAA;IACxC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;IACf;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IAEH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC;;OAEG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC,WAAW,CAAC,CAAA;IACxC;;OAEG;IACH,QAAQ,CAAC,EAAE,kBAAkB,CAAC,gBAAgB,CAAC,CAAA;IAC/C;;OAEG;IACH,UAAU,CAAC,EAAE,oBAAoB,CAAC,gBAAgB,CAAC,CAAA;IACnD;;OAEG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC,WAAW,CAAC,CAAA;CACzC;AA8DD;;;;;;GAMG;AACH,eAAO,MAAM,WAAW,GAAI,6IAezB,gBAAgB,KAAG,SAwErB,CAAA"}
|
|
@@ -1,7 +1,11 @@
|
|
|
1
|
-
import {
|
|
2
|
-
/**
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
import { ReactNode, HTMLAttributes, FocusEventHandler, ChangeEventHandler } from 'react';
|
|
2
|
+
/**
|
|
3
|
+
* A component to hold a secret text, e.g. an SSH key, and conceal or reveal as needed.
|
|
4
|
+
* @see https://cloudoperators.github.io/juno/?path=/docs/forms-secrettext--docs
|
|
5
|
+
* @see {@link SecretTextProps}
|
|
6
|
+
*/
|
|
7
|
+
export declare const SecretText: ({ autoComplete, className, clear, copy, copyConfirmtext, disableClear, disableCopy, disabled, disablePaste, disableToggle, errortext, helptext, id, onBlur, onChange, onClear, onCopy, onFocus, onHide, onPaste, onReveal, onToggle, label, name, paste, placeholder, readOnly, required, reveal, successtext, toggle, valid, invalid, value, wrapperClassName, ...props }: SecretTextProps) => ReactNode;
|
|
8
|
+
export interface SecretTextProps extends Omit<HTMLAttributes<HTMLTextAreaElement>, "onCopy" | "onPaste"> {
|
|
5
9
|
/** Whether the secret field should autocomplete. */
|
|
6
10
|
autoComplete?: string;
|
|
7
11
|
/** Pass a custom className to the Secret input field. */
|
|
@@ -35,15 +39,15 @@ export interface SecretTextProps extends Omit<React.HTMLAttributes<HTMLTextAreaE
|
|
|
35
39
|
/** The name of the SecretText's textarea. */
|
|
36
40
|
name?: string;
|
|
37
41
|
/** A handler to execute when the Secret's input area looses focus. */
|
|
38
|
-
onBlur?:
|
|
42
|
+
onBlur?: FocusEventHandler<HTMLTextAreaElement>;
|
|
39
43
|
/** A handler to execute when the Secret's content changes. */
|
|
40
|
-
onChange?:
|
|
44
|
+
onChange?: ChangeEventHandler<HTMLTextAreaElement>;
|
|
41
45
|
/** A handler to execute when the user clears the Secret's content using the Clear button. */
|
|
42
46
|
onClear?: () => void;
|
|
43
47
|
/** A handler to execute when the user copies the Secret's content to the clipboard. */
|
|
44
48
|
onCopy?: (value: string) => void;
|
|
45
49
|
/** A handler to execute when the SecretText textarea receives focus */
|
|
46
|
-
onFocus?:
|
|
50
|
+
onFocus?: FocusEventHandler<HTMLTextAreaElement>;
|
|
47
51
|
/** A handler to execute when the user hides the Secret's content. */
|
|
48
52
|
onHide?: () => void;
|
|
49
53
|
/** A handler to execute when the user pastes text from the clipboard into the SecretText. */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SecretText.component.d.ts","sourceRoot":"","sources":["../../../src/components/SecretText/SecretText.component.tsx"],"names":[],"mappings":"AAKA,
|
|
1
|
+
{"version":3,"file":"SecretText.component.d.ts","sourceRoot":"","sources":["../../../src/components/SecretText/SecretText.component.tsx"],"names":[],"mappings":"AAKA,OAAc,EAIZ,SAAS,EAGT,cAAc,EACd,iBAAiB,EACjB,kBAAkB,EAEnB,MAAM,OAAO,CAAA;AAuDd;;;;GAIG;AACH,eAAO,MAAM,UAAU,GAAI,4WAqCxB,eAAe,KAAG,SA2MpB,CAAA;AAED,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,cAAc,CAAC,mBAAmB,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;IACtG,oDAAoD;IACpD,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,yDAAyD;IACzD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,4CAA4C;IAC5C,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,2CAA2C;IAC3C,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,wGAAwG;IACxG,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,+BAA+B;IAC/B,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,8BAA8B;IAC9B,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,+BAA+B;IAC/B,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,qCAAqC;IACrC,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,6FAA6F;IAC7F,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,oFAAoF;IACpF,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,kBAAkB;IAClB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,+CAA+C;IAC/C,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,0DAA0D;IAC1D,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,6CAA6C;IAC7C,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,sEAAsE;IACtE,MAAM,CAAC,EAAE,iBAAiB,CAAC,mBAAmB,CAAC,CAAA;IAC/C,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,kBAAkB,CAAC,mBAAmB,CAAC,CAAA;IAClD,6FAA6F;IAC7F,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,uFAAuF;IAEvF,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAChC,uEAAuE;IACvE,OAAO,CAAC,EAAE,iBAAiB,CAAC,mBAAmB,CAAC,CAAA;IAChD,qEAAqE;IACrE,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,6FAA6F;IAE7F,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,uEAAuE;IACvE,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,iKAAiK;IACjK,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,8EAA8E;IAC9E,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,sDAAsD;IACtD,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,2EAA2E;IAC3E,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,uKAAuK;IACvK,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,0DAA0D;IAC1D,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,+JAA+J;IAC/J,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB,4FAA4F;IAC5F,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,+DAA+D;IAC/D,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,+DAA+D;IAC/D,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,oDAAoD;IACpD,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { default as React, ReactNode } from 'react';
|
|
1
|
+
import { default as React, ReactNode, ButtonHTMLAttributes } from 'react';
|
|
2
2
|
export type SelectContextProps = {
|
|
3
3
|
truncateOptions: boolean;
|
|
4
4
|
addOptionValueAndLabel: (value: unknown, label: unknown, children: unknown) => void;
|
|
5
5
|
};
|
|
6
6
|
export declare const SelectContext: React.Context<SelectContextProps | undefined>;
|
|
7
|
-
export interface SelectProps extends Omit<
|
|
7
|
+
export interface SelectProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "value" | "defaultValue" | "onChange"> {
|
|
8
8
|
/** Pass an aria-label to the Select toggle button */
|
|
9
9
|
ariaLabel?: string;
|
|
10
10
|
/** The children to render as options. Use the SelectOption component, and SelectDivider if needed. */
|
|
@@ -62,8 +62,10 @@ export interface SelectProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonE
|
|
|
62
62
|
wrapperClassName?: string;
|
|
63
63
|
}
|
|
64
64
|
/**
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
65
|
+
* A Select component that can be configured to allow selecting a single item or multiple items.
|
|
66
|
+
* Pass a `defaultValue` to render as an uncontrolled component that tracks its open state etc internally.
|
|
67
|
+
* @see https://cloudoperators.github.io/juno/?path=/docs/forms-select-select--docs
|
|
68
|
+
* @see {@link SelectProps}
|
|
69
|
+
*/
|
|
70
|
+
export declare const Select: ({ ariaLabel, children, className, defaultValue, disabled, error, errortext, helptext, id, invalid, label, loading, multiple, name, onChange, onValueChange, placeholder, required, successtext, truncateOptions, valid, value, valueLabel, variant, width, wrapperClassName, ...props }: SelectProps) => ReactNode;
|
|
69
71
|
//# sourceMappingURL=Select.component.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.component.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAAsD,SAAS,EAAE,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"Select.component.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAAsD,SAAS,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAA;AAoBlH,OAAO,cAAc,CAAA;AAuDrB,MAAM,MAAM,kBAAkB,GAAG;IAC/B,eAAe,EAAE,OAAO,CAAA;IAExB,sBAAsB,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAA;CACpF,CAAA;AACD,eAAO,MAAM,aAAa,+CAA2D,CAAA;AAErF,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,OAAO,GAAG,cAAc,GAAG,UAAU,CAAC;IAC5F,qDAAqD;IACrD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,sGAAsG;IACtG,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,mEAAmE;IACnE,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,2KAA2K;IAC3K,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IAChC,qCAAqC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,oHAAoH;IACpH,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,oEAAoE;IACpE,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,uHAAuH;IACvH,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,sCAAsC;IACtC,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,wEAAwE;IACxE,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,yDAAyD;IACzD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,4FAA4F;IAC5F,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,4KAA4K;IAC5K,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,iFAAiF;IACjF,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,6DAA6D;IAE7D,QAAQ,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI,CAAA;IACvD,oCAAoC;IACpC,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,wKAAwK;IAExK,aAAa,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI,CAAA;IAC5D,qFAAqF;IACrF,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,4IAA4I;IAC5I,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,qKAAqK;IACrK,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB,2IAA2I;IAC3I,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,8GAA8G;IAC9G,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,+JAA+J;IAC/J,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,CAAA;IAClC;2KACuK;IACvK,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,uDAAuD;IACvD,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,gBAAgB,GAAG,SAAS,CAAA;IAC9D,wMAAwM;IACxM,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,6KAA6K;IAC7K,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B;AAED;;;;;GAKG;AACH,eAAO,MAAM,MAAM,GAAI,yRA4BpB,WAAW,KAAG,SAiRhB,CAAA"}
|
|
@@ -1,8 +1,12 @@
|
|
|
1
|
-
import { default as React } from 'react';
|
|
2
|
-
export interface SelectDividerProps extends
|
|
1
|
+
import { default as React, HTMLAttributes } from 'react';
|
|
2
|
+
export interface SelectDividerProps extends HTMLAttributes<HTMLDivElement> {
|
|
3
3
|
/** add a custom className */
|
|
4
4
|
className?: string;
|
|
5
5
|
}
|
|
6
|
-
/**
|
|
6
|
+
/**
|
|
7
|
+
* A visual border/divider between SelectOptions or SelectGroups
|
|
8
|
+
* @see https://cloudoperators.github.io/juno/?path=/docs/forms-select-selectdivider--docs
|
|
9
|
+
* @see {@link SelectDividerProps}
|
|
10
|
+
*/
|
|
7
11
|
export declare const SelectDivider: React.ForwardRefExoticComponent<SelectDividerProps & React.RefAttributes<HTMLDivElement>>;
|
|
8
12
|
//# sourceMappingURL=SelectDivider.component.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectDivider.component.d.ts","sourceRoot":"","sources":["../../../src/components/SelectDivider/SelectDivider.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"SelectDivider.component.d.ts","sourceRoot":"","sources":["../../../src/components/SelectDivider/SelectDivider.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAAc,cAAc,EAAE,MAAM,OAAO,CAAA;AAQzD,MAAM,WAAW,kBAAmB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACxE,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;;;GAIG;AACH,eAAO,MAAM,aAAa,2FAIzB,CAAA"}
|
|
@@ -1,10 +1,22 @@
|
|
|
1
|
-
import {
|
|
2
|
-
export interface SelectOptionProps extends
|
|
1
|
+
import { HTMLAttributes, ReactNode } from 'react';
|
|
2
|
+
export interface SelectOptionProps extends HTMLAttributes<HTMLLIElement> {
|
|
3
|
+
/** The primary display content for the option. If neither label nor value is provided, this becomes the fallback text. */
|
|
3
4
|
children?: string;
|
|
5
|
+
/** Additional styling */
|
|
4
6
|
className?: string;
|
|
7
|
+
/** Controls whether the option can be selected. When true, the option is visibly styled to appear disabled, marked by opacity reduction and a "not-allowed" cursor. */
|
|
5
8
|
disabled?: boolean;
|
|
9
|
+
/** Represents the unique value of the option. If omitted, children becomes the default value. This prop is fundamental for tracking selections within the dropdown list. */
|
|
6
10
|
value?: string;
|
|
11
|
+
/** Provides an alternative text label for the option. This can replace or supplement children and value in display scenarios. */
|
|
7
12
|
label?: string;
|
|
8
13
|
}
|
|
9
|
-
|
|
14
|
+
/**
|
|
15
|
+
* The `SelectOption` component is part of a customizable `Select` dropdown menu designed to enhance the user interface with selectable options.
|
|
16
|
+
* It provides functionality to render each option within a dropdown list, distinctly handling states for selection, disabling, and styling preferences such as text truncation.
|
|
17
|
+
* It leverages context to communicate option selections back to the parent Select component, facilitating seamless integration and interaction within form controls.
|
|
18
|
+
* @see https://cloudoperators.github.io/juno/?path=/docs/forms-select-selectoption--docs
|
|
19
|
+
* @see {@link SelectOptionProps}
|
|
20
|
+
*/
|
|
21
|
+
export declare const SelectOption: ({ children, className, disabled, value, label, ...props }: SelectOptionProps) => ReactNode;
|
|
10
22
|
//# sourceMappingURL=SelectOption.component.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectOption.component.d.ts","sourceRoot":"","sources":["../../../src/components/SelectOption/SelectOption.component.tsx"],"names":[],"mappings":"AAKA,
|
|
1
|
+
{"version":3,"file":"SelectOption.component.d.ts","sourceRoot":"","sources":["../../../src/components/SelectOption/SelectOption.component.tsx"],"names":[],"mappings":"AAKA,OAAc,EAAY,cAAc,EAAE,SAAS,EAAyB,MAAM,OAAO,CAAA;AA+CzF,MAAM,WAAW,iBAAkB,SAAQ,cAAc,CAAC,aAAa,CAAC;IACtE,0HAA0H;IAC1H,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,yBAAyB;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,uKAAuK;IACvK,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,4KAA4K;IAC5K,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,iIAAiI;IACjI,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED;;;;;;GAMG;AACH,eAAO,MAAM,YAAY,GAAI,2DAO1B,iBAAiB,KAAG,SAwCtB,CAAA"}
|
|
@@ -1,16 +1,18 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
2
|
/**
|
|
3
3
|
* Functional component which creates and inserts a shadow dom element
|
|
4
4
|
* in to the current parent element. ShadowRoot allows html to be isolated from the rest of the DOM. If styles are given, these and
|
|
5
5
|
* the children are added to the shadow element. The themeClass is added to a wrapper div surrounding the children.
|
|
6
|
+
* @see https://cloudoperators.github.io/juno/?path=/docs/layout-shadowroot--docs
|
|
7
|
+
* @see {@link ShadowRootProps}
|
|
6
8
|
*/
|
|
7
|
-
export declare const ShadowRoot:
|
|
9
|
+
export declare const ShadowRoot: ({ mode, delegatesFocus, children }: ShadowRootProps) => ReactNode;
|
|
8
10
|
export type ShadowRootMode = "open" | "closed";
|
|
9
11
|
export interface ShadowRootProps {
|
|
10
12
|
/** Choose "closed" to prevent styles from being inherited from the parent node. */
|
|
11
13
|
mode?: ShadowRootMode;
|
|
12
14
|
delegatesFocus?: boolean;
|
|
13
15
|
/** The children to render */
|
|
14
|
-
children?:
|
|
16
|
+
children?: ReactNode;
|
|
15
17
|
}
|
|
16
18
|
//# sourceMappingURL=ShadowRoot.component.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ShadowRoot.component.d.ts","sourceRoot":"","sources":["../../../src/components/ShadowRoot/ShadowRoot.component.tsx"],"names":[],"mappings":"AAeA,
|
|
1
|
+
{"version":3,"file":"ShadowRoot.component.d.ts","sourceRoot":"","sources":["../../../src/components/ShadowRoot/ShadowRoot.component.tsx"],"names":[],"mappings":"AAeA,OAAc,EAAE,SAAS,EAA+B,MAAM,OAAO,CAAA;AAuBrE;;;;;;GAMG;AACH,eAAO,MAAM,UAAU,GAAI,oCAAqD,eAAe,KAAG,SAoBjG,CAAA;AAED,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,QAAQ,CAAA;AAG9C,MAAM,WAAW,eAAe;IAC9B,mFAAmF;IACnF,IAAI,CAAC,EAAE,cAAc,CAAA;IACrB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,6BAA6B;IAC7B,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB"}
|
|
@@ -1,11 +1,13 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { HTMLAttributes, ReactElement, ReactNode } from 'react';
|
|
2
2
|
import { SideNavigationListProps } from '../SideNavigationList';
|
|
3
3
|
/**
|
|
4
|
-
A generic vertical side navigation component.
|
|
5
|
-
Place SideNavigationItem components as children.
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
4
|
+
* A generic vertical side navigation component.
|
|
5
|
+
* Place SideNavigationItem components as children.
|
|
6
|
+
* @see https://cloudoperators.github.io/juno/?path=/docs/navigation-sidenavigation-sidenavigation--docs
|
|
7
|
+
* @see {@link SideNavigationProps}
|
|
8
|
+
*/
|
|
9
|
+
export declare const SideNavigation: ({ activeItem, ariaLabel, children, className, disabled, onActiveItemChange, ...props }: SideNavigationProps) => ReactNode;
|
|
10
|
+
export interface SideNavigationProps extends HTMLAttributes<HTMLElement> {
|
|
9
11
|
/** The active navigation item by label */
|
|
10
12
|
activeItem?: ReactNode;
|
|
11
13
|
/** 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. */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SideNavigation.component.d.ts","sourceRoot":"","sources":["../../../src/components/SideNavigation/SideNavigation.component.tsx"],"names":[],"mappings":"AAKA,
|
|
1
|
+
{"version":3,"file":"SideNavigation.component.d.ts","sourceRoot":"","sources":["../../../src/components/SideNavigation/SideNavigation.component.tsx"],"names":[],"mappings":"AAKA,OAAc,EAAE,cAAc,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtE,OAAO,EAAE,uBAAuB,EAAE,MAAM,uBAAuB,CAAA;AAW/D;;;;;GAKG;AAEH,eAAO,MAAM,cAAc,GAAI,wFAQ5B,mBAAmB,KAAG,SAaxB,CAAA;AAED,MAAM,WAAW,mBAAoB,SAAQ,cAAc,CAAC,WAAW,CAAC;IACtE,0CAA0C;IAC1C,UAAU,CAAC,EAAE,SAAS,CAAA;IACtB,uJAAuJ;IACvJ,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,4EAA4E;IAC5E,QAAQ,CAAC,EAAE,YAAY,CAAC,uBAAuB,CAAC,GAAG,YAAY,CAAC,uBAAuB,CAAC,EAAE,CAAA;IAC1F,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,yCAAyC;IACzC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,sDAAsD;IACtD,kBAAkB,CAAC,EAAE,CAAC,WAAW,EAAE,SAAS,KAAK,IAAI,CAAA;CACtD"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { ReactElement, ReactNode } from 'react';
|
|
2
2
|
import { SideNavigationItemProps } from '../SideNavigationItem';
|
|
3
3
|
export interface SideNavigationGroupProps {
|
|
4
4
|
/** Represents the nested components within the navigation group. */
|
|
@@ -16,6 +16,9 @@ export interface SideNavigationGroupProps {
|
|
|
16
16
|
*
|
|
17
17
|
* This component is used to create and manage expandable and collapsible sections of navigation,
|
|
18
18
|
* allowing users to efficiently navigate hierarchical menus.
|
|
19
|
+
*
|
|
20
|
+
* @see https://cloudoperators.github.io/juno/?path=/docs/navigation-sidenavigation-sidenavigationgroup--docs
|
|
21
|
+
* @see {@link SideNavigationGroupProps}
|
|
19
22
|
**/
|
|
20
|
-
export declare const SideNavigationGroup:
|
|
23
|
+
export declare const SideNavigationGroup: ({ children, disabled, label, open, }: SideNavigationGroupProps) => ReactNode;
|
|
21
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,
|
|
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;AAmB/D,MAAM,WAAW,wBAAwB;IACvC,oEAAoE;IACpE,QAAQ,CAAC,EAAE,YAAY,CAAC,uBAAuB,CAAC,GAAG,YAAY,CAAC,uBAAuB,CAAC,EAAE,CAAA;IAC1F,6EAA6E;IAC7E,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,gDAAgD;IAChD,KAAK,EAAE,SAAS,CAAA;IAChB,oEAAoE;IACpE,IAAI,CAAC,EAAE,OAAO,CAAA;CACf;AAED;;;;;;;;;IASI;AACJ,eAAO,MAAM,mBAAmB,GAAI,sCAKjC,wBAAwB,KAAG,SAwC7B,CAAA"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { ReactElement, ReactNode, HTMLAttributes, MouseEventHandler } from 'react';
|
|
2
2
|
import { KnownIcons } from '../Icon/Icon.component';
|
|
3
|
-
export interface SideNavigationItemProps extends
|
|
3
|
+
export interface SideNavigationItemProps extends HTMLAttributes<HTMLElement> {
|
|
4
4
|
/** Provides an accessibility label for the navigation item. */
|
|
5
5
|
ariaLabel?: string;
|
|
6
6
|
/** Represents nested components. If a string is passed, it will be treated as a label.*/
|
|
@@ -14,7 +14,7 @@ export interface SideNavigationItemProps extends React.HTMLAttributes<HTMLElemen
|
|
|
14
14
|
/** Text label displayed for the navigation item. Takes precedence over a label passed as children. */
|
|
15
15
|
label?: ReactNode;
|
|
16
16
|
/** Function handler triggered upon item click. */
|
|
17
|
-
onClick?:
|
|
17
|
+
onClick?: MouseEventHandler<HTMLElement>;
|
|
18
18
|
/** Controls whether the item is expanded by default. */
|
|
19
19
|
open?: boolean;
|
|
20
20
|
/** Indicates if the item is currently selected or active. */
|
|
@@ -33,6 +33,9 @@ export interface SideNavigationItemProps extends React.HTMLAttributes<HTMLElemen
|
|
|
33
33
|
* - State Indicators: Supports active and disabled states, visually indicating the current focus or usability.
|
|
34
34
|
* - Expandable Sections: When nested, automatically renders expand/collapse controls for child navigation items.
|
|
35
35
|
* - Customization: Offers extensive styling versatility through CSS classes and optional icon rendering for visual enhancement.
|
|
36
|
+
*
|
|
37
|
+
* @see https://cloudoperators.github.io/juno/?path=/docs/navigation-sidenavigation-sidenavigationitem--docs
|
|
38
|
+
* @see {@link SideNavigationItemProps}
|
|
36
39
|
*/
|
|
37
|
-
export declare const SideNavigationItem:
|
|
40
|
+
export declare const SideNavigationItem: ({ ariaLabel, children, disabled, href, icon, label, onClick, open, selected, ...props }: SideNavigationItemProps) => ReactNode;
|
|
38
41
|
//# 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,
|
|
1
|
+
{"version":3,"file":"SideNavigationItem.component.d.ts","sourceRoot":"","sources":["../../../src/components/SideNavigationItem/SideNavigationItem.component.tsx"],"names":[],"mappings":"AAKA,OAAc,EAKZ,YAAY,EACZ,SAAS,EACT,cAAc,EACd,iBAAiB,EAGlB,MAAM,OAAO,CAAA;AACd,OAAO,EAAQ,UAAU,EAAE,MAAM,wBAAwB,CAAA;AACzD,OAAO,0BAA0B,CAAA;AAyBjC,MAAM,WAAW,uBAAwB,SAAQ,cAAc,CAAC,WAAW,CAAC;IAC1E,+DAA+D;IAC/D,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB,yFAAyF;IACzF,QAAQ,CAAC,EAAE,YAAY,CAAC,uBAAuB,CAAC,GAAG,YAAY,CAAC,uBAAuB,CAAC,EAAE,GAAG,MAAM,CAAA;IAEnG,wDAAwD;IAExD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB,2DAA2D;IAC3D,IAAI,CAAC,EAAE,MAAM,CAAA;IAEb,uDAAuD;IACvD,IAAI,CAAC,EAAE,UAAU,CAAA;IAEjB,sGAAsG;IACtG,KAAK,CAAC,EAAE,SAAS,CAAA;IAEjB,kDAAkD;IAClD,OAAO,CAAC,EAAE,iBAAiB,CAAC,WAAW,CAAC,CAAA;IAExC,wDAAwD;IACxD,IAAI,CAAC,EAAE,OAAO,CAAA;IAEd,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED;;;;;;;;;;;;;;;;GAgBG;AAEH,eAAO,MAAM,kBAAkB,GAAI,yFAWhC,uBAAuB,KAAG,SAuF5B,CAAA"}
|
|
@@ -1,8 +1,16 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { ReactElement, ReactNode } from 'react';
|
|
2
2
|
import { SideNavigationGroupProps } from '../SideNavigationGroup';
|
|
3
3
|
import { SideNavigationItemProps } from '../SideNavigationItem/SideNavigationItem.component';
|
|
4
4
|
export interface SideNavigationListProps {
|
|
5
|
+
/** Accommodates a collection of allowable React elements to be rendered, essential for the navigation list's functionality */
|
|
5
6
|
children: ReactElement<SideNavigationItemProps> | ReactElement<SideNavigationItemProps>[] | ReactElement<SideNavigationGroupProps> | ReactElement<SideNavigationGroupProps>[];
|
|
6
7
|
}
|
|
7
|
-
|
|
8
|
+
/**
|
|
9
|
+
* The `SideNavigationList` component is a fundamental building block within `SideNavigation`, designed to arrange and render navigation items and groups in a structured list format.
|
|
10
|
+
* It ensures visually consistent and space-efficient presentation of navigation links embedded within the sidebar.
|
|
11
|
+
* This component serves as a container for SideNavigationItem and SideNavigationGroup elements, effectively arranging them for navigational usage.
|
|
12
|
+
* @see https://cloudoperators.github.io/juno/?path=/docs/navigation-sidenavigation-sidenavigationlist--docs
|
|
13
|
+
* @see {@link SideNavigationListProps}
|
|
14
|
+
*/
|
|
15
|
+
export declare const SideNavigationList: ({ children }: SideNavigationListProps) => ReactNode;
|
|
8
16
|
//# sourceMappingURL=SideNavigationList.component.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SideNavigationList.component.d.ts","sourceRoot":"","sources":["../../../src/components/SideNavigationList/SideNavigationList.component.tsx"],"names":[],"mappings":"AAKA,
|
|
1
|
+
{"version":3,"file":"SideNavigationList.component.d.ts","sourceRoot":"","sources":["../../../src/components/SideNavigationList/SideNavigationList.component.tsx"],"names":[],"mappings":"AAKA,OAAc,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtD,OAAO,EAAE,wBAAwB,EAAE,MAAM,wBAAwB,CAAA;AACjE,OAAO,EAAE,uBAAuB,EAAE,MAAM,oDAAoD,CAAA;AAO5F,MAAM,WAAW,uBAAuB;IACtC,8HAA8H;IAC9H,QAAQ,EACJ,YAAY,CAAC,uBAAuB,CAAC,GACrC,YAAY,CAAC,uBAAuB,CAAC,EAAE,GACvC,YAAY,CAAC,wBAAwB,CAAC,GACtC,YAAY,CAAC,wBAAwB,CAAC,EAAE,CAAA;CAC7C;AAED;;;;;;GAMG;AACH,eAAO,MAAM,kBAAkB,GAAI,cAAc,uBAAuB,KAAG,SAE1E,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SideNavigationList.stories.d.ts","sourceRoot":"","sources":["../../../src/components/SideNavigationList/SideNavigationList.stories.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAA;AAKnE,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,kBAAkB,
|
|
1
|
+
{"version":3,"file":"SideNavigationList.stories.d.ts","sourceRoot":"","sources":["../../../src/components/SideNavigationList/SideNavigationList.stories.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAA;AAKnE,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,kBAAkB,CAUzC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,kBAAkB,CAAC,CAAA;AAEhD,eAAO,MAAM,uBAAuB,EAAE,KAyBrC,CAAA"}
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import { ReactNode, FormHTMLAttributes } from 'react';
|
|
2
|
+
export interface SignInFormProps extends Omit<FormHTMLAttributes<HTMLFormElement>, "title"> {
|
|
3
|
+
/**
|
|
4
|
+
* Title for the sign-in form.
|
|
5
|
+
* Pass a string to display a custom title, omit or pass nothing to display default "Sign In".
|
|
6
|
+
* Pass `false` to hide the title completely.
|
|
7
|
+
*/
|
|
8
|
+
title?: string | false;
|
|
9
|
+
/**
|
|
10
|
+
* Error message to display when authentication fails.
|
|
11
|
+
* Pass a string for a custom error message.
|
|
12
|
+
* Pass `true` to display the default error message "Authentication failed".
|
|
13
|
+
* Pass `false` or omit to hide the error message.
|
|
14
|
+
*/
|
|
15
|
+
error?: string | boolean;
|
|
16
|
+
/**
|
|
17
|
+
* URL for the password reset link.
|
|
18
|
+
* Pass a valid URL string to display the "Reset password" link.
|
|
19
|
+
* Pass `null` (default) or an empty string to hide the link.
|
|
20
|
+
*/
|
|
21
|
+
resetPwUrl?: string | null;
|
|
22
|
+
/**
|
|
23
|
+
* Additional CSS classes to apply to the form for custom styling.
|
|
24
|
+
*/
|
|
25
|
+
className?: string;
|
|
26
|
+
/**
|
|
27
|
+
* Form inputs and controls to render.
|
|
28
|
+
* These are typically TextInput components for username and password,
|
|
29
|
+
* optional Checkbox for "Remember me", or any additional inputs.
|
|
30
|
+
* Automatic layout and spacing is applied to children via a Stack component.
|
|
31
|
+
*/
|
|
32
|
+
children?: ReactNode;
|
|
33
|
+
}
|
|
34
|
+
/**
|
|
35
|
+
* A SignInForm component that renders consistent, configurable sign-in forms.
|
|
36
|
+
* Use this component to create authentication forms with a standard layout and styling.
|
|
37
|
+
*/
|
|
38
|
+
export declare const SignInForm: ({ title, error, resetPwUrl, className, children, ...props }: SignInFormProps) => ReactNode;
|
|
39
|
+
//# sourceMappingURL=SignInForm.component.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SignInForm.component.d.ts","sourceRoot":"","sources":["../../../src/components/SignInForm/SignInForm.component.tsx"],"names":[],"mappings":"AAKA,OAAc,EAAE,SAAS,EAAE,kBAAkB,EAAE,MAAM,OAAO,CAAA;AAmB5D,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,kBAAkB,CAAC,eAAe,CAAC,EAAE,OAAO,CAAC;IACzF;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,CAAA;IAEtB;;;;;OAKG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IAExB;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAE1B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED;;;GAGG;AACH,eAAO,MAAM,UAAU,GAAI,6DAOxB,eAAe,KAAG,SAoBpB,CAAA"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react-vite';
|
|
2
|
+
import { SignInForm } from './SignInForm.component';
|
|
3
|
+
declare const meta: Meta<typeof SignInForm>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof meta>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const AdditionalInputs: Story;
|
|
8
|
+
//# sourceMappingURL=SignInForm.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SignInForm.stories.d.ts","sourceRoot":"","sources":["../../../src/components/SignInForm/SignInForm.stories.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAEtD,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAA;AAQnD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CAkBjC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAclC,eAAO,MAAM,OAAO,EAAE,KAcrB,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KA0B9B,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SignInForm.test.d.ts","sourceRoot":"","sources":["../../../src/components/SignInForm/SignInForm.test.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SignInForm/index.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAA;AACnD,YAAY,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAA"}
|
|
@@ -1,18 +1,29 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
2
|
import { ButtonProps } from '../Button';
|
|
3
3
|
type OrderType = "asc" | "desc";
|
|
4
4
|
export interface SortButtonProps extends Omit<ButtonProps, "value" | "onChange"> {
|
|
5
|
+
/** Specifies the current sort order, defaulting to "desc". It determines the initial state of sorting when the component is rendered, allowing toggling between ascending ("asc") and descending ("desc"). */
|
|
5
6
|
order?: OrderType;
|
|
7
|
+
/** A callback function executed upon a change in the sort order. It receives the new order, enabling custom logic or state updates to be applied dynamically based on user interaction. */
|
|
6
8
|
onChange?: (_order: OrderType) => void;
|
|
7
9
|
/**
|
|
10
|
+
* A callback function similar to onChange, designed for older implementations.
|
|
8
11
|
* @deprecated: Will be removed in the next major release, use onChange instead.
|
|
9
12
|
*/
|
|
10
13
|
onOrderChange?: (_order: OrderType) => void;
|
|
14
|
+
/** Provides the toggle button with sort options, each defined by a value and a label. This determines the selectable states (e.g., ascending or descending) and their visual representation, defaulting to icons corresponding to the sort direction. */
|
|
11
15
|
options?: {
|
|
12
16
|
value: OrderType;
|
|
13
|
-
label:
|
|
17
|
+
label: ReactNode;
|
|
14
18
|
}[];
|
|
15
19
|
}
|
|
16
|
-
|
|
20
|
+
/**
|
|
21
|
+
* The `SortButton` component is a specialized toggle button designed for sorting functionalities in user interfaces.
|
|
22
|
+
* It allows users to toggle between predefined sorting orders (ascending or descending) with visual indicators.
|
|
23
|
+
* The button is built to facilitate easy switching of sort states, providing an intuitive user experience for data lists, tables, or other elements requiring sort capabilities.
|
|
24
|
+
* @see https://cloudoperators.github.io/juno/?path=/docs/components-sortbutton--docs
|
|
25
|
+
* @see {@link SortButtonProps}
|
|
26
|
+
*/
|
|
27
|
+
export declare const SortButton: ({ order, onChange, options, ...props }: SortButtonProps) => ReactNode;
|
|
17
28
|
export {};
|
|
18
29
|
//# sourceMappingURL=SortButton.component.d.ts.map
|