newskit 6.7.0 → 6.9.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 (205) hide show
  1. package/cjs/accordion/accordion.d.ts.map +1 -1
  2. package/cjs/accordion/accordion.js +6 -4
  3. package/cjs/accordion/accordion.js.map +1 -1
  4. package/cjs/audio-player-composable/components/volume-control/volume-control.d.ts.map +1 -1
  5. package/cjs/audio-player-composable/components/volume-control/volume-control.js +2 -1
  6. package/cjs/audio-player-composable/components/volume-control/volume-control.js.map +1 -1
  7. package/cjs/base-floating-element/base-floating-element.d.ts.map +1 -1
  8. package/cjs/base-floating-element/base-floating-element.js +14 -10
  9. package/cjs/base-floating-element/base-floating-element.js.map +1 -1
  10. package/cjs/base-floating-element/types.d.ts +2 -1
  11. package/cjs/base-floating-element/types.d.ts.map +1 -1
  12. package/cjs/base-switch/styled.d.ts.map +1 -1
  13. package/cjs/base-switch/styled.js +3 -1
  14. package/cjs/base-switch/styled.js.map +1 -1
  15. package/cjs/breadcrumbs/defaults.d.ts +6 -3
  16. package/cjs/breadcrumbs/defaults.d.ts.map +1 -1
  17. package/cjs/breadcrumbs/defaults.js +6 -3
  18. package/cjs/breadcrumbs/defaults.js.map +1 -1
  19. package/cjs/drawer/drawer.d.ts.map +1 -1
  20. package/cjs/drawer/drawer.js +2 -1
  21. package/cjs/drawer/drawer.js.map +1 -1
  22. package/cjs/form/form-input.d.ts.map +1 -1
  23. package/cjs/form/form-input.js +1 -1
  24. package/cjs/form/form-input.js.map +1 -1
  25. package/cjs/image/image.d.ts.map +1 -1
  26. package/cjs/image/image.js +2 -2
  27. package/cjs/image/image.js.map +1 -1
  28. package/cjs/image/types.d.ts +4 -6
  29. package/cjs/image/types.d.ts.map +1 -1
  30. package/cjs/image/utils.d.ts +1 -1
  31. package/cjs/image/utils.d.ts.map +1 -1
  32. package/cjs/image/utils.js +7 -8
  33. package/cjs/image/utils.js.map +1 -1
  34. package/cjs/link/style-presets.d.ts.map +1 -1
  35. package/cjs/link/style-presets.js.map +1 -1
  36. package/cjs/link/utils.d.ts.map +1 -1
  37. package/cjs/link/utils.js +1 -1
  38. package/cjs/link/utils.js.map +1 -1
  39. package/cjs/menu/context.d.ts +10 -0
  40. package/cjs/menu/context.d.ts.map +1 -1
  41. package/cjs/menu/context.js +7 -1
  42. package/cjs/menu/context.js.map +1 -1
  43. package/cjs/menu/menu-item.d.ts.map +1 -1
  44. package/cjs/menu/menu-item.js +11 -3
  45. package/cjs/menu/menu-item.js.map +1 -1
  46. package/cjs/menu/menu-sub.d.ts +1 -0
  47. package/cjs/menu/menu-sub.d.ts.map +1 -1
  48. package/cjs/menu/menu-sub.js +61 -14
  49. package/cjs/menu/menu-sub.js.map +1 -1
  50. package/cjs/menu/menu.d.ts.map +1 -1
  51. package/cjs/menu/menu.js +65 -3
  52. package/cjs/menu/menu.js.map +1 -1
  53. package/cjs/menu/types.d.ts +1 -0
  54. package/cjs/menu/types.d.ts.map +1 -1
  55. package/cjs/menu/utils.d.ts +5 -0
  56. package/cjs/menu/utils.d.ts.map +1 -0
  57. package/cjs/menu/utils.js +26 -0
  58. package/cjs/menu/utils.js.map +1 -0
  59. package/cjs/modal/modal.d.ts.map +1 -1
  60. package/cjs/modal/modal.js +2 -1
  61. package/cjs/modal/modal.js.map +1 -1
  62. package/cjs/overlay/overlay.d.ts.map +1 -1
  63. package/cjs/overlay/overlay.js +7 -5
  64. package/cjs/overlay/overlay.js.map +1 -1
  65. package/cjs/popover/popover.d.ts.map +1 -1
  66. package/cjs/popover/popover.js +9 -4
  67. package/cjs/popover/popover.js.map +1 -1
  68. package/cjs/select/defaults.d.ts +3 -0
  69. package/cjs/select/defaults.d.ts.map +1 -1
  70. package/cjs/select/defaults.js +3 -0
  71. package/cjs/select/defaults.js.map +1 -1
  72. package/cjs/select/select-panel.d.ts +2 -2
  73. package/cjs/select/select-panel.d.ts.map +1 -1
  74. package/cjs/select/select-panel.js +6 -6
  75. package/cjs/select/select-panel.js.map +1 -1
  76. package/cjs/select/select.d.ts.map +1 -1
  77. package/cjs/select/select.js +76 -69
  78. package/cjs/select/select.js.map +1 -1
  79. package/cjs/select/styled.d.ts +1 -1
  80. package/cjs/select/styled.d.ts.map +1 -1
  81. package/cjs/select/styled.js +4 -4
  82. package/cjs/select/styled.js.map +1 -1
  83. package/cjs/select/types.d.ts +3 -0
  84. package/cjs/select/types.d.ts.map +1 -1
  85. package/cjs/switch/styled.d.ts +1 -1
  86. package/cjs/switch/styled.d.ts.map +1 -1
  87. package/cjs/switch/switch.js +2 -2
  88. package/cjs/switch/switch.js.map +1 -1
  89. package/cjs/tabs/utils.d.ts +1 -1
  90. package/cjs/tabs/utils.js +1 -1
  91. package/cjs/tabs/utils.js.map +1 -1
  92. package/cjs/tooltip/tooltip.d.ts +1 -1
  93. package/cjs/tooltip/types.d.ts +1 -1
  94. package/cjs/tooltip/types.d.ts.map +1 -1
  95. package/cjs/utils/audio-tests.d.ts.map +1 -1
  96. package/cjs/utils/audio-tests.js +1 -0
  97. package/cjs/utils/audio-tests.js.map +1 -1
  98. package/cjs/utils/text-crop.d.ts +14 -14
  99. package/cjs/utils/text-crop.d.ts.map +1 -1
  100. package/cjs/utils/text-crop.js +15 -4
  101. package/cjs/utils/text-crop.js.map +1 -1
  102. package/cjs/version-number.json +1 -1
  103. package/esm/accordion/accordion.d.ts.map +1 -1
  104. package/esm/accordion/accordion.js +6 -4
  105. package/esm/accordion/accordion.js.map +1 -1
  106. package/esm/audio-player-composable/components/volume-control/volume-control.d.ts.map +1 -1
  107. package/esm/audio-player-composable/components/volume-control/volume-control.js +2 -1
  108. package/esm/audio-player-composable/components/volume-control/volume-control.js.map +1 -1
  109. package/esm/base-floating-element/base-floating-element.d.ts.map +1 -1
  110. package/esm/base-floating-element/base-floating-element.js +14 -10
  111. package/esm/base-floating-element/base-floating-element.js.map +1 -1
  112. package/esm/base-floating-element/types.d.ts +2 -1
  113. package/esm/base-floating-element/types.d.ts.map +1 -1
  114. package/esm/base-switch/styled.d.ts.map +1 -1
  115. package/esm/base-switch/styled.js +3 -1
  116. package/esm/base-switch/styled.js.map +1 -1
  117. package/esm/breadcrumbs/defaults.d.ts +6 -3
  118. package/esm/breadcrumbs/defaults.d.ts.map +1 -1
  119. package/esm/breadcrumbs/defaults.js +6 -3
  120. package/esm/breadcrumbs/defaults.js.map +1 -1
  121. package/esm/drawer/drawer.d.ts.map +1 -1
  122. package/esm/drawer/drawer.js +2 -1
  123. package/esm/drawer/drawer.js.map +1 -1
  124. package/esm/form/form-input.d.ts.map +1 -1
  125. package/esm/form/form-input.js +1 -1
  126. package/esm/form/form-input.js.map +1 -1
  127. package/esm/image/image.d.ts.map +1 -1
  128. package/esm/image/image.js +2 -2
  129. package/esm/image/image.js.map +1 -1
  130. package/esm/image/types.d.ts +4 -6
  131. package/esm/image/types.d.ts.map +1 -1
  132. package/esm/image/utils.d.ts +1 -1
  133. package/esm/image/utils.d.ts.map +1 -1
  134. package/esm/image/utils.js +7 -8
  135. package/esm/image/utils.js.map +1 -1
  136. package/esm/link/style-presets.d.ts.map +1 -1
  137. package/esm/link/style-presets.js.map +1 -1
  138. package/esm/link/utils.d.ts.map +1 -1
  139. package/esm/link/utils.js +1 -1
  140. package/esm/link/utils.js.map +1 -1
  141. package/esm/menu/context.d.ts +10 -0
  142. package/esm/menu/context.d.ts.map +1 -1
  143. package/esm/menu/context.js +7 -1
  144. package/esm/menu/context.js.map +1 -1
  145. package/esm/menu/menu-item.d.ts.map +1 -1
  146. package/esm/menu/menu-item.js +11 -3
  147. package/esm/menu/menu-item.js.map +1 -1
  148. package/esm/menu/menu-sub.d.ts +1 -0
  149. package/esm/menu/menu-sub.d.ts.map +1 -1
  150. package/esm/menu/menu-sub.js +42 -11
  151. package/esm/menu/menu-sub.js.map +1 -1
  152. package/esm/menu/menu.d.ts.map +1 -1
  153. package/esm/menu/menu.js +46 -3
  154. package/esm/menu/menu.js.map +1 -1
  155. package/esm/menu/types.d.ts +1 -0
  156. package/esm/menu/types.d.ts.map +1 -1
  157. package/esm/menu/utils.d.ts +5 -0
  158. package/esm/menu/utils.d.ts.map +1 -0
  159. package/esm/menu/utils.js +19 -0
  160. package/esm/menu/utils.js.map +1 -0
  161. package/esm/modal/modal.d.ts.map +1 -1
  162. package/esm/modal/modal.js +2 -1
  163. package/esm/modal/modal.js.map +1 -1
  164. package/esm/overlay/overlay.d.ts.map +1 -1
  165. package/esm/overlay/overlay.js +7 -5
  166. package/esm/overlay/overlay.js.map +1 -1
  167. package/esm/popover/popover.d.ts.map +1 -1
  168. package/esm/popover/popover.js +9 -4
  169. package/esm/popover/popover.js.map +1 -1
  170. package/esm/select/defaults.d.ts +3 -0
  171. package/esm/select/defaults.d.ts.map +1 -1
  172. package/esm/select/defaults.js +3 -0
  173. package/esm/select/defaults.js.map +1 -1
  174. package/esm/select/select-panel.d.ts +2 -2
  175. package/esm/select/select-panel.d.ts.map +1 -1
  176. package/esm/select/select-panel.js +6 -6
  177. package/esm/select/select-panel.js.map +1 -1
  178. package/esm/select/select.d.ts.map +1 -1
  179. package/esm/select/select.js +78 -71
  180. package/esm/select/select.js.map +1 -1
  181. package/esm/select/styled.d.ts +1 -1
  182. package/esm/select/styled.d.ts.map +1 -1
  183. package/esm/select/styled.js +4 -4
  184. package/esm/select/styled.js.map +1 -1
  185. package/esm/select/types.d.ts +3 -0
  186. package/esm/select/types.d.ts.map +1 -1
  187. package/esm/switch/styled.d.ts +1 -1
  188. package/esm/switch/styled.d.ts.map +1 -1
  189. package/esm/switch/switch.js +2 -2
  190. package/esm/switch/switch.js.map +1 -1
  191. package/esm/tabs/utils.d.ts +1 -1
  192. package/esm/tabs/utils.js +1 -1
  193. package/esm/tabs/utils.js.map +1 -1
  194. package/esm/tooltip/tooltip.d.ts +1 -1
  195. package/esm/tooltip/types.d.ts +1 -1
  196. package/esm/tooltip/types.d.ts.map +1 -1
  197. package/esm/utils/audio-tests.d.ts.map +1 -1
  198. package/esm/utils/audio-tests.js +1 -0
  199. package/esm/utils/audio-tests.js.map +1 -1
  200. package/esm/utils/text-crop.d.ts +14 -14
  201. package/esm/utils/text-crop.d.ts.map +1 -1
  202. package/esm/utils/text-crop.js +15 -4
  203. package/esm/utils/text-crop.js.map +1 -1
  204. package/esm/version-number.json +1 -1
  205. package/package.json +1 -1
