@cloudoperators/juno-ui-components 6.1.0 → 6.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (206) hide show
  1. package/build/components/AppBody/AppBody.component.d.ts +18 -8
  2. package/build/components/AppBody/AppBody.component.d.ts.map +1 -1
  3. package/build/components/AppBody/AppBody.stories.d.ts.map +1 -1
  4. package/build/components/AppShell/AppShell.component.d.ts +39 -15
  5. package/build/components/AppShell/AppShell.component.d.ts.map +1 -1
  6. package/build/components/AppShellProvider/AppShellProvider.component.d.ts +30 -9
  7. package/build/components/AppShellProvider/AppShellProvider.component.d.ts.map +1 -1
  8. package/build/components/Badge/Badge.component.d.ts +20 -17
  9. package/build/components/Badge/Badge.component.d.ts.map +1 -1
  10. package/build/components/Box/Box.component.d.ts +16 -10
  11. package/build/components/Box/Box.component.d.ts.map +1 -1
  12. package/build/components/Breadcrumb/Breadcrumb.component.d.ts +14 -12
  13. package/build/components/Breadcrumb/Breadcrumb.component.d.ts.map +1 -1
  14. package/build/components/Breadcrumb/Breadcrumb.stories.d.ts +1 -1
  15. package/build/components/BreadcrumbItem/BreadcrumbItem.component.d.ts +25 -15
  16. package/build/components/BreadcrumbItem/BreadcrumbItem.component.d.ts.map +1 -1
  17. package/build/components/BreadcrumbItem/BreadcrumbItem.stories.d.ts +1 -1
  18. package/build/components/Button/Button.component.d.ts +48 -16
  19. package/build/components/Button/Button.component.d.ts.map +1 -1
  20. package/build/components/ButtonRow/ButtonRow.component.d.ts +21 -7
  21. package/build/components/ButtonRow/ButtonRow.component.d.ts.map +1 -1
  22. package/build/components/Card/Card.component.d.ts +13 -7
  23. package/build/components/Card/Card.component.d.ts.map +1 -1
  24. package/build/components/Checkbox/Checkbox.component.d.ts +69 -21
  25. package/build/components/Checkbox/Checkbox.component.d.ts.map +1 -1
  26. package/build/components/CheckboxGroup/CheckboxGroup.component.d.ts +43 -16
  27. package/build/components/CheckboxGroup/CheckboxGroup.component.d.ts.map +1 -1
  28. package/build/components/Code/Code.component.d.ts +17 -6
  29. package/build/components/Code/Code.component.d.ts.map +1 -1
  30. package/build/components/CodeBlock/CodeBlock.component.d.ts +39 -13
  31. package/build/components/CodeBlock/CodeBlock.component.d.ts.map +1 -1
  32. package/build/components/ComboBox/ComboBox.component.d.ts +70 -33
  33. package/build/components/ComboBox/ComboBox.component.d.ts.map +1 -1
  34. package/build/components/ComboBoxOption/ComboBoxOption.component.d.ts +22 -8
  35. package/build/components/ComboBoxOption/ComboBoxOption.component.d.ts.map +1 -1
  36. package/build/components/Container/Container.component.d.ts +20 -8
  37. package/build/components/Container/Container.component.d.ts.map +1 -1
  38. package/build/components/ContentAreaToolbar/ContentAreaToolbar.component.d.ts +11 -8
  39. package/build/components/ContentAreaToolbar/ContentAreaToolbar.component.d.ts.map +1 -1
  40. package/build/components/ContentContainer/ContentContainer.component.d.ts +10 -11
  41. package/build/components/ContentContainer/ContentContainer.component.d.ts.map +1 -1
  42. package/build/components/ContentHeading/ContentHeading.component.d.ts +13 -11
  43. package/build/components/ContentHeading/ContentHeading.component.d.ts.map +1 -1
  44. package/build/components/DataGrid/DataGrid.component.d.ts +31 -20
  45. package/build/components/DataGrid/DataGrid.component.d.ts.map +1 -1
  46. package/build/components/DataGridCell/DataGridCell.component.d.ts +19 -7
  47. package/build/components/DataGridCell/DataGridCell.component.d.ts.map +1 -1
  48. package/build/components/DataGridCheckboxCell/DataGridCheckboxCell.component.d.ts +23 -8
  49. package/build/components/DataGridCheckboxCell/DataGridCheckboxCell.component.d.ts.map +1 -1
  50. package/build/components/DataGridFoot/DataGridFoot.component.d.ts +17 -6
  51. package/build/components/DataGridFoot/DataGridFoot.component.d.ts.map +1 -1
  52. package/build/components/DataGridHeadCell/DataGridHeadCell.component.d.ts +9 -3
  53. package/build/components/DataGridHeadCell/DataGridHeadCell.component.d.ts.map +1 -1
  54. package/build/components/DataGridRow/DataGridRow.component.d.ts +10 -4
  55. package/build/components/DataGridRow/DataGridRow.component.d.ts.map +1 -1
  56. package/build/components/DataGridToolbar/DataGridToolbar.component.d.ts +21 -9
  57. package/build/components/DataGridToolbar/DataGridToolbar.component.d.ts.map +1 -1
  58. package/build/components/DateTimePicker/DateTimePicker.component.d.ts +11 -6
  59. package/build/components/DateTimePicker/DateTimePicker.component.d.ts.map +1 -1
  60. package/build/components/Form/Form.component.d.ts +9 -4
  61. package/build/components/Form/Form.component.d.ts.map +1 -1
  62. package/build/components/FormHint/FormHint.component.d.ts +13 -4
  63. package/build/components/FormHint/FormHint.component.d.ts.map +1 -1
  64. package/build/components/FormRow/FormRow.component.d.ts +10 -6
  65. package/build/components/FormRow/FormRow.component.d.ts.map +1 -1
  66. package/build/components/FormSection/FormSection.component.d.ts +9 -4
  67. package/build/components/FormSection/FormSection.component.d.ts.map +1 -1
  68. package/build/components/FormattedText/FormattedText.component.d.ts +13 -6
  69. package/build/components/FormattedText/FormattedText.component.d.ts.map +1 -1
  70. package/build/components/Grid/Grid.component.d.ts +11 -6
  71. package/build/components/Grid/Grid.component.d.ts.map +1 -1
  72. package/build/components/GridColumn/GridColumn.component.d.ts +11 -5
  73. package/build/components/GridColumn/GridColumn.component.d.ts.map +1 -1
  74. package/build/components/GridRow/GridRow.component.d.ts +9 -6
  75. package/build/components/GridRow/GridRow.component.d.ts.map +1 -1
  76. package/build/components/HeaderContainer/HeaderContainer.component.d.ts +21 -6
  77. package/build/components/HeaderContainer/HeaderContainer.component.d.ts.map +1 -1
  78. package/build/components/Icon/Icon.component.d.ts +22 -3
  79. package/build/components/Icon/Icon.component.d.ts.map +1 -1
  80. package/build/components/InputGroup/InputGroup.component.d.ts +8 -4
  81. package/build/components/InputGroup/InputGroup.component.d.ts.map +1 -1
  82. package/build/components/IntroBox/IntroBox.component.d.ts +32 -13
  83. package/build/components/IntroBox/IntroBox.component.d.ts.map +1 -1
  84. package/build/components/JsonViewer/JsonViewer.component.d.ts +38 -11
  85. package/build/components/JsonViewer/JsonViewer.component.d.ts.map +1 -1
  86. package/build/components/Label/Label.component.d.ts +32 -10
  87. package/build/components/Label/Label.component.d.ts.map +1 -1
  88. package/build/components/LoadingIndicator/LoadingIndicator.component.d.ts +12 -8
  89. package/build/components/LoadingIndicator/LoadingIndicator.component.d.ts.map +1 -1
  90. package/build/components/MainContainer/MainContainer.component.d.ts +15 -7
  91. package/build/components/MainContainer/MainContainer.component.d.ts.map +1 -1
  92. package/build/components/MainContainerInner/MainContainerInner.component.d.ts +19 -8
  93. package/build/components/MainContainerInner/MainContainerInner.component.d.ts.map +1 -1
  94. package/build/components/MainTabs/MainTabs.component.d.ts +25 -11
  95. package/build/components/MainTabs/MainTabs.component.d.ts.map +1 -1
  96. package/build/components/Message/Message.component.d.ts +15 -8
  97. package/build/components/Message/Message.component.d.ts.map +1 -1
  98. package/build/components/Modal/Modal.component.d.ts +91 -42
  99. package/build/components/Modal/Modal.component.d.ts.map +1 -1
  100. package/build/components/ModalFooter/ModalFooter.component.d.ts +47 -21
  101. package/build/components/ModalFooter/ModalFooter.component.d.ts.map +1 -1
  102. package/build/components/NativeSelect/NativeSelect.component.d.ts +16 -6
  103. package/build/components/NativeSelect/NativeSelect.component.d.ts.map +1 -1
  104. package/build/components/NativeSelectOption/NativeSelectOption.component.d.ts +9 -5
  105. package/build/components/NativeSelectOption/NativeSelectOption.component.d.ts.map +1 -1
  106. package/build/components/NativeSelectOptionGroup/NativeSelectOptionGroup.component.d.ts +10 -6
  107. package/build/components/NativeSelectOptionGroup/NativeSelectOptionGroup.component.d.ts.map +1 -1
  108. package/build/components/Navigation/Navigation.component.d.ts +30 -10
  109. package/build/components/Navigation/Navigation.component.d.ts.map +1 -1
  110. package/build/components/NavigationItem/NavigationItem.component.d.ts +56 -17
  111. package/build/components/NavigationItem/NavigationItem.component.d.ts.map +1 -1
  112. package/build/components/PageFooter/PageFooter.component.d.ts +17 -11
  113. package/build/components/PageFooter/PageFooter.component.d.ts.map +1 -1
  114. package/build/components/PageFooter/PageFooter.stories.d.ts +1 -1
  115. package/build/components/PageHeader/PageHeader.component.d.ts +17 -12
  116. package/build/components/PageHeader/PageHeader.component.d.ts.map +1 -1
  117. package/build/components/Pagination/Pagination.component.d.ts +5 -3
  118. package/build/components/Pagination/Pagination.component.d.ts.map +1 -1
  119. package/build/components/Panel/Panel.component.d.ts +4 -2
  120. package/build/components/Panel/Panel.component.d.ts.map +1 -1
  121. package/build/components/PanelBody/PanelBody.component.d.ts +4 -2
  122. package/build/components/PanelBody/PanelBody.component.d.ts.map +1 -1
  123. package/build/components/PanelFooter/PanelFooter.component.d.ts +4 -2
  124. package/build/components/PanelFooter/PanelFooter.component.d.ts.map +1 -1
  125. package/build/components/Pill/Pill.component.d.ts +7 -5
  126. package/build/components/Pill/Pill.component.d.ts.map +1 -1
  127. package/build/components/PopupMenu/PopupMenu.component.d.ts +21 -17
  128. package/build/components/PopupMenu/PopupMenu.component.d.ts.map +1 -1
  129. package/build/components/PortalProvider/PortalProvider.Portal.component.d.ts +6 -3
  130. package/build/components/PortalProvider/PortalProvider.Portal.component.d.ts.map +1 -1
  131. package/build/components/PortalProvider/PortalProvider.component.d.ts +8 -3
  132. package/build/components/PortalProvider/PortalProvider.component.d.ts.map +1 -1
  133. package/build/components/Radio/Radio.component.d.ts +8 -4
  134. package/build/components/Radio/Radio.component.d.ts.map +1 -1
  135. package/build/components/RadioGroup/RadioGroup.component.d.ts +7 -5
  136. package/build/components/RadioGroup/RadioGroup.component.d.ts.map +1 -1
  137. package/build/components/SearchInput/SearchInput.component.d.ts +9 -7
  138. package/build/components/SearchInput/SearchInput.component.d.ts.map +1 -1
  139. package/build/components/SecretText/SecretText.component.d.ts +11 -7
  140. package/build/components/SecretText/SecretText.component.d.ts.map +1 -1
  141. package/build/components/Select/Select.component.d.ts +8 -6
  142. package/build/components/Select/Select.component.d.ts.map +1 -1
  143. package/build/components/SelectDivider/SelectDivider.component.d.ts +7 -3
  144. package/build/components/SelectDivider/SelectDivider.component.d.ts.map +1 -1
  145. package/build/components/SelectOption/SelectOption.component.d.ts +15 -3
  146. package/build/components/SelectOption/SelectOption.component.d.ts.map +1 -1
  147. package/build/components/ShadowRoot/ShadowRoot.component.d.ts +5 -3
  148. package/build/components/ShadowRoot/ShadowRoot.component.d.ts.map +1 -1
  149. package/build/components/SideNavigation/SideNavigation.component.d.ts +8 -6
  150. package/build/components/SideNavigation/SideNavigation.component.d.ts.map +1 -1
  151. package/build/components/SideNavigationGroup/SideNavigationGroup.component.d.ts +5 -2
  152. package/build/components/SideNavigationGroup/SideNavigationGroup.component.d.ts.map +1 -1
  153. package/build/components/SideNavigationItem/SideNavigationItem.component.d.ts +7 -4
  154. package/build/components/SideNavigationItem/SideNavigationItem.component.d.ts.map +1 -1
  155. package/build/components/SideNavigationList/SideNavigationList.component.d.ts +10 -2
  156. package/build/components/SideNavigationList/SideNavigationList.component.d.ts.map +1 -1
  157. package/build/components/SideNavigationList/SideNavigationList.stories.d.ts.map +1 -1
  158. package/build/components/SignInForm/SignInForm.component.d.ts +2 -2
  159. package/build/components/SignInForm/SignInForm.component.d.ts.map +1 -1
  160. package/build/components/SortButton/SortButton.component.d.ts +14 -3
  161. package/build/components/SortButton/SortButton.component.d.ts.map +1 -1
  162. package/build/components/SortButton/SortButton.stories.d.ts.map +1 -1
  163. package/build/components/Spinner/Spinner.component.d.ts +8 -5
  164. package/build/components/Spinner/Spinner.component.d.ts.map +1 -1
  165. package/build/components/Stack/Stack.component.d.ts +6 -4
  166. package/build/components/Stack/Stack.component.d.ts.map +1 -1
  167. package/build/components/StyleProvider/StyleProvider.component.d.ts +3 -0
  168. package/build/components/StyleProvider/StyleProvider.component.d.ts.map +1 -1
  169. package/build/components/Switch/Switch.component.d.ts +8 -5
  170. package/build/components/Switch/Switch.component.d.ts.map +1 -1
  171. package/build/components/Tab/Tab.component.d.ts +9 -8
  172. package/build/components/Tab/Tab.component.d.ts.map +1 -1
  173. package/build/components/TabList/TabList.component.d.ts +9 -5
  174. package/build/components/TabList/TabList.component.d.ts.map +1 -1
  175. package/build/components/TabNavigation/TabNavigation.component.d.ts +8 -4
  176. package/build/components/TabNavigation/TabNavigation.component.d.ts.map +1 -1
  177. package/build/components/TabNavigationItem/TabNavigationItem.component.d.ts +11 -7
  178. package/build/components/TabNavigationItem/TabNavigationItem.component.d.ts.map +1 -1
  179. package/build/components/TabPanel/TabPanel.component.d.ts +7 -5
  180. package/build/components/TabPanel/TabPanel.component.d.ts.map +1 -1
  181. package/build/components/Tabs/Tabs.component.d.ts +9 -7
  182. package/build/components/Tabs/Tabs.component.d.ts.map +1 -1
  183. package/build/components/TextInput/TextInput.component.d.ts +11 -9
  184. package/build/components/TextInput/TextInput.component.d.ts.map +1 -1
  185. package/build/components/Textarea/Textarea.component.d.ts +11 -9
  186. package/build/components/Textarea/Textarea.component.d.ts.map +1 -1
  187. package/build/components/ThemeToggle/ThemeToggle.component.d.ts +4 -2
  188. package/build/components/ThemeToggle/ThemeToggle.component.d.ts.map +1 -1
  189. package/build/components/Toast/Toast.component.d.ts +8 -6
  190. package/build/components/Toast/Toast.component.d.ts.map +1 -1
  191. package/build/components/ToggleButton/ToggleButton.component.d.ts +21 -0
  192. package/build/components/ToggleButton/ToggleButton.component.d.ts.map +1 -1
  193. package/build/components/ToggleButton/ToggleButton.stories.d.ts.map +1 -1
  194. package/build/components/Tooltip/Tooltip.component.d.ts +8 -5
  195. package/build/components/Tooltip/Tooltip.component.d.ts.map +1 -1
  196. package/build/components/TooltipContent/TooltipContent.component.d.ts +5 -3
  197. package/build/components/TooltipContent/TooltipContent.component.d.ts.map +1 -1
  198. package/build/components/TooltipTrigger/TooltipTrigger.component.d.ts +5 -3
  199. package/build/components/TooltipTrigger/TooltipTrigger.component.d.ts.map +1 -1
  200. package/build/components/TopNavigation/TopNavigation.component.d.ts +8 -6
  201. package/build/components/TopNavigation/TopNavigation.component.d.ts.map +1 -1
  202. package/build/components/TopNavigationItem/TopNavigationItem.component.d.ts +10 -8
  203. package/build/components/TopNavigationItem/TopNavigationItem.component.d.ts.map +1 -1
  204. package/build/components/withDeprecationWarning/withDeprecationWarning.component.d.ts.map +1 -1
  205. package/build/index.js +1802 -1795
  206. package/package.json +1 -1
