@openfin/ui-library 0.31.3-alpha.1759501280 → 0.31.3-alpha.20251106164713

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 (178) hide show
  1. package/README.md +2 -2
  2. package/package.json +12 -46
  3. package/dist/assets/fonts/Inter-Italic.woff2 +0 -0
  4. package/dist/assets/fonts/Inter-Regular.woff2 +0 -0
  5. package/dist/assets/fonts/Inter-SemiBold.woff2 +0 -0
  6. package/dist/assets/fonts/Inter-SemiBoldItalic.woff2 +0 -0
  7. package/dist/assets/fonts/index.d.ts +0 -2
  8. package/dist/assets/index.d.ts +0 -1
  9. package/dist/components/controls/Button/button.d.ts +0 -35
  10. package/dist/components/controls/Button/button.variants.d.ts +0 -64
  11. package/dist/components/controls/Button/index.d.ts +0 -2
  12. package/dist/components/controls/ClickableNavigation/clickableNavigation.d.ts +0 -11
  13. package/dist/components/controls/ClickableNavigation/index.d.ts +0 -1
  14. package/dist/components/controls/CollapsibleCard/cardContainer.d.ts +0 -6
  15. package/dist/components/controls/CollapsibleCard/collapsibleCard.d.ts +0 -19
  16. package/dist/components/controls/CollapsibleCard/index.d.ts +0 -1
  17. package/dist/components/controls/ExpandableButton/expandDirection.d.ts +0 -4
  18. package/dist/components/controls/ExpandableButton/expandableButton.d.ts +0 -16
  19. package/dist/components/controls/ExpandableButton/expandablePanel.d.ts +0 -14
  20. package/dist/components/controls/ExpandableButton/expandablePanel.setup.d.ts +0 -2
  21. package/dist/components/controls/ExpandableButton/index.d.ts +0 -2
  22. package/dist/components/controls/Menus/ContentMenu/ContentMenu.d.ts +0 -52
  23. package/dist/components/controls/Menus/ContentMenu/ContentMenuColumn/ContentMenuColumn.d.ts +0 -17
  24. package/dist/components/controls/Menus/ContentMenu/ContentMenuContext.d.ts +0 -5
  25. package/dist/components/controls/Menus/ContentMenu/ContentMenuItem/ContentMenuItem.d.ts +0 -56
  26. package/dist/components/controls/Menus/ContentMenu/ContentMenuItem/IconWithFallback.d.ts +0 -7
  27. package/dist/components/controls/Menus/ContentMenu/ContentMenuItem/useImageLoader.d.ts +0 -8
  28. package/dist/components/controls/Menus/ContentMenu/Tooltip/Tooltip.d.ts +0 -7
  29. package/dist/components/controls/Menus/ContentMenu/index.d.ts +0 -1
  30. package/dist/components/controls/Menus/CustomContextMenu/CustomContextMenu.d.ts +0 -96
  31. package/dist/components/controls/Menus/CustomContextMenu/CustomContextMenuItems/ColorLinkingContextMenuWidget.d.ts +0 -10
  32. package/dist/components/controls/Menus/CustomContextMenu/CustomContextMenuItems/CustomContextMenuItem.d.ts +0 -12
  33. package/dist/components/controls/Menus/CustomContextMenu/CustomContextMenuItems/NormalCustomContextMenuItem.d.ts +0 -7
  34. package/dist/components/controls/Menus/CustomContextMenu/CustomContextMenuItems/RootMenuHeader.d.ts +0 -5
  35. package/dist/components/controls/Menus/CustomContextMenu/CustomContextMenuItems/SeparatorCustomContextMenuItem.d.ts +0 -2
  36. package/dist/components/controls/Menus/CustomContextMenu/CustomContextMenuItems/SubmenuHeaderCustomContextMenuItem.d.ts +0 -9
  37. package/dist/components/controls/Menus/CustomContextMenu/CustomContextMenuItems/WidgetCustomContextMenuItem.d.ts +0 -6
  38. package/dist/components/controls/Menus/CustomContextMenu/index.d.ts +0 -1
  39. package/dist/components/controls/Menus/CustomContextMenu/useContextMenuKeyboardNavigation.d.ts +0 -17
  40. package/dist/components/controls/Menus/CustomContextMenu/useContextMenuKeyboardNavigation.test.d.ts +0 -1
  41. package/dist/components/controls/Menus/CustomContextMenu/useContextMenuNavigation.d.ts +0 -25
  42. package/dist/components/controls/Menus/CustomContextMenu/useContextMenuNavigation.test.d.ts +0 -1
  43. package/dist/components/controls/Menus/CustomContextMenu/useResizeContextMenu.d.ts +0 -10
  44. package/dist/components/controls/Menus/CustomContextMenu/useResizeContextMenu.test.d.ts +0 -1
  45. package/dist/components/controls/Menus/CustomContextMenu/utils.d.ts +0 -3
  46. package/dist/components/controls/Menus/common.d.ts +0 -80
  47. package/dist/components/controls/Toggle/index.d.ts +0 -1
  48. package/dist/components/controls/Toggle/toggle.d.ts +0 -10
  49. package/dist/components/elements/Badge/badge.d.ts +0 -18
  50. package/dist/components/elements/Badge/index.d.ts +0 -1
  51. package/dist/components/elements/Calendar/calendar.d.ts +0 -8
  52. package/dist/components/elements/Calendar/index.d.ts +0 -1
  53. package/dist/components/elements/DropdownMenu/dropdownButton.d.ts +0 -15
  54. package/dist/components/elements/DropdownMenu/dropdownMenu.d.ts +0 -16
  55. package/dist/components/elements/DropdownMenu/index.d.ts +0 -3
  56. package/dist/components/elements/DropdownMenu/menu.d.ts +0 -67
  57. package/dist/components/elements/DropdownMenu/optionTitle.d.ts +0 -15
  58. package/dist/components/elements/Icon/icon.d.ts +0 -19
  59. package/dist/components/elements/Icon/icon.variants.d.ts +0 -28
  60. package/dist/components/elements/Icon/index.d.ts +0 -1
  61. package/dist/components/elements/Icon/openfin/BellFilledIcon.d.ts +0 -2
  62. package/dist/components/elements/Icon/openfin/BellIcon.d.ts +0 -6
  63. package/dist/components/elements/Icon/openfin/BlockedIcon.d.ts +0 -2
  64. package/dist/components/elements/Icon/openfin/BookmarkFilled.d.ts +0 -2
  65. package/dist/components/elements/Icon/openfin/BookmarkOutlined.d.ts +0 -2
  66. package/dist/components/elements/Icon/openfin/BrokenLinkIcon.d.ts +0 -2
  67. package/dist/components/elements/Icon/openfin/ChevronDownIcon.d.ts +0 -2
  68. package/dist/components/elements/Icon/openfin/ChevronLeftIcon.d.ts +0 -2
  69. package/dist/components/elements/Icon/openfin/ChevronRightIcon.d.ts +0 -2
  70. package/dist/components/elements/Icon/openfin/ChevronUpIcon.d.ts +0 -2
  71. package/dist/components/elements/Icon/openfin/CollectionIcon.d.ts +0 -2
  72. package/dist/components/elements/Icon/openfin/ContentAppIcon.d.ts +0 -2
  73. package/dist/components/elements/Icon/openfin/EnterpriseGlobeIcon.d.ts +0 -2
  74. package/dist/components/elements/Icon/openfin/ExclamationCircledFilledIcon.d.ts +0 -4
  75. package/dist/components/elements/Icon/openfin/FallbackGlobeIcon.d.ts +0 -2
  76. package/dist/components/elements/Icon/openfin/FilledCircleIcon.d.ts +0 -2
  77. package/dist/components/elements/Icon/openfin/FilterIcon.d.ts +0 -2
  78. package/dist/components/elements/Icon/openfin/FloppyDiskIcon.d.ts +0 -5
  79. package/dist/components/elements/Icon/openfin/FragmentsIcon.d.ts +0 -2
  80. package/dist/components/elements/Icon/openfin/LightBulbFilledIcon.d.ts +0 -2
  81. package/dist/components/elements/Icon/openfin/LightBulbOutlinedIcon.d.ts +0 -2
  82. package/dist/components/elements/Icon/openfin/LockedClosedFilledIcon.d.ts +0 -5
  83. package/dist/components/elements/Icon/openfin/MinimizeIcon.d.ts +0 -5
  84. package/dist/components/elements/Icon/openfin/OpenFinIcon.d.ts +0 -5
  85. package/dist/components/elements/Icon/openfin/PageIcon.d.ts +0 -5
  86. package/dist/components/elements/Icon/openfin/RedDotIcon.d.ts +0 -2
  87. package/dist/components/elements/Icon/openfin/StackIcon.d.ts +0 -2
  88. package/dist/components/elements/Icon/openfin/StorefrontIcon.d.ts +0 -2
  89. package/dist/components/elements/Icon/openfin/SupertabIcon.d.ts +0 -5
  90. package/dist/components/elements/Icon/openfin/WorkspaceIcon.d.ts +0 -5
  91. package/dist/components/elements/Icon/openfin/index.d.ts +0 -30
  92. package/dist/components/elements/IconWithBadge/iconWithBadge.d.ts +0 -5
  93. package/dist/components/elements/IconWithBadge/index.d.ts +0 -1
  94. package/dist/components/elements/Label/label.d.ts +0 -11
  95. package/dist/components/elements/Loader/index.d.ts +0 -2
  96. package/dist/components/elements/Loader/loader.d.ts +0 -4
  97. package/dist/components/elements/Loader/openfinLoader.d.ts +0 -4
  98. package/dist/components/helper/ValidationError.d.ts +0 -6
  99. package/dist/components/input/BaseInput/baseInput.d.ts +0 -29
  100. package/dist/components/input/BaseInput/index.d.ts +0 -1
  101. package/dist/components/input/Checkbox/checkbox.d.ts +0 -12
  102. package/dist/components/input/Checkbox/checkbox.variants.d.ts +0 -21
  103. package/dist/components/input/Checkbox/index.d.ts +0 -1
  104. package/dist/components/input/CheckboxGroup/checkboxGroup.d.ts +0 -15
  105. package/dist/components/input/CheckboxGroup/index.d.ts +0 -1
  106. package/dist/components/input/DateInput/dateInput.d.ts +0 -14
  107. package/dist/components/input/DateInput/index.d.ts +0 -1
  108. package/dist/components/input/NumberInput/index.d.ts +0 -1
  109. package/dist/components/input/NumberInput/numberInput.d.ts +0 -27
  110. package/dist/components/input/RadioGroup/index.d.ts +0 -1
  111. package/dist/components/input/RadioGroup/radioGroup.d.ts +0 -15
  112. package/dist/components/input/RadioInput/index.d.ts +0 -1
  113. package/dist/components/input/RadioInput/radioInput.d.ts +0 -14
  114. package/dist/components/input/RawInput/index.d.ts +0 -1
  115. package/dist/components/input/RawInput/rawInput.d.ts +0 -4
  116. package/dist/components/input/TextArea/index.d.ts +0 -1
  117. package/dist/components/input/TextArea/textArea.d.ts +0 -12
  118. package/dist/components/input/TextInput/index.d.ts +0 -1
  119. package/dist/components/input/TextInput/textInput.d.ts +0 -14
  120. package/dist/components/layout/Box/box.d.ts +0 -41
  121. package/dist/components/layout/Box/index.d.ts +0 -1
  122. package/dist/components/layout/Box/types.d.ts +0 -7
  123. package/dist/components/layout/DefinitionList/definitionList.d.ts +0 -10
  124. package/dist/components/layout/DefinitionList/index.d.ts +0 -1
  125. package/dist/components/layout/HamburgerNavigation/hamburgerNavigation.d.ts +0 -13
  126. package/dist/components/layout/HamburgerNavigation/index.d.ts +0 -2
  127. package/dist/components/layout/HamburgerNavigation/sidebarMenu.d.ts +0 -12
  128. package/dist/components/layout/TabList/index.d.ts +0 -1
  129. package/dist/components/layout/TabList/tab.d.ts +0 -8
  130. package/dist/components/layout/TabList/tabList.d.ts +0 -13
  131. package/dist/components/system/GlobalStyles/globalStyles.d.ts +0 -5
  132. package/dist/components/system/GlobalStyles/globalStyles.spec.d.ts +0 -1
  133. package/dist/components/system/GlobalStyles/index.d.ts +0 -1
  134. package/dist/components/system/HOC/index.d.ts +0 -4
  135. package/dist/components/system/ThemeProvider/index.d.ts +0 -2
  136. package/dist/components/system/ThemeProvider/lib/colors.d.ts +0 -4
  137. package/dist/components/system/ThemeProvider/lib/constants.d.ts +0 -214
  138. package/dist/components/system/ThemeProvider/lib/createFontFaceCss.d.ts +0 -11
  139. package/dist/components/system/ThemeProvider/lib/createTheme.d.ts +0 -9
  140. package/dist/components/system/ThemeProvider/lib/helpers.d.ts +0 -35
  141. package/dist/components/system/ThemeProvider/lib/iconSet.d.ts +0 -355
  142. package/dist/components/system/ThemeProvider/lib/index.d.ts +0 -10
  143. package/dist/components/system/ThemeProvider/lib/interface.d.ts +0 -23
  144. package/dist/components/system/ThemeProvider/lib/mixins.d.ts +0 -16
  145. package/dist/components/system/ThemeProvider/lib/palette.d.ts +0 -42
  146. package/dist/components/system/ThemeProvider/lib/types.d.ts +0 -42
  147. package/dist/components/system/ThemeProvider/theme/index.d.ts +0 -1
  148. package/dist/components/system/ThemeProvider/theme/openfin.d.ts +0 -9
  149. package/dist/components/system/ThemeProvider/themeProvider.d.ts +0 -20
  150. package/dist/components/system/ThemeProvider/themeProvider.spec.d.ts +0 -1
  151. package/dist/components/system/index.d.ts +0 -3
  152. package/dist/components/templates/CascadingDropdownMenu/cascadingDropdownMenu.d.ts +0 -1
  153. package/dist/components/templates/ContactCard/ContactStatusIcon.d.ts +0 -7
  154. package/dist/components/templates/ContactCard/PresenceIcons.d.ts +0 -4
  155. package/dist/components/templates/ContactCard/contactCard.d.ts +0 -30
  156. package/dist/components/templates/ContactCard/index.d.ts +0 -1
  157. package/dist/components/templates/utils/name.d.ts +0 -1
  158. package/dist/components/typography/Heading/heading.d.ts +0 -1668
  159. package/dist/components/typography/Heading/index.d.ts +0 -1
  160. package/dist/components/typography/Text/index.d.ts +0 -1
  161. package/dist/components/typography/Text/text.d.ts +0 -21
  162. package/dist/hooks/useColorScheme.d.ts +0 -19
  163. package/dist/hooks/useDropdownKeyboardNavigation.d.ts +0 -16
  164. package/dist/hooks/useMediaQuery.d.ts +0 -12
  165. package/dist/hooks/usePrevious.d.ts +0 -1
  166. package/dist/hooks/useTheme.d.ts +0 -8
  167. package/dist/index.d.ts +0 -36
  168. package/dist/index.js +0 -1565
  169. package/dist/index.js.LICENSE.txt +0 -19
  170. package/dist/lib/color-generator.d.ts +0 -7
  171. package/dist/lib/color-generator.spec.d.ts +0 -1
  172. package/dist/lib/math.d.ts +0 -13
  173. package/dist/lib/whenFin.d.ts +0 -6
  174. package/dist/lib/whenFin.spec.d.ts +0 -1
  175. package/dist/storybookHelpers.d.ts +0 -78
  176. package/dist/theme.d.ts +0 -3
  177. package/dist/theme.js +0 -1
  178. package/dist/types/index.d.ts +0 -3