@@ -20,7 +20,8 @@ var __rest = (this && this.__rest) || function (s, e) {
20
20
  }
21
21
  return t;
22
22
  };
23
- import React from 'react';
23
+ import React, { useEffect } from 'react';
24
+ import { useId } from '@floating-ui/react-dom-interactions';
24
25
  import { MenuContextProvider, useMenuContext } from './context';
25
26
  import { StyledButton, StyledMenuItem, StyledUl } from './styled';
26
27
  import { useTheme } from '../theme';
@@ -30,24 +31,54 @@ import { useControlled } from '../utils/hooks';
30
31
  import { composeEventHandlers } from '../utils/compose-event-handlers';
31
32
  import { IconFilledExpandLess, IconFilledExpandMore } from '../icons';
32
33
  import { getComponentOverrides } from '../utils/overrides';
34
+ import { buildNestedId, isDescendant } from './utils';
33
35
  var DefaultIcon = function (_a) {
34
36
  var expanded = _a.expanded, overrides = _a.overrides;
35
37
  return expanded ? (React.createElement(IconFilledExpandLess, { overrides: __assign({ size: 'iconSize020' }, overrides) })) : (React.createElement(IconFilledExpandMore, { overrides: __assign({ size: 'iconSize020' }, overrides) }));
36
38
  };