@@ -1,32 +1,71 @@
1
- import { default as React, ReactNode } from 'react';
1
+ import { ReactNode, HTMLAttributes, MouseEventHandler } from 'react';
2
2
  import { KnownIcons } from '../Icon/Icon.component';
3
- /** A generic Navigation Item component. For internal use only. Use to wrap more semantic, role-specific navigation item components such as `SidenavigationItem`, `TabNavigationItem` , `TopNavigationItem` around. */
4
- export declare const NavigationItem: React.FC<NavigationItemProps>;
5
- export interface NavigationItemProps extends React.HTMLAttributes<HTMLElement> {
6
- /** Whether the navigation item is the currently active item. If an acitve item is set on the parent, the one on the parent will win. */
3
+ /**
4
+ * `NavigationItem` acts as a singular navigational unit within a `Navigation`,
5
+ * offering styles for active and inactive states, and supporting disabled
6
+ * interactions internally.
7
+ * @see https://cloudoperators.github.io/juno/?path=/docs/internal-navigation-navigationitem--docs
8
+ * @see {@link NavigationItemProps}
9
+ */
10
+ export declare const NavigationItem: ({ active, activeItemStyles, ariaLabel, children, className, disabled, icon, inactiveItemStyles, label, href, onClick, value, wrapperClassName, ...props }: NavigationItemProps) => ReactNode;
11
+ export interface NavigationItemProps extends HTMLAttributes<HTMLElement> {
12
+ /**
13
+ * Whether the navigation item is the currently active item. If an active item is set on the parent, the one on the parent will win.
14
+ * @default false
15
+ */
7
16
  active?: boolean;
8
- /** Styles to apply to the active item*/
17
+ /**
18
+ * Styles to apply when the item is active.
19
+ * @default ""
20
+ */
9
21
  activeItemStyles?: string;
10
- /** The aria-label of the item */
22
+ /**
23
+ * The aria-label of the item for accessibility.
24
+ */
11
25
  ariaLabel?: string;
12
- /** Pass custom classNames to the item itself. */
26
+ /**
27
+ * Pass custom classNames to the item itself.
28
+ * @default ""
29
+ */
13
30
  className?: string;
14
- /** The child string of the item. Will override `label` when passed. */
31
+ /**
32
+ * The child nodes of the item, overriding `label` if specified.
33
+ */
15
34
  children?: ReactNode;
16
- /** Whether the item is disabled */
35
+ /**
36
+ * Determines if the item is disabled.
37
+ * @default false
38
+ */
17
39
  disabled?: boolean;
18
- /** An icon to render in the item */
40
+ /**
41
+ * An icon to render within the item for visual indication.
42
+ */
19
43
  icon?: KnownIcons;
44
+ /**
45
+ * Styles applied to inactive items, ensuring differentiation from active.
46
+ * @default ""
47
+ */
20
48
  inactiveItemStyles?: string;
21
- /** The label of the item. Will be rendered if no children are passed */
49
+ /**
50
+ * The label of the item, displayed if `children` are not provided.
51
+ */
22
52
  label?: string;
23
- /** The href of the item. The item will be rendered as an `<a>` element when passed, instead of a `<button>`. */
53
+ /**
54
+ * Presence transforms the item into an anchor, enabling navigation.
55
+ */
24
56
  href?: string;
25
- /** Handler to execute when the item is clicked */
26
- onClick?: React.MouseEventHandler<EventTarget>;
27
- /** The value of the item as a technical identifier. Use if needed to be different from the visble `label` or child string. Will only be rendered when no `label` prop and no children are passed. */
57
+ /**
58
+ * Handler executed during item clicks for operational logic.
59
+ */
60
+ onClick?: MouseEventHandler<EventTarget>;
61
+ /**
62
+ * Value for technical/item identification purposes, utilized when differing from `label` or child strings.
63
+ */
28
64
  value?: string;
29
- /** Pass a custom className to the parent `<li>` element of the item. */
65
+ /**
66
+ * Pass className to parent `<li>` element, styling the container.
67
+ * @default ""
68
+ */
30
69
  wrapperClassName?: string;
31
70
  }
32
71
  //# sourceMappingURL=NavigationItem.component.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"NavigationItem.component.d.ts","sourceRoot":"","sources":["../../../src/components/NavigationItem/NavigationItem.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAAmC,SAAS,EAAE,MAAM,OAAO,CAAA;AAGzE,OAAO,EAAQ,UAAU,EAAE,MAAM,wBAAwB,CAAA;AAYzD,sNAAsN;AACtN,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAgIxD,CAAA;AAED,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IAC5E,wIAAwI;IACxI,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,wCAAwC;IACxC,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,iCAAiC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,iDAAiD;IACjD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,uEAAuE;IACvE,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,mCAAmC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,oCAAoC;IACpC,IAAI,CAAC,EAAE,UAAU,CAAA;IAEjB,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,wEAAwE;IACxE,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,iHAAiH;IACjH,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,kDAAkD;IAClD,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAA;IAC9C,qMAAqM;IACrM,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,wEAAwE;IACxE,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B"}
1
+ {"version":3,"file":"NavigationItem.component.d.ts","sourceRoot":"","sources":["../../../src/components/NavigationItem/NavigationItem.component.tsx"],"names":[],"mappings":"AAKA,OAAc,EAAmC,SAAS,EAAc,cAAc,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAGxH,OAAO,EAAQ,UAAU,EAAE,MAAM,wBAAwB,CAAA;AAYzD;;;;;;GAMG;AACH,eAAO,MAAM,cAAc,GAAI,2JAe5B,mBAAmB,KAAG,SAiHxB,CAAA;AAED,MAAM,WAAW,mBAAoB,SAAQ,cAAc,CAAC,WAAW,CAAC;IACtE;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAEhB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAA;IAEzB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAA;IAEpB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,IAAI,CAAC,EAAE,UAAU,CAAA;IAEjB;;;OAGG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAE3B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IAEb;;OAEG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC,WAAW,CAAC,CAAA;IAExC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;;OAGG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B"}
@@ -1,8 +1,11 @@
1
- import { default as React } from 'react';
2
- export interface PageFooterProps extends React.HTMLAttributes<HTMLDivElement> {
3
- /** Additional custom styling class name for the footer container */
1
+ import { HTMLAttributes, ReactNode } from 'react';
2
+ export interface PageFooterProps extends HTMLAttributes<HTMLDivElement> {
3
+ /**
4
+ * Additional custom styling class name for the footer container.
5
+ * @default ""
6
+ */
4
7
  className?: string;
5
- /** The content to render inside the footer, typically links or informational text
8
+ /** The content to render inside the footer, typically links or informational text.
6
9
  * Use a list structure e.g. `<ul>` with `<li>` for grouped content or links, as in examples.
7
10
  * Available CSS classes for styling:
8
11
  * - `.juno-pagefooter-title`: Style for a title element within a column.
@@ -10,15 +13,18 @@ export interface PageFooterProps extends React.HTMLAttributes<HTMLDivElement> {
10
13
  * - `.juno-pagefooter-items-inline`: Style for a single line list with pipe separators.
11
14
  * - `.juno-pagefooter-item`: Style for individual list items.
12
15
  */
13
- children?: React.ReactNode;
14
- /** Optional copyright notice to display within the footer */
16
+ children?: ReactNode;
17
+ /**
18
+ * Optional copyright notice to display within the footer.
19
+ * @default ""
20
+ */
15
21
  copyright?: string;
16
22
  }
17
23
  /**
18
- * PageFooter component renders a footer at the bottom of the page.
19
- * It consists of a flexible content area for children and an optional copyright section.
20
- * Usage:
21
- * The component can be used to add legal disclaimers, links, or other contextual information at the page's footer.
24
+ * `PageFooter` component renders a footer at the bottom of the page.
25
+ * It can include links, informational text, and an optional copyright notice.
26
+ * @see https://cloudoperators.github.io/juno/?path=/docs/layout-pagefooter--docs
27
+ * @see {@link PageFooterProps}
22
28
  */
23
- export declare const PageFooter: React.FC<PageFooterProps>;
29
+ export declare const PageFooter: ({ className, children, copyright, ...props }: PageFooterProps) => ReactNode;
24
30
  //# sourceMappingURL=PageFooter.component.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"PageFooter.component.d.ts","sourceRoot":"","sources":["../../../src/components/PageFooter/PageFooter.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,mBAAmB,CAAA;AAa1B,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC3E,oEAAoE;IACpE,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;;;;;;OAOG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,6DAA6D;IAC7D,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;;;;GAKG;AACH,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAShD,CAAA"}
1
+ {"version":3,"file":"PageFooter.component.d.ts","sourceRoot":"","sources":["../../../src/components/PageFooter/PageFooter.component.tsx"],"names":[],"mappings":"AAKA,OAAc,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACxD,OAAO,mBAAmB,CAAA;AAa1B,MAAM,WAAW,eAAgB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACrE;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;;;;;;OAOG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;;;;GAKG;AACH,eAAO,MAAM,UAAU,GAAI,8CAAwD,eAAe,KAAG,SASpG,CAAA"}
@@ -2,7 +2,7 @@ import { default as React } from 'react';
2
2
  import { PageFooterProps } from './index';
3
3
  declare const _default: {
4
4
  title: string;
5
- component: React.FC<PageFooterProps>;
5
+ component: ({ className, children, copyright, ...props }: PageFooterProps) => React.ReactNode;
6
6
  argTypes: {
7
7
  children: {
8
8
  control: boolean;
@@ -1,38 +1,43 @@
1
- import { default as React, ReactElement, ReactNode } from 'react';
1
+ import { HTMLAttributes, MouseEventHandler, ReactElement, ReactNode } from 'react';
2
2
  /**
3
- * The `PageHeader` component renders a header for an application with customisable `logo`, `title` and other options.
4
- * Ideally, the custom logo component should return an `<img />` or an inline `<svg>` element.
5
- * When using SVG, ensure the file is optimized to eliminate any superfluous elements or data that can contribute to increased file size and reduced performance. `Svgo` is a great tool to optimize `svg` files. Make sure the `viewBox` element is not removed when optimizing a file for usage a a header logo.
6
- * Pass as prop to `AppShell` so it gets slotted into the correct place in the layout. If building your layout manually without `AppShell` place as first child of AppBody.
3
+ * `PageHeader` component renders the top header of an application.
4
+ * It includes customizable `logo`, `title`, and other options.
5
+ * @see https://cloudoperators.github.io/juno/?path=/docs/layout-pageheader--docs
6
+ * @see {@link PageHeaderProps}
7
7
  */
8
- export declare const PageHeader: React.FC<PageHeaderProps>;
9
- export interface PageHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
8
+ export declare const PageHeader: ({ heading, applicationName, href, className, logo, children, onClick, ...props }: PageHeaderProps) => ReactNode;
9
+ export interface PageHeaderProps extends HTMLAttributes<HTMLDivElement> {
10
10
  /**
11
11
  * Name of the application.
12
+ * @default ""
12
13
  */
13
14
  applicationName?: string | ReactElement;
14
15
  /**
15
- * @deprecated - Replaced by `applicationName`. If `applicationName` is provided, it will take precedence.
16
+ * Deprecated - Replaced by `applicationName`. If `applicationName` is provided, it takes precedence.
17
+ * @default ""
16
18
  */
17
19
  heading?: string | ReactElement;
18
20
  /**
19
- * Link to open when applicationName or logo is clicked. If `onClick` is provided, it will take precedence.
21
+ * Link to open when applicationName or logo is clicked.
22
+ * @default ""
20
23
  */
21
24
  href?: string;
22
25
  /**
23
26
  * Custom class names.
27
+ * @default ""
24
28
  */
25
29
  className?: string;
26
30
  /**
27
31
  * Application logo.
32
+ * @default true
28
33
  */
29
34
  logo?: boolean | ReactElement;
30
35
  /**
31
- * Handler executed when `applicationName` or `logo` are clicked.
36
+ * Handler executed on click of `applicationName` or `logo`.
32
37
  */
33
- onClick?: React.MouseEventHandler<HTMLDivElement>;
38
+ onClick?: MouseEventHandler<HTMLDivElement>;
34
39
  /**
35
- * Children to render in the header such as user name, avatar, log-in/out button, etc.
40
+ * Children to render in header like user info, avatar, log-in/out button, etc.
36
41
  */
37
42
  children?: ReactNode;
38
43
  }
@@ -1 +1 @@
1
- {"version":3,"file":"PageHeader.component.d.ts","sourceRoot":"","sources":["../../../src/components/PageHeader/PageHeader.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AA0DtD;;;;;GAKG;AAEH,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA4ChD,CAAA;AAED,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC3E;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,GAAG,YAAY,CAAA;IACvC;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,YAAY,CAAA;IAC/B;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IACb;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,YAAY,CAAA;IAC7B;;OAEG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAAC,CAAA;IACjD;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB"}
1
+ {"version":3,"file":"PageHeader.component.d.ts","sourceRoot":"","sources":["../../../src/components/PageHeader/PageHeader.component.tsx"],"names":[],"mappings":"AAKA,OAAc,EAAE,cAAc,EAAkB,iBAAiB,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AA0DzG;;;;;GAKG;AAEH,eAAO,MAAM,UAAU,GAAI,kFASxB,eAAe,KAAG,SAmCpB,CAAA;AAED,MAAM,WAAW,eAAgB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACrE;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,GAAG,YAAY,CAAA;IACvC;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,YAAY,CAAA;IAC/B;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IACb;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,YAAY,CAAA;IAC7B;;OAEG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC,cAAc,CAAC,CAAA;IAC3C;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB"}
@@ -1,5 +1,5 @@
1
- import { default as React } from 'react';
2
- export type PaginationProps = Omit<React.HTMLAttributes<HTMLDivElement>, "onBlur"> & {
1
+ import { HTMLAttributes, ReactNode } from 'react';
2
+ export type PaginationProps = Omit<HTMLAttributes<HTMLDivElement>, "onBlur"> & {
3
3
  /**
4
4
  * The variant determines the style and user interaction method of the Pagination component:
5
5
  * - "default": Renders previous and next buttons only.
@@ -67,6 +67,8 @@ export type PaginationProps = Omit<React.HTMLAttributes<HTMLDivElement>, "onBlur
67
67
  };
68
68
  /**
69
69
  * The Pagination component provides navigation controls for paginated content.
70
+ * @see https://cloudoperators.github.io/juno/?path=/docs/components-pagination--docs
71
+ * @see {@link PaginationProps}
70
72
  */
71
- export declare const Pagination: React.FC<PaginationProps>;
73
+ export declare const Pagination: ({ variant, currentPage, totalPages, pages, disabled, isFirstPage, isLastPage, onPressPrevious, onPressNext, onSelectChange, onInputChange, onKeyPress, onBlur, progress, className, ...props }: PaginationProps) => ReactNode;
72
74
  //# sourceMappingURL=Pagination.component.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Pagination.component.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/Pagination.component.tsx"],"names":[],"mappings":"AAOA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAkBlD,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,QAAQ,CAAC,GAAG;IACnF;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnD;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB;;OAEG;IACH,eAAe,CAAC,EAAE,CAAC,OAAO,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IAC5C;;OAEG;IACH,WAAW,CAAC,EAAE,CAAC,OAAO,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IACxC;;OAEG;IACH,cAAc,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;IAC3C;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,UAAU,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IAC7C;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,kBAAkB,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IAClD;;OAEG;IACH,MAAM,CAAC,EAAE,CAAC,kBAAkB,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IAC9C;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAuMhD,CAAA"}
1
+ {"version":3,"file":"Pagination.component.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/Pagination.component.tsx"],"names":[],"mappings":"AAOA,OAAc,EAAe,cAAc,EAAE,SAAS,EAAsC,MAAM,OAAO,CAAA;AAkBzG,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,QAAQ,CAAC,GAAG;IAC7E;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnD;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB;;OAEG;IACH,eAAe,CAAC,EAAE,CAAC,OAAO,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IAC5C;;OAEG;IACH,WAAW,CAAC,EAAE,CAAC,OAAO,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IACxC;;OAEG;IACH,cAAc,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;IAC3C;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,UAAU,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IAC7C;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,kBAAkB,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IAClD;;OAEG;IACH,MAAM,CAAC,EAAE,CAAC,kBAAkB,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IAC9C;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,UAAU,GAAI,gMAiBxB,eAAe,KAAG,SAsLpB,CAAA"}
@@ -1,4 +1,4 @@
1
- import { FC, HTMLAttributes, ReactNode, MouseEventHandler } from 'react';
1
+ import { HTMLAttributes, ReactNode, MouseEventHandler } from 'react';
2
2
  type PanelSize = "default" | "large";
3
3
  export interface PanelProps extends HTMLAttributes<HTMLDivElement> {
4
4
  /**
@@ -33,7 +33,9 @@ export interface PanelProps extends HTMLAttributes<HTMLDivElement> {
33
33
  /**
34
34
  * A Panel component that slides in from the right side of the screen.
35
35
  * It can be used to display additional content/controls for the content area.
36
+ * @see https://cloudoperators.github.io/juno/?path=/docs/layout-panel-panel--docs
37
+ * @see {@link PanelProps}
36
38
  */
37
- export declare const Panel: FC<PanelProps>;
39
+ export declare const Panel: ({ heading, size, opened, closeable, onClose, className, children, ...props }: PanelProps) => ReactNode;
38
40
  export {};
39
41
  //# sourceMappingURL=Panel.component.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Panel.component.d.ts","sourceRoot":"","sources":["../../../src/components/Panel/Panel.component.tsx"],"names":[],"mappings":"AAKA,OAAc,EAA+B,EAAE,EAAE,cAAc,EAAE,SAAS,EAAc,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAsDxH,KAAK,SAAS,GAAG,SAAS,GAAG,OAAO,CAAA;AAEpC,MAAM,WAAW,UAAW,SAAQ,cAAc,CAAC,cAAc,CAAC;IAChE;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;;OAEG;IAEH,OAAO,CAAC,EAAE,iBAAiB,CAAC,WAAW,CAAC,CAAA;IACxC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED;;;GAGG;AACH,eAAO,MAAM,KAAK,EAAE,EAAE,CAAC,UAAU,CA8DhC,CAAA"}
1
+ {"version":3,"file":"Panel.component.d.ts","sourceRoot":"","sources":["../../../src/components/Panel/Panel.component.tsx"],"names":[],"mappings":"AAKA,OAAc,EAA+B,cAAc,EAAE,SAAS,EAAc,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAsDpH,KAAK,SAAS,GAAG,SAAS,GAAG,OAAO,CAAA;AAEpC,MAAM,WAAW,UAAW,SAAQ,cAAc,CAAC,cAAc,CAAC;IAChE;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;;OAEG;IAEH,OAAO,CAAC,EAAE,iBAAiB,CAAC,WAAW,CAAC,CAAA;IACxC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED;;;;;GAKG;AACH,eAAO,MAAM,KAAK,GAAI,8EASnB,UAAU,KAAG,SAqDf,CAAA"}
@@ -1,4 +1,4 @@
1
- import { default as React, ReactNode, ReactElement, HTMLAttributes } from 'react';
1
+ import { ReactNode, ReactElement, HTMLAttributes } from 'react';
2
2
  export interface PanelBodyProps extends HTMLAttributes<HTMLDivElement> {
3
3
  /**
4
4
  * Additional CSS classes to apply to the panel body for custom styling.
@@ -18,6 +18,8 @@ export interface PanelBodyProps extends HTMLAttributes<HTMLDivElement> {
18
18
  /**
19
19
  * A PanelBody component is used to encapsulate the main content of a panel.
20
20
  * The primary content for the panel, such as forms or information, is rendered here.
21
+ * @see https://cloudoperators.github.io/juno/?path=/docs/layout-panel-panelbody--docs
22
+ * @see {@link PanelBodyProps}
21
23
  */
22
- export declare const PanelBody: React.FC<PanelBodyProps>;
24
+ export declare const PanelBody: ({ className, footer, children, ...props }: PanelBodyProps) => ReactNode;
23
25
  //# sourceMappingURL=PanelBody.component.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"PanelBody.component.d.ts","sourceRoot":"","sources":["../../../src/components/PanelBody/PanelBody.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAOtE,MAAM,WAAW,cAAe,SAAQ,cAAc,CAAC,cAAc,CAAC;IACpE;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAA;IAEpB;;;OAGG;IACH,MAAM,CAAC,EAAE,YAAY,CAAA;CACtB;AAED;;;GAGG;AACH,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAO9C,CAAA"}
1
+ {"version":3,"file":"PanelBody.component.d.ts","sourceRoot":"","sources":["../../../src/components/PanelBody/PanelBody.component.tsx"],"names":[],"mappings":"AAKA,OAAc,EAAE,SAAS,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAOtE,MAAM,WAAW,cAAe,SAAQ,cAAc,CAAC,cAAc,CAAC;IACpE;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAA;IAEpB;;;OAGG;IACH,MAAM,CAAC,EAAE,YAAY,CAAA;CACtB;AAED;;;;;GAKG;AACH,eAAO,MAAM,SAAS,GAAI,2CAAgD,cAAc,KAAG,SAO1F,CAAA"}
@@ -1,4 +1,4 @@
1
- import { default as React, ReactNode, HTMLAttributes } from 'react';
1
+ import { ReactNode, HTMLAttributes } from 'react';
2
2
  export interface PanelFooterProps extends HTMLAttributes<HTMLDivElement> {
3
3
  /**
4
4
  * Additional CSS classes to apply to the panel footer for custom styling.
@@ -14,6 +14,8 @@ export interface PanelFooterProps extends HTMLAttributes<HTMLDivElement> {
14
14
  * The PanelFooter component renders the footer section of a panel.
15
15
  * Typically used to contain footer elements like buttons, which can be added to the PanelBody component via its `footer` property.
16
16
  * Buttons placed inside will be automatically aligned to the right.
17
+ * @see https://cloudoperators.github.io/juno/?path=/docs/layout-panel-panelfooter--docs
18
+ * @see {@link PanelFooterProps}
17
19
  */
18
- export declare const PanelFooter: React.FC<PanelFooterProps>;
20
+ export declare const PanelFooter: ({ className, children, ...props }: PanelFooterProps) => ReactNode;
19
21
  //# sourceMappingURL=PanelFooter.component.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"PanelFooter.component.d.ts","sourceRoot":"","sources":["../../../src/components/PanelFooter/PanelFooter.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAcxD,MAAM,WAAW,gBAAiB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACtE;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED;;;;GAIG;AACH,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAMlD,CAAA"}
1
+ {"version":3,"file":"PanelFooter.component.d.ts","sourceRoot":"","sources":["../../../src/components/PanelFooter/PanelFooter.component.tsx"],"names":[],"mappings":"AAKA,OAAc,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAcxD,MAAM,WAAW,gBAAiB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACtE;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED;;;;;;GAMG;AACH,eAAO,MAAM,WAAW,GAAI,mCAAwC,gBAAgB,KAAG,SAMtF,CAAA"}
@@ -1,10 +1,12 @@
1
- import { default as React, FC } from 'react';
2
- type EventHandler = (event: React.MouseEvent<HTMLElement>, id: string) => void;
1
+ import { HTMLAttributes, ReactNode, MouseEvent } from 'react';
2
+ type EventHandler = (event: MouseEvent<HTMLElement>, id: string) => void;
3
3
  /**
4
- A Pill to represent a value, or key and value. Can e.g. be used to represent selected filter values in a filter component. Can optionally be closed. On close the uid, if provided, or the pillKey is returned in the callback.
4
+ * A Pill to represent a value, or key and value. Can e.g. be used to represent selected filter values in a filter component. Can optionally be closed. On close the uid, if provided, or the pillKey is returned in the callback.
5
+ * @see https://cloudoperators.github.io/juno/?path=/docs/components-pill--docs
6
+ * @see {@link PillProps}
5
7
  */
6
- export declare const Pill: FC<PillProps>;
7
- export interface PillProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onClick"> {
8
+ export declare const Pill: ({ uid, pillKey, pillKeyLabel, pillValue, pillValueLabel, closeable, onClick, onClose, className, ...props }: PillProps) => ReactNode;
9
+ export interface PillProps extends Omit<HTMLAttributes<HTMLDivElement>, "onClick"> {
8
10
  /** The unique identifier of the pill. Returned by the onClose callback */
9
11
  uid?: string;
10
12
  /** The key of the filter the pill represents. Returned by the onClose callback if uid undefined. Optional. */
@@ -1 +1 @@
1
- {"version":3,"file":"Pill.component.d.ts","sourceRoot":"","sources":["../../../src/components/Pill/Pill.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAIjC,KAAK,YAAY,GAAG,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,EAAE,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;AAyC9E;;GAEG;AACH,eAAO,MAAM,IAAI,EAAE,EAAE,CAAC,SAAS,CAuC9B,CAAA;AAED,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,SAAS,CAAC;IACtF,0EAA0E;IAC1E,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,8GAA8G;IAC9G,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,wFAAwF;IACxF,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,6GAA6G;IAC7G,SAAS,EAAE,MAAM,CAAA;IACjB,4FAA4F;IAC5F,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,2CAA2C;IAC3C,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,yIAAyI;IACzI,OAAO,CAAC,EAAE,YAAY,CAAA;IACtB,2KAA2K;IAC3K,OAAO,CAAC,EAAE,YAAY,CAAA;CACvB"}
1
+ {"version":3,"file":"Pill.component.d.ts","sourceRoot":"","sources":["../../../src/components/Pill/Pill.component.tsx"],"names":[],"mappings":"AAKA,OAAc,EAAE,cAAc,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAIpE,KAAK,YAAY,GAAG,CAAC,KAAK,EAAE,UAAU,CAAC,WAAW,CAAC,EAAE,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;AAyCxE;;;;GAIG;AACH,eAAO,MAAM,IAAI,GAAI,6GAWlB,SAAS,KAAG,SA4Bd,CAAA;AAED,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,SAAS,CAAC;IAChF,0EAA0E;IAC1E,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,8GAA8G;IAC9G,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,wFAAwF;IACxF,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,6GAA6G;IAC7G,SAAS,EAAE,MAAM,CAAA;IACjB,4FAA4F;IAC5F,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,2CAA2C;IAC3C,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,yIAAyI;IACzI,OAAO,CAAC,EAAE,YAAY,CAAA;IACtB,2KAA2K;IAC3K,OAAO,CAAC,EAAE,YAAY,CAAA;CACvB"}
@@ -1,11 +1,11 @@
1
- import { default as React, ReactNode } from 'react';
1
+ import { default as React, ReactNode, HTMLAttributes, ElementType, ComponentPropsWithRef, Key } from 'react';
2
2
  import { KnownIcons } from '../Icon/Icon.component';
3
3
  export interface PopupMenuContextType {
4
4
  close: () => void;
5
5
  isOpen: boolean;
6
6
  menuSize: "normal" | "small";
7
7
  }
8
- export interface PopupMenuProps extends React.HTMLAttributes<HTMLElement> {
8
+ export interface PopupMenuProps extends HTMLAttributes<HTMLElement> {
9
9
  /** Whether the PopupMenu is disabled. */
10
10
  disabled?: boolean;
11
11
  /** The icon to render when using the default toggle. Will be ignored if a PopupMenu.Toggle child is passed. */
@@ -17,26 +17,26 @@ export interface PopupMenuProps extends React.HTMLAttributes<HTMLElement> {
17
17
  /** Handler to run when the Menu opens. */
18
18
  onOpen?: () => void;
19
19
  }
20
- export interface PopupMenuToggleProps extends React.HTMLAttributes<HTMLElement> {
20
+ export interface PopupMenuToggleProps extends HTMLAttributes<HTMLElement> {
21
21
  /** Element type to render as */
22
- as?: React.ElementType;
22
+ as?: ElementType;
23
23
  /** Whether the toggle is disabled */
24
24
  disabled?: boolean;
25
25
  }
26
- type HeadlessMenuItemsProps = React.ComponentPropsWithRef<React.ElementType>;
26
+ type HeadlessMenuItemsProps = ComponentPropsWithRef<ElementType>;
27
27
  export interface PopupMenuOptionsProps extends HeadlessMenuItemsProps {
28
- as?: React.ElementType;
28
+ as?: ElementType;
29
29
  className?: string;
30
30
  children?: ReactNode;
31
- key?: React.Key;
31
+ key?: Key;
32
32
  }
33
33
  export interface PopupMenuItemBag {
34
34
  active: boolean;
35
35
  disabled: boolean;
36
36
  focus: boolean;
37
37
  }
38
- export interface PopupMenuItemProps extends Omit<React.HTMLAttributes<HTMLElement>, "children"> {
39
- as?: React.ElementType;
38
+ export interface PopupMenuItemProps extends Omit<HTMLAttributes<HTMLElement>, "children"> {
39
+ as?: ElementType;
40
40
  children?: ReactNode | ((_itemBag: PopupMenuItemBag) => ReactNode);
41
41
  className?: string;
42
42
  disabled?: boolean;
@@ -61,13 +61,17 @@ export interface PopupMenuSectionSeparatorProps {
61
61
  declare const PopupMenuContext: React.Context<PopupMenuContextType | null>;
62
62
  export declare const usePopupMenuContext: () => PopupMenuContextType;
63
63
  export { PopupMenuContext };
64
- /** A Popup Menu component that wraps Headless UI Menu. The Menu will be rendered into a Juno Portal, so using Juno's PortalProvider (which is already included when using Juno's AppShell) is mandatory. */
65
- declare const PopupMenu: React.FC<PopupMenuProps>;
66
- export declare const PopupMenuToggle: React.FC<PopupMenuToggleProps>;
67
- export declare const PopupMenuOptions: React.FC<PopupMenuOptionsProps>;
68
- export declare const PopupMenuItem: React.FC<PopupMenuItemProps>;
69
- export declare const PopupMenuSection: React.FC<PopupMenuSectionProps>;
70
- export declare const PopupMenuSectionHeading: React.FC<PopupMenuSectionHeadingProps>;
71
- export declare const PopupMenuSectionSeparator: React.FC<PopupMenuSectionSeparatorProps>;
64
+ /**
65
+ * A Popup Menu component that wraps Headless UI Menu. The Menu will be rendered into a Juno Portal, so using Juno's PortalProvider (which is already included when using Juno's AppShell) is mandatory.
66
+ * @see https://cloudoperators.github.io/juno/?path=/docs/wip-popupmenu--docs
67
+ * @see {@link PopupMenuProps}
68
+ */
69
+ declare const PopupMenu: ({ children, className, disabled, icon, menuSize, onClose, onOpen, ...props }: PopupMenuProps) => ReactNode;
70
+ export declare const PopupMenuToggle: ({ as, disabled, children, className, ...props }: PopupMenuToggleProps) => ReactNode;
71
+ export declare const PopupMenuOptions: ({ children, className, ...props }: PopupMenuOptionsProps) => ReactNode;
72
+ export declare const PopupMenuItem: ({ as, children, className, disabled, href, icon, label, rel, target, ...props }: PopupMenuItemProps) => ReactNode;
73
+ export declare const PopupMenuSection: ({ children, className, ...props }: PopupMenuSectionProps) => ReactNode;
74
+ export declare const PopupMenuSectionHeading: ({ children, label, className, ...props }: PopupMenuSectionHeadingProps) => ReactNode;
75
+ export declare const PopupMenuSectionSeparator: ({ className, ...props }: PopupMenuSectionSeparatorProps) => ReactNode;
72
76
  export { PopupMenu };
73
77
  //# sourceMappingURL=PopupMenu.component.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"PopupMenu.component.d.ts","sourceRoot":"","sources":["../../../src/components/PopupMenu/PopupMenu.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAA0D,SAAS,EAAE,MAAM,OAAO,CAAA;AAGhG,OAAO,EAAQ,UAAU,EAAE,MAAM,wBAAwB,CAAA;AAyFzD,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,MAAM,IAAI,CAAA;IACjB,MAAM,EAAE,OAAO,CAAA;IACf,QAAQ,EAAE,QAAQ,GAAG,OAAO,CAAA;CAC7B;AAED,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IACvE,yCAAyC;IACzC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,+GAA+G;IAC/G,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAA;IAC7B,2CAA2C;IAC3C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,0CAA0C;IAC1C,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;CACpB;AAED,MAAM,WAAW,oBAAqB,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IAC7E,gCAAgC;IAChC,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;IACtB,qCAAqC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAGD,KAAK,sBAAsB,GAAG,KAAK,CAAC,qBAAqB,CAAC,KAAK,CAAC,WAAW,CAAC,CAAA;AAE5E,MAAM,WAAW,qBAAsB,SAAQ,sBAAsB;IACnE,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAA;CAChB;AAED,MAAM,WAAW,gBAAgB;IAC/B,MAAM,EAAE,OAAO,CAAA;IACf,QAAQ,EAAE,OAAO,CAAA;IACjB,KAAK,EAAE,OAAO,CAAA;CACf;AAED,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,UAAU,CAAC;IAC7F,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;IACtB,QAAQ,CAAC,EAAE,SAAS,GAAG,CAAC,CAAC,QAAQ,EAAE,gBAAgB,KAAK,SAAS,CAAC,CAAA;IAClE,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB;AAED,MAAM,WAAW,qBAAqB;IACpC,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,MAAM,WAAW,4BAA4B;IAC3C,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,MAAM,WAAW,8BAA8B;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAID,QAAA,MAAM,gBAAgB,4CAAmD,CAAA;AAEzE,eAAO,MAAM,mBAAmB,4BAQ/B,CAAA;AAGD,OAAO,EAAE,gBAAgB,EAAE,CAAA;AAM3B,4MAA4M;AAC5M,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAiGvC,CAAA;AAGD,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAe1D,CAAA;AAGD,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAW5D,CAAA;AAGD,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA0CtD,CAAA;AAGD,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAM5D,CAAA;AAGD,eAAO,MAAM,uBAAuB,EAAE,KAAK,CAAC,EAAE,CAAC,4BAA4B,CAW1E,CAAA;AAGD,eAAO,MAAM,yBAAyB,EAAE,KAAK,CAAC,EAAE,CAAC,8BAA8B,CAE9E,CAAA;AAED,OAAO,EAAE,SAAS,EAAE,CAAA"}
1
+ {"version":3,"file":"PopupMenu.component.d.ts","sourceRoot":"","sources":["../../../src/components/PopupMenu/PopupMenu.component.tsx"],"names":[],"mappings":"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"}
@@ -1,4 +1,4 @@
1
- import { default as React } from 'react';
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: React.FC<PortalProviderPortalProps>;
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?: React.ReactNode;
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,OAAO,KAA0C,MAAM,OAAO,CAAA;AAS9D;;;;;;GAMG;AACH,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAoBtD,CAAA;AAID,MAAM,WAAW,yBAAyB;IACxC,6FAA6F;IAC7F,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B"}
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: React.FC<import('./PortalProvider.Portal.component').PortalProviderPortalProps>;
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?: React.ReactNode;
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,KAAiE,MAAM,OAAO,CAAA;AAKrF,UAAU,iBAAiB;IACzB,OAAO,EAAE,cAAc,GAAG,IAAI,CAAA;CAC/B;AACD,eAAO,MAAM,aAAa,8CAA0D,CAAA;AAUpF;;;;;;;GAOG;AACH,wBAAgB,YAAY,0BAoC3B;AAED;;;GAGG;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,KAAK,CAAC,SAAS,CAAA;CAC3B"}
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 { default as React, MouseEventHandler, ReactNode } from 'react';
2
- /** A controlled Radio component. */
3
- export declare const Radio: React.FC<RadioProps>;
4
- export interface RadioProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onChange"> {
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,OAAO,KAAK,EAAE,EAAmD,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAgF5G,oCAAoC;AACpC,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAkNtC,CAAA;AAED,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IACxF,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
+ {"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
- export declare const RadioGroup: React.FC<RadioGroupProps>;
15
- export interface RadioGroupProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onChange"> {
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;AAyD5F,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;;EAEE;AACF,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAmHhD,CAAA;AAED,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IAC7F,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
+ {"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 { default as React } from 'react';
2
- export interface SearchInputProps extends Omit<React.HTMLProps<HTMLInputElement>, "onClick"> {
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?: React.MouseEventHandler<HTMLElement>;
47
+ onClick?: MouseEventHandler<HTMLElement>;
48
48
  /**
49
49
  * Change handler for the search input.
50
50
  */
51
- onChange?: React.ChangeEventHandler<HTMLInputElement>;
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?: React.KeyboardEventHandler<HTMLInputElement>;
55
+ onKeyPress?: KeyboardEventHandler<HTMLInputElement>;
56
56
  /**
57
57
  * Click handler for the 'Clear' button.
58
58
  */
59
- onClear?: React.MouseEventHandler<HTMLElement>;
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: React.FC<SearchInputProps>;
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