@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 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SortButton.component.d.ts","sourceRoot":"","sources":["../../../src/components/SortButton/SortButton.component.tsx"],"names":[],"mappings":"AAKA,
|
|
1
|
+
{"version":3,"file":"SortButton.component.d.ts","sourceRoot":"","sources":["../../../src/components/SortButton/SortButton.component.tsx"],"names":[],"mappings":"AAKA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGxC,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AAEvC,KAAK,SAAS,GAAG,KAAK,GAAG,MAAM,CAAA;AAE/B,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,WAAW,EAAE,OAAO,GAAG,UAAU,CAAC;IAC9E,8MAA8M;IAC9M,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,2LAA2L;IAC3L,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,SAAS,KAAK,IAAI,CAAA;IACtC;;;OAGG;IACH,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,SAAS,KAAK,IAAI,CAAA;IAC3C,yPAAyP;IACzP,OAAO,CAAC,EAAE;QAAE,KAAK,EAAE,SAAS,CAAC;QAAC,KAAK,EAAE,SAAS,CAAA;KAAE,EAAE,CAAA;CACnD;AAED;;;;;;GAMG;AACH,eAAO,MAAM,UAAU,GAAI,wCAQxB,eAAe,KAAG,SAMpB,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SortButton.stories.d.ts","sourceRoot":"","sources":["../../../src/components/SortButton/SortButton.stories.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAA;AAGnD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,
|
|
1
|
+
{"version":3,"file":"SortButton.stories.d.ts","sourceRoot":"","sources":["../../../src/components/SortButton/SortButton.stories.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAA;AAGnD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CAiBjC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAatB,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAiB3B,CAAA"}
|
|
@@ -1,10 +1,13 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { HTMLProps, ReactNode } from 'react';
|
|
2
2
|
/**
|
|
3
|
-
A generic Spinner component to indicate an individual component or portion of the UI is busy processing or awaiting data.
|
|
4
|
-
To indicate full views, panels, or other larger parts of an interface are busy or waiting for data, use LoadingIndicator instead
|
|
5
|
-
|
|
3
|
+
* A generic Spinner component to indicate an individual component or portion of the UI is busy processing or awaiting data.
|
|
4
|
+
* To indicate full views, panels, or other larger parts of an interface are busy or waiting for data, use LoadingIndicator instead.
|
|
5
|
+
* @see https://cloudoperators.github.io/juno/?path=/docs/components-spinner--docs
|
|
6
|
+
* @see {@link SpinnerProps}
|
|
7
|
+
*/
|
|
8
|
+
export declare const Spinner: ({ variant, size, className, color, ...props }: SpinnerProps) => ReactNode;
|
|
6
9
|
type SpinnerVariant = "primary" | "danger" | "default" | "success" | "warning";
|
|
7
|
-
export interface SpinnerProps extends Omit<
|
|
10
|
+
export interface SpinnerProps extends Omit<HTMLProps<SVGSVGElement>, "size"> {
|
|
8
11
|
/** The semantic color variant of the Spinner */
|
|
9
12
|
variant?: SpinnerVariant;
|
|
10
13
|
/** The size of the spinner: `small`, `large`, or any valid CSS length like `1.5rem`*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Spinner.component.d.ts","sourceRoot":"","sources":["../../../src/components/Spinner/Spinner.component.tsx"],"names":[],"mappings":"AAKA,
|
|
1
|
+
{"version":3,"file":"Spinner.component.d.ts","sourceRoot":"","sources":["../../../src/components/Spinner/Spinner.component.tsx"],"names":[],"mappings":"AAKA,OAAc,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AA6BnD;;;;;GAKG;AACH,eAAO,MAAM,OAAO,GAAI,+CAMrB,YAAY,KAAG,SA+CjB,CAAA;AAED,KAAK,cAAc,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,CAAA;AAE9E,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,EAAE,MAAM,CAAC;IAC1E,gDAAgD;IAChD,OAAO,CAAC,EAAE,cAAc,CAAA;IACxB,sFAAsF;IACtF,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,oMAAoM;IACpM,KAAK,CAAC,EAAE,MAAM,CAAA;CACf"}
|
|
@@ -1,15 +1,17 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { HTMLProps, ReactNode } from 'react';
|
|
2
2
|
/**
|
|
3
3
|
* A Stack is a layout primitive that ensures its children are stacked either horizontally next to each other or vertically, one below the other.
|
|
4
4
|
* In addition a gap can be defined which the Stack injects between its children so they have some margin from one another.
|
|
5
|
+
* @see https://cloudoperators.github.io/juno/?path=/docs/layout-stack--docs
|
|
6
|
+
* @see {@link StackProps}
|
|
5
7
|
*/
|
|
6
|
-
export declare const Stack:
|
|
8
|
+
export declare const Stack: ({ direction, gap, alignment, distribution, wrap, className, children, ...props }: StackProps) => ReactNode;
|
|
7
9
|
export type StackDirection = "horizontal" | "vertical";
|
|
8
10
|
export type StackAlignment = "start" | "end" | "center" | "baseline" | "stretch";
|
|
9
11
|
export type StackDistribution = "start" | "end" | "center" | "between" | "around" | "evenly";
|
|
10
12
|
export type StackGap = "0" | "px" | "0.5" | "1" | "1.5" | "2" | "2.5" | "3" | "3.5" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96";
|
|
11
|
-
export interface StackProps extends Omit<
|
|
12
|
-
children?:
|
|
13
|
+
export interface StackProps extends Omit<HTMLProps<HTMLDivElement>, "wrap"> {
|
|
14
|
+
children?: ReactNode;
|
|
13
15
|
/** Pass css class names */
|
|
14
16
|
className?: string;
|
|
15
17
|
/** Stack items horizontally or vertically */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Stack.component.d.ts","sourceRoot":"","sources":["../../../src/components/Stack/Stack.component.tsx"],"names":[],"mappings":"AAKA,
|
|
1
|
+
{"version":3,"file":"Stack.component.d.ts","sourceRoot":"","sources":["../../../src/components/Stack/Stack.component.tsx"],"names":[],"mappings":"AAKA,OAAc,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AA+HnD;;;;;GAKG;AACH,eAAO,MAAM,KAAK,GAAI,kFASnB,UAAU,KAAG,SASf,CAAA;AAED,MAAM,MAAM,cAAc,GAAG,YAAY,GAAG,UAAU,CAAA;AACtD,MAAM,MAAM,cAAc,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,GAAG,UAAU,GAAG,SAAS,CAAA;AAChF,MAAM,MAAM,iBAAiB,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAA;AAC5F,MAAM,MAAM,QAAQ,GAChB,GAAG,GACH,IAAI,GACJ,KAAK,GACL,GAAG,GACH,KAAK,GACL,GAAG,GACH,KAAK,GACL,GAAG,GACH,KAAK,GACL,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,CAAA;AAER,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,SAAS,CAAC,cAAc,CAAC,EAAE,MAAM,CAAC;IACzE,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,6CAA6C;IAC7C,SAAS,CAAC,EAAE,cAAc,CAAA;IAC1B,uKAAuK;IACvK,SAAS,CAAC,EAAE,cAAc,CAAA;IAC1B,gLAAgL;IAChL,YAAY,CAAC,EAAE,iBAAiB,CAAA;IAChC,0EAA0E;IAC1E,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,0HAA0H;IAC1H,GAAG,CAAC,EAAE,QAAQ,CAAA;CACf"}
|
|
@@ -27,6 +27,9 @@ export declare const DEFAULT_THEME_NAME = "theme-dark";
|
|
|
27
27
|
* styles and fonts are added inline
|
|
28
28
|
* ShadowRoot:
|
|
29
29
|
* <ShadowRoot><StyleProvider>Content</StyleProvider></ShadowRoot>
|
|
30
|
+
*
|
|
31
|
+
* @see https://cloudoperators.github.io/juno/?path=/docs/layout-styleprovider--docs
|
|
32
|
+
* @see {@link StyleProviderProps}
|
|
30
33
|
*/
|
|
31
34
|
export declare const StyleProvider: {
|
|
32
35
|
({ stylesWrapper, theme: themeProp, children, shadowRootMode, }: StyleProviderProps): React.JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StyleProvider.component.d.ts","sourceRoot":"","sources":["../../../src/components/StyleProvider/StyleProvider.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAA0D,SAAS,
|
|
1
|
+
{"version":3,"file":"StyleProvider.component.d.ts","sourceRoot":"","sources":["../../../src/components/StyleProvider/StyleProvider.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAA0D,SAAS,EAAc,MAAM,OAAO,CAAA;AAC5G,OAAO,EAAc,cAAc,EAAE,MAAM,oCAAoC,CAAA;AAO/E,KAAK,iBAAiB,GAAG,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;AAEhD,KAAK,YAAY,GAAG,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;AAE3C,KAAK,kBAAkB,GAAG,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;AAEjD,MAAM,WAAW,iBAAiB;IAChC,MAAM,EAAE,MAAM,CAAA;IAEd,YAAY,EAAE,MAAM,CAAA;IACpB,aAAa,EAAE,iBAAiB,CAAA;IAChC,WAAW,EAAE,YAAY,CAAA;IACzB,cAAc,EAAE,kBAAkB,CAAA;CACnC;AAKD,eAAO,MAAM,kBAAkB,eAAe,CAAA;AAE9C;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,aAAa;qEAKvB,kBAAkB;;CAwFpB,CAAA;AAED,KAAK,0BAA0B,GAAG,MAAM,GAAG,QAAQ,GAAG,YAAY,CAAA;AAIlE,MAAM,WAAW,kBAAkB;IACjC,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,4FAA4F;IAC5F,aAAa,CAAC,EAAE,0BAA0B,CAAA;IAC1C,uCAAuC;IACvC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,mFAAmF;IACnF,cAAc,CAAC,EAAE,cAAc,CAAA;CAChC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { ReactNode, ButtonHTMLAttributes, ChangeEvent, MouseEvent } from 'react';
|
|
2
2
|
type SwitchSize = "small" | "default" | "large";
|
|
3
|
-
export interface SwitchProps extends Omit<
|
|
3
|
+
export interface SwitchProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "ref"> {
|
|
4
4
|
/**
|
|
5
5
|
* HTML name attribute for the switch button
|
|
6
6
|
*/
|
|
@@ -56,11 +56,11 @@ export interface SwitchProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonE
|
|
|
56
56
|
/**
|
|
57
57
|
* Callback function to handle changes to the switch state
|
|
58
58
|
*/
|
|
59
|
-
onChange?: (event:
|
|
59
|
+
onChange?: (event: ChangeEvent<HTMLButtonElement>) => void;
|
|
60
60
|
/**
|
|
61
61
|
* Callback function to handle click events on the switch
|
|
62
62
|
*/
|
|
63
|
-
onClick?: (event:
|
|
63
|
+
onClick?: (event: MouseEvent<HTMLButtonElement>) => void;
|
|
64
64
|
/**
|
|
65
65
|
* Custom class name to apply to the wrapper element
|
|
66
66
|
* Useful for styling and positioning the outermost element of the component
|
|
@@ -71,7 +71,10 @@ export interface SwitchProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonE
|
|
|
71
71
|
* A basic switch component for toggling between two options.
|
|
72
72
|
* Use this component for interactions that produce immediate results.
|
|
73
73
|
* For form scenarios requiring submission, use checkboxes instead.
|
|
74
|
+
*
|
|
75
|
+
* @see https://cloudoperators.github.io/juno/?path=/docs/forms-switch--docs
|
|
76
|
+
* @see {@link SwitchProps}
|
|
74
77
|
*/
|
|
75
|
-
export declare const Switch:
|
|
78
|
+
export declare const Switch: ({ name, id, label, required, size, on, disabled, invalid, valid, helptext, errortext, successtext, className, onChange, onClick, wrapperClassName, ...props }: SwitchProps) => ReactNode;
|
|
76
79
|
export {};
|
|
77
80
|
//# sourceMappingURL=Switch.component.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Switch.component.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/Switch.component.tsx"],"names":[],"mappings":"AAKA,
|
|
1
|
+
{"version":3,"file":"Switch.component.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/Switch.component.tsx"],"names":[],"mappings":"AAKA,OAAc,EAKZ,SAAS,EACT,oBAAoB,EACpB,WAAW,EACX,UAAU,EACX,MAAM,OAAO,CAAA;AAmEd,KAAK,UAAU,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,CAAA;AAE/C,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,KAAK,CAAC;IACvF;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IACb;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAA;IACX;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB;;OAEG;IACH,EAAE,CAAC,EAAE,OAAO,CAAA;IACZ;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;IACf;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IAEH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAA;IAC1D;;OAEG;IAEH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAA;IACxD;;;OAGG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B;AAsDD;;;;;;;GAOG;AACH,eAAO,MAAM,MAAM,GAAI,+JAkBpB,WAAW,KAAG,SA+EhB,CAAA"}
|
|
@@ -1,24 +1,22 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { TabProps as ReactTabProps } from 'react-tabs';
|
|
1
|
+
import { HTMLProps, ReactNode } from 'react';
|
|
3
2
|
import { KnownIcons } from '../Icon/Icon.component';
|
|
4
|
-
/**
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
3
|
+
/**
|
|
4
|
+
* A Tab Component representing an individual Tab inside a wrapping TabList inside a wrapping Tabs component. Not to be used standalone outside of the mentioned parent components.
|
|
5
|
+
* @see https://cloudoperators.github.io/juno/?path=/docs/layout-tabs-tab--docs
|
|
6
|
+
* @see {@link TabProps}
|
|
7
|
+
*/
|
|
8
8
|
export declare const Tab: {
|
|
9
|
-
({ children, label, icon, disabled, className, ...props }: TabProps):
|
|
9
|
+
({ children, label, icon, disabled, className, ...props }: TabProps): ReactNode;
|
|
10
10
|
tabsRole: string;
|
|
11
11
|
};
|
|
12
|
-
export interface TabProps extends
|
|
12
|
+
export interface TabProps extends Omit<HTMLProps<HTMLLIElement>, "tabIndex"> {
|
|
13
13
|
/** The children to render inside the Tab (-button) */
|
|
14
|
-
children?:
|
|
14
|
+
children?: ReactNode;
|
|
15
15
|
/** The Tab label (only rendered when no children are supplied) */
|
|
16
16
|
label?: string;
|
|
17
17
|
/** Pass the name of an icon to render in the Tab. Can be any icon included with Juno. */
|
|
18
18
|
icon?: KnownIcons;
|
|
19
19
|
/** Whether the Tab is disabled */
|
|
20
20
|
disabled?: boolean;
|
|
21
|
-
/** Add custom classNames to the Tab */
|
|
22
|
-
className?: string;
|
|
23
21
|
}
|
|
24
22
|
//# sourceMappingURL=Tab.component.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tab.component.d.ts","sourceRoot":"","sources":["../../../src/components/Tab/Tab.component.tsx"],"names":[],"mappings":"AAKA,
|
|
1
|
+
{"version":3,"file":"Tab.component.d.ts","sourceRoot":"","sources":["../../../src/components/Tab/Tab.component.tsx"],"names":[],"mappings":"AAKA,OAAc,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGnD,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAA;AAyBnD;;;;GAIG;AACH,eAAO,MAAM,GAAG;+DAOb,QAAQ,GAAG,SAAS;;CAatB,CAAA;AAID,MAAM,WAAW,QAAS,SAAQ,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,EAAE,UAAU,CAAC;IAC1E,sDAAsD;IACtD,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,kEAAkE;IAClE,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,yFAAyF;IACzF,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,kCAAkC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB"}
|
|
@@ -1,15 +1,18 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { TabListProps as ReactTabListProps } from 'react-tabs';
|
|
1
|
+
import { HTMLAttributes, ReactNode } from 'react';
|
|
3
2
|
import { TabsVariant } from '../Tabs/Tabs.component';
|
|
4
|
-
/**
|
|
3
|
+
/**
|
|
4
|
+
* A tabList component wraps all individual Tabs inside a parent Tabs component
|
|
5
|
+
* @see https://cloudoperators.github.io/juno/?path=/docs/layout-tabs-tablist--docs
|
|
6
|
+
* @see {@link TabListProps}
|
|
7
|
+
*/
|
|
5
8
|
export declare const TabList: {
|
|
6
|
-
({ variant, children, ...props }: TabListProps):
|
|
9
|
+
({ variant, children, ...props }: TabListProps): ReactNode;
|
|
7
10
|
tabsRole: string;
|
|
8
11
|
};
|
|
9
|
-
export interface TabListProps extends
|
|
12
|
+
export interface TabListProps extends HTMLAttributes<HTMLUListElement> {
|
|
10
13
|
/** Pick the TabList style */
|
|
11
14
|
variant?: TabsVariant;
|
|
12
15
|
/** The individual child Tabs to render */
|
|
13
|
-
children?:
|
|
16
|
+
children?: ReactNode;
|
|
14
17
|
}
|
|
15
18
|
//# sourceMappingURL=TabList.component.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TabList.component.d.ts","sourceRoot":"","sources":["../../../src/components/TabList/TabList.component.tsx"],"names":[],"mappings":"AAKA,
|
|
1
|
+
{"version":3,"file":"TabList.component.d.ts","sourceRoot":"","sources":["../../../src/components/TabList/TabList.component.tsx"],"names":[],"mappings":"AAKA,OAAc,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAExD,OAAO,EAAE,WAAW,EAAkB,MAAM,wBAAwB,CAAA;AA0BpE;;;;GAIG;AAEH,eAAO,MAAM,OAAO;sCAAiD,YAAY,GAAG,SAAS;;CAY5F,CAAA;AAID,MAAM,WAAW,YAAa,SAAQ,cAAc,CAAC,gBAAgB,CAAC;IACpE,6BAA6B;IAC7B,OAAO,CAAC,EAAE,WAAW,CAAA;IACrB,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB"}
|
|
@@ -1,12 +1,16 @@
|
|
|
1
|
-
import { default as React, ReactNode } from 'react';
|
|
1
|
+
import { default as React, HTMLAttributes, ReactNode } from 'react';
|
|
2
2
|
export interface TabNavigationContextType {
|
|
3
3
|
tabStyle: TabStyle;
|
|
4
4
|
}
|
|
5
5
|
export declare const TabNavigationContext: React.Context<TabNavigationContextType | undefined>;
|
|
6
|
-
/**
|
|
7
|
-
|
|
6
|
+
/**
|
|
7
|
+
* A TabNavigation parent component. Use to wrap `<TabNavigationItem>` elements inside. For tabs with corresponding tab panels, use `<Tabs>` instead.
|
|
8
|
+
* @see https://cloudoperators.github.io/juno/?path=/docs/navigation-tabnavigation-tabnavigation--docs
|
|
9
|
+
* @see {@link TabNavigationProps}
|
|
10
|
+
*/
|
|
11
|
+
export declare const TabNavigation: ({ activeItem, ariaLabel, children, className, disabled, onActiveItemChange, tabStyle, ...props }: TabNavigationProps) => ReactNode;
|
|
8
12
|
export type TabStyle = "main" | "content";
|
|
9
|
-
export interface TabNavigationProps extends
|
|
13
|
+
export interface TabNavigationProps extends HTMLAttributes<HTMLElement> {
|
|
10
14
|
/** The label of the selected tab. The `activeItem` prop set on the parent will override / take precedence over any `active` prop that may be set on a child. */
|
|
11
15
|
activeItem?: ReactNode;
|
|
12
16
|
/** The aria-label of the navigation. Specify when there are more than one elements with an implicit or explicit `role="navigation"` on a page/view. */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TabNavigation.component.d.ts","sourceRoot":"","sources":["../../../src/components/TabNavigation/TabNavigation.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAAiB,SAAS,EAAE,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"TabNavigation.component.d.ts","sourceRoot":"","sources":["../../../src/components/TabNavigation/TabNavigation.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAAiB,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAQvE,MAAM,WAAW,wBAAwB;IACvC,QAAQ,EAAE,QAAQ,CAAA;CACnB;AAED,eAAO,MAAM,oBAAoB,qDAAiE,CAAA;AAElG;;;;GAIG;AACH,eAAO,MAAM,aAAa,GAAI,kGAS3B,kBAAkB,KAAG,SAyBvB,CAAA;AAED,MAAM,MAAM,QAAQ,GAAG,MAAM,GAAG,SAAS,CAAA;AAEzC,MAAM,WAAW,kBAAmB,SAAQ,cAAc,CAAC,WAAW,CAAC;IACrE,gKAAgK;IAChK,UAAU,CAAC,EAAE,SAAS,CAAA;IACtB,uJAAuJ;IACvJ,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,8DAA8D;IAC9D,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,yHAAyH;IACzH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,uDAAuD;IAEvD,kBAAkB,CAAC,EAAE,CAAC,UAAU,EAAE,SAAS,KAAK,IAAI,CAAA;IACpD,0UAA0U;IAC1U,QAAQ,CAAC,EAAE,QAAQ,CAAA;CACpB"}
|
|
@@ -1,14 +1,18 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { HTMLAttributes, MouseEventHandler, ReactNode } from 'react';
|
|
2
2
|
import { KnownIcons } from '../Icon/Icon.component.js';
|
|
3
|
-
/**
|
|
4
|
-
|
|
5
|
-
|
|
3
|
+
/**
|
|
4
|
+
* An individual Tab Navigation Item. Use wrapped in a `<TabNavigation>` parent component.
|
|
5
|
+
* @see https://cloudoperators.github.io/juno/?path=/docs/navigation-tabnavigation-tabnavigationitem--docs
|
|
6
|
+
* @see {@link TabProps}
|
|
7
|
+
*/
|
|
8
|
+
export declare const TabNavigationItem: ({ active, ariaLabel, children, className, disabled, href, icon, label, onClick, value, ...props }: TabNavigationItemProps) => ReactNode;
|
|
9
|
+
export interface TabNavigationItemProps extends HTMLAttributes<HTMLElement> {
|
|
6
10
|
/** Whether the tab navigation item is active */
|
|
7
11
|
active?: boolean;
|
|
8
12
|
/** The aria label of the item */
|
|
9
13
|
ariaLabel?: string;
|
|
10
14
|
/** The children to render. In order to make the navigation work, you also need to pass a `value` or `label` prop, or both. */
|
|
11
|
-
children?:
|
|
15
|
+
children?: ReactNode;
|
|
12
16
|
/** Pass a custom className */
|
|
13
17
|
className?: string;
|
|
14
18
|
/** Whether the tab navigation item is disabled */
|
|
@@ -19,8 +23,8 @@ export interface TabNavigationItemProps extends React.HTMLAttributes<HTMLElement
|
|
|
19
23
|
/** The label of the tab navigation item. Must be unique within any given `<TabNavigation>` group. */
|
|
20
24
|
label?: string;
|
|
21
25
|
/** Pass a custom handler to execute when the tab is clicked */
|
|
22
|
-
onClick?:
|
|
23
|
-
/** An optional technical identifier
|
|
26
|
+
onClick?: MouseEventHandler<HTMLElement>;
|
|
27
|
+
/** An optional technical identifier for the tab. If not passed, the label will be used to identify the tab. NOTE: If value is passed, the value of the active tab MUST be used when setting the activeItem prop on the parent TabNavigation.*/
|
|
24
28
|
value?: string;
|
|
25
29
|
}
|
|
26
30
|
//# sourceMappingURL=TabNavigationItem.component.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TabNavigationItem.component.d.ts","sourceRoot":"","sources":["../../../src/components/TabNavigationItem/TabNavigationItem.component.tsx"],"names":[],"mappings":"AAKA,
|
|
1
|
+
{"version":3,"file":"TabNavigationItem.component.d.ts","sourceRoot":"","sources":["../../../src/components/TabNavigationItem/TabNavigationItem.component.tsx"],"names":[],"mappings":"AAKA,OAAc,EAAE,cAAc,EAAE,iBAAiB,EAAE,SAAS,EAAc,MAAM,OAAO,CAAA;AAGvF,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAA;AAsBtD;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,GAAI,mGAY/B,sBAAsB,KAAG,SA4B3B,CAAA;AAED,MAAM,WAAW,sBAAuB,SAAQ,cAAc,CAAC,WAAW,CAAC;IACzE,gDAAgD;IAChD,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,iCAAiC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,8HAA8H;IAC9H,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,8BAA8B;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,kDAAkD;IAClD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,yFAAyF;IACzF,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,qGAAqG;IACrG,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,+DAA+D;IAC/D,OAAO,CAAC,EAAE,iBAAiB,CAAC,WAAW,CAAC,CAAA;IACxC,+OAA+O;IAC/O,KAAK,CAAC,EAAE,MAAM,CAAA;CACf"}
|
|
@@ -1,16 +1,13 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { TabPanelProps as ReactTabPanelProps } from 'react-tabs';
|
|
1
|
+
import { HTMLAttributes, ReactNode } from 'react';
|
|
3
2
|
/**
|
|
4
|
-
The TabPanel holds content related to a Tab in a TabList in a wrapping Tab component. Not to be used standalone / outside a Tabs wrapper.
|
|
5
|
-
|
|
3
|
+
* The TabPanel holds content related to a Tab in a TabList in a wrapping Tab component. Not to be used standalone / outside a Tabs wrapper.
|
|
4
|
+
* * @see https://cloudoperators.github.io/juno/?path=/docs/layout-tabs-tabpanel--docs
|
|
5
|
+
* @see {@link TabPanelProps}
|
|
6
|
+
*/
|
|
6
7
|
export declare const TabPanel: {
|
|
7
|
-
({ children, className, ...props }: TabPanelProps):
|
|
8
|
+
({ children, className, ...props }: TabPanelProps): ReactNode;
|
|
8
9
|
tabsRole: string;
|
|
9
10
|
};
|
|
10
|
-
export interface TabPanelProps extends
|
|
11
|
-
/** The content to show/render when the associated Tab is selected */
|
|
12
|
-
children?: React.ReactNode;
|
|
13
|
-
/** Add a custom classList to the TabPanel */
|
|
14
|
-
className?: string;
|
|
11
|
+
export interface TabPanelProps extends HTMLAttributes<HTMLDivElement> {
|
|
15
12
|
}
|
|
16
13
|
//# sourceMappingURL=TabPanel.component.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TabPanel.component.d.ts","sourceRoot":"","sources":["../../../src/components/TabPanel/TabPanel.component.tsx"],"names":[],"mappings":"AAKA,
|
|
1
|
+
{"version":3,"file":"TabPanel.component.d.ts","sourceRoot":"","sources":["../../../src/components/TabPanel/TabPanel.component.tsx"],"names":[],"mappings":"AAKA,OAAc,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGxD;;;;GAIG;AAEH,eAAO,MAAM,QAAQ;wCAA4C,aAAa,GAAG,SAAS;;CAMzF,CAAA;AAID,MAAM,WAAW,aAAc,SAAQ,cAAc,CAAC,cAAc,CAAC;CAEpE"}
|
|
@@ -1,14 +1,16 @@
|
|
|
1
|
-
import { default as React } from 'react';
|
|
1
|
+
import { default as React, ReactNode } from 'react';
|
|
2
2
|
export interface TabsContextType {
|
|
3
3
|
variant?: TabsVariant;
|
|
4
4
|
}
|
|
5
5
|
export declare const useTabsContext: () => TabsContextType;
|
|
6
6
|
/**
|
|
7
|
-
A Tabs component.
|
|
8
|
-
The parent wrapping TabList, Tab, and TabPanel subcomponents.
|
|
9
|
-
For a navigation that looks like tabs, but runs onClick handlers or contains hrefs, use TabNavigation instead.
|
|
10
|
-
Tabs are used to provide a tabbed section within the content area when combining static content and tabbed content on the same page. You will probably want to use a 'Container' (px=false) inside the TabPanels to get nice padding.
|
|
11
|
-
|
|
7
|
+
* A Tabs component.
|
|
8
|
+
* The parent wrapping TabList, Tab, and TabPanel subcomponents.
|
|
9
|
+
* For a navigation that looks like tabs, but runs onClick handlers or contains hrefs, use TabNavigation instead.
|
|
10
|
+
* Tabs are used to provide a tabbed section within the content area when combining static content and tabbed content on the same page. You will probably want to use a 'Container' (px=false) inside the TabPanels to get nice padding.
|
|
11
|
+
* @see https://cloudoperators.github.io/juno/?path=/docs/layout-tabs-tabs--docs
|
|
12
|
+
* @see {@link TabsProps}
|
|
13
|
+
*/
|
|
12
14
|
export declare const Tabs: {
|
|
13
15
|
({ children, defaultIndex, selectedIndex, onSelect, variant, className, ...props }: TabsProps): React.JSX.Element;
|
|
14
16
|
tabsRole: string;
|
|
@@ -16,7 +18,7 @@ export declare const Tabs: {
|
|
|
16
18
|
export type TabsVariant = "main" | "content" | "codeblocks";
|
|
17
19
|
export interface TabsProps {
|
|
18
20
|
/** All the child elements of the Tabs: Tab(s) inside a TabList and TabPanel(s) */
|
|
19
|
-
children?:
|
|
21
|
+
children?: ReactNode;
|
|
20
22
|
/** The index of the Tab to be selected by default in "Uncontrolled Mode" (default) where Tabs handle their state internally. Do not use in "Controlled Mode".*/
|
|
21
23
|
defaultIndex?: number;
|
|
22
24
|
/** The index of the Tab to be selected by default. This enables "Controlled Mode" where the developer takes over control of the Tabs state and behaviour. Requires onSelect to be set.*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tabs.component.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/Tabs.component.tsx"],"names":[],"mappings":"AAKA,OAAO,
|
|
1
|
+
{"version":3,"file":"Tabs.component.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/Tabs.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAAiB,SAAS,EAAmC,MAAM,OAAO,CAAA;AAGxF,MAAM,WAAW,eAAe;IAC9B,OAAO,CAAC,EAAE,WAAW,CAAA;CACtB;AAGD,eAAO,MAAM,cAAc,uBAAgC,CAAA;AAE3D;;;;;;;GAOG;AAEH,eAAO,MAAM,IAAI;wFAWd,SAAS;;CA6BX,CAAA;AAID,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,SAAS,GAAG,YAAY,CAAA;AAE3D,MAAM,WAAW,SAAS;IACxB,kFAAkF;IAClF,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,gKAAgK;IAChK,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,yLAAyL;IACzL,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC7B,4CAA4C;IAE5C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,sDAAsD;IACtD,OAAO,CAAC,EAAE,WAAW,CAAA;IACrB,yDAAyD;IACzD,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB"}
|
|
@@ -1,12 +1,14 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { ReactNode, ChangeEventHandler, FocusEventHandler, InputHTMLAttributes } from 'react';
|
|
2
2
|
/**
|
|
3
|
-
A controlled Text Input.
|
|
4
|
-
Also covers email, telephone, password,
|
|
5
|
-
|
|
6
|
-
|
|
3
|
+
* A controlled Text Input.
|
|
4
|
+
* Also covers email, telephone, password, URL derivatives.
|
|
5
|
+
* @see https://cloudoperators.github.io/juno/?path=/docs/forms-textinput--docs
|
|
6
|
+
* @see {@link TextInputProps}
|
|
7
|
+
*/
|
|
8
|
+
export declare const TextInput: ({ value, id, name, placeholder, disabled, readOnly, required, invalid, valid, autoFocus, className, autoComplete, helptext, successtext, errortext, onChange, onFocus, onBlur, type, label, width, wrapperClassName, ...props }: TextInputProps) => ReactNode;
|
|
7
9
|
type TextInputType = "text" | "email" | "password" | "tel" | "url" | "number";
|
|
8
10
|
type TextInputWidth = "full" | "auto";
|
|
9
|
-
export interface TextInputProps extends
|
|
11
|
+
export interface TextInputProps extends InputHTMLAttributes<HTMLInputElement> {
|
|
10
12
|
/** Pass a name attribute */
|
|
11
13
|
name?: string;
|
|
12
14
|
/** Pass a value */
|
|
@@ -32,11 +34,11 @@ export interface TextInputProps extends React.InputHTMLAttributes<HTMLInputEleme
|
|
|
32
34
|
/** Pass a valid autocomplete value. We do not police validity. */
|
|
33
35
|
autoComplete?: string;
|
|
34
36
|
/** Pass a change handler */
|
|
35
|
-
onChange?:
|
|
37
|
+
onChange?: ChangeEventHandler<HTMLInputElement>;
|
|
36
38
|
/** Pass a focus handler */
|
|
37
|
-
onFocus?:
|
|
39
|
+
onFocus?: FocusEventHandler<HTMLInputElement>;
|
|
38
40
|
/** Pass a blur handler */
|
|
39
|
-
onBlur?:
|
|
41
|
+
onBlur?: FocusEventHandler<HTMLInputElement>;
|
|
40
42
|
/** Specify the type attribute. Defaults to an input with no type attribute, which in turn will be treateas as type="text" by browsers. */
|
|
41
43
|
type?: TextInputType;
|
|
42
44
|
/** The label of the input */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextInput.component.d.ts","sourceRoot":"","sources":["../../../src/components/TextInput/TextInput.component.tsx"],"names":[],"mappings":"AAKA,
|
|
1
|
+
{"version":3,"file":"TextInput.component.d.ts","sourceRoot":"","sources":["../../../src/components/TextInput/TextInput.component.tsx"],"names":[],"mappings":"AAKA,OAAc,EAMZ,SAAS,EACT,kBAAkB,EAClB,iBAAiB,EACjB,mBAAmB,EAGpB,MAAM,OAAO,CAAA;AAId,OAAO,iBAAiB,CAAA;AAoExB;;;;;GAKG;AACH,eAAO,MAAM,SAAS,GAAI,iOAwBvB,cAAc,KAAG,SAyInB,CAAA;AAED,KAAK,aAAa,GAAG,MAAM,GAAG,OAAO,GAAG,UAAU,GAAG,KAAK,GAAG,KAAK,GAAG,QAAQ,CAAA;AAC7E,KAAK,cAAc,GAAG,MAAM,GAAG,MAAM,CAAA;AAErC,MAAM,WAAW,cAAe,SAAQ,mBAAmB,CAAC,gBAAgB,CAAC;IAC3E,4BAA4B;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,mBAAmB;IACnB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,iBAAiB;IACjB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,yBAAyB;IACzB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,oCAAoC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,mCAAmC;IACnC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,iCAAiC;IACjC,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,2CAA2C;IAC3C,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,iFAAiF;IACjF,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,kEAAkE;IAClE,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,kBAAkB,CAAC,gBAAgB,CAAC,CAAA;IAC/C,2BAA2B;IAC3B,OAAO,CAAC,EAAE,iBAAiB,CAAC,gBAAgB,CAAC,CAAA;IAC7C,0BAA0B;IAC1B,MAAM,CAAC,EAAE,iBAAiB,CAAC,gBAAgB,CAAC,CAAA;IAC5C,0IAA0I;IAC1I,IAAI,CAAC,EAAE,aAAa,CAAA;IACpB,6BAA6B;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,gFAAgF;IAChF,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,qEAAqE;IACrE,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB,iFAAiF;IACjF,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,sEAAsE;IACtE,KAAK,CAAC,EAAE,cAAc,CAAA;IACtB,6KAA6K;IAC7K,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B"}
|
|
@@ -1,11 +1,13 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { ReactNode, HTMLProps, ChangeEventHandler, FocusEventHandler } from 'react';
|
|
2
2
|
/**
|
|
3
|
-
A controlled Text Input.
|
|
4
|
-
Also covers email, telephone, password,
|
|
5
|
-
|
|
6
|
-
|
|
3
|
+
* A controlled Text Input.
|
|
4
|
+
* Also covers email, telephone, password, URL derivatives.
|
|
5
|
+
* @see https://cloudoperators.github.io/juno/?path=/docs/forms-textarea--docs
|
|
6
|
+
* @see {@link TextareaProps}
|
|
7
|
+
*/
|
|
8
|
+
export declare const Textarea: ({ name, value, id, placeholder, disabled, readOnly, required, invalid, valid, autoFocus, className, autoComplete, helptext, successtext, errortext, onChange, onFocus, onBlur, label, width, wrapperClassName, ...props }: TextareaProps) => ReactNode;
|
|
7
9
|
type WidthType = "full" | "auto";
|
|
8
|
-
export interface TextareaProps extends
|
|
10
|
+
export interface TextareaProps extends HTMLProps<HTMLTextAreaElement> {
|
|
9
11
|
/** Pass a name attribute */
|
|
10
12
|
name?: string;
|
|
11
13
|
/** The label of the textarea */
|
|
@@ -33,11 +35,11 @@ export interface TextareaProps extends React.HTMLProps<HTMLTextAreaElement> {
|
|
|
33
35
|
/** Pass a valid autocomplete value. We do not police validity. */
|
|
34
36
|
autoComplete?: string;
|
|
35
37
|
/** Pass a change handler */
|
|
36
|
-
onChange?:
|
|
38
|
+
onChange?: ChangeEventHandler<HTMLTextAreaElement>;
|
|
37
39
|
/** Pass a focus handler */
|
|
38
|
-
onFocus?:
|
|
40
|
+
onFocus?: FocusEventHandler<HTMLTextAreaElement>;
|
|
39
41
|
/** Pass a blur handler */
|
|
40
|
-
onBlur?:
|
|
42
|
+
onBlur?: FocusEventHandler<HTMLTextAreaElement>;
|
|
41
43
|
/** A helptext to render to explain meaning and significance of the Textarea */
|
|
42
44
|
helptext?: ReactNode;
|
|
43
45
|
/** A text to render when the Textarea was successfully validated */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Textarea.component.d.ts","sourceRoot":"","sources":["../../../src/components/Textarea/Textarea.component.tsx"],"names":[],"mappings":"AAKA,
|
|
1
|
+
{"version":3,"file":"Textarea.component.d.ts","sourceRoot":"","sources":["../../../src/components/Textarea/Textarea.component.tsx"],"names":[],"mappings":"AAKA,OAAc,EAMZ,SAAS,EAET,SAAS,EACT,kBAAkB,EAClB,iBAAiB,EAElB,MAAM,OAAO,CAAA;AA0Ed;;;;;GAKG;AACH,eAAO,MAAM,QAAQ,GAAI,2NAuBtB,aAAa,KAAG,SAwIlB,CAAA;AAED,KAAK,SAAS,GAAG,MAAM,GAAG,MAAM,CAAA;AAEhC,MAAM,WAAW,aAAc,SAAQ,SAAS,CAAC,mBAAmB,CAAC;IACnE,4BAA4B;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,gCAAgC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,mBAAmB;IACnB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,iBAAiB;IACjB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,yBAAyB;IACzB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,oCAAoC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,mCAAmC;IACnC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,iCAAiC;IACjC,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,2CAA2C;IAC3C,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,oFAAoF;IACpF,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,kEAAkE;IAClE,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,kBAAkB,CAAC,mBAAmB,CAAC,CAAA;IAClD,2BAA2B;IAC3B,OAAO,CAAC,EAAE,iBAAiB,CAAC,mBAAmB,CAAC,CAAA;IAChD,0BAA0B;IAC1B,MAAM,CAAC,EAAE,iBAAiB,CAAC,mBAAmB,CAAC,CAAA;IAC/C,+EAA+E;IAC/E,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,oEAAoE;IACpE,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB,gFAAgF;IAChF,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,oEAAoE;IACpE,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,6KAA6K;IAC7K,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
2
|
export interface ThemeToggleProps {
|
|
3
3
|
/**
|
|
4
4
|
* Additional CSS classes for custom styling.
|
|
@@ -25,6 +25,8 @@ export interface ThemeToggleProps {
|
|
|
25
25
|
* ThemeToggle is a button component that toggles between Light and Dark UI Themes.
|
|
26
26
|
* This component requires a StyleProvider context to function, which is automatically provided by the Juno AppShell.
|
|
27
27
|
* If not using the AppShell, include a StyleProvider manually.
|
|
28
|
+
* @see https://cloudoperators.github.io/juno/?path=/docs/wip-themetoggle--docs
|
|
29
|
+
* @see {@link ThemeToggleProps}
|
|
28
30
|
*/
|
|
29
|
-
export declare const ThemeToggle:
|
|
31
|
+
export declare const ThemeToggle: ({ className, disabled, id, name, onToggleTheme, ...props }: ThemeToggleProps) => ReactNode;
|
|
30
32
|
//# sourceMappingURL=ThemeToggle.component.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ThemeToggle.component.d.ts","sourceRoot":"","sources":["../../../src/components/ThemeToggle/ThemeToggle.component.tsx"],"names":[],"mappings":"AAKA,
|
|
1
|
+
{"version":3,"file":"ThemeToggle.component.d.ts","sourceRoot":"","sources":["../../../src/components/ThemeToggle/ThemeToggle.component.tsx"],"names":[],"mappings":"AAKA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAKxC,OAAO,mBAAmB,CAAA;AAoB1B,MAAM,WAAW,gBAAgB;IAC/B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAA;IACX;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IACb;;OAEG;IAEH,aAAa,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;CAC3C;AAED;;;;;;GAMG;AACH,eAAO,MAAM,WAAW,GAAI,4DAOzB,gBAAgB,KAAG,SA+BrB,CAAA"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { HTMLAttributes, ReactNode } from 'react';
|
|
2
2
|
type IconType = "info" | "warning" | "danger" | "error" | "success";
|
|
3
|
-
export interface ToastProps extends
|
|
3
|
+
export interface ToastProps extends HTMLAttributes<HTMLDivElement> {
|
|
4
4
|
/** Specify a semantic variant */
|
|
5
5
|
variant?: IconType;
|
|
6
6
|
/** Pass child nodes to be rendered as contents */
|
|
7
|
-
children?:
|
|
7
|
+
children?: ReactNode;
|
|
8
8
|
/** Pass an optional text */
|
|
9
9
|
text?: string;
|
|
10
10
|
/** Optional. If set to 'true', the message will be automatically dismissed after 10 seconds by default or after the specified autoDismissTimeout */
|
|
@@ -17,8 +17,10 @@ export interface ToastProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
|
17
17
|
className?: string;
|
|
18
18
|
}
|
|
19
19
|
/**
|
|
20
|
-
A Toast component. Use for short-lived, temporary/transient messaging to users relating to their current usage context, e.g. 'Edits changed successfully'. For more general, persistent messaging, e.g. 'Our servers will be down for maintenance all weekend', use Message instead.
|
|
21
|
-
|
|
22
|
-
|
|
20
|
+
* A Toast component. Use for short-lived, temporary/transient messaging to users relating to their current usage context, e.g. 'Edits changed successfully'. For more general, persistent messaging, e.g. 'Our servers will be down for maintenance all weekend', use Message instead.
|
|
21
|
+
* @see https://cloudoperators.github.io/juno/?path=/docs/wip-toast--docs
|
|
22
|
+
* @see {@link ToastProps}
|
|
23
|
+
*/
|
|
24
|
+
export declare const Toast: ({ variant, children, text, autoDismiss, autoDismissTimeout, onDismiss, className, ...props }: ToastProps) => ReactNode;
|
|
23
25
|
export {};
|
|
24
26
|
//# sourceMappingURL=Toast.component.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Toast.component.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/Toast.component.tsx"],"names":[],"mappings":"AAKA,
|
|
1
|
+
{"version":3,"file":"Toast.component.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/Toast.component.tsx"],"names":[],"mappings":"AAKA,OAAc,EAAE,cAAc,EAAE,SAAS,EAA+B,MAAM,OAAO,CAAA;AA0BrF,KAAK,QAAQ,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAA;AACnE,MAAM,WAAW,UAAW,SAAQ,cAAc,CAAC,cAAc,CAAC;IAChE,iCAAiC;IACjC,OAAO,CAAC,EAAE,QAAQ,CAAA;IAClB,kDAAkD;IAClD,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,4BAA4B;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,oJAAoJ;IACpJ,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,kHAAkH;IAClH,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,iFAAiF;IACjF,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB,iCAAiC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;;;GAIG;AAEH,eAAO,MAAM,KAAK,GAAI,8FASnB,UAAU,KAAG,SAuCf,CAAA"}
|
|
@@ -5,11 +5,32 @@ type Option<T> = T | {
|
|
|
5
5
|
label?: ReactNode;
|
|
6
6
|
};
|
|
7
7
|
export interface ToggleButtonProps<T extends string | number> extends Omit<ButtonProps, "onChange" | "value"> {
|
|
8
|
+
/** An array of options available for toggling.
|
|
9
|
+
* Each option can be a simple value or an object with a value and an optional label.
|
|
10
|
+
* This setup allows for both simple and descriptive options, accommodating diverse design needs.
|
|
11
|
+
*/
|
|
8
12
|
options: Option<T>[];
|
|
13
|
+
/** Represents the currently selected value among the available toggle options.
|
|
14
|
+
* It allows controlled usage, ensuring the component reflects the designated state as part of a larger system or control framework.
|
|
15
|
+
*/
|
|
9
16
|
value?: T;
|
|
17
|
+
/**
|
|
18
|
+
* A callback function called when the toggle button's value changes.
|
|
19
|
+
* It receives the updated value as an argument, enabling custom behaviors or state updates to react to user interactions.
|
|
20
|
+
*/
|
|
10
21
|
onChange?: (_value: T) => void;
|
|
22
|
+
/**
|
|
23
|
+
* Provides a custom rendering function for the display label of the current value, offering flexibility for advanced label designs, such as incorporating icons or complex text formatting.
|
|
24
|
+
*/
|
|
11
25
|
renderLabel?: (_value: T) => ReactNode;
|
|
12
26
|
}
|
|
27
|
+
/**
|
|
28
|
+
* The `ToggleButton` component is a versatile toggle switch designed to cycle through a set of predefined options.
|
|
29
|
+
* It provides a button-based mechanism to iterate over values, ideal for use cases requiring simple toggle actions between discrete states (e.g., settings or modes).
|
|
30
|
+
* The component offers flexibility through customizable labels and dynamically handles option transitions, enhancing user interaction by providing visual feedback with each toggle.
|
|
31
|
+
* @see https://cloudoperators.github.io/juno/?path=/docs/components-togglebutton--docs
|
|
32
|
+
* @see {@link ToggleButtonProps}
|
|
33
|
+
*/
|
|
13
34
|
export declare const ToggleButton: <T extends string | number>({ options, value, onChange, renderLabel, ...props }: ToggleButtonProps<T>) => React.JSX.Element;
|
|
14
35
|
export {};
|
|
15
36
|
//# sourceMappingURL=ToggleButton.component.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToggleButton.component.d.ts","sourceRoot":"","sources":["../../../src/components/ToggleButton/ToggleButton.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAAY,SAAS,EAAa,MAAM,OAAO,CAAA;AAC7D,OAAO,EAAU,WAAW,EAAE,MAAM,WAAW,CAAA;AAE/C,KAAK,MAAM,CAAC,CAAC,IAAI,CAAC,GAAG;IAAE,KAAK,EAAE,CAAC,CAAC;IAAC,KAAK,CAAC,EAAE,SAAS,CAAA;CAAE,CAAA;AAEpD,MAAM,WAAW,iBAAiB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,CAAE,SAAQ,IAAI,CAAC,WAAW,EAAE,UAAU,GAAG,OAAO,CAAC;IAC3G,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,CAAA;IACpB,KAAK,CAAC,EAAE,CAAC,CAAA;IACT,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,IAAI,CAAA;IAC9B,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,SAAS,CAAA;CACvC;AAED,eAAO,MAAM,YAAY,GAAI,CAAC,SAAS,MAAM,GAAG,MAAM,EAAE,qDAMrD,iBAAiB,CAAC,CAAC,CAAC,sBAgCtB,CAAA"}
|
|
1
|
+
{"version":3,"file":"ToggleButton.component.d.ts","sourceRoot":"","sources":["../../../src/components/ToggleButton/ToggleButton.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAAY,SAAS,EAAa,MAAM,OAAO,CAAA;AAC7D,OAAO,EAAU,WAAW,EAAE,MAAM,WAAW,CAAA;AAE/C,KAAK,MAAM,CAAC,CAAC,IAAI,CAAC,GAAG;IAAE,KAAK,EAAE,CAAC,CAAC;IAAC,KAAK,CAAC,EAAE,SAAS,CAAA;CAAE,CAAA;AAEpD,MAAM,WAAW,iBAAiB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,CAAE,SAAQ,IAAI,CAAC,WAAW,EAAE,UAAU,GAAG,OAAO,CAAC;IAC3G;;;OAGG;IACH,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,CAAA;IACpB;;OAEG;IACH,KAAK,CAAC,EAAE,CAAC,CAAA;IACT;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,IAAI,CAAA;IAC9B;;OAEG;IACH,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,SAAS,CAAA;CACvC;AAED;;;;;;GAMG;AACH,eAAO,MAAM,YAAY,GAAI,CAAC,SAAS,MAAM,GAAG,MAAM,EAAE,qDAMrD,iBAAiB,CAAC,CAAC,CAAC,sBAgCtB,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToggleButton.stories.d.ts","sourceRoot":"","sources":["../../../src/components/ToggleButton/ToggleButton.stories.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAIvD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,YAAY,
|
|
1
|
+
{"version":3,"file":"ToggleButton.stories.d.ts","sourceRoot":"","sources":["../../../src/components/ToggleButton/ToggleButton.stories.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAIvD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,YAAY,CAgCnC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,OAAO,EAAE,KAarB,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAiB/B,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAiB3B,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KActB,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAc5B,CAAA"}
|