@pantheon-systems/pds-toolkit-react 1.0.0-dev.14 → 1.0.0-dev.140

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/README.md +31 -1
  2. package/_dist/components/Avatar/Avatar.d.ts +19 -0
  3. package/_dist/components/Breadcrumbs/Breadcrumbs.d.ts +9 -0
  4. package/_dist/components/Breadcrumbs/BreadcrumbsContent.d.ts +12 -0
  5. package/_dist/components/Breadcrumbs/BreadcrumbsContext.d.ts +17 -0
  6. package/_dist/components/Breadcrumbs/ListItem.d.ts +14 -0
  7. package/_dist/components/Breadcrumbs/MobileCrumbs.d.ts +2 -0
  8. package/_dist/components/CTALink/CTALink.d.ts +20 -0
  9. package/_dist/components/CTASlice/CTASlice.d.ts +34 -0
  10. package/_dist/components/Callout/Callout.d.ts +25 -0
  11. package/_dist/components/Callout/sample-callout-content.d.ts +2 -0
  12. package/_dist/components/ComparisonList/ComparisonList.d.ts +42 -0
  13. package/_dist/components/Heading/Heading.d.ts +15 -0
  14. package/_dist/components/Icon/Icon.d.ts +592 -0
  15. package/_dist/components/Icon/iconList.d.ts +1 -0
  16. package/_dist/components/Modal/Modal.d.ts +25 -0
  17. package/_dist/components/Pager/AdvancedPagination.d.ts +4 -0
  18. package/_dist/components/Pager/BasicPagination.d.ts +4 -0
  19. package/_dist/components/Pager/MiniPagination.d.ts +4 -0
  20. package/_dist/components/Pager/NavigationButton.d.ts +13 -0
  21. package/_dist/components/Pager/Pager.d.ts +24 -0
  22. package/_dist/components/Pager/PagerContext.d.ts +23 -0
  23. package/_dist/components/Pager/PagerItem.d.ts +14 -0
  24. package/_dist/components/Pager/usePaginationUI.d.ts +1 -0
  25. package/_dist/components/Panel/Panel.d.ts +15 -0
  26. package/_dist/components/PantheonLogo/PantheonLogo.d.ts +25 -0
  27. package/_dist/components/PlatformIcon/PlatformIcon.d.ts +13 -0
  28. package/_dist/components/Popover/Popover.d.ts +33 -0
  29. package/_dist/components/PullQuote/PullQuote.d.ts +23 -0
  30. package/_dist/components/Skiplink/Skiplink.d.ts +15 -0
  31. package/_dist/components/SocialLinks/SocialLinks.d.ts +13 -0
  32. package/_dist/components/StatusIndicator/StatusIndicator.d.ts +15 -0
  33. package/_dist/components/Stepper/Stepper.d.ts +46 -0
  34. package/_dist/components/Table/Table.d.ts +15 -0
  35. package/_dist/components/TableOfContents/TableOfContents.d.ts +25 -0
  36. package/_dist/components/Tabs/Tabs.d.ts +40 -0
  37. package/_dist/components/Tag/Tag.d.ts +23 -0
  38. package/_dist/components/Tooltip/Tooltip.d.ts +21 -0
  39. package/_dist/components/badges/IndicatorBadge/IndicatorBadge.d.ts +28 -0
  40. package/_dist/components/badges/StatusBadge/StatusBadge.d.ts +36 -0
  41. package/_dist/components/badges/Tally/Tally.d.ts +35 -0
  42. package/_dist/components/buttons/AnimatedButton/AnimatedButton.d.ts +25 -0
  43. package/_dist/components/buttons/Button/Button.d.ts +5 -0
  44. package/_dist/components/buttons/ButtonLink/ButtonLink.d.ts +24 -0
  45. package/_dist/components/buttons/IconButton/IconButton.d.ts +23 -0
  46. package/_dist/components/buttons/MenuButton/MenuButton.d.ts +63 -0
  47. package/_dist/components/buttons/SplitButton/SplitButton.d.ts +36 -0
  48. package/_dist/components/buttons/ToggleButton/ToggleButton.d.ts +31 -0
  49. package/_dist/components/cards/Card/Card.d.ts +30 -0
  50. package/_dist/components/cards/CardSelectGroup/CardSelectGroup.d.ts +38 -0
  51. package/_dist/components/cards/LinksCard/LinksCard.d.ts +17 -0
  52. package/_dist/components/cards/NewSiteCard/NewSiteCard.d.ts +25 -0
  53. package/_dist/components/cards/PricingCard/PricingCard.d.ts +64 -0
  54. package/_dist/components/cards/SiteCard/SiteCard.d.ts +25 -0
  55. package/_dist/components/expansion-panels/ExpansionPanel/ExpansionPanel.d.ts +19 -0
  56. package/_dist/components/expansion-panels/ExpansionPanelGroup/ExpansionPanelGroup.d.ts +15 -0
  57. package/_dist/components/footer/FooterHeading/FooterHeading.d.ts +15 -0
  58. package/_dist/components/footer/FooterLinks/FooterLinks.d.ts +17 -0
  59. package/_dist/components/footer/SiteFooter/SiteFooter.d.ts +18 -0
  60. package/_dist/components/inputs/Checkbox/Checkbox.d.ts +5 -0
  61. package/_dist/components/inputs/CheckboxGroup/CheckboxGroup.d.ts +44 -0
  62. package/_dist/components/inputs/Combobox/Combobox.d.ts +5 -0
  63. package/_dist/components/inputs/InputFormatted/InputFormatted.d.ts +35 -0
  64. package/_dist/components/inputs/InputGroup/InputGroup.d.ts +13 -0
  65. package/_dist/components/inputs/InputObscured/InputObscured.d.ts +33 -0
  66. package/_dist/components/inputs/InputText/InputText.d.ts +75 -0
  67. package/_dist/components/inputs/InputWrapper/InputWrapper.d.ts +5 -0
  68. package/_dist/components/inputs/RadioGroup/RadioGroup.d.ts +46 -0
  69. package/_dist/components/inputs/Select/Select.d.ts +44 -0
  70. package/_dist/components/inputs/Textarea/Textarea.d.ts +39 -0
  71. package/_dist/components/inputs/ToggleSwitch/ToggleSwitch.d.ts +31 -0
  72. package/_dist/components/inputs/inputs-common.d.ts +40 -0
  73. package/_dist/components/navigation/DashboardNav/DashboardNav.d.ts +25 -0
  74. package/_dist/components/navigation/DashboardSearch/DashboardSearch.d.ts +67 -0
  75. package/_dist/components/navigation/DashboardSearch/SiteOptionDisplay.d.ts +10 -0
  76. package/_dist/components/navigation/DropdownMenu/DropdownMenu.d.ts +17 -0
  77. package/_dist/components/navigation/NavMenu/NavMenu.d.ts +19 -0
  78. package/_dist/components/navigation/NavMenu/NavMenuDropdown.d.ts +14 -0
  79. package/_dist/components/navigation/Navbar/Navbar.d.ts +35 -0
  80. package/_dist/components/navigation/SideNav/SideNav.d.ts +29 -0
  81. package/_dist/components/navigation/SideNavCompact/SideNavCompact.d.ts +29 -0
  82. package/_dist/components/navigation/UserMenu/UserMenu.d.ts +44 -0
  83. package/_dist/components/navigation/WorkspaceSelector/WorkspaceSelector.d.ts +58 -0
  84. package/_dist/components/notifications/Banner/Banner.d.ts +35 -0
  85. package/_dist/components/notifications/InlineMessage/InlineMessage.d.ts +37 -0
  86. package/_dist/components/notifications/SectionMessage/SectionMessage.d.ts +47 -0
  87. package/_dist/components/notifications/Toaster/Toast.d.ts +30 -0
  88. package/_dist/components/notifications/Toaster/Toaster.d.ts +16 -0
  89. package/_dist/components/notifications/Toaster/useToast.d.ts +2 -0
  90. package/_dist/components/progress-indicators/ProgressBar/ProgressBar.d.ts +35 -0
  91. package/_dist/components/progress-indicators/ProgressRing/ProgressRing.d.ts +25 -0
  92. package/_dist/components/progress-indicators/Spinner/Spinner.d.ts +21 -0
  93. package/_dist/components/tiles/AvatarTileList/AvatarTileList.d.ts +22 -0
  94. package/_dist/components/tiles/StatsTileList/StatsTileList.d.ts +26 -0
  95. package/_dist/components/tiles/Tile/Tile.d.ts +23 -0
  96. package/_dist/components/tiles/TileGrid/TileGrid.d.ts +38 -0
  97. package/_dist/css/component-css/pds-animated-button.css +7 -0
  98. package/_dist/css/component-css/pds-avatar-tile-list.css +1 -0
  99. package/_dist/css/component-css/pds-avatar.css +1 -0
  100. package/_dist/css/component-css/pds-banner.css +1 -0
  101. package/_dist/css/component-css/pds-breadcrumbs.css +1 -0
  102. package/_dist/css/component-css/pds-button-link.css +1 -0
  103. package/_dist/css/component-css/pds-button.css +81 -0
  104. package/_dist/css/component-css/pds-callout.css +1 -0
  105. package/_dist/css/component-css/pds-card-select-group.css +1 -0
  106. package/_dist/css/component-css/pds-card.css +1 -0
  107. package/_dist/css/component-css/pds-checkbox-group.css +1 -0
  108. package/_dist/css/component-css/pds-checkbox.css +1 -0
  109. package/_dist/css/component-css/pds-combobox.css +1 -0
  110. package/_dist/css/component-css/pds-comparison-list.css +1 -0
  111. package/_dist/css/component-css/pds-cta-link.css +1 -0
  112. package/_dist/css/component-css/pds-cta-slice.css +1 -0
  113. package/_dist/css/component-css/pds-dashboard-nav.css +2 -0
  114. package/_dist/css/component-css/pds-dashboard-search.css +1 -0
  115. package/_dist/css/component-css/pds-dropdown-menu.css +2 -0
  116. package/_dist/css/component-css/pds-expansion-panel-group.css +1 -0
  117. package/_dist/css/component-css/pds-expansion-panel.css +1 -0
  118. package/_dist/css/component-css/pds-footer-heading.css +1 -0
  119. package/_dist/css/component-css/pds-footer-links.css +1 -0
  120. package/_dist/css/component-css/pds-heading.css +1 -0
  121. package/_dist/css/component-css/pds-icon-button.css +5 -0
  122. package/_dist/css/component-css/pds-icon-story-only.css +1 -0
  123. package/_dist/css/component-css/pds-index.css +140 -0
  124. package/_dist/css/component-css/pds-indicator-badge.css +37 -0
  125. package/_dist/css/component-css/pds-inline-message.css +1 -0
  126. package/_dist/css/component-css/pds-input-group.css +1 -0
  127. package/_dist/css/component-css/pds-input-text.css +1 -0
  128. package/_dist/css/component-css/pds-input-wrapper.css +1 -0
  129. package/_dist/css/component-css/pds-inputs-common-deprecated.css +1 -0
  130. package/_dist/css/component-css/pds-inputs-common.css +1 -0
  131. package/_dist/css/component-css/pds-links-card.css +1 -0
  132. package/_dist/css/component-css/pds-menu-button.css +1 -0
  133. package/_dist/css/component-css/pds-modal.css +1 -0
  134. package/_dist/css/component-css/pds-nav-menu.css +1 -0
  135. package/_dist/css/component-css/pds-navbar.css +1 -0
  136. package/_dist/css/component-css/pds-new-site-card.css +1 -0
  137. package/_dist/css/component-css/pds-pager.css +1 -0
  138. package/_dist/css/component-css/pds-panel.css +1 -0
  139. package/_dist/css/component-css/pds-pantheon-logo.css +1 -0
  140. package/_dist/css/component-css/pds-platform-icon.css +1 -0
  141. package/_dist/css/component-css/pds-popover.css +1 -0
  142. package/_dist/css/component-css/pds-pricing-card-local.css +1 -0
  143. package/_dist/css/component-css/pds-pricing-card.css +1 -0
  144. package/_dist/css/component-css/pds-progress-bar.css +1 -0
  145. package/_dist/css/component-css/pds-progress-ring.css +1 -0
  146. package/_dist/css/component-css/pds-pull-quote.css +1 -0
  147. package/_dist/css/component-css/pds-radio-group.css +1 -0
  148. package/_dist/css/component-css/pds-section-message.css +1 -0
  149. package/_dist/css/component-css/pds-select.css +1 -0
  150. package/_dist/css/component-css/pds-side-nav-compact.css +1 -0
  151. package/_dist/css/component-css/pds-side-nav.css +1 -0
  152. package/_dist/css/component-css/pds-site-card.css +1 -0
  153. package/_dist/css/component-css/pds-site-footer.css +1 -0
  154. package/_dist/css/component-css/pds-skiplink.css +1 -0
  155. package/_dist/css/component-css/pds-social-links.css +1 -0
  156. package/_dist/css/component-css/pds-spinner.css +1 -0
  157. package/_dist/css/component-css/pds-split-button.css +2 -0
  158. package/_dist/css/component-css/pds-stats-tile-list.css +1 -0
  159. package/_dist/css/component-css/pds-status-badge.css +9 -0
  160. package/_dist/css/component-css/pds-status-indicator.css +1 -0
  161. package/_dist/css/component-css/pds-stepper.css +1 -0
  162. package/_dist/css/component-css/pds-table-of-contents.css +1 -0
  163. package/_dist/css/component-css/pds-table.css +1 -0
  164. package/_dist/css/component-css/pds-tabs.css +1 -0
  165. package/_dist/css/component-css/pds-tag.css +1 -0
  166. package/_dist/css/component-css/pds-tally.css +1 -0
  167. package/_dist/css/component-css/pds-textarea.css +1 -0
  168. package/_dist/css/component-css/pds-tile.css +1 -0
  169. package/_dist/css/component-css/pds-tiles-common.css +1 -0
  170. package/_dist/css/component-css/pds-toaster.css +1 -0
  171. package/_dist/css/component-css/pds-toggle-button.css +1 -0
  172. package/_dist/css/component-css/pds-toggle-switch.css +3 -0
  173. package/_dist/css/component-css/pds-tooltip.css +1 -0
  174. package/_dist/css/component-css/pds-user-menu-story-only.css +1 -0
  175. package/_dist/css/component-css/pds-user-menu.css +1 -0
  176. package/_dist/css/component-css/pds-workspace-selector.css +1 -0
  177. package/_dist/css/design-tokens/pds-design-tokens-dark-mode.css +264 -0
  178. package/_dist/css/design-tokens/pds-design-tokens-light-mode.css +303 -0
  179. package/_dist/css/design-tokens/pds-design-tokens.css +103 -0
  180. package/_dist/css/pds-components.css +103 -70
  181. package/_dist/css/pds-core.css +4 -2
  182. package/_dist/css/pds-layouts.css +1 -1
  183. package/_dist/index.css +1 -0
  184. package/_dist/index.d.ts +88 -0
  185. package/_dist/index.js +11181 -0
  186. package/_dist/index.js.map +1 -0
  187. package/_dist/layouts/Container/Container.d.ts +16 -0
  188. package/_dist/layouts/DashboardLayout/DashboardLayout.d.ts +37 -0
  189. package/_dist/layouts/DashboardLayout/DemoContent.d.ts +2 -0
  190. package/_dist/layouts/FlexContainer/FlexContainer.d.ts +27 -0
  191. package/_dist/layouts/GlobalWrapper/GlobalWrapper.d.ts +19 -0
  192. package/_dist/layouts/SidebarLayout/SidebarLayout.d.ts +21 -0
  193. package/_dist/layouts/StepperLayout/StepperLayout.d.ts +13 -0
  194. package/_dist/layouts/ThreeItemLayout/ThreeItemLayout.d.ts +15 -0
  195. package/_dist/layouts/TwoItemLayout/TwoItemLayout.d.ts +17 -0
  196. package/_dist/libs/components/customPropTypes.d.ts +85 -0
  197. package/_dist/libs/components/utils.d.ts +2 -0
  198. package/_dist/utilities/context-providers/ResponsiveContext/ResponsiveContext.d.ts +6 -0
  199. package/_dist/vars/global.d.ts +2 -0
  200. package/_dist/vars/spacing.d.ts +17 -0
  201. package/_dist/vars/z-index.d.ts +5 -0
  202. package/package.json +85 -43
  203. package/_dist/cjs/index.js +0 -88
  204. package/_dist/cjs/index.js.map +0 -1
  205. package/_dist/esm/index.js +0 -88
  206. package/_dist/esm/index.js.map +0 -1
