@elastic/eui 110.0.0 → 111.0.0

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 (237) hide show
  1. package/es/components/collapsible_nav/collapsible_nav.js +20 -101
  2. package/es/components/collapsible_nav_beta/collapsible_nav_beta.js +1 -0
  3. package/es/components/flyout/_flyout_overlay.js +52 -0
  4. package/es/components/flyout/_flyout_resize_button.js +32 -0
  5. package/es/components/flyout/{flyout_resizable.styles.js → _flyout_resize_button.styles.js} +11 -11
  6. package/es/components/flyout/const.js +42 -0
  7. package/es/components/flyout/flyout.component.js +481 -0
  8. package/es/components/flyout/flyout.js +77 -379
  9. package/es/components/flyout/flyout.styles.js +105 -7
  10. package/es/components/flyout/flyout_menu.js +241 -0
  11. package/es/components/flyout/flyout_menu.styles.js +19 -0
  12. package/{optimize/es/components/flyout/flyout_context.js → es/components/flyout/flyout_menu_context.js} +1 -7
  13. package/es/components/flyout/flyout_parent_context.js +36 -0
  14. package/es/components/flyout/flyout_resizable.js +33 -144
  15. package/es/components/flyout/hooks.js +25 -0
  16. package/es/components/flyout/index.js +5 -2
  17. package/es/components/flyout/manager/actions.js +153 -0
  18. package/es/components/flyout/manager/activity_stage.js +95 -0
  19. package/es/components/flyout/manager/const.js +56 -0
  20. package/es/components/flyout/manager/context.js +33 -0
  21. package/es/components/flyout/manager/flyout_child.js +75 -0
  22. package/es/components/flyout/manager/flyout_main.js +65 -0
  23. package/es/components/flyout/manager/flyout_main.styles.js +25 -0
  24. package/es/components/flyout/manager/flyout_managed.js +227 -0
  25. package/es/components/flyout/manager/flyout_managed.styles.js +69 -0
  26. package/es/components/flyout/manager/hooks.js +55 -0
  27. package/es/components/flyout/manager/index.js +31 -0
  28. package/es/components/flyout/manager/layout_mode.js +167 -0
  29. package/es/components/flyout/manager/provider.js +57 -0
  30. package/es/components/flyout/manager/reducer.js +320 -0
  31. package/es/components/flyout/manager/selectors.js +116 -0
  32. package/es/components/flyout/manager/store.js +113 -0
  33. package/es/components/flyout/manager/validation.js +85 -0
  34. package/es/components/flyout/use_flyout_resizable.js +149 -0
  35. package/es/components/flyout/use_flyout_z_index.js +46 -0
  36. package/es/components/overlay_mask/overlay_mask.js +13 -3
  37. package/es/components/overlay_mask/overlay_mask.styles.js +11 -2
  38. package/es/components/provider/provider.js +2 -1
  39. package/eui.d.ts +1484 -921
  40. package/i18ntokens.json +1207 -1153
  41. package/lib/components/collapsible_nav/collapsible_nav.js +20 -101
  42. package/lib/components/collapsible_nav_beta/collapsible_nav_beta.js +1 -0
  43. package/lib/components/flyout/_flyout_overlay.js +59 -0
  44. package/lib/components/flyout/_flyout_resize_button.js +38 -0
  45. package/{test-env/components/flyout/flyout_resizable.styles.js → lib/components/flyout/_flyout_resize_button.styles.js} +12 -12
  46. package/lib/components/flyout/const.js +49 -0
  47. package/lib/components/flyout/flyout.component.js +488 -0
  48. package/lib/components/flyout/flyout.js +102 -379
  49. package/lib/components/flyout/flyout.styles.js +105 -7
  50. package/lib/components/flyout/flyout_menu.js +243 -0
  51. package/lib/components/flyout/flyout_menu.styles.js +25 -0
  52. package/{optimize/lib/components/flyout/flyout_context.js → lib/components/flyout/flyout_menu_context.js} +2 -7
  53. package/lib/components/flyout/flyout_parent_context.js +43 -0
  54. package/lib/components/flyout/flyout_resizable.js +36 -147
  55. package/lib/components/flyout/hooks.js +30 -0
  56. package/lib/components/flyout/index.js +21 -14
  57. package/lib/components/flyout/manager/actions.js +159 -0
  58. package/lib/components/flyout/manager/activity_stage.js +101 -0
  59. package/lib/components/flyout/manager/const.js +62 -0
  60. package/lib/components/flyout/manager/context.js +41 -0
  61. package/lib/components/flyout/manager/flyout_child.js +80 -0
  62. package/lib/components/flyout/manager/flyout_main.js +70 -0
  63. package/lib/components/flyout/manager/flyout_main.styles.js +31 -0
  64. package/lib/components/flyout/manager/flyout_managed.js +233 -0
  65. package/lib/components/flyout/manager/flyout_managed.styles.js +73 -0
  66. package/lib/components/flyout/manager/hooks.js +131 -0
  67. package/lib/components/flyout/manager/index.js +168 -0
  68. package/lib/components/flyout/manager/layout_mode.js +171 -0
  69. package/lib/components/flyout/manager/provider.js +63 -0
  70. package/lib/components/flyout/manager/reducer.js +325 -0
  71. package/lib/components/flyout/manager/selectors.js +122 -0
  72. package/lib/components/flyout/manager/store.js +120 -0
  73. package/lib/components/flyout/manager/validation.js +94 -0
  74. package/lib/components/flyout/use_flyout_resizable.js +153 -0
  75. package/lib/components/flyout/use_flyout_z_index.js +51 -0
  76. package/lib/components/overlay_mask/overlay_mask.js +12 -2
  77. package/lib/components/overlay_mask/overlay_mask.styles.js +11 -4
  78. package/lib/components/provider/provider.js +2 -1
  79. package/optimize/es/components/collapsible_nav/collapsible_nav.js +1 -0
  80. package/optimize/es/components/collapsible_nav_beta/collapsible_nav_beta.js +1 -0
  81. package/optimize/es/components/flyout/_flyout_overlay.js +52 -0
  82. package/optimize/es/components/flyout/_flyout_resize_button.js +31 -0
  83. package/optimize/es/components/flyout/{flyout_resizable.styles.js → _flyout_resize_button.styles.js} +11 -11
  84. package/optimize/es/components/flyout/const.js +42 -0
  85. package/optimize/es/components/flyout/flyout.component.js +469 -0
  86. package/optimize/es/components/flyout/flyout.js +53 -349
  87. package/optimize/es/components/flyout/flyout.styles.js +102 -7
  88. package/optimize/es/components/flyout/flyout_menu.js +162 -0
  89. package/optimize/es/components/flyout/flyout_menu.styles.js +19 -0
  90. package/{es/components/flyout/flyout_context.js → optimize/es/components/flyout/flyout_menu_context.js} +1 -7
  91. package/optimize/es/components/flyout/flyout_parent_context.js +36 -0
  92. package/optimize/es/components/flyout/flyout_resizable.js +7 -138
  93. package/optimize/es/components/flyout/hooks.js +25 -0
  94. package/optimize/es/components/flyout/index.js +5 -2
  95. package/optimize/es/components/flyout/manager/actions.js +153 -0
  96. package/optimize/es/components/flyout/manager/activity_stage.js +95 -0
  97. package/optimize/es/components/flyout/manager/const.js +56 -0
  98. package/optimize/es/components/flyout/manager/context.js +33 -0
  99. package/optimize/es/components/flyout/manager/flyout_child.js +71 -0
  100. package/optimize/es/components/flyout/manager/flyout_main.js +61 -0
  101. package/optimize/es/components/flyout/manager/flyout_main.styles.js +25 -0
  102. package/optimize/es/components/flyout/manager/flyout_managed.js +223 -0
  103. package/optimize/es/components/flyout/manager/flyout_managed.styles.js +69 -0
  104. package/optimize/es/components/flyout/manager/hooks.js +55 -0
  105. package/optimize/es/components/flyout/manager/index.js +31 -0
  106. package/optimize/es/components/flyout/manager/layout_mode.js +162 -0
  107. package/optimize/es/components/flyout/manager/provider.js +53 -0
  108. package/optimize/es/components/flyout/manager/reducer.js +312 -0
  109. package/optimize/es/components/flyout/manager/selectors.js +116 -0
  110. package/optimize/es/components/flyout/manager/store.js +113 -0
  111. package/optimize/es/components/flyout/manager/types.js +1 -0
  112. package/optimize/es/components/flyout/manager/validation.js +85 -0
  113. package/optimize/es/components/flyout/types.js +1 -0
  114. package/optimize/es/components/flyout/use_flyout_resizable.js +144 -0
  115. package/optimize/es/components/flyout/use_flyout_z_index.js +46 -0
  116. package/optimize/es/components/overlay_mask/overlay_mask.js +13 -3
  117. package/optimize/es/components/overlay_mask/overlay_mask.styles.js +11 -2
  118. package/optimize/es/components/provider/provider.js +2 -1
  119. package/optimize/lib/components/collapsible_nav/collapsible_nav.js +1 -0
  120. package/optimize/lib/components/collapsible_nav_beta/collapsible_nav_beta.js +1 -0
  121. package/optimize/lib/components/flyout/_flyout_overlay.js +62 -0
  122. package/optimize/lib/components/flyout/_flyout_resize_button.js +37 -0
  123. package/{lib/components/flyout/flyout_resizable.styles.js → optimize/lib/components/flyout/_flyout_resize_button.styles.js} +12 -12
  124. package/optimize/lib/components/flyout/const.js +49 -0
  125. package/optimize/lib/components/flyout/flyout.component.js +477 -0
  126. package/optimize/lib/components/flyout/flyout.js +77 -349
  127. package/optimize/lib/components/flyout/flyout.styles.js +102 -7
  128. package/optimize/lib/components/flyout/flyout_menu.js +168 -0
  129. package/optimize/lib/components/flyout/flyout_menu.styles.js +25 -0
  130. package/{lib/components/flyout/flyout_context.js → optimize/lib/components/flyout/flyout_menu_context.js} +2 -7
  131. package/optimize/lib/components/flyout/flyout_parent_context.js +43 -0
  132. package/optimize/lib/components/flyout/flyout_resizable.js +9 -139
  133. package/optimize/lib/components/flyout/hooks.js +30 -0
  134. package/optimize/lib/components/flyout/index.js +21 -14
  135. package/optimize/lib/components/flyout/manager/actions.js +159 -0
  136. package/optimize/lib/components/flyout/manager/activity_stage.js +101 -0
  137. package/optimize/lib/components/flyout/manager/const.js +62 -0
  138. package/optimize/lib/components/flyout/manager/context.js +41 -0
  139. package/optimize/lib/components/flyout/manager/flyout_child.js +76 -0
  140. package/optimize/lib/components/flyout/manager/flyout_main.js +66 -0
  141. package/optimize/lib/components/flyout/manager/flyout_main.styles.js +31 -0
  142. package/optimize/lib/components/flyout/manager/flyout_managed.js +231 -0
  143. package/optimize/lib/components/flyout/manager/flyout_managed.styles.js +74 -0
  144. package/optimize/lib/components/flyout/manager/hooks.js +131 -0
  145. package/optimize/lib/components/flyout/manager/index.js +168 -0
  146. package/optimize/lib/components/flyout/manager/layout_mode.js +169 -0
  147. package/optimize/lib/components/flyout/manager/provider.js +61 -0
  148. package/optimize/lib/components/flyout/manager/reducer.js +318 -0
  149. package/optimize/lib/components/flyout/manager/selectors.js +122 -0
  150. package/optimize/lib/components/flyout/manager/store.js +120 -0
  151. package/optimize/lib/components/flyout/manager/validation.js +94 -0
  152. package/optimize/lib/components/flyout/types.js +5 -0
  153. package/optimize/lib/components/flyout/use_flyout_resizable.js +151 -0
  154. package/optimize/lib/components/flyout/use_flyout_z_index.js +51 -0
  155. package/optimize/lib/components/overlay_mask/overlay_mask.js +12 -2
  156. package/optimize/lib/components/overlay_mask/overlay_mask.styles.js +11 -4
  157. package/optimize/lib/components/provider/provider.js +2 -1
  158. package/package.json +5 -4
  159. package/test-env/components/collapsible_nav/collapsible_nav.js +20 -101
  160. package/test-env/components/collapsible_nav_beta/collapsible_nav_beta.js +1 -0
  161. package/test-env/components/flyout/_flyout_overlay.js +62 -0
  162. package/test-env/components/flyout/_flyout_resize_button.js +37 -0
  163. package/{optimize/lib/components/flyout/flyout_resizable.styles.js → test-env/components/flyout/_flyout_resize_button.styles.js} +12 -12
  164. package/test-env/components/flyout/const.js +49 -0
  165. package/test-env/components/flyout/flyout.component.js +477 -0
  166. package/test-env/components/flyout/flyout.styles.js +102 -7
  167. package/test-env/components/flyout/flyout_menu.js +241 -0
  168. package/test-env/components/flyout/flyout_menu.styles.js +25 -0
  169. package/test-env/components/flyout/{flyout_context.js → flyout_menu_context.js} +2 -7
  170. package/test-env/components/flyout/flyout_parent_context.js +43 -0
  171. package/test-env/components/flyout/flyout_resizable.js +35 -139
  172. package/test-env/components/flyout/hooks.js +30 -0
  173. package/test-env/components/flyout/index.js +21 -14
  174. package/test-env/components/flyout/manager/actions.js +159 -0
  175. package/test-env/components/flyout/manager/activity_stage.js +101 -0
  176. package/test-env/components/flyout/manager/const.js +62 -0
  177. package/test-env/components/flyout/manager/context.js +41 -0
  178. package/test-env/components/flyout/manager/flyout_child.js +76 -0
  179. package/test-env/components/flyout/manager/flyout_main.js +66 -0
  180. package/test-env/components/flyout/manager/flyout_main.styles.js +31 -0
  181. package/test-env/components/flyout/manager/flyout_managed.js +231 -0
  182. package/test-env/components/flyout/manager/flyout_managed.styles.js +74 -0
  183. package/test-env/components/flyout/manager/hooks.js +131 -0
  184. package/test-env/components/flyout/manager/index.js +168 -0
  185. package/test-env/components/flyout/manager/layout_mode.js +169 -0
  186. package/test-env/components/flyout/manager/provider.js +61 -0
  187. package/test-env/components/flyout/manager/reducer.js +318 -0
  188. package/test-env/components/flyout/manager/selectors.js +122 -0
  189. package/test-env/components/flyout/manager/store.js +120 -0
  190. package/test-env/components/flyout/manager/types.js +5 -0
  191. package/test-env/components/flyout/manager/validation.js +94 -0
  192. package/test-env/components/flyout/types.js +5 -0
  193. package/test-env/components/flyout/use_flyout_resizable.js +151 -0
  194. package/test-env/components/flyout/use_flyout_z_index.js +51 -0
  195. package/test-env/components/overlay_mask/overlay_mask.js +12 -2
  196. package/test-env/components/overlay_mask/overlay_mask.styles.js +11 -4
  197. package/test-env/components/provider/provider.js +2 -1
  198. package/es/components/flyout/flyout_child.js +0 -223
  199. package/es/components/flyout/flyout_child.styles.js +0 -32
  200. package/es/components/flyout/flyout_child_manager.js +0 -114
  201. package/es/components/flyout/sessions/flyout_provider.js +0 -95
  202. package/es/components/flyout/sessions/flyout_reducer.js +0 -195
  203. package/es/components/flyout/sessions/index.js +0 -10
  204. package/es/components/flyout/sessions/use_eui_flyout.js +0 -82
  205. package/lib/components/flyout/flyout_child.js +0 -231
  206. package/lib/components/flyout/flyout_child.styles.js +0 -38
  207. package/lib/components/flyout/flyout_child_manager.js +0 -122
  208. package/lib/components/flyout/sessions/flyout_provider.js +0 -102
  209. package/lib/components/flyout/sessions/flyout_reducer.js +0 -202
  210. package/lib/components/flyout/sessions/index.js +0 -25
  211. package/lib/components/flyout/sessions/use_eui_flyout.js +0 -88
  212. package/optimize/es/components/flyout/flyout_child.js +0 -178
  213. package/optimize/es/components/flyout/flyout_child.styles.js +0 -32
  214. package/optimize/es/components/flyout/flyout_child_manager.js +0 -100
  215. package/optimize/es/components/flyout/sessions/flyout_provider.js +0 -90
  216. package/optimize/es/components/flyout/sessions/flyout_reducer.js +0 -187
  217. package/optimize/es/components/flyout/sessions/index.js +0 -10
  218. package/optimize/es/components/flyout/sessions/use_eui_flyout.js +0 -82
  219. package/optimize/lib/components/flyout/flyout_child.js +0 -186
  220. package/optimize/lib/components/flyout/flyout_child.styles.js +0 -38
  221. package/optimize/lib/components/flyout/flyout_child_manager.js +0 -110
  222. package/optimize/lib/components/flyout/sessions/flyout_provider.js +0 -100
  223. package/optimize/lib/components/flyout/sessions/flyout_reducer.js +0 -195
  224. package/optimize/lib/components/flyout/sessions/index.js +0 -25
  225. package/optimize/lib/components/flyout/sessions/use_eui_flyout.js +0 -88
  226. package/test-env/components/flyout/flyout_child.js +0 -230
  227. package/test-env/components/flyout/flyout_child.styles.js +0 -38
  228. package/test-env/components/flyout/flyout_child_manager.js +0 -119
  229. package/test-env/components/flyout/sessions/flyout_provider.js +0 -100
  230. package/test-env/components/flyout/sessions/flyout_reducer.js +0 -195
  231. package/test-env/components/flyout/sessions/index.js +0 -25
  232. package/test-env/components/flyout/sessions/use_eui_flyout.js +0 -88
  233. /package/es/components/flyout/{sessions → manager}/types.js +0 -0
  234. /package/{optimize/es/components/flyout/sessions → es/components/flyout}/types.js +0 -0
  235. /package/lib/components/flyout/{sessions → manager}/types.js +0 -0
  236. /package/{optimize/lib/components/flyout/sessions → lib/components/flyout}/types.js +0 -0
  237. /package/{test-env/components/flyout/sessions → optimize/lib/components/flyout/manager}/types.js +0 -0