37
39
  export var MenuSub = React.forwardRef(function (_a, ref) {
38
- var overrides = _a.overrides, children = _a.children, title = _a.title, selected = _a.selected, expandedProp = _a.expanded, defaultExpanded = _a.defaultExpanded, onClick = _a.onClick, rest = __rest(_a, ["overrides", "children", "title", "selected", "expanded", "defaultExpanded", "onClick"]);
39
- var _b = useControlled({
40
+ var overrides = _a.overrides, children = _a.children, title = _a.title, selected = _a.selected, expandedProp = _a.expanded, _b = _a.defaultExpanded, defaultExpanded = _b === void 0 ? false : _b, onClick = _a.onClick, menuSubAlign = _a.align, rest = __rest(_a, ["overrides", "children", "title", "selected", "expanded", "defaultExpanded", "onClick", "align"]);
41
+ var _c = useControlled({
40
42
  controlledValue: expandedProp,
41
43
  defaultValue: defaultExpanded,
42
- }), isExpanded = _b[0], setIsExpanded = _b[1];
43
- var _c = getComponentOverrides(overrides === null || overrides === void 0 ? void 0 : overrides.indicatorIcon, DefaultIcon, {
44
+ }), isExpanded = _c[0], setIsExpanded = _c[1];
45
+ var menuContext = useMenuContext();
46
+ var vertical = menuContext.vertical, size = menuContext.size, menuAlign = menuContext.align, menuOverrides = menuContext.overrides, isSubMenu = menuContext.isSubMenu, parentSubMenuId = menuContext.parentSubMenuId, updateExpandedMenuSubId = menuContext.updateExpandedMenuSubId, expandedMenuSubId = menuContext.expandedMenuSubId;
47
+ var align = menuSubAlign || menuAlign;
48
+ var id = useId();
49
+ var nestedId = buildNestedId(id, parentSubMenuId);
50
+ useEffect(function () {
51
+ if (!expandedMenuSubId) {
52
+ // all sub menus have been collapsed
53
+ setIsExpanded(false);
54
+ }
55
+ else if (expandedMenuSubId === nestedId ||
56
+ isDescendant(nestedId, expandedMenuSubId)) {
57
+ // this sub menu or one of its descendants has been expanded
58
+ setIsExpanded(true);
59
+ }
60
+ else if (isDescendant(expandedMenuSubId, nestedId)) {
61
+ // this sub menu's ancestor is expanded
62
+ setIsExpanded(false);
63
+ }
64
+ else if (!vertical) {
65
+ // another sub menu elsewhere in the tree has been expanded
66
+ setIsExpanded(false);
67
+ }
68
+ }, [vertical, nestedId, expandedMenuSubId, setIsExpanded]);
69
+ var _d = getComponentOverrides(overrides === null || overrides === void 0 ? void 0 : overrides.indicatorIcon, DefaultIcon, {
44
70
  expanded: isExpanded,
45
- }), IndicatorIcon = _c[0], indicatorIconProps = _c[1];
71
+ }), IndicatorIcon = _d[0], indicatorIconProps = _d[1];
72
+ // Inform the parent context that this sub menu has been clicked.
46
73
  var handleClick = React.useCallback(function () {
47
- setIsExpanded(!isExpanded);
48
- }, [isExpanded, setIsExpanded]);
49
- var menuContext = useMenuContext();
50
- var vertical = menuContext.vertical, size = menuContext.size, align = menuContext.align, menuOverrides = menuContext.overrides, isSubMenu = menuContext.isSubMenu;
74
+ updateExpandedMenuSubId(nestedId);
75
+ }, [nestedId, updateExpandedMenuSubId]);
76
+ // Set the initial expanded state of this sub menu in the parent context.
77
+ useEffect(function () {
78
+ if (defaultExpanded) {
79
+ updateExpandedMenuSubId(nestedId);
80
+ }
81
+ }, []);
51
82
  var theme = useTheme();
52
83
  var menuItemOverrides = __assign(__assign({}, get(theme.componentDefaults, "".concat(isSubMenu ? 'menuSubItem' : 'menuItem', ".").concat(vertical ? 'vertical' : 'horizontal'))), filterOutFalsyProperties(overrides));
53
84
  var buttonProps = __assign(__assign({}, rest), { selected: selected, size: size });
@@ -55,7 +86,7 @@ export var MenuSub = React.forwardRef(function (_a, ref) {
55
86
  React.createElement(StyledButton, __assign({}, buttonProps, { align: align, selected: selected, onClick: composeEventHandlers([handleClick, onClick]), "aria-expanded": isExpanded, "data-testid": "menu-sub-button", overrides: __assign({}, menuItemOverrides) }),
56
87
  title,
57
88
  React.createElement(IndicatorIcon, __assign({}, indicatorIconProps))),
58
- React.createElement(MenuContextProvider, { value: __assign(__assign({}, menuContext), { isSubMenu: true }) },
89
+ React.createElement(MenuContextProvider, { value: __assign(__assign({}, menuContext), { isSubMenu: true, parentSubMenuId: nestedId, align: align }) },
59
90
  React.createElement(StyledUl, { expanded: isExpanded, vertical: vertical, overrides: overrides }, children))));
60
91
  });
61
92
  MenuSub.displayName = 'MenuSub';
@@ -1 +1 @@
1
- {"version":3,"file":"menu-sub.js","sourceRoot":"","sources":["../../../src/menu/menu-sub.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"menu-sub.js","sourceRoot":"","sources":["../../../src/menu/menu-sub.tsx"],"names":[],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../../src/menu/menu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAgB,SAAS,EAAC,MAAM,SAAS,CAAC;AA6CjD,eAAO,MAAM,IAAI,wGAAwD,CAAC"}
1
+ {"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../../src/menu/menu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AAGzD,OAAO,EAAgB,SAAS,EAAC,MAAM,SAAS,CAAC;AA0FjD,eAAO,MAAM,IAAI,wGAAwD,CAAC"}
package/esm/menu/menu.js CHANGED
@@ -20,12 +20,14 @@ var __rest = (this && this.__rest) || function (s, e) {
20
20
  }
21
21
  return t;
22
22
  };
23
- import React from 'react';
23
+ import React, { useEffect, useRef, useState } from 'react';
24
+ import composeRefs from '@seznam/compose-react-refs';
24
25
  import { MenuContextProvider } from './context';
25
26
  import { StyledMenu } from './styled';
26
27
  import defaults from './defaults';
27
28
  import stylePresets from './style-presets';
28
29
  import { withOwnTheme } from '../utils/with-own-theme';