@@ -1,9 +0,0 @@
1
- export type SubmenuHeaderCustomContextMenuItemProps = {
2
- label?: string;
3
- showShouldHomeButton?: boolean;
4
- onClose?: () => void;
5
- onBack?: () => void;
6
- selected?: boolean;
7
- index?: number;
8
- };
9
- export declare const SubmenuHeaderCustomContextMenuItem: ({ label, showShouldHomeButton, onClose, onBack, selected, }: SubmenuHeaderCustomContextMenuItemProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,6 +0,0 @@
1
- import { CustomContextMenuData, WidgetContextMenuTemplate } from '../CustomContextMenu';
2
- export type WidgetCustomContextMenuItemProps = WidgetContextMenuTemplate & {
3
- onClick?: (data?: CustomContextMenuData) => void;
4
- index?: number;
5
- };
6
- export declare const WidgetCustomContextMenuItem: ({ label, enabled, onClick, config, }: WidgetCustomContextMenuItemProps) => import("react/jsx-runtime").JSX.Element;
@@ -1 +0,0 @@
1
- export * from './CustomContextMenu';
@@ -1,17 +0,0 @@
1
- import React from 'react';
2
- import { CustomContextMenuData, SubmenulessMenuItemTemplate } from './CustomContextMenu';
3
- /**
4
- * Custom hook to handle keyboard navigation for a context menu. Provides handlers for various keyboard events and sets up/tears down event listeners.
5
- *
6
- * @param { SubmenulessMenuItemTemplate[] } menuOptions - Array of menu items without submenus.
7
- * @param { string[] } menuLabelStack - Stack of menu labels representing the current path in the context menu.
8
- * @param { string } activeMenuLabel - Label of the currently active menu.
9
- * @param { number } selectedIndex - Index of the currently selected menu item.
10
- * @param { React.Dispatch<React.SetStateAction<number>> } setSelectedIndex - setState function to update the selected index.
11
- * @param { (data: CustomContextMenuData) => void } onClick - Callback function to handle click events on menu items.
12
- * @param { (submenuLabel: string) => void } handleNavigateToSubmenu - Function to navigate to a submenu.
13
- * @param { (submenuLabel: string, method: 'click' | 'keyboard') => void } handleBackToParentMenu - Function to navigate back to the parent menu.
14
- * @param { () => void } handleNavigateToBase - Function to navigate back to the base menu.
15
- * @returns { void }
16
- */
17
- export declare const useContextMenuKeyboardNavigation: (menuOptions: SubmenulessMenuItemTemplate[], menuLabelStack: string[], activeMenuLabel: string, selectedIndex: number, setSelectedIndex: React.Dispatch<React.SetStateAction<number>>, onClick: (data: CustomContextMenuData) => void, handleNavigateToSubmenu: (submenuLabel: string) => void, handleBackToParentMenu: (submenuLabel: string, method: 'click' | 'keyboard') => void, handleNavigateToBase: () => void) => void;
@@ -1,25 +0,0 @@
1
- import React from 'react';
2
- import { SubMenuNavigationTemplate } from './CustomContextMenu';
3
- /**
4
- * Custom hook to handle context menu navigation. Return 3 handler functions.
5
- *
6
- * @param { number } transitionSpeed - speed of context menu transition when navigating between submenus.
7
- * @param { React.Dispatch<React.SetStateAction<number>> } setTransitionSpeed - setState function to update the transition speed.
8
- * @param { string[] } menuLabelStack - stack of menu labels representing the current path in the context menu.
9
- * @param { React.Dispatch<React.SetStateAction<string[]>> } setMenuLabelStack - setState function to update the menu label stack.
10
- * @param { string | undefined } activeMenuLabel - label of the currently active menu.
11
- * @param { React.Dispatch<React.SetStateAction<string | undefined>> } setActiveMenuLabel - setState function to update the active menu label.
12
- * @param { React.Dispatch<React.SetStateAction<number>> } setActiveMenuWidth - setState function to update the width of active menu's DOM element.
13
- * @param { React.Dispatch<React.SetStateAction<number>> } setSelectedIndex - setState function to update the selected index.
14
- * @param { SubMenuNavigationTemplate[] } menuCollection - array of all menus.
15
- * @param @optional { (height: number, width: number) => void } onMenuResize - function to handle menu resize behavior.
16
- * @returns { { handleNavigateToSubmenu: (parentLabel: string) => void, handleNavigateBackToParent: () => Promise<void>, handleNavigateToBase: () => void } }
17
- */
18
- export declare const useContextMenuNavigation: (transitionSpeed: number, setTransitionSpeed: React.Dispatch<React.SetStateAction<number>>, menuLabelStack: string[], setMenuLabelStack: React.Dispatch<React.SetStateAction<string[]>>, activeMenuLabel: string | undefined, setActiveMenuLabel: React.Dispatch<React.SetStateAction<string | undefined>>, setActiveMenuDimensions: React.Dispatch<React.SetStateAction<{
19
- width: number;
20
- height: number;
21
- }>>, setSelectedIndex: React.Dispatch<React.SetStateAction<number>>, menuCollection: SubMenuNavigationTemplate[], onMenuResize?: ((height: number, width: number) => void) | undefined) => {
22
- handleNavigateToSubmenu: (parentLabel: string) => void;
23
- handleNavigateBackToParent: (submenuLabel: string, method?: 'click' | 'keyboard') => void;
24
- handleNavigateToBase: () => void;
25
- };
@@ -1,10 +0,0 @@
1
- /**
2
- * Custom hook to resize the context menu frame to fit the active context menu.
3
- *
4
- * @param @optional activeMenuLabel - label of the currently active menu.
5
- * @returns { { resizeContextMenuFrameToActiveMenu: () => { height: number, width: number } } }
6
- */
7
- export declare const useResizeContextMenu: (activeMenuLabel: string | undefined) => {
8
- width: number;
9
- height: number;
10
- };
@@ -1,3 +0,0 @@
1
- import { CustomContextMenuTemplate, SubMenuNavigationTemplate } from './CustomContextMenu';
2
- export declare const getClassName: (parentLabel: string, activeMenuLabel: string | undefined, menuStack: string[]) => "" | "active_context_menu" | "previous_context_menu";
3
- export declare const getMenuNavigationOrder: (template: CustomContextMenuTemplate[]) => SubMenuNavigationTemplate[];
@@ -1,80 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const MenuFrame: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("react").HTMLAttributes<HTMLDivElement> & {
3
- alignItems?: import("../../layout/Box/types").AlignItems | undefined;
4
- display?: import("../../layout/Box/types").Display | undefined;
5
- flexDirection?: import("../../layout/Box/types").FlexDirection | undefined;
6
- flexWrap?: import("../../layout/Box/types").FlexWrap | undefined;
7
- justifyContent?: import("../../layout/Box/types").JustifyContent | undefined;
8
- gap?: "base" | "small" | "xsmall" | "large" | "xlarge" | "xxlarge" | "xxxlarge" | "xxxxlarge" | undefined;
9
- alignSelf?: import("../../layout/Box/types").AlignSelf | undefined;
10
- flexBasis?: string | undefined;
11
- flexGrow?: 0 | 1 | undefined;
12
- flexShrink?: 0 | 1 | undefined;
13
- order?: number | undefined;
14
- background?: import("../../layout/Box/types").BackgroundLevel | undefined;
15
- padding?: "base" | "small" | "xsmall" | "large" | "xlarge" | "xxlarge" | "xxxlarge" | "xxxxlarge" | undefined;
16
- }, never>;
17
- export declare const MenuItemContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("react").HTMLAttributes<HTMLDivElement> & {
18
- alignItems?: import("../../layout/Box/types").AlignItems | undefined;
19
- display?: import("../../layout/Box/types").Display | undefined;
20
- flexDirection?: import("../../layout/Box/types").FlexDirection | undefined;
21
- flexWrap?: import("../../layout/Box/types").FlexWrap | undefined;
22
- justifyContent?: import("../../layout/Box/types").JustifyContent | undefined;
23
- gap?: "base" | "small" | "xsmall" | "large" | "xlarge" | "xxlarge" | "xxxlarge" | "xxxxlarge" | undefined;
24
- alignSelf?: import("../../layout/Box/types").AlignSelf | undefined;
25
- flexBasis?: string | undefined;
26
- flexGrow?: 0 | 1 | undefined;
27
- flexShrink?: 0 | 1 | undefined;
28
- order?: number | undefined;
29
- background?: import("../../layout/Box/types").BackgroundLevel | undefined;
30
- padding?: "base" | "small" | "xsmall" | "large" | "xlarge" | "xxlarge" | "xxxlarge" | "xxxxlarge" | undefined;
31
- }, never>;
32
- export declare const MenuItemInnerContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("react").HTMLAttributes<HTMLDivElement> & {
33
- alignItems?: import("../../layout/Box/types").AlignItems | undefined;
34
- display?: import("../../layout/Box/types").Display | undefined;
35
- flexDirection?: import("../../layout/Box/types").FlexDirection | undefined;
36
- flexWrap?: import("../../layout/Box/types").FlexWrap | undefined;
37
- justifyContent?: import("../../layout/Box/types").JustifyContent | undefined;
38
- gap?: "base" | "small" | "xsmall" | "large" | "xlarge" | "xxlarge" | "xxxlarge" | "xxxxlarge" | undefined;
39
- alignSelf?: import("../../layout/Box/types").AlignSelf | undefined;
40
- flexBasis?: string | undefined;
41
- flexGrow?: 0 | 1 | undefined;
42
- flexShrink?: 0 | 1 | undefined;
43
- order?: number | undefined;
44
- background?: import("../../layout/Box/types").BackgroundLevel | undefined;
45
- padding?: "base" | "small" | "xsmall" | "large" | "xlarge" | "xxlarge" | "xxxlarge" | "xxxxlarge" | undefined;
46
- } & {
47
- enabled?: string | undefined;
48
- selected?: boolean | undefined;
49
- }, never>;
50
- export declare const MenuItemIconContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("react").HTMLAttributes<HTMLDivElement> & {
51
- alignItems?: import("../../layout/Box/types").AlignItems | undefined;
52
- display?: import("../../layout/Box/types").Display | undefined;
53
- flexDirection?: import("../../layout/Box/types").FlexDirection | undefined;
54
- flexWrap?: import("../../layout/Box/types").FlexWrap | undefined;
55
- justifyContent?: import("../../layout/Box/types").JustifyContent | undefined;
56
- gap?: "base" | "small" | "xsmall" | "large" | "xlarge" | "xxlarge" | "xxxlarge" | "xxxxlarge" | undefined;
57
- alignSelf?: import("../../layout/Box/types").AlignSelf | undefined;
58
- flexBasis?: string | undefined;
59
- flexGrow?: 0 | 1 | undefined;
60
- flexShrink?: 0 | 1 | undefined;
61
- order?: number | undefined;
62
- background?: import("../../layout/Box/types").BackgroundLevel | undefined;
63
- padding?: "base" | "small" | "xsmall" | "large" | "xlarge" | "xxlarge" | "xxxlarge" | "xxxxlarge" | undefined;
64
- } & {
65
- side: 'left' | 'right';
66
- }, never>;
67
- export declare const MenuItemIconButton: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {
68
- side: 'left' | 'right';
69
- }, never>;
70
- export declare const MenuItemRightIcon: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../elements/Icon").IconProps & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {
71
- enabled?: boolean | undefined;
72
- }, never>;
73
- export declare const MenuItemText: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, import("react").HTMLAttributes<HTMLElement> & {
74
- color?: "textDefault" | "background6" | undefined;
75
- children: import("react").ReactNode;
76
- size?: "base" | "small" | "xsmall" | "large" | "xlarge" | "xxlarge" | "xxxlarge" | "xxxxlarge" | undefined;
77
- weight?: "normal" | "bold" | undefined;
78
- } & {
79
- enabled?: boolean | undefined;
80
- }, never>;
@@ -1 +0,0 @@
1
- export * from './toggle';
@@ -1,10 +0,0 @@
1
- import React, { FC, InputHTMLAttributes } from 'react';
2
- export type LabelSideType = 'left' | 'right';
3
- export type ToggleProps = InputHTMLAttributes<HTMLInputElement> & {
4
- label?: string;
5
- labelSide?: LabelSideType;
6
- type?: 'checkbox' | 'radio';
7
- onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
8
- helperText?: string;
9
- };
10
- export declare const Toggle: FC<ToggleProps>;
@@ -1,18 +0,0 @@
1
- import React from 'react';
2
- export interface BadgeCountProps {
3
- /**
4
- * Number displayed in the badge.
5
- */
6
- count: number;
7
- /**
8
- * If `count` is greater than `max` it will be clamped to `max`.
9
- * When clamped it will display `{max}+`.
10
- *
11
- * @example
12
- * <Badge count={200} max={99} />
13
- * // outputs `99+`
14
- */
15
- max?: number;
16
- }
17
- export type BadgeProps = BadgeCountProps & React.HTMLAttributes<HTMLDivElement>;
18
- export declare const Badge: React.FC<BadgeProps>;
@@ -1 +0,0 @@
1
- export * from './badge';
@@ -1,8 +0,0 @@
1
- import { FC } from 'react';
2
- import { CalendarProps } from 'react-calendar';
3
- export interface CalendarPropsExtended extends Omit<CalendarProps, 'value' | 'calendarType' | 'defaultView' | 'minDetail' | 'onChange'> {
4
- value: Date | null;
5
- onChange?: (date: Date | null) => void;
6
- onDismiss?: () => void;
7
- }
8
- export declare const Calendar: FC<CalendarPropsExtended>;
@@ -1 +0,0 @@
1
- export * from './calendar';
@@ -1,15 +0,0 @@
1
- import { MenuOption } from './menu';
2
- import React from 'react';
3
- import { WithStatusProps } from '../../system/HOC';
4
- export interface DropdownButtonProps extends WithStatusProps {
5
- tabIndex?: number;
6
- activeDescendant?: string;
7
- expanded: boolean;
8
- handleClick: () => void;
9
- placeholder: string;
10
- selected?: MenuOption;
11
- label?: string;
12
- helperText?: string;
13
- name?: string;
14
- }
15
- export declare const DropdownButton: React.ForwardRefExoticComponent<DropdownButtonProps & React.RefAttributes<HTMLButtonElement>>;
@@ -1,16 +0,0 @@
1
- import React, { ReactNode } from 'react';
2
- import { MenuOption } from './menu';
3
- export type MenuPosition = 'above' | 'below';
4
- export interface DropdownMenuProps {
5
- label?: string;
6
- selected?: MenuOption;
7
- options?: MenuOption[][];
8
- onChange: (value: MenuOption) => void;
9
- onOptionHover?: (value?: unknown) => void;
10
- placeholder?: string;
11
- renderLabel?: (option: MenuOption, isOpen: boolean, onClick: () => void, focusedOption?: MenuOption) => ReactNode;
12
- fitContent?: boolean;
13
- menuPosition?: MenuPosition;
14
- maxHeight?: string;
15
- }
16
- export declare const DropdownMenu: React.ForwardRefExoticComponent<DropdownMenuProps & React.RefAttributes<HTMLDivElement>>;
@@ -1,3 +0,0 @@
1
- export * from './dropdownMenu';
2
- export * from './menu';
3
- export * from './dropdownButton';
@@ -1,67 +0,0 @@
1
- import React from 'react';
2
- import { MenuPosition } from './dropdownMenu';
3
- export interface MenuOption {
4
- title: string;
5
- value: unknown;
6
- iconUrl?: string;
7
- overrideOnClick?: (value?: MenuOption) => void;
8
- }
9
- /**
10
- * The properties for the Menu component.
11
- */
12
- export interface MenuProps {
13
- /**
14
- * An array of options to be displayed in the menu. The outer array represents the rows of the menu, while the inner arrays represent the columns.
15
- */
16
- options: MenuOption[][];
17
- /**
18
- * The currently selected option in the menu.
19
- */
20
- selected?: MenuOption;
21
- /**
22
- * An ID to associate wrapper component with this Menu.
23
- */
24
- menuId?: string;
25
- /**
26
- * A function to be called to close the menu.
27
- */
28
- handleExpandMenu?: () => void;
29
- /**
30
- * A function to be called when an option in the menu is hovered over.
31
- */
32
- onOptionHover?: (value?: unknown) => void;
33
- /**
34
- * A function to be called when an option in the menu is selected/clicked.
35
- */
36
- onChange: (value: MenuOption) => void;
37
- /**
38
- * Whether the width of the menu should fit its contents
39
- */
40
- fitContent?: boolean;
41
- /**
42
- * The width of the menu, as a CSS string, default to 100% of the parent container.
43
- */
44
- width?: string;
45
- /**
46
- * The height of the menu, as a CSS string.
47
- */
48
- height?: string;
49
- /**
50
- * The text to be displayed as the header of the menu.
51
- */
52
- header?: string;
53
- /**
54
- * The currently focused option in the menu.
55
- */
56
- focusedOption?: MenuOption;
57
- /**
58
- * The menu should be positioned absolutely.
59
- */
60
- absolutePosition?: boolean;
61
- /**
62
- * The position of the menu relative to the button ('above' or 'below').
63
- */
64
- menuPosition?: MenuPosition;
65
- }
66
- export declare const Menu: React.FC<MenuProps>;
67
- export declare const ButtonImage: import("styled-components").StyledComponent<"img", import("styled-components").DefaultTheme, {}, never>;
@@ -1,15 +0,0 @@
1
- import React, { FC } from 'react';
2
- import { TextProps } from '../../typography/Text';
3
- interface OptionTitleProps extends Omit<TextProps, 'children'> {
4
- children?: string;
5
- }
6
- /**
7
- * A single line of Text that will overflow with ellipsis. When overflown mousing over the text will display a tooltip with the text content.
8
- */
9
- export declare const OptionTitle: FC<OptionTitleProps>;
10
- /**
11
- * Checks if a element's content is overflown.
12
- */
13
- export declare function isElementOverflown(element: HTMLElement): boolean;
14
- export declare const useTooltip: <R extends HTMLElement>(tooltip?: string) => React.Ref<R>;
15
- export {};
@@ -1,19 +0,0 @@
1
- import React, { HTMLAttributes, ReactNode } from 'react';
2
- import { IconSizeType, IconType } from '../../system/ThemeProvider/lib/types';
3
- export type PropsWithIcon = {
4
- icon: IconType;
5
- children?: never;
6
- };
7
- export type PropsWithChild = {
8
- icon?: never;
9
- children: ReactNode;
10
- };
11
- export type IconSizeProps = {
12
- size?: IconSizeType;
13
- containerSize?: IconSizeType;
14
- };
15
- export type IconProps = HTMLAttributes<HTMLDivElement> & (PropsWithIcon | PropsWithChild) & IconSizeProps & {
16
- 'data-testid'?: string;
17
- enabled?: boolean;
18
- };
19
- export declare const Icon: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
@@ -1,28 +0,0 @@
1
- /**
2
- * Define all Button Variants here in one place.
3
- * Variants should match the variants in Figma
4
- */
5
- export declare const Variant: {
6
- readonly iconSize: "iconSize";
7
- readonly containerSize: "containerSize";
8
- };
9
- export declare const variants: {
10
- readonly iconSize: {
11
- readonly xsmall: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
12
- readonly small: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
13
- readonly base: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
14
- readonly large: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
15
- readonly xlarge: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
16
- readonly xxlarge: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
17
- readonly xxxlarge: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
18
- };
19
- readonly containerSize: {
20
- readonly xsmall: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
21
- readonly small: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
22
- readonly base: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
23
- readonly large: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
24
- readonly xlarge: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
25
- readonly xxlarge: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
26
- readonly xxxlarge: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
27
- };
28
- };
@@ -1 +0,0 @@
1
- export * from './icon';
@@ -1,2 +0,0 @@
1
- import { IconProps } from '@radix-ui/react-icons/dist/types';
2
- export declare const BellFilledIcon: ({ color, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,6 +0,0 @@
1
- import { IconProps } from '@radix-ui/react-icons/dist/types';
2
- /**
3
- * OVERRIDE!
4
- * This replaces Radix UI BellIcon
5
- */
6
- export declare const BellIcon: ({ color, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,2 +0,0 @@
1
- import { IconProps } from '@radix-ui/react-icons/dist/types';
2
- export declare const BlockedIcon: ({ color, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,2 +0,0 @@
1
- import { IconProps } from '@radix-ui/react-icons/dist/types';
2
- export declare const BookmarkFilled: ({ color, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,2 +0,0 @@
1
- import { IconProps } from '@radix-ui/react-icons/dist/types';
2
- export declare const BookmarkOutlined: ({ color, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,2 +0,0 @@
1
- import { IconProps } from '@radix-ui/react-icons/dist/types';
2
- export declare const BrokenLinkIcon: ({ color, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,2 +0,0 @@
1
- import { IconProps } from '@radix-ui/react-icons/dist/types';
2
- export declare const ChevronDownIcon: ({ color, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,2 +0,0 @@
1
- import { IconProps } from '@radix-ui/react-icons/dist/types';
2
- export declare const ChevronLeftIcon: ({ color, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,2 +0,0 @@
1
- import { IconProps } from '@radix-ui/react-icons/dist/types';
2
- export declare const ChevronRightIcon: ({ color, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,2 +0,0 @@
1
- import { IconProps } from '@radix-ui/react-icons/dist/types';
2
- export declare const ChevronUpIcon: ({ color, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,2 +0,0 @@
1
- import { IconProps } from '@radix-ui/react-icons/dist/types';
2
- export declare const CollectionIcon: ({ color, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,2 +0,0 @@
1
- import { IconProps } from '@radix-ui/react-icons/dist/types';
2
- export declare const ContentAppIcon: ({ color, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,2 +0,0 @@
1
- import { IconProps } from '@radix-ui/react-icons/dist/types';
2
- export declare const EnterpriseGlobeIcon: ({ color, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,4 +0,0 @@
1
- import { IconProps } from '@radix-ui/react-icons/dist/types';
2
- export declare const ExclamationCircledFilledIcon: (props: IconProps & {
3
- secondaryColor?: string;
4
- }) => import("react/jsx-runtime").JSX.Element;
@@ -1,2 +0,0 @@
1
- import { IconProps } from '@radix-ui/react-icons/dist/types';
2
- export declare const FallbackGlobeIcon: ({ color, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,2 +0,0 @@
1
- import { IconProps } from '@radix-ui/react-icons/dist/types';
2
- export declare const FilledCircleIcon: ({ color, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,2 +0,0 @@
1
- import { IconProps } from '@radix-ui/react-icons/dist/types';
2
- export declare const FilterIcon: ({ color, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,5 +0,0 @@
1
- import { IconProps } from '@radix-ui/react-icons/dist/types';
2
- /**
3
- * Floppy Disc Icon
4
- */
5
- export declare const FloppyDiskIcon: ({ color, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,2 +0,0 @@
1
- import { IconProps } from '@radix-ui/react-icons/dist/types';
2
- export declare const FragmentsIcon: ({ color, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,2 +0,0 @@
1
- import { IconProps } from '@radix-ui/react-icons/dist/types';
2
- export declare const LightBulbFilledIcon: ({ color, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,2 +0,0 @@
1
- import { IconProps } from '@radix-ui/react-icons/dist/types';
2
- export declare const LightBulbOutlinedIcon: ({ color, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,5 +0,0 @@
1
- import { IconProps } from '@radix-ui/react-icons/dist/types';
2
- /**
3
- * OpenFin Icon
4
- */
5
- export declare const LockedClosedFilledIcon: ({ color, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,5 +0,0 @@
1
- import { IconProps } from '@radix-ui/react-icons/dist/types';
2
- /**
3
- * Minimize Icon
4
- */
5
- export declare const MinimizeIcon: ({ color, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,5 +0,0 @@
1
- import { IconProps } from '@radix-ui/react-icons/dist/types';
2
- /**
3
- * OpenFin Icon
4
- */
5
- export declare const OpenFinIcon: ({ color, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,5 +0,0 @@
1
- import { IconProps } from '@radix-ui/react-icons/dist/types';
2
- /**
3
- * Page Icon
4
- */
5
- export declare const PageIcon: ({ color, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,2 +0,0 @@
1
- import { IconProps } from '@radix-ui/react-icons/dist/types';
2
- export declare const RedDotIcon: ({ ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,2 +0,0 @@
1
- import { IconProps } from '@radix-ui/react-icons/dist/types';
2
- export declare const StackIcon: ({ color, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,2 +0,0 @@
1
- import { IconProps } from '@radix-ui/react-icons/dist/types';
2
- export declare const StorefrontIcon: ({ color, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,5 +0,0 @@
1
- import { IconProps } from '@radix-ui/react-icons/dist/types';
2
- /**
3
- * EB Supertab Icon
4
- */
5
- export declare const SupertabIcon: ({ color, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,5 +0,0 @@
1
- import { IconProps } from '@radix-ui/react-icons/dist/types';
2
- /**
3
- * OpenFin Workspace Icon
4
- */
5
- export declare const WorkspaceIcon: ({ color, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,30 +0,0 @@
1
- export * from './ContentAppIcon';
2
- export * from './OpenFinIcon';
3
- export * from './BellIcon';
4
- export * from './WorkspaceIcon';
5
- export * from './LockedClosedFilledIcon';
6
- export * from './MinimizeIcon';
7
- export * from './LightBulbFilledIcon';
8
- export * from './LightBulbOutlinedIcon';
9
- export * from './FilterIcon';
10
- export * from './BrokenLinkIcon';
11
- export * from './FloppyDiskIcon';
12
- export * from './StackIcon';
13
- export * from './BellFilledIcon';
14
- export * from './StorefrontIcon';
15
- export * from './FragmentsIcon';
16
- export * from './ChevronRightIcon';
17
- export * from './ChevronLeftIcon';
18
- export * from './ChevronUpIcon';
19
- export * from './ChevronDownIcon';
20
- export * from './ExclamationCircledFilledIcon';
21
- export * from './FilledCircleIcon';
22
- export * from './PageIcon';
23
- export * from './RedDotIcon';
24
- export * from './BookmarkFilled';
25
- export * from './BookmarkOutlined';
26
- export * from './FallbackGlobeIcon';
27
- export * from './BlockedIcon';
28
- export * from './EnterpriseGlobeIcon';
29
- export * from './SupertabIcon';
30
- export * from './CollectionIcon';
@@ -1,5 +0,0 @@
1
- import React from 'react';
2
- import { IconProps } from '../Icon/icon';
3
- import { BadgeCountProps } from '../Badge';
4
- export type IconWithBadgeProps = IconProps & BadgeCountProps;
5
- export declare const IconWithBadge: React.FC<IconWithBadgeProps>;
@@ -1 +0,0 @@
1
- export * from './iconWithBadge';