@@ -1,110 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
- var _typeof = require("@babel/runtime/helpers/typeof");
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- exports.EuiFlyoutChildProvider = void 0;
9
- var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
10
- var _react = _interopRequireWildcard(require("react"));
11
- var _services = require("../../services");
12
- var _flyout_context = require("./flyout_context");
13
- var _react2 = require("@emotion/react");
14
- function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
15
- function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
16
- /*
17
- * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
18
- * or more contributor license agreements. Licensed under the Elastic License
19
- * 2.0 and the Server Side Public License, v 1; you may not use this file except
20
- * in compliance with, at your election, the Elastic License 2.0 or the Server
21
- * Side Public License, v 1.
22
- */
23
-
24
- /**
25
- * An intermediate component between EuiFlyout and EuiFlyoutChild.
26
- * It is responsible for managing the state of the child flyout, and passing it to EuiFlyoutContext.
27
- * It removes the responsibility of managing child flyout state from EuiFlyout, which is especially important there might not be a child flyout.
28
- */
29
- var EuiFlyoutChildProvider = exports.EuiFlyoutChildProvider = function EuiFlyoutChildProvider(_ref) {
30
- var parentSize = _ref.parentSize,
31
- parentFlyoutRef = _ref.parentFlyoutRef,
32
- childElement = _ref.childElement,
33
- childrenToRender = _ref.childrenToRender,
34
- reportIsChildOpen = _ref.reportIsChildOpen,
35
- reportChildLayoutMode = _ref.reportChildLayoutMode;
36
- var _useEuiTheme = (0, _services.useEuiTheme)(),
37
- euiTheme = _useEuiTheme.euiTheme;
38
- var _useState = (0, _react.useState)(false),
39
- _useState2 = (0, _slicedToArray2.default)(_useState, 2),
40
- isChildFlyoutOpen = _useState2[0],
41
- setIsChildFlyoutOpen = _useState2[1];
42
- var _useState3 = (0, _react.useState)(typeof window !== 'undefined' ? window.innerWidth : Infinity),
43
- _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
44
- windowWidth = _useState4[0],
45
- setWindowWidth = _useState4[1];
46
- var _useState5 = (0, _react.useState)('side-by-side'),
47
- _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
48
- childLayoutMode = _useState6[0],
49
- setChildLayoutMode = _useState6[1];
50
-
51
- // update windowWidth on resize
52
- (0, _react.useEffect)(function () {
53
- if (typeof window === 'undefined') return;
54
- var handleResize = function handleResize() {
55
- setWindowWidth(window.innerWidth);
56
- };
57
- window.addEventListener('resize', handleResize);
58
- handleResize();
59
- return function () {
60
- window.removeEventListener('resize', handleResize);
61
- reportIsChildOpen === null || reportIsChildOpen === void 0 || reportIsChildOpen(false);
62
- };
63
- // eslint-disable-next-line react-hooks/exhaustive-deps
64
- }, []);
65
-
66
- // Calculate stacking breakpoint value for child flyout.
67
- // Stacking breakpoint value is a sum of parent breakpoint value and child breakpoint value.
68
- var stackingBreakpointValue = (0, _react.useMemo)(function () {
69
- var parentSizeName = parentSize;
70
- var childSizeName = childElement.props.size || 's';
71
- var parentNumericValue = 0;
72
- if (parentSizeName === 's') parentNumericValue = euiTheme.breakpoint.s;else if (parentSizeName === 'm') parentNumericValue = euiTheme.breakpoint.m;
73
- // Parent 'l' size is not allowed when child is present, so no need to check here
74
-
75
- var childNumericValue = 0;
76
- if (childSizeName === 's') childNumericValue = euiTheme.breakpoint.s;else if (childSizeName === 'm') childNumericValue = euiTheme.breakpoint.m;
77
- return parentNumericValue + childNumericValue;
78
- }, [parentSize, childElement.props.size, euiTheme.breakpoint]);
79
-
80
- // update childLayoutMode based on windowWidth and the calculated stackingBreakpoint
81
- (0, _react.useEffect)(function () {
82
- if (windowWidth >= stackingBreakpointValue) {
83
- setChildLayoutMode('side-by-side');
84
- } else {
85
- setChildLayoutMode('stacked');
86
- }
87
- }, [windowWidth, stackingBreakpointValue]);
88
-
89
- // report isChildFlyoutOpen changes to the parent EuiFlyout
90
- (0, _react.useEffect)(function () {
91
- reportIsChildOpen(isChildFlyoutOpen);
92
- }, [isChildFlyoutOpen, reportIsChildOpen]);
93
-
94
- // report childLayoutMode changes to the parent EuiFlyout
95
- (0, _react.useEffect)(function () {
96
- reportChildLayoutMode(childLayoutMode);
97
- }, [childLayoutMode, reportChildLayoutMode]);
98
- var contextValue = (0, _react.useMemo)(function () {
99
- return {
100
- parentSize: parentSize,
101
- parentFlyoutRef: parentFlyoutRef,
102
- isChildFlyoutOpen: isChildFlyoutOpen,
103
- setIsChildFlyoutOpen: setIsChildFlyoutOpen,
104
- childLayoutMode: childLayoutMode
105
- };
106
- }, [parentSize, parentFlyoutRef, isChildFlyoutOpen, setIsChildFlyoutOpen, childLayoutMode]);
107
- return (0, _react2.jsx)(_flyout_context.EuiFlyoutContext.Provider, {
108
- value: contextValue
109
- }, childrenToRender);
110
- };
@@ -1,100 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
- var _typeof = require("@babel/runtime/helpers/typeof");
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- exports.useEuiFlyoutSessionContext = exports.EuiFlyoutSessionProvider = void 0;
9
- var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
10
- var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
11
- var _react = _interopRequireWildcard(require("react"));
12
- var _index = require("../index");
13
- var _flyout_reducer = require("./flyout_reducer");
14
- var _react2 = require("@emotion/react");
15
- function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
16
- function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
17
- /*
18
- * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
19
- * or more contributor license agreements. Licensed under the Elastic License
20
- * 2.0 and the Server Side Public License, v 1; you may not use this file except
21
- * in compliance with, at your election, the Elastic License 2.0 or the Server
22
- * Side Public License, v 1.
23
- */
24
-
25
- var EuiFlyoutSessionContext = /*#__PURE__*/(0, _react.createContext)(null);
26
-
27
- /**
28
- * Accesses the state data and dispatch function from the context of EuiFlyoutSessionProvider
29
- * Use this if you need to debug the state or need direct access to the dispatch function, otherwise use useEuiFlyoutSession hook.
30
- */
31
- var useEuiFlyoutSessionContext = exports.useEuiFlyoutSessionContext = function useEuiFlyoutSessionContext() {
32
- var context = (0, _react.useContext)(EuiFlyoutSessionContext);
33
- if (!context) {
34
- throw new Error('useEuiFlyoutSessionContext must be used within a EuiFlyoutSessionProvider');
35
- }
36
- return context;
37
- };
38
-
39
- /**
40
- * FlyoutProvider is a component that provides a context for Flyout components.
41
- * It is used to manage the state of the Flyout and its child.
42
- * It also renders the Flyout and FlyoutChild components.
43
- *
44
- * @param children - The children of the FlyoutProvider component.
45
- * @param renderMainFlyoutContent - A function that renders the content of the main Flyout.
46
- * @param renderChildFlyoutContent - A function that renders the content of the child Flyout.
47
- * @returns The FlyoutProvider component.
48
- */
49
- var EuiFlyoutSessionProvider = exports.EuiFlyoutSessionProvider = function EuiFlyoutSessionProvider(_ref) {
50
- var children = _ref.children,
51
- renderMainFlyoutContent = _ref.renderMainFlyoutContent,
52
- renderChildFlyoutContent = _ref.renderChildFlyoutContent,
53
- onUnmount = _ref.onUnmount;
54
- var _useReducer = (0, _react.useReducer)(_flyout_reducer.flyoutReducer, _flyout_reducer.initialFlyoutState),
55
- _useReducer2 = (0, _slicedToArray2.default)(_useReducer, 2),
56
- state = _useReducer2[0],
57
- dispatch = _useReducer2[1];
58
- var activeFlyoutGroup = state.activeFlyoutGroup;
59
- var handleClose = function handleClose() {
60
- dispatch({
61
- type: 'CLOSE_SESSION'
62
- });
63
- };
64
- var handleCloseChild = function handleCloseChild() {
65
- dispatch({
66
- type: 'CLOSE_CHILD_FLYOUT'
67
- });
68
- };
69
- var mainFlyoutContentNode = null;
70
- var childFlyoutContentNode = null;
71
- if (activeFlyoutGroup) {
72
- var renderContext = {
73
- activeFlyoutGroup: activeFlyoutGroup,
74
- meta: activeFlyoutGroup.meta
75
- };
76
- mainFlyoutContentNode = renderMainFlyoutContent(renderContext);
77
- if (activeFlyoutGroup.isChildOpen && renderChildFlyoutContent) {
78
- childFlyoutContentNode = renderChildFlyoutContent(renderContext);
79
- } else if (activeFlyoutGroup.isChildOpen && !renderChildFlyoutContent) {
80
- console.warn('EuiFlyoutSessionProvider: A child flyout is open, but renderChildFlyoutContent was not provided.');
81
- }
82
- }
83
- var config = activeFlyoutGroup === null || activeFlyoutGroup === void 0 ? void 0 : activeFlyoutGroup.config;
84
- var flyoutPropsMain = (config === null || config === void 0 ? void 0 : config.mainFlyoutProps) || {};
85
- var flyoutPropsChild = (config === null || config === void 0 ? void 0 : config.childFlyoutProps) || {};
86
- return (0, _react2.jsx)(EuiFlyoutSessionContext.Provider, {
87
- value: {
88
- state: state,
89
- dispatch: dispatch,
90
- onUnmount: onUnmount
91
- }
92
- }, children, (activeFlyoutGroup === null || activeFlyoutGroup === void 0 ? void 0 : activeFlyoutGroup.isMainOpen) && (0, _react2.jsx)(_index.EuiFlyout, (0, _extends2.default)({
93
- onClose: handleClose,
94
- size: config === null || config === void 0 ? void 0 : config.mainSize,
95
- ownFocus: !activeFlyoutGroup.isChildOpen
96
- }, flyoutPropsMain), mainFlyoutContentNode, activeFlyoutGroup.isChildOpen && childFlyoutContentNode && (0, _react2.jsx)(_index.EuiFlyoutChild, (0, _extends2.default)({
97
- onClose: handleCloseChild,
98
- size: config === null || config === void 0 ? void 0 : config.childSize
99
- }, flyoutPropsChild), childFlyoutContentNode)));
100
- };
@@ -1,195 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports.flyoutReducer = flyoutReducer;
8
- exports.initialFlyoutState = void 0;
9
- var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
10
- var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
11
- function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
12
- function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
13
- /*
14
- * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
15
- * or more contributor license agreements. Licensed under the Elastic License
16
- * 2.0 and the Server Side Public License, v 1; you may not use this file except
17
- * in compliance with, at your election, the Elastic License 2.0 or the Server
18
- * Side Public License, v 1.
19
- */
20
-
21
- /**
22
- * Initial state for the flyout session
23
- * @internal
24
- */
25
- var initialFlyoutState = exports.initialFlyoutState = {
26
- activeFlyoutGroup: null,
27
- history: []
28
- };
29
-
30
- // Helper to apply size constraints for flyout groups
31
- var applySizeConstraints = function applySizeConstraints(group) {
32
- var originalMainSize = group.config.mainSize;
33
- var originalChildSize = group.config.childSize;
34
- var newMainSize = originalMainSize;
35
- var newChildSize = originalChildSize;
36
- if (group.isChildOpen) {
37
- if (originalMainSize === 'l') {
38
- newMainSize = 'm'; // If main is 'l' with child, it must be converted to 'm'
39
- newChildSize = 's'; // And child must be 's'
40
- } else if (originalMainSize === 'm' && originalChildSize !== 's') {
41
- newChildSize = 's'; // If main is 'm' with child, child must be 's'
42
- }
43
- }
44
-
45
- // If sizes haven't changed, return the original group to preserve references
46
- if (newMainSize === originalMainSize && newChildSize === originalChildSize) {
47
- return group;
48
- }
49
- return _objectSpread(_objectSpread({}, group), {}, {
50
- config: _objectSpread(_objectSpread({}, group.config), {}, {
51
- mainSize: newMainSize,
52
- childSize: newChildSize
53
- })
54
- });
55
- };
56
-
57
- /**
58
- * Flyout reducer
59
- * Controls state changes for flyout groups
60
- */
61
- function flyoutReducer(state, action) {
62
- switch (action.type) {
63
- case 'OPEN_MAIN_FLYOUT':
64
- {
65
- var _action$payload = action.payload,
66
- size = _action$payload.size,
67
- flyoutProps = _action$payload.flyoutProps,
68
- meta = _action$payload.meta;
69
- var newHistory = (0, _toConsumableArray2.default)(state.history);
70
- if (state.activeFlyoutGroup) {
71
- newHistory.push(state.activeFlyoutGroup);
72
- }
73
- var newActiveGroup = {
74
- isMainOpen: true,
75
- isChildOpen: false,
76
- config: {
77
- mainSize: size,
78
- mainFlyoutProps: flyoutProps
79
- },
80
- meta: meta
81
- };
82
- return {
83
- activeFlyoutGroup: applySizeConstraints(newActiveGroup),
84
- history: newHistory
85
- };
86
- }
87
- case 'OPEN_CHILD_FLYOUT':
88
- {
89
- if (!state.activeFlyoutGroup || !state.activeFlyoutGroup.isMainOpen) {
90
- console.warn('Cannot open child flyout: main flyout is not open or no active group.');
91
- return state;
92
- }
93
- var _action$payload2 = action.payload,
94
- _size = _action$payload2.size,
95
- _flyoutProps = _action$payload2.flyoutProps,
96
- _meta = _action$payload2.meta;
97
- var updatedActiveGroup = _objectSpread(_objectSpread({}, state.activeFlyoutGroup), {}, {
98
- isChildOpen: true,
99
- config: _objectSpread(_objectSpread({}, state.activeFlyoutGroup.config), {}, {
100
- childSize: _size,
101
- childFlyoutProps: _flyoutProps
102
- }),
103
- meta: _meta
104
- });
105
- return {
106
- history: state.history,
107
- activeFlyoutGroup: applySizeConstraints(updatedActiveGroup)
108
- };
109
- }
110
- case 'OPEN_FLYOUT_GROUP':
111
- {
112
- var _action$payload3 = action.payload,
113
- main = _action$payload3.main,
114
- child = _action$payload3.child,
115
- _meta2 = _action$payload3.meta;
116
- var _newHistory = (0, _toConsumableArray2.default)(state.history);
117
- if (state.activeFlyoutGroup) {
118
- _newHistory.push(state.activeFlyoutGroup);
119
- }
120
-
121
- // Create the new active group with both main and child flyouts open
122
- var _newActiveGroup = {
123
- isMainOpen: true,
124
- isChildOpen: true,
125
- config: {
126
- mainSize: main.size,
127
- childSize: child.size,
128
- mainFlyoutProps: main.flyoutProps,
129
- childFlyoutProps: child.flyoutProps
130
- },
131
- meta: _meta2
132
- };
133
- return {
134
- activeFlyoutGroup: applySizeConstraints(_newActiveGroup),
135
- history: _newHistory
136
- };
137
- }
138
- case 'CLOSE_CHILD_FLYOUT':
139
- {
140
- if (!state.activeFlyoutGroup || !state.activeFlyoutGroup.isChildOpen) {
141
- console.warn('Cannot close child flyout: no child is open or no active group.');
142
- return state;
143
- }
144
- var _updatedActiveGroup = _objectSpread(_objectSpread({}, state.activeFlyoutGroup), {}, {
145
- isChildOpen: false,
146
- config: _objectSpread(_objectSpread({}, state.activeFlyoutGroup.config), {}, {
147
- childFlyoutProps: {}
148
- })
149
- });
150
- return {
151
- history: state.history,
152
- activeFlyoutGroup: applySizeConstraints(_updatedActiveGroup)
153
- };
154
- }
155
- case 'GO_BACK':
156
- {
157
- if (!state.activeFlyoutGroup) return initialFlyoutState;
158
-
159
- // Restore from history or return to initial state
160
- if (state.history.length > 0) {
161
- var _newHistory2 = (0, _toConsumableArray2.default)(state.history);
162
- var previousGroup = _newHistory2.pop();
163
- return {
164
- activeFlyoutGroup: previousGroup ? applySizeConstraints(previousGroup) : null,
165
- history: _newHistory2
166
- };
167
- } else {
168
- return initialFlyoutState;
169
- }
170
- }
171
- case 'UPDATE_ACTIVE_FLYOUT_CONFIG':
172
- {
173
- if (!state.activeFlyoutGroup) {
174
- console.warn('Cannot update config: no active flyout group.');
175
- return state;
176
- }
177
- var configChanges = action.payload.configChanges;
178
- var _updatedActiveGroup2 = _objectSpread(_objectSpread({}, state.activeFlyoutGroup), {}, {
179
- config: _objectSpread(_objectSpread({}, state.activeFlyoutGroup.config), configChanges)
180
- });
181
- var finalUpdatedActiveGroup = applySizeConstraints(_updatedActiveGroup2);
182
- return _objectSpread(_objectSpread({}, state), {}, {
183
- activeFlyoutGroup: finalUpdatedActiveGroup
184
- });
185
- }
186
- case 'CLOSE_SESSION':
187
- // Remove the active group and close the session
188
- return {
189
- activeFlyoutGroup: null,
190
- history: []
191
- };
192
- default:
193
- return state;
194
- }
195
- }
@@ -1,25 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- Object.defineProperty(exports, "EuiFlyoutSessionProvider", {
7
- enumerable: true,
8
- get: function get() {
9
- return _flyout_provider.EuiFlyoutSessionProvider;
10
- }
11
- });
12
- Object.defineProperty(exports, "useEuiFlyoutSession", {
13
- enumerable: true,
14
- get: function get() {
15
- return _use_eui_flyout.useEuiFlyoutSession;
16
- }
17
- });
18
- Object.defineProperty(exports, "useEuiFlyoutSessionContext", {
19
- enumerable: true,
20
- get: function get() {
21
- return _flyout_provider.useEuiFlyoutSessionContext;
22
- }
23
- });
24
- var _flyout_provider = require("./flyout_provider");
25
- var _use_eui_flyout = require("./use_eui_flyout");
@@ -1,88 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.useEuiFlyoutSession = useEuiFlyoutSession;
7
- var _react = require("react");
8
- var _flyout_provider = require("./flyout_provider");
9
- /*
10
- * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
11
- * or more contributor license agreements. Licensed under the Elastic License
12
- * 2.0 and the Server Side Public License, v 1; you may not use this file except
13
- * in compliance with, at your election, the Elastic License 2.0 or the Server
14
- * Side Public License, v 1.
15
- */
16
-
17
- /**
18
- * Hook for accessing the flyout API
19
- * @public
20
- */
21
- function useEuiFlyoutSession() {
22
- var _state$activeFlyoutGr, _state$activeFlyoutGr2;
23
- var _useEuiFlyoutSessionC = (0, _flyout_provider.useEuiFlyoutSessionContext)(),
24
- state = _useEuiFlyoutSessionC.state,
25
- dispatch = _useEuiFlyoutSessionC.dispatch,
26
- onUnmount = _useEuiFlyoutSessionC.onUnmount;
27
- var isInitialMount = (0, _react.useRef)(true);
28
- (0, _react.useEffect)(function () {
29
- // When there is no active flyout, we should call the onUnmount callback.
30
- // Ensure this is not called on the initial render, only on subsequent state changes.
31
- if (isInitialMount.current) {
32
- isInitialMount.current = false;
33
- } else if (state.activeFlyoutGroup === null) {
34
- onUnmount === null || onUnmount === void 0 || onUnmount();
35
- }
36
- }, [state.activeFlyoutGroup, onUnmount]);
37
- var openFlyout = function openFlyout(options) {
38
- dispatch({
39
- type: 'OPEN_MAIN_FLYOUT',
40
- payload: options
41
- });
42
- };
43
- var openChildFlyout = function openChildFlyout(options) {
44
- if (!state.activeFlyoutGroup || !state.activeFlyoutGroup.isMainOpen) {
45
- console.warn('useEuiFlyoutApi: Cannot open child flyout when main flyout is not open.');
46
- return;
47
- }
48
- dispatch({
49
- type: 'OPEN_CHILD_FLYOUT',
50
- payload: options
51
- });
52
- };
53
- var openFlyoutGroup = function openFlyoutGroup(options) {
54
- dispatch({
55
- type: 'OPEN_FLYOUT_GROUP',
56
- payload: options
57
- });
58
- };
59
- var closeChildFlyout = function closeChildFlyout() {
60
- dispatch({
61
- type: 'CLOSE_CHILD_FLYOUT'
62
- });
63
- };
64
- var goBack = function goBack() {
65
- dispatch({
66
- type: 'GO_BACK'
67
- });
68
- };
69
- var closeSession = function closeSession() {
70
- dispatch({
71
- type: 'CLOSE_SESSION'
72
- });
73
- };
74
- var isFlyoutOpen = !!((_state$activeFlyoutGr = state.activeFlyoutGroup) !== null && _state$activeFlyoutGr !== void 0 && _state$activeFlyoutGr.isMainOpen);
75
- var isChildFlyoutOpen = !!((_state$activeFlyoutGr2 = state.activeFlyoutGroup) !== null && _state$activeFlyoutGr2 !== void 0 && _state$activeFlyoutGr2.isChildOpen);
76
- var canGoBack = !!state.history.length;
77
- return {
78
- openFlyout: openFlyout,
79
- openChildFlyout: openChildFlyout,
80
- openFlyoutGroup: openFlyoutGroup,
81
- closeChildFlyout: closeChildFlyout,
82
- goBack: goBack,
83
- closeSession: closeSession,
84
- isFlyoutOpen: isFlyoutOpen,
85
- isChildFlyoutOpen: isChildFlyoutOpen,
86
- canGoBack: canGoBack
87
- };
88
- }