@@ -0,0 +1,46 @@
1
+ export function RadioGroup({ disabled, id, initialSelection, inputWidth, label, message, onChange, options, required, className, ...props }: {
2
+ [x: string]: any;
3
+ disabled?: boolean;
4
+ id: any;
5
+ initialSelection: any;
6
+ inputWidth: any;
7
+ label: any;
8
+ message: any;
9
+ onChange: any;
10
+ options: any;
11
+ required?: boolean;
12
+ className: any;
13
+ }): React.JSX.Element;
14
+ export namespace RadioGroup {
15
+ namespace propTypes {
16
+ let disabled: PropTypes.Requireable<boolean>;
17
+ let id: PropTypes.Validator<string>;
18
+ let initialSelection: PropTypes.Requireable<string>;
19
+ let inputWidth: PropTypes.Requireable<number>;
20
+ let label: PropTypes.Validator<string>;
21
+ let message: PropTypes.Requireable<string>;
22
+ let onChange: PropTypes.Requireable<(...args: any[]) => any>;
23
+ let options: PropTypes.Requireable<PropTypes.InferProps<{
24
+ /**
25
+ * Is the option disabled?
26
+ */
27
+ disabled: PropTypes.Requireable<boolean>;
28
+ /**
29
+ * Option unique ID
30
+ */
31
+ id: PropTypes.Requireable<string>;
32
+ /**
33
+ * Option label
34
+ */
35
+ label: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
36
+ /**
37
+ * Option value
38
+ */
39
+ value: PropTypes.Requireable<string>;
40
+ }>[]>;
41
+ let required: PropTypes.Requireable<boolean>;
42
+ let className: PropTypes.Requireable<string>;
43
+ }
44
+ }
45
+ import React from 'react';
46
+ import PropTypes from 'prop-types';
@@ -0,0 +1,44 @@
1
+ export function Select({ disabled, id, initialValue, inputWidth, label, message, onOptionSelect, options, required, selectOptionsLabel, showLabel, validationFunction, className, ...props }: {
2
+ [x: string]: any;
3
+ disabled?: boolean;
4
+ id: any;
5
+ initialValue: any;
6
+ inputWidth: any;
7
+ label: any;
8
+ message: any;
9
+ onOptionSelect: any;
10
+ options: any;
11
+ required?: boolean;
12
+ selectOptionsLabel?: string;
13
+ showLabel?: boolean;
14
+ validationFunction: any;
15
+ className: any;
16
+ }): React.JSX.Element;
17
+ export namespace Select {
18
+ namespace propTypes {
19
+ let disabled: PropTypes.Requireable<boolean>;
20
+ let id: PropTypes.Validator<string>;
21
+ let initialValue: PropTypes.Requireable<string>;
22
+ let inputWidth: PropTypes.Requireable<number>;
23
+ let label: PropTypes.Validator<string>;
24
+ let message: PropTypes.Requireable<string>;
25
+ let onOptionSelect: PropTypes.Requireable<(...args: any[]) => any>;
26
+ let options: PropTypes.Validator<PropTypes.InferProps<{
27
+ /**
28
+ * Option label.
29
+ */
30
+ label: PropTypes.Validator<string>;
31
+ /**
32
+ * Option value. Will default to label if not provided.
33
+ */
34
+ value: PropTypes.Requireable<string>;
35
+ }>[]>;
36
+ let required: PropTypes.Requireable<boolean>;
37
+ let selectOptionsLabel: PropTypes.Requireable<string>;
38
+ let showLabel: PropTypes.Requireable<boolean>;
39
+ let validationFunction: PropTypes.Requireable<(...args: any[]) => any>;
40
+ let className: PropTypes.Requireable<string>;
41
+ }
42
+ }
43
+ import React from 'react';
44
+ import PropTypes from 'prop-types';
@@ -0,0 +1,39 @@
1
+ export function Textarea({ counterFunction, disabled, id, initialValue, inputWidth, isResizable, label, message, onChange, placeholder, readonly, required, rows, validationFunction, className, ...props }: {
2
+ [x: string]: any;
3
+ counterFunction?: () => void;
4
+ disabled?: boolean;
5
+ id: any;
6
+ initialValue?: string;
7
+ inputWidth: any;
8
+ isResizable?: boolean;
9
+ label: any;
10
+ message: any;
11
+ onChange: any;
12
+ placeholder: any;
13
+ readonly?: boolean;
14
+ required?: boolean;
15
+ rows?: number;
16
+ validationFunction: any;
17
+ className: any;
18
+ }): React.JSX.Element;
19
+ export namespace Textarea {
20
+ namespace propTypes {
21
+ let counterFunction: PropTypes.Requireable<(...args: any[]) => any>;
22
+ let disabled: PropTypes.Requireable<boolean>;
23
+ let id: PropTypes.Validator<string>;
24
+ let initialValue: PropTypes.Requireable<string>;
25
+ let isResizable: PropTypes.Requireable<boolean>;
26
+ let inputWidth: PropTypes.Requireable<number>;
27
+ let label: PropTypes.Validator<string>;
28
+ let message: PropTypes.Requireable<string>;
29
+ let onChange: PropTypes.Requireable<(...args: any[]) => any>;
30
+ let placeholder: PropTypes.Requireable<string>;
31
+ let readonly: PropTypes.Requireable<boolean>;
32
+ let required: PropTypes.Requireable<boolean>;
33
+ let rows: PropTypes.Requireable<number>;
34
+ let validationFunction: PropTypes.Requireable<(...args: any[]) => any>;
35
+ let className: PropTypes.Requireable<string>;
36
+ }
37
+ }
38
+ import React from 'react';
39
+ import PropTypes from 'prop-types';
@@ -0,0 +1,31 @@
1
+ export function ToggleSwitch({ disabled, id, inputWidth, label, message, onChange, required, showStatusLabel, statusOnLabel, statusOffLabel, className, ...props }: {
2
+ [x: string]: any;
3
+ disabled?: boolean;
4
+ id: any;
5
+ inputWidth: any;
6
+ label: any;
7
+ message: any;
8
+ onChange: any;
9
+ required?: boolean;
10
+ showStatusLabel?: boolean;
11
+ statusOnLabel?: string;
12
+ statusOffLabel?: string;
13
+ className: any;
14
+ }): React.JSX.Element;
15
+ export namespace ToggleSwitch {
16
+ namespace propTypes {
17
+ let disabled: PropTypes.Requireable<boolean>;
18
+ let id: PropTypes.Validator<string>;
19
+ let inputWidth: PropTypes.Requireable<number>;
20
+ let label: PropTypes.Validator<string>;
21
+ let message: PropTypes.Requireable<string>;
22
+ let onChange: PropTypes.Requireable<(...args: any[]) => any>;
23
+ let required: PropTypes.Requireable<boolean>;
24
+ let showStatusLabel: PropTypes.Requireable<boolean>;
25
+ let statusOffLabel: PropTypes.Requireable<string>;
26
+ let statusOnLabel: PropTypes.Requireable<string>;
27
+ let className: PropTypes.Requireable<string>;
28
+ }
29
+ }
30
+ import React from 'react';
31
+ import PropTypes from 'prop-types';
@@ -0,0 +1,40 @@
1
+ export namespace cssClassesList {
2
+ let error: string;
3
+ let success: string;
4
+ let required: string;
5
+ let disabled: string;
6
+ }
7
+ export function ClearButton({ id, label, handleClearInput }: {
8
+ id: any;
9
+ label: any;
10
+ handleClearInput: any;
11
+ }): React.JSX.Element;
12
+ export namespace ClearButton {
13
+ namespace propTypes {
14
+ let id: PropTypes.Validator<string>;
15
+ let label: PropTypes.Validator<string>;
16
+ let handleClearInput: PropTypes.Requireable<(...args: any[]) => any>;
17
+ }
18
+ }
19
+ export function Decorator({ type }: {
20
+ type: any;
21
+ }): React.JSX.Element;
22
+ export namespace Decorator {
23
+ export namespace propTypes_1 {
24
+ let type: PropTypes.Validator<string>;
25
+ }
26
+ export { propTypes_1 as propTypes };
27
+ }
28
+ export function SearchShortcut({ label }: {
29
+ label: any;
30
+ }): React.JSX.Element;
31
+ export namespace SearchShortcut {
32
+ export namespace propTypes_2 {
33
+ let label_1: PropTypes.Validator<string>;
34
+ export { label_1 as label };
35
+ }
36
+ export { propTypes_2 as propTypes };
37
+ }
38
+ export const SelectOption: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
39
+ import React from 'react';
40
+ import PropTypes from 'prop-types';
@@ -0,0 +1,25 @@
1
+ export function DashboardNav({ ariaLabel, labels, menuItems, mobileMenuSelectTextFallback, className, ...props }: {
2
+ [x: string]: any;
3
+ ariaLabel?: string;
4
+ labels?: {
5
+ submenu: string;
6
+ toggle: string;
7
+ };
8
+ menuItems: any;
9
+ mobileMenuSelectTextFallback?: string;
10
+ className: any;
11
+ }): React.JSX.Element;
12
+ export namespace DashboardNav {
13
+ namespace propTypes {
14
+ let ariaLabel: PropTypes.Requireable<string>;
15
+ let labels: PropTypes.Requireable<PropTypes.InferProps<{
16
+ submenu: PropTypes.Requireable<string>;
17
+ toggle: PropTypes.Requireable<string>;
18
+ }>>;
19
+ let menuItems: PropTypes.Validator<any[]>;
20
+ let mobileMenuSelectTextFallback: PropTypes.Requireable<string>;
21
+ let className: PropTypes.Requireable<string>;
22
+ }
23
+ }
24
+ import React from 'react';
25
+ import PropTypes from 'prop-types';
@@ -0,0 +1,67 @@
1
+ export function DashboardSearch({ disabled, id, isLoading, label, labelStrings, loadingText, noResultsText, onOptionSelect, placeholder, siteList, startingRightPosition, className, ...props }: {
2
+ [x: string]: any;
3
+ disabled?: boolean;
4
+ id: any;
5
+ isLoading?: boolean;
6
+ label?: string;
7
+ labelStrings?: {
8
+ clearButton: string;
9
+ inputInstructions: string;
10
+ openSearchButton: string;
11
+ };
12
+ loadingText?: string;
13
+ noResultsText?: string;
14
+ onOptionSelect: any;
15
+ placeholder?: string;
16
+ siteList: any;
17
+ startingRightPosition?: number;
18
+ className: any;
19
+ }): React.JSX.Element;
20
+ export namespace DashboardSearch {
21
+ namespace propTypes {
22
+ let disabled: PropTypes.Requireable<boolean>;
23
+ let id: PropTypes.Requireable<string>;
24
+ let isLoading: PropTypes.Requireable<boolean>;
25
+ let label: PropTypes.Requireable<string>;
26
+ let labelStrings: PropTypes.Requireable<PropTypes.InferProps<{
27
+ /**
28
+ * Clear button label
29
+ */
30
+ clearButton: PropTypes.Requireable<string>;
31
+ /**
32
+ * Input instructions
33
+ */
34
+ inputInstructions: PropTypes.Requireable<string>;
35
+ /**
36
+ * Open search button label
37
+ */
38
+ openSearchButton: PropTypes.Requireable<string>;
39
+ }>>;
40
+ let loadingText: PropTypes.Requireable<string>;
41
+ let noResultsText: PropTypes.Requireable<string>;
42
+ let onOptionSelect: PropTypes.Requireable<(...args: any[]) => any>;
43
+ let placeholder: PropTypes.Requireable<string>;
44
+ let siteList: PropTypes.Requireable<PropTypes.InferProps<{
45
+ /**
46
+ * Site ID
47
+ */
48
+ id: PropTypes.Requireable<string>;
49
+ /**
50
+ * Site name.
51
+ */
52
+ name: PropTypes.Requireable<string>;
53
+ /**
54
+ * Site status
55
+ */
56
+ status: PropTypes.Requireable<string>;
57
+ /**
58
+ * Site type
59
+ */
60
+ type: PropTypes.Requireable<string>;
61
+ }>[]>;
62
+ let startingRightPosition: PropTypes.Requireable<number>;
63
+ let className: PropTypes.Requireable<string>;
64
+ }
65
+ }
66
+ import React from 'react';
67
+ import PropTypes from 'prop-types';
@@ -0,0 +1,10 @@
1
+ export function SiteOptionDisplay({ option }: {
2
+ option: any;
3
+ }): React.JSX.Element;
4
+ export namespace SiteOptionDisplay {
5
+ namespace propTypes {
6
+ let option: PropTypes.Requireable<object>;
7
+ }
8
+ }
9
+ import React from 'react';
10
+ import PropTypes from 'prop-types';
@@ -0,0 +1,17 @@
1
+ export function DropdownMenu({ headingText, menuItems, selectTextFallback, className, ...props }: {
2
+ [x: string]: any;
3
+ headingText: any;
4
+ menuItems: any;
5
+ selectTextFallback?: string;
6
+ className: any;
7
+ }): React.JSX.Element;
8
+ export namespace DropdownMenu {
9
+ namespace propTypes {
10
+ let headingText: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
11
+ let menuItems: PropTypes.Validator<any[]>;
12
+ let selectTextFallback: PropTypes.Requireable<string>;
13
+ let className: PropTypes.Requireable<string>;
14
+ }
15
+ }
16
+ import React from 'react';
17
+ import PropTypes from 'prop-types';
@@ -0,0 +1,19 @@
1
+ export function NavMenu({ ariaLabel, colorType, menuItems, mobileMenuMaxWidth, className, ...props }: {
2
+ [x: string]: any;
3
+ ariaLabel?: string;
4
+ colorType?: string;
5
+ menuItems: any;
6
+ mobileMenuMaxWidth?: number;
7
+ className: any;
8
+ }): React.JSX.Element;
9
+ export namespace NavMenu {
10
+ namespace propTypes {
11
+ let ariaLabel: PropTypes.Validator<string>;
12
+ let colorType: PropTypes.Requireable<string>;
13
+ let menuItems: PropTypes.Requireable<any[]>;
14
+ let mobileMenuMaxWidth: PropTypes.Requireable<number>;
15
+ let className: PropTypes.Requireable<string>;
16
+ }
17
+ }
18
+ import React from 'react';
19
+ import PropTypes from 'prop-types';
@@ -0,0 +1,14 @@
1
+ export function NavMenuDropdown({ items, label, mobileMenuMaxWidth }: {
2
+ items: any;
3
+ label: any;
4
+ mobileMenuMaxWidth?: number;
5
+ }): React.JSX.Element;
6
+ export namespace NavMenuDropdown {
7
+ namespace propTypes {
8
+ let items: PropTypes.Requireable<any[]>;
9
+ let label: PropTypes.Requireable<string>;
10
+ let mobileMenuMaxWidth: PropTypes.Requireable<number>;
11
+ }
12
+ }
13
+ import React from 'react';
14
+ import PropTypes from 'prop-types';
@@ -0,0 +1,35 @@
1
+ export function Navbar({ children, colorType, containerWidth, hideBorder, hideLogo, logoDisplay, logoLabel, logoLink, logoSrc, logoSubBrand, className, ...props }: {
2
+ [x: string]: any;
3
+ children: any;
4
+ colorType?: string;
5
+ containerWidth?: string;
6
+ hideBorder: any;
7
+ hideLogo?: boolean;
8
+ logoDisplay?: string;
9
+ logoLabel?: string;
10
+ logoLink?: React.JSX.Element;
11
+ logoSrc: any;
12
+ logoSubBrand: any;
13
+ className: any;
14
+ }): React.JSX.Element;
15
+ export namespace Navbar {
16
+ namespace propTypes {
17
+ export let colorType: PropTypes.Requireable<string>;
18
+ export let children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
19
+ export { ContainerWidth as containerWidth };
20
+ export let hideBorder: PropTypes.Requireable<boolean>;
21
+ export let hideLogo: PropTypes.Requireable<boolean>;
22
+ export let logoDisplay: PropTypes.Requireable<string>;
23
+ export let logoLabel: PropTypes.Requireable<string>;
24
+ export let logoLink: PropTypes.Requireable<PropTypes.ReactNodeLike>;
25
+ export let logoSrc: PropTypes.Requireable<string>;
26
+ export let logoSubBrand: PropTypes.Requireable<PropTypes.InferProps<{
27
+ link: PropTypes.Requireable<PropTypes.ReactNodeLike>;
28
+ text: PropTypes.Requireable<string>;
29
+ }>>;
30
+ export let className: PropTypes.Requireable<string>;
31
+ }
32
+ }
33
+ import React from 'react';
34
+ import PropTypes from 'prop-types';
35
+ import { ContainerWidth } from '@libs/components/customPropTypes';
@@ -0,0 +1,29 @@
1
+ export function SideNav({ ariaLabel, headingText, labels, menuItems, mobileMenuMaxWidth, mobileMenuSelectTextFallback, className, ...props }: {
2
+ [x: string]: any;
3
+ ariaLabel?: string;
4
+ headingText: any;
5
+ labels?: {
6
+ submenu: string;
7
+ toggle: string;
8
+ };
9
+ menuItems: any;
10
+ mobileMenuMaxWidth?: number;
11
+ mobileMenuSelectTextFallback?: string;
12
+ className: any;
13
+ }): React.JSX.Element;
14
+ export namespace SideNav {
15
+ namespace propTypes {
16
+ let ariaLabel: PropTypes.Requireable<string>;
17
+ let headingText: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
18
+ let labels: PropTypes.Requireable<PropTypes.InferProps<{
19
+ submenu: PropTypes.Requireable<string>;
20
+ toggle: PropTypes.Requireable<string>;
21
+ }>>;
22
+ let menuItems: PropTypes.Validator<any[]>;
23
+ let mobileMenuMaxWidth: PropTypes.Requireable<number>;
24
+ let mobileMenuSelectTextFallback: PropTypes.Requireable<string>;
25
+ let className: PropTypes.Requireable<string>;
26
+ }
27
+ }
28
+ import React from 'react';
29
+ import PropTypes from 'prop-types';
@@ -0,0 +1,29 @@
1
+ export function SideNavCompact({ ariaLabel, headingText, labels, menuItems, mobileMenuMaxWidth, mobileMenuSelectTextFallback, className, ...props }: {
2
+ [x: string]: any;
3
+ ariaLabel?: string;
4
+ headingText: any;
5
+ labels?: {
6
+ submenu: string;
7
+ toggle: string;
8
+ };
9
+ menuItems: any;
10
+ mobileMenuMaxWidth?: number;
11
+ mobileMenuSelectTextFallback?: string;
12
+ className: any;
13
+ }): React.JSX.Element;
14
+ export namespace SideNavCompact {
15
+ namespace propTypes {
16
+ let ariaLabel: PropTypes.Requireable<string>;
17
+ let headingText: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
18
+ let labels: PropTypes.Requireable<PropTypes.InferProps<{
19
+ submenu: PropTypes.Requireable<string>;
20
+ toggle: PropTypes.Requireable<string>;
21
+ }>>;
22
+ let menuItems: PropTypes.Validator<any[]>;
23
+ let mobileMenuMaxWidth: PropTypes.Requireable<number>;
24
+ let mobileMenuSelectTextFallback: PropTypes.Requireable<string>;
25
+ let className: PropTypes.Requireable<string>;
26
+ }
27
+ }
28
+ import React from 'react';
29
+ import PropTypes from 'prop-types';
@@ -0,0 +1,44 @@
1
+ export function UserMenu({ ariaLabel, menuItems, userEmail, userImageSrc, userName, withinNavbar, className, ...props }: {
2
+ [x: string]: any;
3
+ ariaLabel?: string;
4
+ menuItems: any;
5
+ userEmail: any;
6
+ userImageSrc: any;
7
+ userName: any;
8
+ withinNavbar?: boolean;
9
+ className: any;
10
+ }): React.JSX.Element;
11
+ export namespace UserMenu {
12
+ namespace propTypes {
13
+ let ariaLabel: PropTypes.Requireable<string>;
14
+ let menuItems: PropTypes.Requireable<PropTypes.InferProps<{
15
+ /**
16
+ * Callback function for the menu item.
17
+ */
18
+ callback: PropTypes.Requireable<(...args: any[]) => any>;
19
+ /**
20
+ * Is the menu item disabled?
21
+ */
22
+ disabled: PropTypes.Requireable<boolean>;
23
+ /**
24
+ * Icon name for the menu item.
25
+ */
26
+ iconName: PropTypes.Requireable<string>;
27
+ /**
28
+ * Unique ID for the menu item. Optional.
29
+ */
30
+ id: PropTypes.Requireable<string>;
31
+ /**
32
+ * Label for the menu item.
33
+ */
34
+ label: PropTypes.Requireable<string>;
35
+ }>[]>;
36
+ let userEmail: PropTypes.Requireable<string>;
37
+ let userImageSrc: PropTypes.Requireable<string>;
38
+ let userName: PropTypes.Requireable<string>;
39
+ let withinNavbar: PropTypes.Requireable<boolean>;
40
+ let className: PropTypes.Requireable<string>;
41
+ }
42
+ }
43
+ import React from 'react';
44
+ import PropTypes from 'prop-types';
@@ -0,0 +1,58 @@
1
+ export function WorkspaceSelector({ ariaLabel, createWorkspaceLink, filterPlaceholder, filterLabel, menuHeading, minFilterItems, noResultsText, withinNavbar, workspaceList, className, ...props }: {
2
+ [x: string]: any;
3
+ ariaLabel?: string;
4
+ createWorkspaceLink: any;
5
+ filterPlaceholder?: string;
6
+ filterLabel?: string;
7
+ menuHeading?: string;
8
+ minFilterItems?: number;
9
+ noResultsText?: string;
10
+ withinNavbar?: boolean;
11
+ workspaceList: any;
12
+ className: any;
13
+ }): React.JSX.Element;
14
+ export namespace WorkspaceSelector {
15
+ namespace propTypes {
16
+ let ariaLabel: PropTypes.Requireable<string>;
17
+ let createWorkspaceLink: PropTypes.Requireable<PropTypes.ReactNodeLike>;
18
+ let filterPlaceholder: PropTypes.Requireable<string>;
19
+ let filterLabel: PropTypes.Requireable<string>;
20
+ let menuHeading: PropTypes.Requireable<string>;
21
+ let minFilterItems: PropTypes.Requireable<number>;
22
+ let noResultsText: PropTypes.Requireable<string>;
23
+ let withinNavbar: PropTypes.Requireable<boolean>;
24
+ let workspaceList: PropTypes.Requireable<PropTypes.InferProps<{
25
+ /**
26
+ * Name of the workspace.
27
+ */
28
+ displayName: PropTypes.Requireable<string>;
29
+ /**
30
+ * Image src for the workspace.
31
+ */
32
+ imageSrc: PropTypes.Requireable<string>;
33
+ /**
34
+ * Is this the currently selected workspace?
35
+ */
36
+ isActive: PropTypes.Requireable<boolean>;
37
+ /**
38
+ * This user does not have access to this workspace.
39
+ */
40
+ isUnprivileged: PropTypes.Requireable<boolean>;
41
+ /**
42
+ * Account plan tier.
43
+ */
44
+ planTier: PropTypes.Requireable<string>;
45
+ /**
46
+ * Id of the workspace.
47
+ */
48
+ workspaceId: PropTypes.Requireable<string>;
49
+ /**
50
+ * Link to the workspace. A link element via the router of your choice.
51
+ */
52
+ workspaceLink: PropTypes.Requireable<PropTypes.ReactNodeLike>;
53
+ }>[]>;
54
+ let className: PropTypes.Requireable<string>;
55
+ }
56
+ }
57
+ import React from 'react';
58
+ import PropTypes from 'prop-types';
@@ -0,0 +1,35 @@
1
+ export function Banner({ banners, dismissLabel, labelNext, labelPrevious, typeLabels, className, ...props }: {
2
+ [x: string]: any;
3
+ banners: any;
4
+ dismissLabel?: string;
5
+ labelNext?: string;
6
+ labelPrevious?: string;
7
+ typeLabels?: {
8
+ info: string;
9
+ warning: string;
10
+ critical: string;
11
+ };
12
+ className: any;
13
+ }): React.JSX.Element;
14
+ export namespace Banner {
15
+ namespace propTypes {
16
+ let banners: PropTypes.Requireable<PropTypes.InferProps<{
17
+ id: PropTypes.Validator<string>;
18
+ isDismissible: PropTypes.Requireable<boolean>;
19
+ message: PropTypes.Validator<NonNullable<NonNullable<PropTypes.ReactNodeLike>>>;
20
+ onDismiss: PropTypes.Requireable<(...args: any[]) => any>;
21
+ type: PropTypes.Requireable<string>;
22
+ }>[]>;
23
+ let dismissLabel: PropTypes.Requireable<string>;
24
+ let labelNext: PropTypes.Requireable<string>;
25
+ let labelPrevious: PropTypes.Requireable<string>;
26
+ let typeLabels: PropTypes.Requireable<PropTypes.InferProps<{
27
+ info: PropTypes.Requireable<string>;
28
+ warning: PropTypes.Requireable<string>;
29
+ critical: PropTypes.Requireable<string>;
30
+ }>>;
31
+ let className: PropTypes.Requireable<string>;
32
+ }
33
+ }
34
+ import React from 'react';
35
+ import PropTypes from 'prop-types';
@@ -0,0 +1,37 @@
1
+ import React, { ReactNode, ComponentPropsWithoutRef } from 'react';
2
+ import './inline-message.css';
3
+ /**
4
+ * The type of message to display.
5
+ */
6
+ type MessageType = 'info' | 'success' | 'warning' | 'critical' | 'working';
7
+ /**
8
+ * Labels for each message type.
9
+ */
10
+ type TypeLabels = Record<MessageType, string>;
11
+ export interface InlineMessageProps extends ComponentPropsWithoutRef<'div'> {
12
+ /**
13
+ * Title text.
14
+ */
15
+ title: string;
16
+ /**
17
+ * Secondary text.
18
+ */
19
+ secondaryText?: ReactNode;
20
+ /**
21
+ * Message type.
22
+ */
23
+ type: MessageType;
24
+ /**
25
+ * Message type labels. Provide translation strings if needed.
26
+ */
27
+ typeLabels?: TypeLabels;
28
+ /**
29
+ * Additional class names
30
+ */
31
+ className?: string;
32
+ }
33
+ /**
34
+ * InlineMessage UI component
35
+ */
36
+ export declare const InlineMessage: ({ title, secondaryText, type, typeLabels, className, ...props }: InlineMessageProps) => React.JSX.Element;
37
+ export {};