30
+ import { getParentId, isDescendant } from './utils';
29
31
  var getAlign = function (align, vertical) {
30
32
  if (!align) {
31
33
  return vertical ? 'start' : 'center';
@@ -35,8 +37,49 @@ var getAlign = function (align, vertical) {
35
37
  var ThemelessMenu = React.forwardRef(function (_a, ref) {
36
38
  var overrides = _a.overrides, children = _a.children, _b = _a.vertical, vertical = _b === void 0 ? false : _b, _c = _a.size, size = _c === void 0 ? 'medium' : _c, passedAlign = _a.align, rest = __rest(_a, ["overrides", "children", "vertical", "size", "align"]);
37
39
  var align = getAlign(passedAlign, vertical);
38
- return (React.createElement(MenuContextProvider, { value: { vertical: vertical, size: size, align: align, overrides: overrides } },
39
- React.createElement(StyledMenu, __assign({ role: "navigation", "data-testid": "menu-container", overrides: overrides, vertical: vertical, ref: ref }, rest),
40
+ var _d = useState(null), expandedMenuSubId = _d[0], setExpandedMenuSubId = _d[1];
41
+ var updateExpandedMenuSubId = function (id) {
42
+ if (!id) {
43
+ setExpandedMenuSubId(null);
44
+ }
45
+ else if (!expandedMenuSubId) {
46
+ // no sub menu currently expanded
47
+ setExpandedMenuSubId(id);
48
+ }
49
+ else if (expandedMenuSubId === id) {
50
+ // the currently expanded sub menu has been clicked
51
+ setExpandedMenuSubId(getParentId(id));
52
+ }
53
+ else if (isDescendant(id, expandedMenuSubId)) {
54
+ // the parent of the currently expanded sub menu has been clicked
55
+ setExpandedMenuSubId(getParentId(id));
56
+ }
57
+ else {
58
+ // any other sub menu has been clicked
59
+ setExpandedMenuSubId(id);
60
+ }
61
+ };
62
+ var menuRef = useRef(null);
63
+ useEffect(function () {
64
+ document.addEventListener("click", function (_a) {
65
+ var target = _a.target;
66
+ if (menuRef.current &&
67
+ !menuRef.current.contains(target) &&
68
+ !vertical) {
69
+ setExpandedMenuSubId(null);
70
+ }
71
+ });
72
+ }, [vertical]);
73
+ return (React.createElement(MenuContextProvider, { value: {
74
+ vertical: vertical,
75
+ size: size,
76
+ align: align,
77
+ overrides: overrides,
78
+ updateExpandedMenuSubId: updateExpandedMenuSubId,
79
+ expandedMenuSubId: expandedMenuSubId,
80
+ parentSubMenuId: null,
81
+ } },
82
+ React.createElement(StyledMenu, __assign({ role: "navigation", "data-testid": "menu-container", overrides: overrides, vertical: vertical, ref: composeRefs(ref, menuRef) }, rest),
40
83
  React.createElement("ul", { role: "list" }, children))));
41
84
  });
42
85
  export var Menu = withOwnTheme(ThemelessMenu)({ defaults: defaults, stylePresets: stylePresets });
@@ -1 +1 @@
1
- {"version":3,"file":"menu.js","sourceRoot":"","sources":["../../../src/menu/menu.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,mBAAmB,EAAC,MAAM,WAAW,CAAC;AAE9C,OAAO,EAAC,UAAU,EAAC,MAAM,UAAU,CAAC;AACpC,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,YAAY,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAC,YAAY,EAAC,MAAM,yBAAyB,CAAC;AAErD,IAAM,QAAQ,GAAG,UAAC,KAAgC,EAAE,QAAiB;IACnE,IAAI,CAAC,KAAK,EAAE;QACV,OAAO,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC;KACtC;IACD,OAAO,KAAK,CAAC;AACf,CAAC,CAAC;AAEF,IAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CACpC,UACE,EAOC,EACD,GAAG;IAPD,IAAA,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,YAAe,EAAf,IAAI,mBAAG,QAAQ,KAAA,EACR,WAAW,WAAA,EACf,IAAI,cANT,sDAOC,CADQ;IAIT,IAAM,KAAK,GAAG,QAAQ,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC;IAE9C,OAAO,CACL,oBAAC,mBAAmB,IAAC,KAAK,EAAE,EAAC,QAAQ,UAAA,EAAE,IAAI,MAAA,EAAE,KAAK,OAAA,EAAE,SAAS,WAAA,EAAC;QAC5D,oBAAC,UAAU,aACT,IAAI,EAAC,YAAY,iBACL,gBAAgB,EAC5B,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,GAAG,IACJ,IAAI;YAGR,4BAAI,IAAI,EAAC,MAAM,IAAE,QAAQ,CAAM,CACpB,CACO,CACvB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,CAAC,IAAM,IAAI,GAAG,YAAY,CAAC,aAAa,CAAC,CAAC,EAAC,QAAQ,UAAA,EAAE,YAAY,cAAA,EAAC,CAAC,CAAC"}
1
+ {"version":3,"file":"menu.js","sourceRoot":"","sources":["../../../src/menu/menu.tsx"],"names":[],"mappings":"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"}
@@ -46,6 +46,7 @@ export declare type MenuSubProps = Omit<MenuItemProps, 'title' | 'overrides' | '
46
46
  href?: string;
47
47
  expanded?: boolean;
48
48
  defaultExpanded?: boolean;
49
+ align?: MenuItemAlign;
49
50
  overrides?: {
50
51
  indicatorIcon?: Override<MenuSubIconProps>;
51
52
  list?: {
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/menu/types.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/menu/types.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1,5 @@
1
+ export declare const buildNestedId: (id: string, parentId: string | null) => string;
2
+ export declare const getIdDepth: (id: string) => number;
3
+ export declare const isDescendant: (id: string, descendantId: string) => boolean;
4
+ export declare const getParentId: (id: string) => string | null;
5
+ //# sourceMappingURL=utils.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/menu/utils.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,aAAa,OAAQ,MAAM,YAAY,MAAM,GAAG,IAAI,KAAG,MAC/B,CAAC;AAEtC,eAAO,MAAM,UAAU,OAAQ,MAAM,KAAG,MACM,CAAC;AAE/C,eAAO,MAAM,YAAY,OAAQ,MAAM,gBAAgB,MAAM,KAAG,OACG,CAAC;AAEpE,eAAO,MAAM,WAAW,OAAQ,MAAM,KAAG,MAAM,GAAG,IAI5B,CAAC"}
@@ -0,0 +1,19 @@
1
+ // Note: using an immutable concatenated string ID (instead of an array of strings)
2
+ // so that useEffect hooks do not repeatedly fire when ref changes but value
3
+ // remains the same.
4
+ export var buildNestedId = function (id, parentId) {
5
+ return parentId ? "".concat(parentId, "|").concat(id) : id;
6
+ };
7
+ export var getIdDepth = function (id) {
8
+ return id.length - id.replace(/\|/g, '').length + 1;
9
+ };
10
+ export var isDescendant = function (id, descendantId) {
11
+ return id === descendantId.split('|').slice(0, getIdDepth(id)).join('|');
12
+ };
13
+ export var getParentId = function (id) {
14
+ return id
15
+ .split('|')
16
+ .slice(0, getIdDepth(id) - 1)
17
+ .join('|') || null;
18
+ };
19
+ //# sourceMappingURL=utils.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/menu/utils.ts"],"names":[],"mappings":"AAAA,mFAAmF;AACnF,4EAA4E;AAC5E,oBAAoB;AAEpB,MAAM,CAAC,IAAM,aAAa,GAAG,UAAC,EAAU,EAAE,QAAuB;IAC/D,OAAA,QAAQ,CAAC,CAAC,CAAC,UAAG,QAAQ,cAAI,EAAE,CAAE,CAAC,CAAC,CAAC,EAAE;AAAnC,CAAmC,CAAC;AAEtC,MAAM,CAAC,IAAM,UAAU,GAAG,UAAC,EAAU;IACnC,OAAA,EAAE,CAAC,MAAM,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,MAAM,GAAG,CAAC;AAA5C,CAA4C,CAAC;AAE/C,MAAM,CAAC,IAAM,YAAY,GAAG,UAAC,EAAU,EAAE,YAAoB;IAC3D,OAAA,EAAE,KAAK,YAAY,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,UAAU,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC;AAAjE,CAAiE,CAAC;AAEpE,MAAM,CAAC,IAAM,WAAW,GAAG,UAAC,EAAU;IACpC,OAAA,EAAE;SACC,KAAK,CAAC,GAAG,CAAC;SACV,KAAK,CAAC,CAAC,EAAE,UAAU,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;SAC5B,IAAI,CAAC,GAAG,CAAC,IAAI,IAAI;AAHpB,CAGoB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../../src/modal/modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AA8G1B,eAAO,MAAM,KAAK;;;;;;;;;;;;wCAGhB,CAAC"}
1
+ {"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../../src/modal/modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAiH1B,eAAO,MAAM,KAAK;;;;;;;;;;;;wCAGhB,CAAC"}
@@ -42,13 +42,14 @@ var ThemelessModal = React.forwardRef(function (_a, ref) {
42
42
  /* istanbul ignore next */
43
43
  open = _b === void 0 ? false : _b, onDismiss = _a.onDismiss, restoreFocusTo = _a.restoreFocusTo, _c = _a.closePosition, closePosition = _c === void 0 ? 'right' : _c, overrides = _a.overrides, hideOverlay = _a.hideOverlay, disableFocusTrap = _a.disableFocusTrap, props = __rest(_a, ["children", "open", "onDismiss", "restoreFocusTo", "closePosition", "overrides", "hideOverlay", "disableFocusTrap"]);
44
44
  var theme = useTheme();
45
+ var cssTransitionNodeRef = React.useRef(null);
45
46
  var overlayOverrides = __assign({}, deepMerge(mergeBreakpointObject(Object.keys(theme.breakpoints)), theme.componentDefaults.modal.overlay, filterOutFalsyProperties(overrides && overrides.overlay)));
46
47
  var _d = React.useState(false), showWrapper = _d[0], setShowWrapper = _d[1];
47
48
  // When Modal is used inline, it should not be in a layer
48
49
  var OuterWrapper = props.inline ? React.Fragment : Layer;
49
50
  return (React.createElement(OuterWrapper, null,
50
51
  React.createElement(BaseDialogFunction, { ref: ref, open: open, restoreFocusTo: restoreFocusTo, onDismiss: onDismiss, hideOverlay: hideOverlay, disableFocusTrap: disableFocusTrap, renderOverlay: function (handleOverlayClick) { return (React.createElement(Overlay, { open: open, onClick: handleOverlayClick, overrides: overlayOverrides })); } }, function (handleCloseButtonClick) { return (React.createElement(StyledModalWrapper, { inline: props.inline, "$open": showWrapper, overrides: overrides },
51
- React.createElement(CSSTransition, { in: open, timeout: getTransitionDuration("modal.panel", '')({ theme: theme, overrides: overrides }), classNames: "nk-modal", mountOnEnter: true, unmountOnExit: true, appear: true, onEnter: function () { return setShowWrapper(true); }, onExited: function () { return setShowWrapper(false); } }, function (state) { return (React.createElement(StyledModal, __assign({ open: open, className: getTransitionClassName('nk-modal', state), disableFocusTrap: disableFocusTrap, handleCloseButtonClick: handleCloseButtonClick, path: "modal", "data-testid": "modal", closePosition: closePosition, overrides: overrides }, props), children)); }))); })));
52
+ React.createElement(CSSTransition, { nodeRef: cssTransitionNodeRef, in: open, timeout: getTransitionDuration("modal.panel", '')({ theme: theme, overrides: overrides }), classNames: "nk-modal", mountOnEnter: true, unmountOnExit: true, appear: true, onEnter: function () { return setShowWrapper(true); }, onExited: function () { return setShowWrapper(false); } }, function (state) { return (React.createElement(StyledModal, __assign({ ref: cssTransitionNodeRef, open: open, className: getTransitionClassName('nk-modal', state), disableFocusTrap: disableFocusTrap, handleCloseButtonClick: handleCloseButtonClick, path: "modal", "data-testid": "modal", closePosition: closePosition, overrides: overrides }, props), children)); }))); })));
52
53
  });
53
54
  export var Modal = withOwnTheme(ThemelessModal)({
54
55
  defaults: defaults,
@@ -1 +1 @@
1
- {"version":3,"file":"modal.js","sourceRoot":"","sources":["../../../src/modal/modal.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"modal.js","sourceRoot":"","sources":["../../../src/modal/modal.tsx"],"names":[],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"overlay.d.ts","sourceRoot":"","sources":["../../../src/overlay/overlay.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAyB,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAM1D,UAAU,YAAY;IACpB,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE;QACV,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;KAC1B,CAAC;CACH;AA2CD,eAAO,MAAM,OAAO,wEAGlB,CAAC"}
1
+ {"version":3,"file":"overlay.d.ts","sourceRoot":"","sources":["../../../src/overlay/overlay.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAyB,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAM1D,UAAU,YAAY;IACpB,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE;QACV,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;KAC1B,CAAC;CACH;AAqDD,eAAO,MAAM,OAAO,wEAGlB,CAAC"}
@@ -36,15 +36,17 @@ import stylePresets from './style-presets';
36
36
  import { withOwnTheme } from '../utils/with-own-theme';
37
37
  // getResponsiveSpace('zIndex') will be replaced with a new function once PPDSC-1711 is done
38
38
  var StyledOverlay = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n box-sizing: border-box;\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n cursor: pointer;\n ", ";\n\n ", ";\n"], ["\n box-sizing: border-box;\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n cursor: pointer;\n ", ";\n\n ", ";\n"])), getStylePreset('overlay', ''), getTransitionPreset('overlay', '', 'nk-overlay'));
39
- var BaseOverlay = function (props) {
39
+ var BaseOverlay = React.forwardRef(function (props, transitionRef) {
40
40
  useLockBodyScroll();
41
- return React.createElement(StyledOverlay, __assign({ "data-testid": "overlay" }, props));
42
- };
41
+ return React.createElement(StyledOverlay, __assign({ "data-testid": "overlay", ref: transitionRef }, props));
42
+ });
43
43
  var ThemlessOverlay = function (_a) {
44
44
  var open = _a.open, overrides = _a.overrides, props = __rest(_a, ["open", "overrides"]);
45
45
  var theme = useTheme();
46
- return (React.createElement(CSSTransition, { in: open, timeout: getTransitionDuration('overlay', '')({ theme: theme, overrides: overrides }), classNames: "nk-overlay", mountOnEnter: true, unmountOnExit: true, appear: true },
47
- React.createElement(BaseOverlay, __assign({}, props, { overrides: overrides }))));
46
+ // To learn more about why this is needed: https://github.com/reactjs/react-transition-group/issues/668#issuecomment-695162879
47
+ var cssTransitionNodeRef = React.useRef(null);
48
+ return (React.createElement(CSSTransition, { nodeRef: cssTransitionNodeRef, in: open, timeout: getTransitionDuration('overlay', '')({ theme: theme, overrides: overrides }), classNames: "nk-overlay", mountOnEnter: true, unmountOnExit: true, appear: true },
49
+ React.createElement(BaseOverlay, __assign({}, props, { ref: cssTransitionNodeRef, overrides: overrides }))));
48
50
  };
49
51
  export var Overlay = withOwnTheme(ThemlessOverlay)({
50
52
  defaults: defaults,
@@ -1 +1 @@
1
- {"version":3,"file":"overlay.js","sourceRoot":"","sources":["../../../src/overlay/overlay.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,aAAa,EAAC,MAAM,wBAAwB,CAAC;AACrD,OAAO,EAAC,QAAQ,EAAC,MAAM,UAAU,CAAC;AAClC,OAAO,EAAC,qBAAqB,EAAC,MAAM,kCAAkC,CAAC;AACvE,OAAO,EAAC,iBAAiB,EAAC,MAAM,gBAAgB,CAAC;AACjD,OAAO,EAAC,MAAM,EAAE,cAAc,EAAK,MAAM,gBAAgB,CAAC;AAC1D,OAAO,EAAC,mBAAmB,EAAC,MAAM,kCAAkC,CAAC;AACrE,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,YAAY,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAC,YAAY,EAAC,MAAM,yBAAyB,CAAC;AAWrD,4FAA4F;AAC5F,IAAM,aAAa,GAAG,MAAM,CAAC,GAAG,gNAAiC,2HAQ7D,EAA6B,SAE7B,EAAgD,KACnD,KAHG,cAAc,CAAC,SAAS,EAAE,EAAE,CAAC,EAE7B,mBAAmB,CAAC,SAAS,EAAE,EAAE,EAAE,YAAY,CAAC,CACnD,CAAC;AAEF,IAAM,WAAW,GAAyC,UAAA,KAAK;IAC7D,iBAAiB,EAAE,CAAC;IAEpB,OAAO,oBAAC,aAAa,4BAAa,SAAS,IAAK,KAAK,EAAI,CAAC;AAC5D,CAAC,CAAC;AAEF,IAAM,eAAe,GAA2B,UAAC,EAIhD;IAHC,IAAA,IAAI,UAAA,EACJ,SAAS,eAAA,EACN,KAAK,cAHuC,qBAIhD,CADS;IAER,IAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IAEzB,OAAO,CACL,oBAAC,aAAa,IACZ,EAAE,EAAE,IAAI,EACR,OAAO,EAAE,qBAAqB,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC,EAAC,KAAK,OAAA,EAAE,SAAS,WAAA,EAAC,CAAC,EACjE,UAAU,EAAC,YAAY,EACvB,YAAY,QACZ,aAAa,QACb,MAAM;QAEN,oBAAC,WAAW,eAAK,KAAK,IAAE,SAAS,EAAE,SAAS,IAAI,CAClC,CACjB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,OAAO,GAAG,YAAY,CAAC,eAAe,CAAC,CAAC;IACnD,QAAQ,UAAA;IACR,YAAY,cAAA;CACb,CAAC,CAAC"}
1
+ {"version":3,"file":"overlay.js","sourceRoot":"","sources":["../../../src/overlay/overlay.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,aAAa,EAAC,MAAM,wBAAwB,CAAC;AACrD,OAAO,EAAC,QAAQ,EAAC,MAAM,UAAU,CAAC;AAClC,OAAO,EAAC,qBAAqB,EAAC,MAAM,kCAAkC,CAAC;AACvE,OAAO,EAAC,iBAAiB,EAAC,MAAM,gBAAgB,CAAC;AACjD,OAAO,EAAC,MAAM,EAAE,cAAc,EAAK,MAAM,gBAAgB,CAAC;AAC1D,OAAO,EAAC,mBAAmB,EAAC,MAAM,kCAAkC,CAAC;AACrE,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,YAAY,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAC,YAAY,EAAC,MAAM,yBAAyB,CAAC;AAWrD,4FAA4F;AAC5F,IAAM,aAAa,GAAG,MAAM,CAAC,GAAG,gNAAiC,2HAQ7D,EAA6B,SAE7B,EAAgD,KACnD,KAHG,cAAc,CAAC,SAAS,EAAE,EAAE,CAAC,EAE7B,mBAAmB,CAAC,SAAS,EAAE,EAAE,EAAE,YAAY,CAAC,CACnD,CAAC;AAEF,IAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAGlC,UAAC,KAAK,EAAE,aAAa;IACrB,iBAAiB,EAAE,CAAC;IAEpB,OAAO,oBAAC,aAAa,4BAAa,SAAS,EAAC,GAAG,EAAE,aAAa,IAAM,KAAK,EAAI,CAAC;AAChF,CAAC,CAAC,CAAC;AAEH,IAAM,eAAe,GAA2B,UAAC,EAIhD;IAHC,IAAA,IAAI,UAAA,EACJ,SAAS,eAAA,EACN,KAAK,cAHuC,qBAIhD,CADS;IAER,IAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,8HAA8H;IAC9H,IAAM,oBAAoB,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAEhD,OAAO,CACL,oBAAC,aAAa,IACZ,OAAO,EAAE,oBAAoB,EAC7B,EAAE,EAAE,IAAI,EACR,OAAO,EAAE,qBAAqB,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC,EAAC,KAAK,OAAA,EAAE,SAAS,WAAA,EAAC,CAAC,EACjE,UAAU,EAAC,YAAY,EACvB,YAAY,QACZ,aAAa,QACb,MAAM;QAEN,oBAAC,WAAW,eACN,KAAK,IACT,GAAG,EAAE,oBAAoB,EACzB,SAAS,EAAE,SAAS,IACpB,CACY,CACjB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,OAAO,GAAG,YAAY,CAAC,eAAe,CAAC,CAAC;IACnD,QAAQ,UAAA;IACR,YAAY,cAAA;CACb,CAAC,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../src/popover/popover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAuI/B,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAGlB,CAAC"}
1
+ {"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../src/popover/popover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAgJ/B,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAGlB,CAAC"}
@@ -34,7 +34,7 @@ import { deepMerge } from '../utils';
34
34
  import { mergeBreakpointObject } from '../utils/merge-breakpoint-object';
35
35
  import { filterOutFalsyProperties } from '../utils/filter-object';
36
36
  var ThemelessPopover = React.forwardRef(function (_a, ref) {
37
- var children = _a.children, content = _a.content, header = _a.header, _b = _a.closePosition, closePosition = _b === void 0 ? 'right' : _b, _c = _a.overrides, overrides = _c === void 0 ? {} : _c, handleCloseButtonClick = _a.handleCloseButtonClick, _d = _a.enableDismiss, enableDismiss = _d === void 0 ? false : _d, _e = _a.disableFocusManagement, disableFocusManagement = _e === void 0 ? false : _e, props = __rest(_a, ["children", "content", "header", "closePosition", "overrides", "handleCloseButtonClick", "enableDismiss", "disableFocusManagement"]);
37
+ var children = _a.children, content = _a.content, header = _a.header, _b = _a.closePosition, closePosition = _b === void 0 ? 'right' : _b, _c = _a.overrides, overrides = _c === void 0 ? {} : _c, handleCloseButtonClick = _a.handleCloseButtonClick, _d = _a.enableDismiss, enableDismiss = _d === void 0 ? false : _d, _e = _a.disableFocusManagement, disableFocusManagement = _e === void 0 ? false : _e, _f = _a.dismissOnBlur, dismissOnBlur = _f === void 0 ? false : _f, props = __rest(_a, ["children", "content", "header", "closePosition", "overrides", "handleCloseButtonClick", "enableDismiss", "disableFocusManagement", "dismissOnBlur"]);
38
38
  var buildContextAriaAttributes = function (_a) {
39
39
  var _b = _a.floating, id = _b.id, open = _b.open;
40
40
  return ({
@@ -63,9 +63,14 @@ var ThemelessPopover = React.forwardRef(function (_a, ref) {
63
63
  if (!content) {
64
64
  return children;
65
65
  }
66
- return (React.createElement(BaseFloatingElement, __assign({ ref: ref, path: "popover", content: function (_a) {
66
+ return (React.createElement(BaseFloatingElement, __assign({ ref: ref, path: "popover", content: function (_a, _b) {
67
67
  var onClick = _a.onClick;
68
- return (React.createElement(StyledPopoverInnerPanel, { closePosition: closePosition },
68
+ var onOpenChange = _b.onOpenChange;
69
+ return (React.createElement(StyledPopoverInnerPanel, { closePosition: closePosition, onBlur: function () {
70
+ if (dismissOnBlur) {
71
+ onOpenChange(false);
72
+ }
73
+ } },
69
74
  header !== undefined && (React.createElement(StyledPopoverHeader, { id: headerId, "data-testid": "header-text", overrides: overrides }, header)),
70
75
  React.createElement(StyledPopoverContent, { overrides: overrides }, content),
71
76
  closePosition !== 'none' && (React.createElement(StyledPopoverCloseButtonContainer, { overrides: overrides, closePosition: closePosition },
@@ -76,7 +81,7 @@ var ThemelessPopover = React.forwardRef(function (_a, ref) {
76
81
  }
77
82
  }, eventOriginator: "popover-close", "data-testid": "close-button", "aria-label": "close", overrides: closeButtonOverrides, size: "medium" },
78
83
  React.createElement(IconFilledClose, null))))));
79
- }, buildRefElAriaAttributes: buildContextAriaAttributes, buildFloatingElAriaAttributes: buildFloatingElementAriaAttributes, useInteractions: useInteractions, role: "dialog", overrides: overrides, disableFocusManagement: disableFocusManagement }, props), children));
84
+ }, buildRefElAriaAttributes: buildContextAriaAttributes, buildFloatingElAriaAttributes: buildFloatingElementAriaAttributes, useInteractions: useInteractions, role: "dialog", overrides: overrides, disableFocusManagement: disableFocusManagement, dismissOnBlur: dismissOnBlur }, props), children));
80
85
  });
81
86
  export var Popover = withOwnTheme(ThemelessPopover)({
82
87
  defaults: defaults,
@@ -1 +1 @@
1
- {"version":3,"file":"popover.js","sourceRoot":"","sources":["../../../src/popover/popover.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"popover.js","sourceRoot":"","sources":["../../../src/popover/popover.tsx"],"names":[],"mappings":"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"}
@@ -30,6 +30,7 @@ declare const _default: {
30
30
  stylePreset: string;
31
31
  maxHeight: string;
32
32
  spaceInset: string;
33
+ zIndex: string;
33
34
  };
34
35
  modal: {
35
36
  panel: {
@@ -67,6 +68,7 @@ declare const _default: {
67
68
  stylePreset: string;
68
69
  maxHeight: string;
69
70
  spaceInset: string;
71
+ zIndex: string;
70
72
  };
71
73
  modal: {
72
74
  panel: {
@@ -104,6 +106,7 @@ declare const _default: {
104
106
  stylePreset: string;
105
107
  maxHeight: string;
106
108
  spaceInset: string;
109
+ zIndex: string;
107
110
  };
108
111
  modal: {
109
112
  panel: {
@@ -1 +1 @@
1
- {"version":3,"file":"defaults.d.ts","sourceRoot":"","sources":["../../../src/select/defaults.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,wBAwJE"}
1
+ {"version":3,"file":"defaults.d.ts","sourceRoot":"","sources":["../../../src/select/defaults.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,wBA2JE"}
@@ -31,6 +31,7 @@ export default {
31
31
  stylePreset: 'selectPanel',
32
32
  maxHeight: '184px',
33
33
  spaceInset: 'spaceInset020',
34
+ zIndex: 'layer',
34
35
  },
35
36
  modal: {
36
37
  panel: {
@@ -69,6 +70,7 @@ export default {
69
70
  stylePreset: 'selectPanel',
70
71
  maxHeight: '272px',
71
72
  spaceInset: 'spaceInset020',
73
+ zIndex: 'layer',
72
74
  },
73
75
  modal: {
74
76
  panel: {
@@ -107,6 +109,7 @@ export default {
107
109
  stylePreset: 'selectPanel',
108
110
  maxHeight: '360px',
109
111
  spaceInset: 'spaceInset020',
112
+ zIndex: 'layer',
110
113
  },
111
114
  modal: {
112
115
  panel: {
@@ -1 +1 @@
1
- {"version":3,"file":"defaults.js","sourceRoot":"","sources":["../../../src/select/defaults.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"defaults.js","sourceRoot":"","sources":["../../../src/select/defaults.ts"],"names":[],"mappings":"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"}
@@ -4,8 +4,6 @@ import { ModalProps } from '../modal';
4
4
  import { Override } from '../utils/overrides';
5
5
  interface SelectPanelProps {
6
6
  isOpen: boolean;
7
- width: number;
8
- height: number;
9
7
  top: number;
10
8
  left: number;
11
9
  size: ButtonSelectSize;
@@ -17,6 +15,8 @@ interface SelectPanelProps {
17
15
  renderInModal: boolean;
18
16
  buttonRef: React.RefObject<HTMLButtonElement>;
19
17
  closeMenu: Function;
18
+ strategy: 'fixed' | 'absolute';
19
+ zIndex: string;
20
20
  }
21
21
  export declare const StyledOptionWithPrivateProps: React.ForwardRefExoticComponent<Pick<SelectOptionProps & StyledOptionPrivateProps, "$size" | "$focused" | "$selected" | keyof SelectOptionProps> & React.RefAttributes<HTMLDivElement>>;
22
22
  export declare const SelectPanel: React.ForwardRefExoticComponent<SelectPanelProps & React.RefAttributes<HTMLDivElement>>;
@@ -1 +1 @@
1
- {"version":3,"file":"select-panel.d.ts","sourceRoot":"","sources":["../../../src/select/select-panel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EACL,gBAAgB,EAChB,oBAAoB,EACpB,iBAAiB,EAElB,MAAM,SAAS,CAAC;AAYjB,OAAO,EAAQ,UAAU,EAAC,MAAM,UAAU,CAAC;AAC3C,OAAO,EAAwB,QAAQ,EAAC,MAAM,oBAAoB,CAAC;AAGnE,UAAU,gBAAgB;IACxB,MAAM,EAAE,OAAO,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,gBAAgB,CAAC;IACvB,SAAS,CAAC,EAAE;QACV,KAAK,CAAC,EAAE,oBAAoB,CAAC;QAC7B,KAAK,CAAC,EAAE,QAAQ,CAAC,UAAU,CAAC,CAAC;KAC9B,CAAC;IACF,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC,iBAAiB,CAAC,EAAE,CAAC;IAClD,aAAa,EAAE,OAAO,CAAC;IACvB,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAC;IAC9C,SAAS,EAAE,QAAQ,CAAC;CACrB;AAID,eAAO,MAAM,4BAA4B,yLAoCvC,CAAC;AAEH,eAAO,MAAM,WAAW,yFAgGvB,CAAC;AAEF,UAAU,wBAAwB;IAChC,GAAG,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAC/B,KAAK,EAAE,gBAAgB,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB"}
1
+ {"version":3,"file":"select-panel.d.ts","sourceRoot":"","sources":["../../../src/select/select-panel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EACL,gBAAgB,EAChB,oBAAoB,EACpB,iBAAiB,EAElB,MAAM,SAAS,CAAC;AAYjB,OAAO,EAAQ,UAAU,EAAC,MAAM,UAAU,CAAC;AAC3C,OAAO,EAAwB,QAAQ,EAAC,MAAM,oBAAoB,CAAC;AAGnE,UAAU,gBAAgB;IACxB,MAAM,EAAE,OAAO,CAAC;IAChB,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,gBAAgB,CAAC;IACvB,SAAS,CAAC,EAAE;QACV,KAAK,CAAC,EAAE,oBAAoB,CAAC;QAC7B,KAAK,CAAC,EAAE,QAAQ,CAAC,UAAU,CAAC,CAAC;KAC9B,CAAC;IACF,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC,iBAAiB,CAAC,EAAE,CAAC;IAClD,aAAa,EAAE,OAAO,CAAC;IACvB,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAC;IAC9C,SAAS,EAAE,QAAQ,CAAC;IACpB,QAAQ,EAAE,OAAO,GAAG,UAAU,CAAC;IAC/B,MAAM,EAAE,MAAM,CAAC;CAChB;AAID,eAAO,MAAM,4BAA4B,yLAoCvC,CAAC;AAEH,eAAO,MAAM,WAAW,yFAgGvB,CAAC;AAEF,UAAU,wBAAwB;IAChC,GAAG,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAC/B,KAAK,EAAE,gBAAgB,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB"}
@@ -42,7 +42,7 @@ export var StyledOptionWithPrivateProps = React.forwardRef(function (props, inpu
42
42
  $selected && (React.createElement(StyledOptionIcon, { "$size": $size, "$selected": $selected, "$focused": $focused }, selectedIcon || React.createElement(IconFilledCheck, { overrides: { size: iconSize } })))));
43
43
  });
44
44
  export var SelectPanel = React.forwardRef(function (props, panelRef) {
45
- var isOpen = props.isOpen, width = props.width, height = props.height, top = props.top, left = props.left, size = props.size, children = props.children, buttonRef = props.buttonRef, renderInModal = props.renderInModal, closeMenu = props.closeMenu, overrides = props.overrides, restProps = __rest(props, ["isOpen", "width", "height", "top", "left", "size", "children", "buttonRef", "renderInModal", "closeMenu", "overrides"]);
45
+ var isOpen = props.isOpen, top = props.top, left = props.left, size = props.size, children = props.children, buttonRef = props.buttonRef, renderInModal = props.renderInModal, closeMenu = props.closeMenu, overrides = props.overrides, strategy = props.strategy, zIndex = props.zIndex, restProps = __rest(props, ["isOpen", "top", "left", "size", "children", "buttonRef", "renderInModal", "closeMenu", "overrides", "strategy", "zIndex"]);
46
46
  var listDescriptionId = useReactKeys(1)[0];
47
47
  var theme = useTheme();
48
48
  var modalOverrides = getModalOverrides({
@@ -65,20 +65,20 @@ export var SelectPanel = React.forwardRef(function (props, panelRef) {
65
65
  }), ModalComponent = _a[0], modalProps = _a[1];
66
66
  return (React.createElement(ModalComponent, __assign({}, modalProps),
67
67
  screenReaderOnlyMessage,
68
- React.createElement(StyledModalPanel, __assign({ "data-testid": "select-panel", "aria-describedby": listDescriptionId, ref: panelRef }, restProps, { onBlur: function (e) {
68
+ React.createElement(StyledModalPanel, __assign({ "data-testid": "select-panel", className: "modal-panel", "aria-describedby": listDescriptionId, ref: panelRef }, restProps, { onBlur: function (e) {
69
69
  // set tabIndex to 0 so that user can return to the element
70
70
  // when before that moves to Close / Other focusable elements inside the modal
71
71
  e.target.setAttribute('tabIndex', '0');
72
72
  } }), optionsAsChildren)));
73
73
  }
74
- var x = Math.floor(left);
75
- var y = Math.floor((top || 0) + (height || 0));
76
74
  return (React.createElement(React.Fragment, null,
77
75
  screenReaderOnlyMessage,
78
- React.createElement(StyledSelectPanel, __assign({ "$isOpen": isOpen, "data-testid": "select-panel", "aria-describedby": isOpen ? listDescriptionId : undefined, "$width": width, "$size": size, ref: panelRef, overrides: overrides === null || overrides === void 0 ? void 0 : overrides.panel }, restProps, { style: {
76
+ React.createElement(StyledSelectPanel, __assign({ "$isOpen": isOpen, "data-testid": "select-panel", "aria-describedby": isOpen ? listDescriptionId : undefined, "$size": size, ref: panelRef, overrides: overrides === null || overrides === void 0 ? void 0 : overrides.panel, zIndex: zIndex }, restProps, { style: {
79
77
  // inline styles are faster since emotion does not have to create a new css class
80
78
  // and apply it to the element on every scroll change
81
- transform: "translate3d(".concat(x, "px, ").concat(y, "px, 0)"),
79
+ top: Math.round(top),
80
+ left: Math.round(left),
81
+ position: strategy,
82
82
  } }), optionsAsChildren)));
83
83
  });
84
84
  //# sourceMappingURL=select-panel.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"select-panel.js","sourceRoot":"","sources":["../../../src/select/select-panel.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"select-panel.js","sourceRoot":"","sources":["../../../src/select/select-panel.tsx"],"names":[],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../src/select/select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAMN,MAAM,OAAO,CAAC;AAIf,OAAO,EAAC,WAAW,EAAoB,MAAM,SAAS,CAAC;AAoTvD,eAAO,MAAM,MAAM,+GAGjB,CAAC"}
1
+ {"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../src/select/select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAW5D,OAAO,EAAC,WAAW,EAAoB,MAAM,SAAS,CAAC;AA0TvD,eAAO,MAAM,MAAM,+GAGjB,CAAC"}