@procore/core-react 12.9.0 → 12.11.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 (240) hide show
  1. package/dist/AnchorNavigation/AnchorNavigation.styles.js +3 -3
  2. package/dist/Avatar/Avatar.styles.js +5 -5
  3. package/dist/AvatarStack/AvatarStack.styles.js +7 -7
  4. package/dist/Badge/Badge.styles.js +2 -2
  5. package/dist/Banner/Banner.styles.js +10 -10
  6. package/dist/Box/Box.styles.js +1 -1
  7. package/dist/Breadcrumbs/Breadcrumbs.styles.js +4 -4
  8. package/dist/Button/Button.styles.js +5 -5
  9. package/dist/Calendar/Calendar.styles.js +8 -8
  10. package/dist/Card/Card.styles.js +1 -1
  11. package/dist/Checkbox/Checkbox.styles.js +6 -6
  12. package/dist/Checkbox/CheckboxTooltip.js +1 -1
  13. package/dist/ContactItem/ContactItem.styles.js +5 -5
  14. package/dist/Content/Content.styles.js +2 -2
  15. package/dist/DateInput/DateInput.js +7 -0
  16. package/dist/DateInput/DateInput.js.map +1 -1
  17. package/dist/DateInput/DateInput.styles.js +6 -6
  18. package/dist/DetailPage/DetailPage.styles.js +7 -7
  19. package/dist/Dropdown/Dropdown.styles.js +3 -3
  20. package/dist/DropdownFlyout/DropdownFlyout.styles.js +4 -4
  21. package/dist/Dropzone/Dropzone.js +1 -1
  22. package/dist/Dropzone/Dropzone.styles.js +9 -9
  23. package/dist/EmptyState/EmptyState.styles.js +6 -6
  24. package/dist/Field/Field.styles.js +3 -3
  25. package/dist/FileList/FileList.styles.js +4 -4
  26. package/dist/FileSelect/FileExplorer/FileExplorer.styles.js +9 -9
  27. package/dist/FileSelect/FileExplorer/FileExplorerSidebar.styles.js +3 -3
  28. package/dist/FileSelect/FileSelect.styles.js +2 -2
  29. package/dist/FileSelect/FileSelectDropzone/FileSelectDropzone.styles.js +3 -3
  30. package/dist/FileSelect/FileTokenList/FileTokenList.styles.js +2 -2
  31. package/dist/FileSelect/GridSource/GridSource.styles.js +6 -6
  32. package/dist/FileSelect/LocalSource/LocalSource.styles.js +4 -4
  33. package/dist/FileSelect/SourceItem/SourceItem.styles.js +3 -3
  34. package/dist/FileSelect/ThumbnailList/ThumbnailList.styles.js +6 -6
  35. package/dist/FileSelect/TreeSource/TreeSource.styles.js +1 -1
  36. package/dist/FileToken/FileToken.styles.js +4 -4
  37. package/dist/FilterToken/FilterToken.styles.js +2 -2
  38. package/dist/FlexList/FlexList.styles.js +1 -1
  39. package/dist/Form/Form.styles.js +14 -14
  40. package/dist/Form/StyledFormikForm.styles.js +2 -2
  41. package/dist/GhostPlaceholder/GhostPlaceholder.d.ts +4 -0
  42. package/dist/GhostPlaceholder/GhostPlaceholder.js +30 -0
  43. package/dist/GhostPlaceholder/GhostPlaceholder.js.map +1 -0
  44. package/dist/GhostPlaceholder/GhostPlaceholder.styles.d.ts +3 -0
  45. package/dist/GhostPlaceholder/GhostPlaceholder.styles.js +20 -0
  46. package/dist/GhostPlaceholder/GhostPlaceholder.styles.js.map +1 -0
  47. package/dist/GhostPlaceholder/GhostPlaceholder.types.d.ts +37 -0
  48. package/dist/GhostPlaceholder/GhostPlaceholder.types.js +2 -0
  49. package/dist/GhostPlaceholder/GhostPlaceholder.types.js.map +1 -0
  50. package/dist/GhostPlaceholder/index.d.ts +3 -0
  51. package/dist/GhostPlaceholder/index.js +3 -0
  52. package/dist/GhostPlaceholder/index.js.map +1 -0
  53. package/dist/Grid/Grid.styles.js +2 -2
  54. package/dist/GroupSelect/GroupSelect.styles.js +1 -1
  55. package/dist/Input/Input.styles.js +1 -1
  56. package/dist/Link/Link.styles.js +1 -1
  57. package/dist/ListPage/ListPage.styles.js +8 -8
  58. package/dist/Loader/Loader.styles.js +2 -2
  59. package/dist/MenuImperative/MenuImperative.styles.js +10 -10
  60. package/dist/Modal/Modal.styles.js +13 -13
  61. package/dist/MultiSelect/MultiSelect.styles.js +6 -6
  62. package/dist/NextMenu/NextMenu.styles.js +3 -3
  63. package/dist/Notation/Notation.js +1 -1
  64. package/dist/NumberInput/NumberInput.styles.js +7 -7
  65. package/dist/Overlay/OverlayArrow.styles.js +1 -1
  66. package/dist/OverlayTrigger/OverlayTrigger.js +2 -2
  67. package/dist/OverlayTrigger/OverlayTrigger.js.map +1 -1
  68. package/dist/OverlayTrigger/OverlayTrigger.types.d.ts +5 -2
  69. package/dist/OverlayTrigger/OverlayTrigger.types.js.map +1 -1
  70. package/dist/PageLayout/PageLayout.styles.js +16 -16
  71. package/dist/Pagination/Pagination.js +1 -1
  72. package/dist/Pagination/Pagination.js.map +1 -1
  73. package/dist/Pagination/Pagination.styles.js +5 -5
  74. package/dist/Panel/Panel.js +7 -2
  75. package/dist/Panel/Panel.js.map +1 -1
  76. package/dist/Panel/Panel.styles.js +11 -11
  77. package/dist/Pill/Pill.styles.js +2 -2
  78. package/dist/PillSelect/PillSelect.styles.js +4 -4
  79. package/dist/Popover/Popover.styles.js +2 -2
  80. package/dist/Portal/Portal.styles.js +1 -1
  81. package/dist/ProgressBar/ProgressBar.styles.js +2 -2
  82. package/dist/RadioButton/RadioButton.styles.js +3 -3
  83. package/dist/Required/Required.styles.js +3 -3
  84. package/dist/Search/Search.styles.js +5 -5
  85. package/dist/Section/Section.styles.js +7 -7
  86. package/dist/SegmentedController/SegmentedController.styles.js +4 -4
  87. package/dist/Select/Select.js +4 -1
  88. package/dist/Select/Select.js.map +1 -1
  89. package/dist/Select/Select.styles.js +7 -7
  90. package/dist/Select/Select.types.d.ts +9 -0
  91. package/dist/Select/Select.types.js.map +1 -1
  92. package/dist/Semantic/Semantic.styles.js +9 -9
  93. package/dist/Slider/Slider.styles.js +5 -5
  94. package/dist/Spinner/Spinner.styles.js +7 -7
  95. package/dist/SplitViewCard/SplitViewCard.styles.js +10 -10
  96. package/dist/SplitViewCard/SplitViewCard.styles.js.map +1 -1
  97. package/dist/SuperSelect/SuperSelect.presets.styles.js +1 -1
  98. package/dist/SuperSelect/SuperSelect.styles.js +37 -37
  99. package/dist/Switch/Switch.styles.js +4 -4
  100. package/dist/Table/Table.styles.js +28 -28
  101. package/dist/TableShelf/TableShelf.styles.js +5 -5
  102. package/dist/Tabs/Tabs.styles.js +15 -15
  103. package/dist/Tearsheet/Tearsheet.styles.js +5 -5
  104. package/dist/TextArea/TextArea.styles.js +1 -1
  105. package/dist/TextEditorOutput/TextEditorOutput.styles.js +1 -1
  106. package/dist/Thumbnail/Thumbnail.hooks.d.ts +4 -2
  107. package/dist/Thumbnail/Thumbnail.styles.js +17 -17
  108. package/dist/ThumbnailGrid/ThumbnailGrid.styles.js +7 -7
  109. package/dist/TieredSelect/TieredSelect.styles.js +9 -9
  110. package/dist/Tile/Tile.styles.js +8 -8
  111. package/dist/Title/Title.styles.js +7 -7
  112. package/dist/Toast/Toast.styles.js +3 -3
  113. package/dist/ToggleButton/ToggleButton.styles.js +1 -1
  114. package/dist/Token/Token.styles.js +3 -3
  115. package/dist/ToolHeader/ToolHeader.d.ts +3 -1
  116. package/dist/ToolHeader/ToolHeader.js +3 -1
  117. package/dist/ToolHeader/ToolHeader.js.map +1 -1
  118. package/dist/ToolHeader/ToolHeader.styles.js +6 -6
  119. package/dist/ToolLandingPage/ToolLandingPage.styles.js +3 -3
  120. package/dist/Tooltip/Tooltip.styles.js +2 -2
  121. package/dist/Tree/Tree.styles.js +9 -9
  122. package/dist/Typeahead/Typeahead.styles.js +3 -3
  123. package/dist/Typography/Typography.styles.js +1 -1
  124. package/dist/Typography/Typography.table.story.js +2 -2
  125. package/dist/_hooks/I18n.d.ts +9 -1
  126. package/dist/_hooks/I18n.js +10 -1
  127. package/dist/_hooks/I18n.js.map +1 -1
  128. package/dist/_hooks/getI18nProviderLocale.d.ts +6 -0
  129. package/dist/_hooks/getI18nProviderLocale.js +12 -2
  130. package/dist/_hooks/getI18nProviderLocale.js.map +1 -1
  131. package/dist/_locales/de-DE.json +2 -2
  132. package/dist/_locales/en-AU.json +1 -1
  133. package/dist/_locales/en-CA.json +1 -1
  134. package/dist/_locales/en-GB.json +1 -1
  135. package/dist/_locales/en.json +1 -1
  136. package/dist/_locales/es-ES.json +1 -1
  137. package/dist/_locales/es.json +1 -1
  138. package/dist/_locales/fr-CA.json +2 -2
  139. package/dist/_locales/fr-FR.json +2 -2
  140. package/dist/_locales/is-IS.json +1 -1
  141. package/dist/_locales/ja-JP.json +1 -1
  142. package/dist/_locales/pl-PL.json +3 -0
  143. package/dist/_locales/pseudo.json +1 -1
  144. package/dist/_locales/pt-BR.json +2 -2
  145. package/dist/_locales/th-TH.json +1 -1
  146. package/dist/_locales/zh-SG.json +1 -1
  147. package/dist/_styles/colors.d.ts +1 -2
  148. package/dist/_styles/colors.js.map +1 -1
  149. package/dist/_typedoc/Avatar/Avatar.types.json +20 -20
  150. package/dist/_typedoc/AvatarStack/AvatarStack.types.json +23 -23
  151. package/dist/_typedoc/Badge/Badge.types.json +6 -6
  152. package/dist/_typedoc/Banner/Banner.types.json +13 -13
  153. package/dist/_typedoc/Box/Box.types.json +68 -68
  154. package/dist/_typedoc/Breadcrumbs/Breadcrumbs.types.json +10 -10
  155. package/dist/_typedoc/Button/Button.types.json +12 -12
  156. package/dist/_typedoc/Calendar/Calendar.types.json +80 -80
  157. package/dist/_typedoc/Card/Card.types.json +6 -6
  158. package/dist/_typedoc/Checkbox/Checkbox.types.json +9 -9
  159. package/dist/_typedoc/ContactItem/ContactItem.types.json +9 -9
  160. package/dist/_typedoc/DateInput/DateInput.types.json +35 -35
  161. package/dist/_typedoc/DateSelect/DateSelect.types.json +13 -13
  162. package/dist/_typedoc/DetailPage/DetailPage.types.json +5 -5
  163. package/dist/_typedoc/Dropdown/Dropdown.types.json +39 -39
  164. package/dist/_typedoc/DropdownFlyout/DropdownFlyout.types.json +29 -29
  165. package/dist/_typedoc/Dropzone/Dropzone.types.json +41 -41
  166. package/dist/_typedoc/EmptyState/EmptyState.types.json +14 -14
  167. package/dist/_typedoc/FileList/FileList.types.json +9 -9
  168. package/dist/_typedoc/FileSelect/FileSelect.types.json +26 -26
  169. package/dist/_typedoc/FileSelect/GridSource/GridSource.types.json +20 -20
  170. package/dist/_typedoc/FileSelect/LocalSource/LocalSource.types.json +14 -14
  171. package/dist/_typedoc/FileSelect/TreeSource/TreeSource.types.json +9 -9
  172. package/dist/_typedoc/Flex/Flex.types.json +27 -27
  173. package/dist/_typedoc/FlexList/FlexList.types.json +30 -30
  174. package/dist/_typedoc/Form/Form.types.json +766 -726
  175. package/dist/_typedoc/GhostPlaceholder/GhostPlaceholder.types.json +140 -0
  176. package/dist/_typedoc/Grid/Grid.types.json +8 -8
  177. package/dist/_typedoc/GroupSelect/GroupSelect.types.json +52 -52
  178. package/dist/_typedoc/Input/Input.types.json +2 -2
  179. package/dist/_typedoc/Link/Link.types.json +4 -4
  180. package/dist/_typedoc/ListPage/ListPage.json +9 -0
  181. package/dist/_typedoc/ListPage/ListPage.types.json +13 -13
  182. package/dist/_typedoc/Menu/Menu.types.json +62 -62
  183. package/dist/_typedoc/MenuImperative/MenuImperative.types.json +74 -74
  184. package/dist/_typedoc/Modal/Modal.types.json +46 -46
  185. package/dist/_typedoc/MultiSelect/MultiSelect.types.json +31 -31
  186. package/dist/_typedoc/Notation/Notation.types.json +4 -4
  187. package/dist/_typedoc/NumberInput/NumberInput.types.json +37 -37
  188. package/dist/_typedoc/OverlayTrigger/OverlayTrigger.types.json +35 -35
  189. package/dist/_typedoc/PageLayout/PageLayout.types.json +28 -28
  190. package/dist/_typedoc/Pagination/Pagination.types.json +7 -7
  191. package/dist/_typedoc/Panel/Panel.types.json +28 -28
  192. package/dist/_typedoc/Pill/Pill.types.json +2 -2
  193. package/dist/_typedoc/PillSelect/PillSelect.types.json +57 -47
  194. package/dist/_typedoc/Popover/Popover.types.json +14 -14
  195. package/dist/_typedoc/ProgressBar/ProgressBar.types.json +6 -6
  196. package/dist/_typedoc/RadioButton/RadioButton.types.json +6 -6
  197. package/dist/_typedoc/Required/Required.types.json +5 -5
  198. package/dist/_typedoc/Search/Search.types.json +18 -18
  199. package/dist/_typedoc/Section/Section.types.json +15 -15
  200. package/dist/_typedoc/SegmentedController/SegmentedController.types.json +20 -20
  201. package/dist/_typedoc/Select/Select.types.json +67 -57
  202. package/dist/_typedoc/SettingsPage/SettingsPage.types.json +10 -10
  203. package/dist/_typedoc/Slider/Slider.types.json +6 -6
  204. package/dist/_typedoc/Spinner/Spinner.types.json +9 -9
  205. package/dist/_typedoc/SplitViewCard/SplitViewCard.types.json +12 -12
  206. package/dist/_typedoc/Switch/Switch.types.json +3 -3
  207. package/dist/_typedoc/Table/Table.types.json +109 -99
  208. package/dist/_typedoc/Tabs/Tabs.types.json +19 -19
  209. package/dist/_typedoc/Tearsheet/Tearsheet.types.json +16 -16
  210. package/dist/_typedoc/TextArea/TextArea.types.json +3 -3
  211. package/dist/_typedoc/TextEditor/TextEditor.types.json +9 -9
  212. package/dist/_typedoc/TextEditorOutput/TextEditorOutput.types.json +4 -4
  213. package/dist/_typedoc/Thumbnail/Thumbnail.types.json +19 -19
  214. package/dist/_typedoc/TieredDropdown/TieredDropdown.types.json +42 -42
  215. package/dist/_typedoc/TieredSelect/TieredSelect.types.json +28 -28
  216. package/dist/_typedoc/Tile/Tile.types.json +30 -30
  217. package/dist/_typedoc/Title/Title.types.json +1 -1
  218. package/dist/_typedoc/Toast/Toast.types.json +4 -4
  219. package/dist/_typedoc/ToggleButton/ToggleButton.types.json +3 -3
  220. package/dist/_typedoc/Token/Token.types.json +4 -4
  221. package/dist/_typedoc/ToolHeader/ToolHeader.json +9 -0
  222. package/dist/_typedoc/ToolHeader/ToolHeader.types.json +10 -10
  223. package/dist/_typedoc/ToolLandingPage/ToolLandingPage.types.json +7 -7
  224. package/dist/_typedoc/Tooltip/Tooltip.types.json +13 -13
  225. package/dist/_typedoc/Tree/Tree.types.json +86 -86
  226. package/dist/_typedoc/Typeahead/Typeahead.types.json +2 -2
  227. package/dist/_typedoc/Typography/Typography.types.json +9 -9
  228. package/dist/_typedoc/_utils/types.json +3 -3
  229. package/dist/_typedoc/deprecations.json +1 -1
  230. package/dist/_utils/CalendarHelpers.js +3 -2
  231. package/dist/_utils/CalendarHelpers.js.map +1 -1
  232. package/dist/_utils/TinyMCE.js +2 -1
  233. package/dist/_utils/TinyMCE.js.map +1 -1
  234. package/dist/_utils/propsTypedoc.d.ts +3 -0
  235. package/dist/_utils/propsTypedoc.js +3 -1
  236. package/dist/_utils/propsTypedoc.js.map +1 -1
  237. package/dist/index.d.ts +1 -0
  238. package/dist/index.js +1 -0
  239. package/dist/index.js.map +1 -1
  240. package/package.json +3 -3
@@ -11,15 +11,15 @@ var optionMinHeight = 32;
11
11
  // Do not merge with StyledMenu, needed for max-height working in IE
12
12
  export var StyledWrapper = /*#__PURE__*/styled.div.withConfig({
13
13
  displayName: "StyledWrapper",
14
- componentId: "core-12_9_0__sc-z984sz-0"
14
+ componentId: "core-12_11_0__sc-z984sz-0"
15
15
  })(["border-radius:inherit;display:flex;max-height:inherit;min-width:inherit;outline:none;width:inherit;"]);
16
16
  export var StyledMenu = /*#__PURE__*/styled.div.withConfig({
17
17
  displayName: "StyledMenu",
18
- componentId: "core-12_9_0__sc-z984sz-1"
18
+ componentId: "core-12_11_0__sc-z984sz-1"
19
19
  })(["border-radius:inherit;display:flex;flex-direction:column;outline:0;width:100%;"]);
20
20
  export var StyledOptions = /*#__PURE__*/styled.div.withConfig({
21
21
  displayName: "StyledOptions",
22
- componentId: "core-12_9_0__sc-z984sz-2"
22
+ componentId: "core-12_11_0__sc-z984sz-2"
23
23
  })(["flex-basis:auto;flex-grow:1;flex-shrink:1;min-height:", "px;", ";padding:", "px 0;position:relative;&:focus-visible{", " margin:-1px;}"], optionMinHeight, function (_ref) {
24
24
  var _ref$$scrollable = _ref.$scrollable,
25
25
  $scrollable = _ref$$scrollable === void 0 ? true : _ref$$scrollable;
@@ -27,26 +27,26 @@ export var StyledOptions = /*#__PURE__*/styled.div.withConfig({
27
27
  }, spacing.sm, getFocus());
28
28
  export var StyledGrip = /*#__PURE__*/styled.div.withConfig({
29
29
  displayName: "StyledGrip",
30
- componentId: "core-12_9_0__sc-z984sz-3"
30
+ componentId: "core-12_11_0__sc-z984sz-3"
31
31
  })(["padding:0 2px;height:24px;visibility:hidden;"]);
32
32
  export var StyledHeader = /*#__PURE__*/styled.div.withConfig({
33
33
  displayName: "StyledHeader",
34
- componentId: "core-12_9_0__sc-z984sz-4"
34
+ componentId: "core-12_11_0__sc-z984sz-4"
35
35
  })([""]);
36
36
  export var StyledSearch = /*#__PURE__*/styled.div.withConfig({
37
37
  displayName: "StyledSearch",
38
- componentId: "core-12_9_0__sc-z984sz-5"
38
+ componentId: "core-12_11_0__sc-z984sz-5"
39
39
  })(["padding:", "px ", "px ", "px;", " > *{pointer-events:none;}"], spacing.lg, spacing.lg, spacing.sm, StyledButton);
40
40
  export var StyledGroup = /*#__PURE__*/styled.div.withConfig({
41
41
  displayName: "StyledGroup",
42
- componentId: "core-12_9_0__sc-z984sz-6"
42
+ componentId: "core-12_11_0__sc-z984sz-6"
43
43
  })(["", " color:", ";cursor:", ";font-weight:", ";padding:", "px ", "px;&:not(:first-child){padding-top:", "px;}"], getTypographyIntent('body'), colors.gray15, function (_ref2) {
44
44
  var $clickable = _ref2.$clickable;
45
45
  return $clickable ? 'pointer' : 'default';
46
46
  }, typographyWeights.semibold, spacing.xs, spacing.lg, spacing.md + spacing.xs);
47
47
  export var StyledItem = /*#__PURE__*/styled.div.withConfig({
48
48
  displayName: "StyledItem",
49
- componentId: "core-12_9_0__sc-z984sz-7"
49
+ componentId: "core-12_11_0__sc-z984sz-7"
50
50
  })(["", ";", " cursor:pointer;list-style-type:none;padding:", "px ", "px;a{color:", ";display:block;margin:-", "px -", "px;padding:", "px ", "px;text-decoration:none;&:hover{color:", ";text-decoration:none;}}&[data-highlighted='true']{background-color:", ";}", " &:hover,&:active{", "{visibility:visible;}}", "{color:inherit;cursor:pointer;}", " ", " ", ""], getTypographyIntent('body'), function (_ref3) {
51
51
  var as = _ref3.as;
52
52
  return as === 'a' && css(["display:block;text-decoration:none;"]);
@@ -75,10 +75,10 @@ export var StyledItem = /*#__PURE__*/styled.div.withConfig({
75
75
  });
76
76
  export var StyledDroppable = /*#__PURE__*/styled.div.withConfig({
77
77
  displayName: "StyledDroppable",
78
- componentId: "core-12_9_0__sc-z984sz-8"
78
+ componentId: "core-12_11_0__sc-z984sz-8"
79
79
  })(["", ",", "{padding-left:28px;}"], StyledGroup, StyledItem);
80
80
  export var StyledFooter = /*#__PURE__*/styled(Box).withConfig({
81
81
  displayName: "StyledFooter",
82
- componentId: "core-12_9_0__sc-z984sz-9"
82
+ componentId: "core-12_11_0__sc-z984sz-9"
83
83
  })(["border-top:1px solid ", ";border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;"], colors.gray85);
84
84
  //# sourceMappingURL=MenuImperative.styles.js.map
@@ -31,15 +31,15 @@ var screenWidthPixelBreakpoints = {
31
31
  };
32
32
  export var StyledModal = /*#__PURE__*/styled.div.withConfig({
33
33
  displayName: "StyledModal",
34
- componentId: "core-12_9_0__sc-1ijdug2-0"
34
+ componentId: "core-12_11_0__sc-1ijdug2-0"
35
35
  })(["display:flex;height:100vh;position:absolute;opacity:0;transition:0.3s opacity ease;width:100vw;z-index:0;&.", "{opacity:1;}&.", "{opacity:0;}"], fadeInClassName, fadeOutClassName);
36
36
  export var StyledModalButtons = /*#__PURE__*/styled.div.withConfig({
37
37
  displayName: "StyledModalButtons",
38
- componentId: "core-12_9_0__sc-1ijdug2-1"
38
+ componentId: "core-12_11_0__sc-1ijdug2-1"
39
39
  })(["display:flex;flex:0 0 auto;margin-left:", "px;> * + *{margin-left:", "px;}"], spacing.lg, spacing.sm);
40
40
  export var StyledModalContainer = /*#__PURE__*/styled(Card).withConfig({
41
41
  displayName: "StyledModalContainer",
42
- componentId: "core-12_9_0__sc-1ijdug2-2"
42
+ componentId: "core-12_11_0__sc-1ijdug2-2"
43
43
  })(["display:flex;flex-direction:row;position:absolute;z-index:2;", " ", " ", ""], function (_ref) {
44
44
  var $compact = _ref.$compact;
45
45
  if (!$compact) {
@@ -63,11 +63,11 @@ export var StyledModalContainer = /*#__PURE__*/styled(Card).withConfig({
63
63
  });
64
64
  export var StyledModalFooter = /*#__PURE__*/styled.div.withConfig({
65
65
  displayName: "StyledModalFooter",
66
- componentId: "core-12_9_0__sc-1ijdug2-3"
66
+ componentId: "core-12_11_0__sc-1ijdug2-3"
67
67
  })(["align-items:center;display:flex;flex:0 0 auto;flex-wrap:wrap;justify-content:flex-end;padding:", "px ", "px ", "px;"], spacing.xl, spacing.xxl, spacing.xxl);
68
68
  export var StyledModalBody = /*#__PURE__*/styled.div.withConfig({
69
69
  displayName: "StyledModalBody",
70
- componentId: "core-12_9_0__sc-1ijdug2-4"
70
+ componentId: "core-12_11_0__sc-1ijdug2-4"
71
71
  })(["", " box-sizing:border-box;color:", ";display:flex;flex-direction:column;overflow:auto;", " ", " > ", "{padding-left:0;padding-right:0;&:first-child > ", "{padding-top:0;}}", ""], getTypographyIntent('body'), colors.gray15, function (_ref4) {
72
72
  var noSideSpacing = _ref4.noSideSpacing;
73
73
  return css(["padding:", "px ", "px;"], spacing.xl, noSideSpacing ? 0 : spacing.xxl);
@@ -84,7 +84,7 @@ export var StyledModalBody = /*#__PURE__*/styled.div.withConfig({
84
84
  });
85
85
  export var StyledModalContent = /*#__PURE__*/styled.div.withConfig({
86
86
  displayName: "StyledModalContent",
87
- componentId: "core-12_9_0__sc-1ijdug2-5"
87
+ componentId: "core-12_11_0__sc-1ijdug2-5"
88
88
  })(["display:flex;flex-direction:column;max-height:90vh;overflow:hidden;width:100%;", ""], function (_ref7) {
89
89
  var _ref7$$compact = _ref7.$compact,
90
90
  $compact = _ref7$$compact === void 0 ? false : _ref7$$compact;
@@ -95,11 +95,11 @@ export var StyledModalContent = /*#__PURE__*/styled.div.withConfig({
95
95
  });
96
96
  export var StyledModalFooterNotation = /*#__PURE__*/styled(Typography).withConfig({
97
97
  displayName: "StyledModalFooterNotation",
98
- componentId: "core-12_9_0__sc-1ijdug2-6"
98
+ componentId: "core-12_11_0__sc-1ijdug2-6"
99
99
  })(["flex-grow:1;"]);
100
100
  export var StyledModalHeader = /*#__PURE__*/styled.div.withConfig({
101
101
  displayName: "StyledModalHeader",
102
- componentId: "core-12_9_0__sc-1ijdug2-7"
102
+ componentId: "core-12_11_0__sc-1ijdug2-7"
103
103
  })(["align-items:flex-start;color:", ";display:flex;flex:0 0 auto;position:relative;", " ", ""], colors.gray10, function (_ref8) {
104
104
  var $compact = _ref8.$compact,
105
105
  $isBodyScrolled = _ref8.$isBodyScrolled;
@@ -117,7 +117,7 @@ export var StyledModalHeader = /*#__PURE__*/styled.div.withConfig({
117
117
  });
118
118
  export var StyledModalHeading = /*#__PURE__*/styled.div.withConfig({
119
119
  displayName: "StyledModalHeading",
120
- componentId: "core-12_9_0__sc-1ijdug2-8"
120
+ componentId: "core-12_11_0__sc-1ijdug2-8"
121
121
  })(["", " align-items:center;display:flex;flex:1 1 auto;min-height:36px;padding-right:", "px;", ""], function (_ref10) {
122
122
  var $compact = _ref10.$compact;
123
123
  return getTypographyIntent($compact ? 'h3' : 'h2');
@@ -133,18 +133,18 @@ export var StyledModalHeading = /*#__PURE__*/styled.div.withConfig({
133
133
  });
134
134
  export var StyledModalCancel = /*#__PURE__*/styled.div.withConfig({
135
135
  displayName: "StyledModalCancel",
136
- componentId: "core-12_9_0__sc-1ijdug2-9"
136
+ componentId: "core-12_11_0__sc-1ijdug2-9"
137
137
  })(["flex:0 0 auto;"]);
138
138
  export var StyledModalScrim = /*#__PURE__*/styled.div.withConfig({
139
139
  displayName: "StyledModalScrim",
140
- componentId: "core-12_9_0__sc-1ijdug2-10"
140
+ componentId: "core-12_11_0__sc-1ijdug2-10"
141
141
  })(["background:hsla(200,8%,10%,0.6);height:100vh;left:0;position:absolute;top:0;width:100vw;z-index:1;"]);
142
142
  export var StyledModalWarningIcon = /*#__PURE__*/styled(Warning).withConfig({
143
143
  displayName: "StyledModalWarningIcon",
144
- componentId: "core-12_9_0__sc-1ijdug2-11"
144
+ componentId: "core-12_11_0__sc-1ijdug2-11"
145
145
  })(["color:", ";margin-right:", "px;"], colors.yellow40, spacing.sm);
146
146
  export var StyledModalFooterSummary = /*#__PURE__*/styled.div.withConfig({
147
147
  displayName: "StyledModalFooterSummary",
148
- componentId: "core-12_9_0__sc-1ijdug2-12"
148
+ componentId: "core-12_11_0__sc-1ijdug2-12"
149
149
  })(["", " border-top:1px solid ", ";border-bottom:1px solid ", ";padding:", "px ", "px;color:", ";font-style:italic;background-color:", ";margin:-", "px -", "px ", "px -", "px;flex:1 1 100%;"], getTypographyIntent('small'), colors.gray85, colors.gray85, spacing.md, spacing.xxl, colors.gray15, colors.gray98, spacing.xl, spacing.xxl, spacing.xl, spacing.xxl);
150
150
  //# sourceMappingURL=Modal.styles.js.map
@@ -6,26 +6,26 @@ import { getFocus } from '../_styles/mixins';
6
6
  import { spacing } from '../_styles/spacing';
7
7
  export var StyledMultiSelectValues = /*#__PURE__*/styled.div.withConfig({
8
8
  displayName: "StyledMultiSelectValues",
9
- componentId: "core-12_9_0__sc-s9ym9q-0"
9
+ componentId: "core-12_11_0__sc-s9ym9q-0"
10
10
  })(["display:flex;flex-wrap:wrap;margin-bottom:2px;margin-left:", "px;margin-right:", "px;margin-top:2px;min-width:0;width:100%;"], spacing.md, spacing.xs);
11
11
  export var StyledMultiSelectToken = /*#__PURE__*/styled.div.withConfig({
12
12
  displayName: "StyledMultiSelectToken",
13
- componentId: "core-12_9_0__sc-s9ym9q-1"
13
+ componentId: "core-12_11_0__sc-s9ym9q-1"
14
14
  })(["margin-bottom:2px;margin-right:", "px;margin-top:2px;flex:0 1 auto;> div{max-width:178px;width:100%;}"], spacing.xs);
15
15
  export var StyledMultiSelectSearchInput = /*#__PURE__*/styled.input.withConfig({
16
16
  displayName: "StyledMultiSelectSearchInput",
17
- componentId: "core-12_9_0__sc-s9ym9q-2"
17
+ componentId: "core-12_11_0__sc-s9ym9q-2"
18
18
  })(["background-color:transparent;border-width:0;font-family:inherit;padding:0;height:24px;width:100%;", " ", " &::-ms-clear{display:none;}&:focus{box-shadow:none;outline:none;}&::placeholder{color:", ";}"], getTypographyIntent('body'), function (_ref) {
19
19
  var $isNavigatingTokens = _ref.$isNavigatingTokens;
20
20
  return $isNavigatingTokens && css(["color:transparent;"]);
21
21
  }, colors.gray45);
22
22
  export var StyledMultiSelectSearch = /*#__PURE__*/styled.div.withConfig({
23
23
  displayName: "StyledMultiSelectSearch",
24
- componentId: "core-12_9_0__sc-s9ym9q-3"
24
+ componentId: "core-12_11_0__sc-s9ym9q-3"
25
25
  })(["margin-bottom:2px;margin-right:", "px;margin-top:2px;flex:1;max-width:100%;min-width:24px;"], spacing.xs);
26
26
  export var StyledMultiSelectSearchIcon = /*#__PURE__*/styled.div.withConfig({
27
27
  displayName: "StyledMultiSelectSearchIcon",
28
- componentId: "core-12_9_0__sc-s9ym9q-4"
28
+ componentId: "core-12_11_0__sc-s9ym9q-4"
29
29
  })(["align-items:center;align-self:flex-start;display:flex;height:34px;justify-content:flex-end;margin-left:", "px;margin-right:", "px;min-width:40px;width:40px;"], spacing.xs, spacing.md);
30
30
  export var StyledMultiSelectClearIcon = StyledSelectClearIcon;
31
31
  export var StyledMultiSelectArrowContainer = StyledSelectArrowContainer;
@@ -33,7 +33,7 @@ export var StyledMultiSelectArrow = StyledSelectArrow;
33
33
  export var StyledMultiSelectMenu = StyledSelectMenu;
34
34
  export var StyledMultiSelectButton = /*#__PURE__*/styled(StyledSelectButton).withConfig({
35
35
  displayName: "StyledMultiSelectButton",
36
- componentId: "core-12_9_0__sc-s9ym9q-5"
36
+ componentId: "core-12_11_0__sc-s9ym9q-5"
37
37
  })(["height:auto;padding:0;white-space:normal;&:focus-within{", "}", ""], getFocus(), function (_ref2) {
38
38
  var $emptyValue = _ref2.$emptyValue;
39
39
  return $emptyValue && css(["", "{cursor:pointer;}"], StyledMultiSelectSearchInput);
@@ -6,14 +6,14 @@ export var optionMinHeight = 32;
6
6
  export var defaultMenuHeight = 64;
7
7
  export var StyledOptions = /*#__PURE__*/styled.div.withConfig({
8
8
  displayName: "StyledOptions",
9
- componentId: "core-12_9_0__sc-3o6zya-0"
9
+ componentId: "core-12_11_0__sc-3o6zya-0"
10
10
  })([""]);
11
11
  export var StyledItem = /*#__PURE__*/styled.div.withConfig({
12
12
  displayName: "StyledItem",
13
- componentId: "core-12_9_0__sc-3o6zya-1"
13
+ componentId: "core-12_11_0__sc-3o6zya-1"
14
14
  })(["", ";padding:", "px ", "px;cursor:pointer;list-style-type:none;"], getTypographyIntent('body'), spacing.xs, spacing.md);
15
15
  export var StyledGroup = /*#__PURE__*/styled.div.withConfig({
16
16
  displayName: "StyledGroup",
17
- componentId: "core-12_9_0__sc-3o6zya-2"
17
+ componentId: "core-12_11_0__sc-3o6zya-2"
18
18
  })(["", ";padding:", "px ", "px ", "px;font-weight:", ";background:white;list-style-type:none;"], getTypographyIntent('body'), spacing.md, spacing.md, spacing.xs, typographyWeights.semibold);
19
19
  //# sourceMappingURL=NextMenu.styles.js.map
@@ -14,7 +14,7 @@ var variantColorMap = {
14
14
  };
15
15
  var StyledNotation = /*#__PURE__*/styled.i.withConfig({
16
16
  displayName: "StyledNotation",
17
- componentId: "core-12_9_0__sc-160q1m6-0"
17
+ componentId: "core-12_11_0__sc-160q1m6-0"
18
18
  })(["", " color:", ";font-style:italic;"], getTypographyIntent('small'), function (_ref) {
19
19
  var variant = _ref.variant;
20
20
  return variant ? colors[variantColorMap[variant]] : colors.gray15;
@@ -12,37 +12,37 @@ var inputBgColor = colors.white;
12
12
  var inputBorder = "".concat(colors.gray70, " solid 1px");
13
13
  var StyledRootAddon = /*#__PURE__*/styled.span.withConfig({
14
14
  displayName: "StyledRootAddon",
15
- componentId: "core-12_9_0__sc-1782nvg-0"
15
+ componentId: "core-12_11_0__sc-1782nvg-0"
16
16
  })(["display:inline-flex;align-items:center;height:100%;position:absolute;top:0;color:", ";", ";"], function (_ref) {
17
17
  var disabled = _ref.disabled;
18
18
  return disabled ? colors.gray70 : colors.gray45;
19
19
  }, getTypographyIntent('body'));
20
20
  export var StyledPrefix = /*#__PURE__*/styled(StyledRootAddon).withConfig({
21
21
  displayName: "StyledPrefix",
22
- componentId: "core-12_9_0__sc-1782nvg-1"
22
+ componentId: "core-12_11_0__sc-1782nvg-1"
23
23
  })(["left:", "px;"], spacing.md);
24
24
  export var StyledSuffix = /*#__PURE__*/styled(StyledRootAddon).withConfig({
25
25
  displayName: "StyledSuffix",
26
- componentId: "core-12_9_0__sc-1782nvg-2"
26
+ componentId: "core-12_11_0__sc-1782nvg-2"
27
27
  })(["right:", "px;"], function (_ref2) {
28
28
  var withIncrementer = _ref2.withIncrementer;
29
29
  return withIncrementer ? spacing.md + incrementerWidth : spacing.md;
30
30
  });
31
31
  export var StyledIncrementerWrapper = /*#__PURE__*/styled.div.withConfig({
32
32
  displayName: "StyledIncrementerWrapper",
33
- componentId: "core-12_9_0__sc-1782nvg-3"
33
+ componentId: "core-12_11_0__sc-1782nvg-3"
34
34
  })(["display:flex;flex-direction:column;position:absolute;top:1px;right:1px;height:100%;"]);
35
35
  export var StyledIncrementerButton = /*#__PURE__*/styled.button.withConfig({
36
36
  displayName: "StyledIncrementerButton",
37
- componentId: "core-12_9_0__sc-1782nvg-4"
37
+ componentId: "core-12_11_0__sc-1782nvg-4"
38
38
  })(["display:inline-flex;justify-content:center;align-items:center;width:", "px;height:calc(50% - 1px);border:none;border-radius:0px;outline:none;background-color:", ";padding:0;cursor:pointer;&:first-child,&:last-child{border-left:", ";&:disabled{border-color:", ";background-color:", ";}}&:first-child{border-top-right-radius:2px;}&:last-child{border-top:", ";border-bottom-right-radius:2px;}svg{fill:", ";}&:hover{svg{fill:", ";}}&:disabled{cursor:default;svg{fill:", ";}}"], incrementerWidth, inputBgColor, inputBorder, colors.gray70, colors.gray94, inputBorder, colors.gray45, colors.gray10, colors.gray70);
39
39
  export var StyledInput = /*#__PURE__*/styled(Input).withConfig({
40
40
  displayName: "StyledInput",
41
- componentId: "core-12_9_0__sc-1782nvg-5"
41
+ componentId: "core-12_11_0__sc-1782nvg-5"
42
42
  })([""]);
43
43
  export var StyledWrapper = /*#__PURE__*/styled.div.withConfig({
44
44
  displayName: "StyledWrapper",
45
- componentId: "core-12_9_0__sc-1782nvg-6"
45
+ componentId: "core-12_11_0__sc-1782nvg-6"
46
46
  })(["position:relative;", ""], function (_ref3) {
47
47
  var hasIncrementer = _ref3.hasIncrementer;
48
48
  return hasIncrementer && css(["", "{padding-right:", "px;}"], StyledInput, spacing.md + incrementerWidth);
@@ -2,6 +2,6 @@ import styled from 'styled-components';
2
2
  export var arrowSize = 8;
3
3
  export var StyledArrow = /*#__PURE__*/styled.div.withConfig({
4
4
  displayName: "StyledArrow",
5
- componentId: "core-12_9_0__sc-1epxw7u-0"
5
+ componentId: "core-12_11_0__sc-1epxw7u-0"
6
6
  })(["position:absolute;background:inherit;width:", "px;height:", "px;transform:rotate(45deg);"], arrowSize, arrowSize);
7
7
  //# sourceMappingURL=OverlayArrow.styles.js.map
@@ -140,7 +140,7 @@ export var OverlayTrigger = /*#__PURE__*/React.forwardRef(function OverlayTrigge
140
140
 
141
141
  // TODO delete in a separate branch for testing and rely only on FocusScope
142
142
  React.useEffect(function () {
143
- if (restoreFocusOnHide && !visibility.isVisible && !clickedOutsideRef.current) {
143
+ if ([true, 'core-react'].includes(restoreFocusOnHide) && !visibility.isVisible && !clickedOutsideRef.current) {
144
144
  triggerElRef.current && triggerElRef.current.focus();
145
145
  }
146
146
  clickedOutsideRef.current = false;
@@ -206,7 +206,7 @@ export var OverlayTrigger = /*#__PURE__*/React.forwardRef(function OverlayTrigge
206
206
  }, /*#__PURE__*/React.createElement(TriggerOverlay, {
207
207
  autoFocus: autoFocus !== null && autoFocus !== void 0 ? autoFocus : focusScopeProps.autoFocus,
208
208
  containFocus: containFocus !== null && containFocus !== void 0 ? containFocus : focusScopeProps.contain,
209
- restoreFocus: restoreFocusOnHide !== null && restoreFocusOnHide !== void 0 ? restoreFocusOnHide : focusScopeProps.restoreFocus,
209
+ restoreFocus: [true, 'react-aria-focus-scope'].includes(restoreFocusOnHide),
210
210
  ref: overlayElRef,
211
211
  referenceElement: referenceElement,
212
212
  overlay: overlay,
@@ -1 +1 @@
1
- {"version":3,"file":"OverlayTrigger.js","names":["arrow","floatingArrow","flip","floatingFlip","limitShift","offset","floatingOffset","shift","floatingShift","size","floatingSize","FocusScope","useId","React","Arrow","arrowSize","useOverlay","Portal","useClickOutside","DelayedToggleContext","useDelayedToggle","useDelayedToggleContext","Trigger","useTrigger","useVisibility","mergeRefs","useOverlayTriggerA11y","ClickOutside","_ref","container","onClickOutside","refs","createElement","Fragment","OverlayTrigger","forwardRef","_ref2","ref","_ref2$afterHide","afterHide","_ref2$afterShow","afterShow","ariaDescribedby","ariaDetails","ariaLabelledby","ariaLabel","autoFocus","_ref2$beforeHide","beforeHide","_ref2$beforeShow","beforeShow","_ref2$canFlip","canFlip","children","_ref2$clickOutsideIgn","clickOutsideIgnoreRefs","containFocus","_ref2$hideDelay","hideDelay","hideKeys_","hideKeys","_ref2$initialIsVisibl","initialIsVisible","overlay","_ref2$padding","padding","_ref2$placement","placement","_ref2$restoreFocusOnH","restoreFocusOnHide","_ref2$showDelay","showDelay","_ref2$showKeys","showKeys","_ref2$shrinkOverlay","shrinkOverlay","_ref2$trigger","trigger","_ref2$arrow","overlayApiRef","overlayRef","role","_ref2$passA11yPropsTo","passA11yPropsToOverlay","isDialogRole","includes","console","warn","concat","target","triggerElRef","useRef","overlayElRef","_React$useState","useState","_React$useState2","_slicedToArray","referenceElement","setReferenceElement","clickedOutsideRef","visibility","useImperativeHandle","show","hide","triggers","useMemo","Array","isArray","useEffect","indexOf","isVisible","current","focus","delayedToggle","beforeDisable","beforeEnable","disableDelay","enableDelay","isEnabled","onDisable","onEnable","triggerApi","enable","disable","enableKeys","disableKeys","triggerRef","triggerElement","overlayId","_useOverlayTriggerA","canPropOverlayUp","isValidElement","id","isOpen","wrapperProps","overlayProps","portalProps","triggerProps","focusScopeProps","labelProps","wrappedTriggerElement","cloneElement","_objectSpread","open","Provider","value","event","_toConsumableArray","_extends","TriggerOverlay","contain","restoreFocus","overlayCloneProps","CloseOnFocus","_ref3","style","height","position","top","width","onFocus","opacity","useOverlayTriggerContext","_useDelayedToggleCont","toggle","_ref4","arrowRef","arrowPadding","middleware","mainAxis","limiter","apply","_ref5","elements","Object","assign","floating","minWidth","reference","getBoundingClientRect","element","filter","_useOverlay","isPositioned","overlayStyle","referenceRefCallback","referenceRef","middlewareData","currentPlacement","mergedRefs","shownStyles","left"],"sources":["../../src/OverlayTrigger/OverlayTrigger.tsx"],"sourcesContent":["import {\n arrow as floatingArrow,\n flip as floatingFlip,\n limitShift,\n offset as floatingOffset,\n shift as floatingShift,\n size as floatingSize,\n} from '@floating-ui/react-dom'\nimport { FocusScope } from '@react-aria/focus'\nimport { useId } from '@react-aria/utils'\nimport React from 'react'\nimport { Arrow } from '../Overlay/OverlayArrow'\nimport { arrowSize } from '../Overlay/OverlayArrow.styles'\nimport type { OverlayMiddleware } from '../Overlay/useOverlay'\nimport { useOverlay } from '../Overlay/useOverlay'\nimport { Portal } from '../Portal'\nimport type { ClickOutsideConfig } from '../_hooks/ClickOutside'\nimport { useClickOutside } from '../_hooks/ClickOutside'\nimport {\n DelayedToggleContext,\n useDelayedToggle,\n useDelayedToggleContext,\n} from '../_hooks/DelayedToggle'\nimport type { TriggerApi } from '../_hooks/Trigger'\nimport { Trigger, useTrigger } from '../_hooks/Trigger'\nimport { useVisibility } from '../_hooks/Visibility'\nimport { mergeRefs } from '../_utils/mergeRefs'\nimport type { Placement } from '../_utils/placement'\nimport type { ReactElementWithRef } from '../_utils/types'\nimport { useOverlayTriggerA11y } from './a11yPresets'\nimport type {\n DeprecatedOverlayTriggerRef,\n OverlayTriggerProps,\n} from './OverlayTrigger.types'\n\nconst ClickOutside = ({\n container,\n onClickOutside,\n refs,\n}: ClickOutsideConfig) => {\n useClickOutside({\n onClickOutside,\n refs,\n container,\n })\n\n return <></>\n}\n\n/**\n\n @since 10.19.0\n\n @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-overlaytrigger--demo)\n\n */\nexport const OverlayTrigger = React.forwardRef<\n DeprecatedOverlayTriggerRef,\n OverlayTriggerProps\n>(function OverlayTrigger(\n {\n afterHide = () => {},\n afterShow = () => {},\n ['aria-describedby']: ariaDescribedby,\n ['aria-details']: ariaDetails,\n ['aria-labelledby']: ariaLabelledby,\n ['aria-label']: ariaLabel,\n autoFocus,\n beforeHide = () => true,\n beforeShow = () => true,\n canFlip = true,\n children,\n clickOutsideIgnoreRefs = [],\n containFocus,\n container,\n hideDelay = 100,\n hideKeys: hideKeys_,\n initialIsVisible = false,\n overlay,\n padding = 2,\n placement = 'top',\n restoreFocusOnHide = true, // TODO: change default to be false, but that is a breaking change\n showDelay = 0,\n showKeys = ['ArrowDown', 'Down'],\n shrinkOverlay = false,\n trigger = 'click',\n arrow = false,\n overlayRef: overlayApiRef,\n role,\n passA11yPropsToOverlay = false,\n },\n ref\n) {\n const isDialogRole = role === 'dialog'\n\n if (isDialogRole && (trigger === 'hover' || trigger?.includes('hover'))) {\n console.warn(\n `@procore/core-react: OverlayTigger has role ${role} and a hover trigger, this may cause weird focus management and is unrecommended. Review autoFocus prop.`\n )\n }\n\n const hideKeys = hideKeys_ ?? {\n // Note by default OverlayTrigger closes on tab. Dialog role changes the default.\n overlay:\n containFocus ?? isDialogRole\n ? ['Escape', 'Esc']\n : ['Escape', 'Esc', 'Tab'],\n target: ['Escape', 'Esc'],\n }\n\n const triggerElRef = React.useRef<HTMLElement>(null)\n const overlayElRef = React.useRef<HTMLElement>(null)\n const [referenceElement, setReferenceElement] =\n React.useState<HTMLElement | null>(null)\n const clickedOutsideRef = React.useRef(true)\n\n const visibility = useVisibility({\n afterHide,\n afterShow,\n initialIsVisible,\n })\n\n React.useImperativeHandle(overlayApiRef, () => ({\n show: visibility.show,\n hide: visibility.hide,\n }))\n\n const triggers = React.useMemo(\n () => (Array.isArray(trigger) ? trigger : [trigger]),\n [trigger]\n )\n\n React.useEffect(() => {\n if (triggers.indexOf('none') >= 0 && visibility.isVisible) {\n visibility.hide()\n }\n if (triggers.indexOf('always') >= 0 && !visibility.isVisible) {\n visibility.show()\n }\n }, [triggers, visibility.isVisible])\n\n // TODO delete in a separate branch for testing and rely only on FocusScope\n React.useEffect(() => {\n if (\n restoreFocusOnHide &&\n !visibility.isVisible &&\n !clickedOutsideRef.current\n ) {\n triggerElRef.current && triggerElRef.current.focus()\n }\n\n clickedOutsideRef.current = false\n }, [restoreFocusOnHide, triggerElRef, visibility.isVisible])\n\n const delayedToggle = useDelayedToggle({\n beforeDisable: beforeHide,\n beforeEnable: beforeShow,\n disableDelay: hideDelay,\n enableDelay: showDelay,\n isEnabled: visibility.isVisible,\n onDisable: visibility.hide,\n onEnable: visibility.show,\n })\n\n const triggerApi = useTrigger({\n isEnabled: visibility.isVisible,\n enable: delayedToggle.enable,\n disable: delayedToggle.disable,\n enableKeys: showKeys,\n disableKeys: hideKeys.target,\n trigger,\n triggerRef: triggerElRef,\n })\n\n const triggerElement =\n typeof children === 'function'\n ? (children as (props: TriggerApi) => ReactElementWithRef)(triggerApi)\n : (children as ReactElementWithRef)\n\n const overlayId = useId()\n\n const {\n wrapperProps,\n overlayProps,\n portalProps,\n triggerProps,\n focusScopeProps,\n // Does not use. User needs to wire up when using dialog role!\n labelProps,\n } = useOverlayTriggerA11y({\n canPropOverlayUp: React.isValidElement(overlay) && passA11yPropsToOverlay,\n 'aria-describedby': ariaDescribedby,\n 'aria-details': ariaDetails,\n 'aria-labelledby': ariaLabelledby,\n 'aria-label': ariaLabel,\n id: overlayId,\n isOpen: visibility.isVisible,\n role,\n })\n\n const wrappedTriggerElement = React.cloneElement(triggerElement, {\n open: triggerApi.isVisible,\n ref: triggerElement.ref\n ? mergeRefs(triggerElement.ref, ref, triggerElRef, setReferenceElement)\n : mergeRefs(ref, triggerElRef, setReferenceElement),\n ...triggerProps,\n })\n\n return (\n <DelayedToggleContext.Provider value={delayedToggle}>\n {wrappedTriggerElement}\n {visibility.isVisible && (\n <>\n <ClickOutside\n {...{\n container: container,\n onClickOutside: (event) => {\n clickedOutsideRef.current = true\n delayedToggle.disable(event)\n },\n refs: [overlayElRef, triggerElRef, ...clickOutsideIgnoreRefs],\n }}\n />\n <Portal container={container} {...portalProps}>\n <Trigger\n {...{\n isEnabled: visibility.isVisible,\n enable: delayedToggle.enable,\n disable: delayedToggle.disable,\n disableKeys: hideKeys.overlay,\n trigger: trigger === 'click' ? 'none' : trigger,\n triggerRef: overlayElRef,\n }}\n >\n <TriggerOverlay\n autoFocus={autoFocus ?? focusScopeProps.autoFocus}\n containFocus={containFocus ?? focusScopeProps.contain}\n restoreFocus={\n restoreFocusOnHide ?? focusScopeProps.restoreFocus\n }\n ref={overlayElRef}\n referenceElement={referenceElement}\n overlay={overlay}\n shrinkOverlay={shrinkOverlay}\n placement={placement}\n padding={padding}\n canFlip={canFlip}\n arrow={arrow}\n wrapperProps={wrapperProps}\n overlayCloneProps={overlayProps}\n />\n </Trigger>\n </Portal>\n </>\n )}\n </DelayedToggleContext.Provider>\n )\n})\n\nexport function CloseOnFocus({ hide }: { hide: (event: any) => any }) {\n return (\n // in IE, the hidden input's cursor appears right under the menu\n // this positions it arbitrarily away where it won't be noticed\n <div\n style={{\n height: 0,\n position: 'absolute',\n top: 1000,\n width: 0,\n }}\n >\n <input onFocus={hide} style={{ opacity: 0 }} />\n </div>\n )\n}\n\nexport function useOverlayTriggerContext() {\n const { enable: show, disable: hide, toggle } = useDelayedToggleContext()\n\n return {\n hide,\n show,\n toggle,\n }\n}\n\ninterface TriggerOverlayProps {\n containFocus?: boolean\n autoFocus?: boolean\n restoreFocus?: boolean\n placement: Placement\n canFlip?: boolean\n arrow?: boolean\n padding: number\n shrinkOverlay: boolean\n overlay: React.ReactNode\n overlayCloneProps: any\n wrapperProps: Record<string, unknown>\n referenceElement: HTMLElement | null\n}\n\nexport const TriggerOverlay = React.forwardRef<\n HTMLElement,\n TriggerOverlayProps\n>(function (\n {\n autoFocus,\n containFocus,\n restoreFocus,\n placement,\n canFlip,\n arrow,\n padding,\n shrinkOverlay,\n overlay,\n referenceElement,\n wrapperProps,\n overlayCloneProps,\n },\n ref\n) {\n const arrowRef = React.useRef<HTMLDivElement>(null)\n\n const arrowPadding = arrowSize / 2 + 1\n const middleware = [\n floatingOffset({ mainAxis: arrow ? padding + arrowPadding : padding }),\n canFlip ? floatingFlip() : null,\n floatingShift({ limiter: limitShift() }),\n !shrinkOverlay\n ? floatingSize({\n apply({ elements }) {\n Object.assign(elements.floating.style, {\n minWidth: `${elements.reference.getBoundingClientRect().width}px`,\n })\n },\n })\n : null,\n floatingArrow({\n element: arrowRef,\n padding: 6,\n }),\n ].filter((middleware) => middleware !== null) as OverlayMiddleware[]\n\n const {\n isPositioned,\n overlayStyle,\n referenceRef: referenceRefCallback,\n overlayRef,\n middlewareData,\n placement: currentPlacement,\n } = useOverlay({\n middleware,\n placement,\n })\n\n React.useEffect(() => {\n referenceRefCallback(referenceElement)\n }, [referenceElement, referenceRefCallback])\n\n const mergedRefs = mergeRefs(ref, overlayRef)\n\n // TODO could just move clone and clone props to parent\n if (!React.isValidElement(overlay) && overlayCloneProps) {\n console.warn(\n 'PLEASE REPORT ISSUE @procore/core-react: OverlayTrigger TriggerOverlay is not a valid React element but wants to clone \"overlay\" with props. Cannot pass props to the element.'\n )\n }\n\n const shownStyles: React.CSSProperties = {\n ...overlayStyle,\n left: isPositioned ? overlayStyle.left : '-99999px',\n top: isPositioned ? overlayStyle.top : '-99999px',\n }\n\n return (\n <FocusScope\n autoFocus={autoFocus}\n contain={containFocus}\n restoreFocus={restoreFocus}\n >\n <div\n data-qa=\"core-overlay-trigger-overlay-wrapper\"\n ref={mergedRefs}\n style={shownStyles}\n {...wrapperProps}\n >\n {React.isValidElement(overlay)\n ? React.cloneElement(overlay, overlayCloneProps)\n : overlay}\n {arrow && (\n <Arrow\n ref={arrowRef}\n arrow={middlewareData.arrow}\n placement={currentPlacement}\n />\n )}\n </div>\n </FocusScope>\n )\n})\n"],"mappings":"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"}
1
+ {"version":3,"file":"OverlayTrigger.js","names":["arrow","floatingArrow","flip","floatingFlip","limitShift","offset","floatingOffset","shift","floatingShift","size","floatingSize","FocusScope","useId","React","Arrow","arrowSize","useOverlay","Portal","useClickOutside","DelayedToggleContext","useDelayedToggle","useDelayedToggleContext","Trigger","useTrigger","useVisibility","mergeRefs","useOverlayTriggerA11y","ClickOutside","_ref","container","onClickOutside","refs","createElement","Fragment","OverlayTrigger","forwardRef","_ref2","ref","_ref2$afterHide","afterHide","_ref2$afterShow","afterShow","ariaDescribedby","ariaDetails","ariaLabelledby","ariaLabel","autoFocus","_ref2$beforeHide","beforeHide","_ref2$beforeShow","beforeShow","_ref2$canFlip","canFlip","children","_ref2$clickOutsideIgn","clickOutsideIgnoreRefs","containFocus","_ref2$hideDelay","hideDelay","hideKeys_","hideKeys","_ref2$initialIsVisibl","initialIsVisible","overlay","_ref2$padding","padding","_ref2$placement","placement","_ref2$restoreFocusOnH","restoreFocusOnHide","_ref2$showDelay","showDelay","_ref2$showKeys","showKeys","_ref2$shrinkOverlay","shrinkOverlay","_ref2$trigger","trigger","_ref2$arrow","overlayApiRef","overlayRef","role","_ref2$passA11yPropsTo","passA11yPropsToOverlay","isDialogRole","includes","console","warn","concat","target","triggerElRef","useRef","overlayElRef","_React$useState","useState","_React$useState2","_slicedToArray","referenceElement","setReferenceElement","clickedOutsideRef","visibility","useImperativeHandle","show","hide","triggers","useMemo","Array","isArray","useEffect","indexOf","isVisible","current","focus","delayedToggle","beforeDisable","beforeEnable","disableDelay","enableDelay","isEnabled","onDisable","onEnable","triggerApi","enable","disable","enableKeys","disableKeys","triggerRef","triggerElement","overlayId","_useOverlayTriggerA","canPropOverlayUp","isValidElement","id","isOpen","wrapperProps","overlayProps","portalProps","triggerProps","focusScopeProps","labelProps","wrappedTriggerElement","cloneElement","_objectSpread","open","Provider","value","event","_toConsumableArray","_extends","TriggerOverlay","contain","restoreFocus","overlayCloneProps","CloseOnFocus","_ref3","style","height","position","top","width","onFocus","opacity","useOverlayTriggerContext","_useDelayedToggleCont","toggle","_ref4","arrowRef","arrowPadding","middleware","mainAxis","limiter","apply","_ref5","elements","Object","assign","floating","minWidth","reference","getBoundingClientRect","element","filter","_useOverlay","isPositioned","overlayStyle","referenceRefCallback","referenceRef","middlewareData","currentPlacement","mergedRefs","shownStyles","left"],"sources":["../../src/OverlayTrigger/OverlayTrigger.tsx"],"sourcesContent":["import {\n arrow as floatingArrow,\n flip as floatingFlip,\n limitShift,\n offset as floatingOffset,\n shift as floatingShift,\n size as floatingSize,\n} from '@floating-ui/react-dom'\nimport { FocusScope } from '@react-aria/focus'\nimport { useId } from '@react-aria/utils'\nimport React from 'react'\nimport { Arrow } from '../Overlay/OverlayArrow'\nimport { arrowSize } from '../Overlay/OverlayArrow.styles'\nimport type { OverlayMiddleware } from '../Overlay/useOverlay'\nimport { useOverlay } from '../Overlay/useOverlay'\nimport { Portal } from '../Portal'\nimport type { ClickOutsideConfig } from '../_hooks/ClickOutside'\nimport { useClickOutside } from '../_hooks/ClickOutside'\nimport {\n DelayedToggleContext,\n useDelayedToggle,\n useDelayedToggleContext,\n} from '../_hooks/DelayedToggle'\nimport type { TriggerApi } from '../_hooks/Trigger'\nimport { Trigger, useTrigger } from '../_hooks/Trigger'\nimport { useVisibility } from '../_hooks/Visibility'\nimport { mergeRefs } from '../_utils/mergeRefs'\nimport type { Placement } from '../_utils/placement'\nimport type { ReactElementWithRef } from '../_utils/types'\nimport { useOverlayTriggerA11y } from './a11yPresets'\nimport type {\n DeprecatedOverlayTriggerRef,\n OverlayTriggerProps,\n} from './OverlayTrigger.types'\n\nconst ClickOutside = ({\n container,\n onClickOutside,\n refs,\n}: ClickOutsideConfig) => {\n useClickOutside({\n onClickOutside,\n refs,\n container,\n })\n\n return <></>\n}\n\n/**\n\n @since 10.19.0\n\n @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-overlaytrigger--demo)\n\n */\nexport const OverlayTrigger = React.forwardRef<\n DeprecatedOverlayTriggerRef,\n OverlayTriggerProps\n>(function OverlayTrigger(\n {\n afterHide = () => {},\n afterShow = () => {},\n ['aria-describedby']: ariaDescribedby,\n ['aria-details']: ariaDetails,\n ['aria-labelledby']: ariaLabelledby,\n ['aria-label']: ariaLabel,\n autoFocus,\n beforeHide = () => true,\n beforeShow = () => true,\n canFlip = true,\n children,\n clickOutsideIgnoreRefs = [],\n containFocus,\n container,\n hideDelay = 100,\n hideKeys: hideKeys_,\n initialIsVisible = false,\n overlay,\n padding = 2,\n placement = 'top',\n restoreFocusOnHide = true, // TODO: change default to be false, but that is a breaking change\n showDelay = 0,\n showKeys = ['ArrowDown', 'Down'],\n shrinkOverlay = false,\n trigger = 'click',\n arrow = false,\n overlayRef: overlayApiRef,\n role,\n passA11yPropsToOverlay = false,\n },\n ref\n) {\n const isDialogRole = role === 'dialog'\n\n if (isDialogRole && (trigger === 'hover' || trigger?.includes('hover'))) {\n console.warn(\n `@procore/core-react: OverlayTigger has role ${role} and a hover trigger, this may cause weird focus management and is unrecommended. Review autoFocus prop.`\n )\n }\n\n const hideKeys = hideKeys_ ?? {\n // Note by default OverlayTrigger closes on tab. Dialog role changes the default.\n overlay:\n containFocus ?? isDialogRole\n ? ['Escape', 'Esc']\n : ['Escape', 'Esc', 'Tab'],\n target: ['Escape', 'Esc'],\n }\n\n const triggerElRef = React.useRef<HTMLElement>(null)\n const overlayElRef = React.useRef<HTMLElement>(null)\n const [referenceElement, setReferenceElement] =\n React.useState<HTMLElement | null>(null)\n const clickedOutsideRef = React.useRef(true)\n\n const visibility = useVisibility({\n afterHide,\n afterShow,\n initialIsVisible,\n })\n\n React.useImperativeHandle(overlayApiRef, () => ({\n show: visibility.show,\n hide: visibility.hide,\n }))\n\n const triggers = React.useMemo(\n () => (Array.isArray(trigger) ? trigger : [trigger]),\n [trigger]\n )\n\n React.useEffect(() => {\n if (triggers.indexOf('none') >= 0 && visibility.isVisible) {\n visibility.hide()\n }\n if (triggers.indexOf('always') >= 0 && !visibility.isVisible) {\n visibility.show()\n }\n }, [triggers, visibility.isVisible])\n\n // TODO delete in a separate branch for testing and rely only on FocusScope\n React.useEffect(() => {\n if (\n [true, 'core-react'].includes(restoreFocusOnHide) &&\n !visibility.isVisible &&\n !clickedOutsideRef.current\n ) {\n triggerElRef.current && triggerElRef.current.focus()\n }\n\n clickedOutsideRef.current = false\n }, [restoreFocusOnHide, triggerElRef, visibility.isVisible])\n\n const delayedToggle = useDelayedToggle({\n beforeDisable: beforeHide,\n beforeEnable: beforeShow,\n disableDelay: hideDelay,\n enableDelay: showDelay,\n isEnabled: visibility.isVisible,\n onDisable: visibility.hide,\n onEnable: visibility.show,\n })\n\n const triggerApi = useTrigger({\n isEnabled: visibility.isVisible,\n enable: delayedToggle.enable,\n disable: delayedToggle.disable,\n enableKeys: showKeys,\n disableKeys: hideKeys.target,\n trigger,\n triggerRef: triggerElRef,\n })\n\n const triggerElement =\n typeof children === 'function'\n ? (children as (props: TriggerApi) => ReactElementWithRef)(triggerApi)\n : (children as ReactElementWithRef)\n\n const overlayId = useId()\n\n const {\n wrapperProps,\n overlayProps,\n portalProps,\n triggerProps,\n focusScopeProps,\n // Does not use. User needs to wire up when using dialog role!\n labelProps,\n } = useOverlayTriggerA11y({\n canPropOverlayUp: React.isValidElement(overlay) && passA11yPropsToOverlay,\n 'aria-describedby': ariaDescribedby,\n 'aria-details': ariaDetails,\n 'aria-labelledby': ariaLabelledby,\n 'aria-label': ariaLabel,\n id: overlayId,\n isOpen: visibility.isVisible,\n role,\n })\n\n const wrappedTriggerElement = React.cloneElement(triggerElement, {\n open: triggerApi.isVisible,\n ref: triggerElement.ref\n ? mergeRefs(triggerElement.ref, ref, triggerElRef, setReferenceElement)\n : mergeRefs(ref, triggerElRef, setReferenceElement),\n ...triggerProps,\n })\n\n return (\n <DelayedToggleContext.Provider value={delayedToggle}>\n {wrappedTriggerElement}\n {visibility.isVisible && (\n <>\n <ClickOutside\n {...{\n container: container,\n onClickOutside: (event) => {\n clickedOutsideRef.current = true\n delayedToggle.disable(event)\n },\n refs: [overlayElRef, triggerElRef, ...clickOutsideIgnoreRefs],\n }}\n />\n <Portal container={container} {...portalProps}>\n <Trigger\n {...{\n isEnabled: visibility.isVisible,\n enable: delayedToggle.enable,\n disable: delayedToggle.disable,\n disableKeys: hideKeys.overlay,\n trigger: trigger === 'click' ? 'none' : trigger,\n triggerRef: overlayElRef,\n }}\n >\n <TriggerOverlay\n autoFocus={autoFocus ?? focusScopeProps.autoFocus}\n containFocus={containFocus ?? focusScopeProps.contain}\n restoreFocus={[true, 'react-aria-focus-scope'].includes(\n restoreFocusOnHide\n )}\n ref={overlayElRef}\n referenceElement={referenceElement}\n overlay={overlay}\n shrinkOverlay={shrinkOverlay}\n placement={placement}\n padding={padding}\n canFlip={canFlip}\n arrow={arrow}\n wrapperProps={wrapperProps}\n overlayCloneProps={overlayProps}\n />\n </Trigger>\n </Portal>\n </>\n )}\n </DelayedToggleContext.Provider>\n )\n})\n\nexport function CloseOnFocus({ hide }: { hide: (event: any) => any }) {\n return (\n // in IE, the hidden input's cursor appears right under the menu\n // this positions it arbitrarily away where it won't be noticed\n <div\n style={{\n height: 0,\n position: 'absolute',\n top: 1000,\n width: 0,\n }}\n >\n <input onFocus={hide} style={{ opacity: 0 }} />\n </div>\n )\n}\n\nexport function useOverlayTriggerContext() {\n const { enable: show, disable: hide, toggle } = useDelayedToggleContext()\n\n return {\n hide,\n show,\n toggle,\n }\n}\n\ninterface TriggerOverlayProps {\n containFocus?: boolean\n autoFocus?: boolean\n restoreFocus?: boolean\n placement: Placement\n canFlip?: boolean\n arrow?: boolean\n padding: number\n shrinkOverlay: boolean\n overlay: React.ReactNode\n overlayCloneProps: any\n wrapperProps: Record<string, unknown>\n referenceElement: HTMLElement | null\n}\n\nexport const TriggerOverlay = React.forwardRef<\n HTMLElement,\n TriggerOverlayProps\n>(function (\n {\n autoFocus,\n containFocus,\n restoreFocus,\n placement,\n canFlip,\n arrow,\n padding,\n shrinkOverlay,\n overlay,\n referenceElement,\n wrapperProps,\n overlayCloneProps,\n },\n ref\n) {\n const arrowRef = React.useRef<HTMLDivElement>(null)\n\n const arrowPadding = arrowSize / 2 + 1\n const middleware = [\n floatingOffset({ mainAxis: arrow ? padding + arrowPadding : padding }),\n canFlip ? floatingFlip() : null,\n floatingShift({ limiter: limitShift() }),\n !shrinkOverlay\n ? floatingSize({\n apply({ elements }) {\n Object.assign(elements.floating.style, {\n minWidth: `${elements.reference.getBoundingClientRect().width}px`,\n })\n },\n })\n : null,\n floatingArrow({\n element: arrowRef,\n padding: 6,\n }),\n ].filter((middleware) => middleware !== null) as OverlayMiddleware[]\n\n const {\n isPositioned,\n overlayStyle,\n referenceRef: referenceRefCallback,\n overlayRef,\n middlewareData,\n placement: currentPlacement,\n } = useOverlay({\n middleware,\n placement,\n })\n\n React.useEffect(() => {\n referenceRefCallback(referenceElement)\n }, [referenceElement, referenceRefCallback])\n\n const mergedRefs = mergeRefs(ref, overlayRef)\n\n // TODO could just move clone and clone props to parent\n if (!React.isValidElement(overlay) && overlayCloneProps) {\n console.warn(\n 'PLEASE REPORT ISSUE @procore/core-react: OverlayTrigger TriggerOverlay is not a valid React element but wants to clone \"overlay\" with props. Cannot pass props to the element.'\n )\n }\n\n const shownStyles: React.CSSProperties = {\n ...overlayStyle,\n left: isPositioned ? overlayStyle.left : '-99999px',\n top: isPositioned ? overlayStyle.top : '-99999px',\n }\n\n return (\n <FocusScope\n autoFocus={autoFocus}\n contain={containFocus}\n restoreFocus={restoreFocus}\n >\n <div\n data-qa=\"core-overlay-trigger-overlay-wrapper\"\n ref={mergedRefs}\n style={shownStyles}\n {...wrapperProps}\n >\n {React.isValidElement(overlay)\n ? React.cloneElement(overlay, overlayCloneProps)\n : overlay}\n {arrow && (\n <Arrow\n ref={arrowRef}\n arrow={middlewareData.arrow}\n placement={currentPlacement}\n />\n )}\n </div>\n </FocusScope>\n )\n})\n"],"mappings":"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"}
@@ -54,11 +54,14 @@ export interface OverlayTriggerProps extends PickedOverlayProps, PickedTriggerPr
54
54
  };
55
55
  overlay: React.ReactNode;
56
56
  /**
57
- * Restore focus to the target after the overlay is hidden
57
+ * Restore focus to the target after the overlay is hidden.
58
+ * 'core-react' will use internal logic to restore focus,
59
+ * 'react-aria-focus-scope' will use 'FocusScope' component from '@react-aria',
60
+ * true will use both.
58
61
  * @default true
59
62
  * @since 10.19.0
60
63
  */
61
- restoreFocusOnHide?: boolean;
64
+ restoreFocusOnHide?: boolean | 'core-react' | 'react-aria-focus-scope';
62
65
  /**
63
66
  * The delay when showing the overlay
64
67
  * @since 10.19.0
@@ -1 +1 @@
1
- {"version":3,"file":"OverlayTrigger.types.js","names":[],"sources":["../../src/OverlayTrigger/OverlayTrigger.types.ts"],"sourcesContent":["import type { OverlayProps } from '../Overlay/Overlay'\nimport type { PortalProps } from '../Portal/Portal.types'\nimport type { BeforeCallback } from '../_hooks/DelayedCallback'\nimport type { TriggerRenderProps } from '../_hooks/Trigger'\nimport type { VisibilityConfig } from '../_hooks/Visibility'\n\nexport type OverlayTriggerRole =\n | 'dialog'\n | 'menu'\n | 'listbox'\n | 'tooltip'\n | 'none'\n\nexport type PickedOverlayProps = Pick<\n OverlayProps,\n 'canFlip' | 'padding' | 'placement' | 'shrinkOverlay' | 'arrow'\n>\n\nexport type PickedTriggerProps = Pick<\n TriggerRenderProps,\n 'children' | 'trigger'\n>\n\nexport type PickedTriggerRenderProps = Pick<TriggerRenderProps, 'children'>\n\nexport type PickedVisibilityProps = Pick<\n VisibilityConfig,\n 'afterHide' | 'afterShow' | 'initialIsVisible'\n>\n\nexport interface OverlayTriggerProps\n extends PickedOverlayProps,\n PickedTriggerProps,\n PickedTriggerRenderProps,\n PickedVisibilityProps,\n Pick<PortalProps, 'container'> {\n ['aria-labelledby']?: string\n ['aria-label']?: string\n ['aria-describedby']?: string\n ['aria-details']?: string\n /**\n * The callback to run before the overlay is hidden. Returning\n * `false` will prevent hiding.\n * ```\n * (e: event) => boolean | Promise | undefined\n * ```\n * @since 10.19.0\n */\n beforeHide?: BeforeCallback\n /**\n * The callback to run before the overlay is shown. Returning\n * `false` will prevent showing.\n * ```\n * (e: event) => boolean | Promise | undefined\n * ```\n * @since 10.19.0\n */\n beforeShow?: BeforeCallback\n\n /**\n * Additional refs to check for clickOutside behavior\n * @since 10.19.0\n */\n clickOutsideIgnoreRefs?: React.RefObject<HTMLElement>[]\n\n /**\n * The delay when hiding the overlay\n * @since 10.19.0\n */\n hideDelay?: number\n\n /**\n * Keys to hide the overlay when the overlay is focused\n * @a11y OverlayTrigger by default closes on tab. To remove tab from closing\n * and have only Esc keys, set \"containFocus\" to true, or opt-in to a full dialog role.\n * @since 10.19.0\n */\n hideKeys?: {\n overlay: string[]\n target: string[]\n }\n overlay: React.ReactNode\n\n /**\n * Restore focus to the target after the overlay is hidden\n * @default true\n * @since 10.19.0\n */\n restoreFocusOnHide?: boolean\n\n /**\n * The delay when showing the overlay\n * @since 10.19.0\n */\n showDelay?: number\n\n /**\n * Keys to show the overlay when the target is focused\n * @since 10.19.0\n */\n showKeys?: string[]\n\n /**\n * Toggles overlay visibility\n * @since 11.2.0\n */\n overlayRef?: React.Ref<OverlayTriggerRef>\n\n /**\n * Accessibility props.\n * @a11y May opionate \"autoFocus\" and \"containFocus\"\n * @since 11.2.0\n */\n role?: OverlayTriggerRole\n\n /**\n * Whether to auto focus the first focusable element in the overlay on mount.\n * True by default for role \"dialog\"\n * @since 11.5.0\n */\n autoFocus?: boolean\n\n /**\n * Whether to contain focus inside the overlay, so users cannot move focus outside, for example in a modal dialog.\n * True by default for role \"dialog\"\n * @since 11.5.0\n * */\n containFocus?: boolean\n\n /**\n * By default, role and id are applied to wrapper. But has knowledge of\n * Set to true, if you want OverlayTrigger to place them on your overlay component.\n *\n * @default false\n * @since 11.5.0\n */\n passA11yPropsToOverlay?: boolean\n}\n\nexport interface OverlayTriggerRef {\n /**\n * Show visibility\n * @since 11.2.0\n */\n show: () => void\n /**\n * Hide overlay\n * @since 11.2.0\n */\n hide: () => void\n}\n\n/**\n * @deprecatedSince 11.2.0\n * @deprecated To be replaced by OverlayTriggerProps#overlayRef in future release\n */\nexport type DeprecatedOverlayTriggerRef = HTMLElement\n"],"mappings":""}
1
+ {"version":3,"file":"OverlayTrigger.types.js","names":[],"sources":["../../src/OverlayTrigger/OverlayTrigger.types.ts"],"sourcesContent":["import type { OverlayProps } from '../Overlay/Overlay'\nimport type { PortalProps } from '../Portal/Portal.types'\nimport type { BeforeCallback } from '../_hooks/DelayedCallback'\nimport type { TriggerRenderProps } from '../_hooks/Trigger'\nimport type { VisibilityConfig } from '../_hooks/Visibility'\n\nexport type OverlayTriggerRole =\n | 'dialog'\n | 'menu'\n | 'listbox'\n | 'tooltip'\n | 'none'\n\nexport type PickedOverlayProps = Pick<\n OverlayProps,\n 'canFlip' | 'padding' | 'placement' | 'shrinkOverlay' | 'arrow'\n>\n\nexport type PickedTriggerProps = Pick<\n TriggerRenderProps,\n 'children' | 'trigger'\n>\n\nexport type PickedTriggerRenderProps = Pick<TriggerRenderProps, 'children'>\n\nexport type PickedVisibilityProps = Pick<\n VisibilityConfig,\n 'afterHide' | 'afterShow' | 'initialIsVisible'\n>\n\nexport interface OverlayTriggerProps\n extends PickedOverlayProps,\n PickedTriggerProps,\n PickedTriggerRenderProps,\n PickedVisibilityProps,\n Pick<PortalProps, 'container'> {\n ['aria-labelledby']?: string\n ['aria-label']?: string\n ['aria-describedby']?: string\n ['aria-details']?: string\n /**\n * The callback to run before the overlay is hidden. Returning\n * `false` will prevent hiding.\n * ```\n * (e: event) => boolean | Promise | undefined\n * ```\n * @since 10.19.0\n */\n beforeHide?: BeforeCallback\n /**\n * The callback to run before the overlay is shown. Returning\n * `false` will prevent showing.\n * ```\n * (e: event) => boolean | Promise | undefined\n * ```\n * @since 10.19.0\n */\n beforeShow?: BeforeCallback\n\n /**\n * Additional refs to check for clickOutside behavior\n * @since 10.19.0\n */\n clickOutsideIgnoreRefs?: React.RefObject<HTMLElement>[]\n\n /**\n * The delay when hiding the overlay\n * @since 10.19.0\n */\n hideDelay?: number\n\n /**\n * Keys to hide the overlay when the overlay is focused\n * @a11y OverlayTrigger by default closes on tab. To remove tab from closing\n * and have only Esc keys, set \"containFocus\" to true, or opt-in to a full dialog role.\n * @since 10.19.0\n */\n hideKeys?: {\n overlay: string[]\n target: string[]\n }\n overlay: React.ReactNode\n\n /**\n * Restore focus to the target after the overlay is hidden.\n * 'core-react' will use internal logic to restore focus,\n * 'react-aria-focus-scope' will use 'FocusScope' component from '@react-aria',\n * true will use both.\n * @default true\n * @since 10.19.0\n */\n restoreFocusOnHide?: boolean | 'core-react' | 'react-aria-focus-scope'\n\n /**\n * The delay when showing the overlay\n * @since 10.19.0\n */\n showDelay?: number\n\n /**\n * Keys to show the overlay when the target is focused\n * @since 10.19.0\n */\n showKeys?: string[]\n\n /**\n * Toggles overlay visibility\n * @since 11.2.0\n */\n overlayRef?: React.Ref<OverlayTriggerRef>\n\n /**\n * Accessibility props.\n * @a11y May opionate \"autoFocus\" and \"containFocus\"\n * @since 11.2.0\n */\n role?: OverlayTriggerRole\n\n /**\n * Whether to auto focus the first focusable element in the overlay on mount.\n * True by default for role \"dialog\"\n * @since 11.5.0\n */\n autoFocus?: boolean\n\n /**\n * Whether to contain focus inside the overlay, so users cannot move focus outside, for example in a modal dialog.\n * True by default for role \"dialog\"\n * @since 11.5.0\n * */\n containFocus?: boolean\n\n /**\n * By default, role and id are applied to wrapper. But has knowledge of\n * Set to true, if you want OverlayTrigger to place them on your overlay component.\n *\n * @default false\n * @since 11.5.0\n */\n passA11yPropsToOverlay?: boolean\n}\n\nexport interface OverlayTriggerRef {\n /**\n * Show visibility\n * @since 11.2.0\n */\n show: () => void\n /**\n * Hide overlay\n * @since 11.2.0\n */\n hide: () => void\n}\n\n/**\n * @deprecatedSince 11.2.0\n * @deprecated To be replaced by OverlayTriggerProps#overlayRef in future release\n */\nexport type DeprecatedOverlayTriggerRef = HTMLElement\n"],"mappings":""}
@@ -14,52 +14,52 @@ export var adjustMaxWidth = function adjustMaxWidth(breakpointMinWidth) {
14
14
  };
15
15
  export var StyledPageHeader = /*#__PURE__*/styled.div.withConfig({
16
16
  displayName: "StyledPageHeader",
17
- componentId: "core-12_9_0__sc-1cvdbsv-0"
17
+ componentId: "core-12_11_0__sc-1cvdbsv-0"
18
18
  })(["padding-top:", "px;padding-right:", "px;padding-left:", "px;@media ", "{padding-right:", "px;padding-left:", "px;}", ""], headerVerticalSpacing, outerPageSpacing, outerPageSpacing, getSmallScreenBreakpointValue(), outerPageSpacingSmaller, outerPageSpacingSmaller, function (_ref) {
19
19
  var $transparent = _ref.$transparent;
20
20
  return !$transparent && css(["", " background-color:", ";"], getShadow(1.5), colors.white);
21
21
  });
22
22
  var StyledPageHeaderItem = /*#__PURE__*/styled.div.withConfig({
23
23
  displayName: "StyledPageHeaderItem",
24
- componentId: "core-12_9_0__sc-1cvdbsv-1"
24
+ componentId: "core-12_11_0__sc-1cvdbsv-1"
25
25
  })(["margin-top:", "px;&:first-child{margin-top:0;}"], headerVerticalSpacing);
26
26
  export var StyledPageTitle = /*#__PURE__*/styled(StyledPageHeaderItem).withConfig({
27
27
  displayName: "StyledPageTitle",
28
- componentId: "core-12_9_0__sc-1cvdbsv-2"
28
+ componentId: "core-12_11_0__sc-1cvdbsv-2"
29
29
  })(["&:last-child{padding-bottom:", "px;}"], headerVerticalSpacing);
30
30
  export var StyledPageBreadcrumbs = /*#__PURE__*/styled(StyledPageHeaderItem).attrs({
31
31
  as: 'nav'
32
32
  }).withConfig({
33
33
  displayName: "StyledPageBreadcrumbs",
34
- componentId: "core-12_9_0__sc-1cvdbsv-3"
34
+ componentId: "core-12_11_0__sc-1cvdbsv-3"
35
35
  })([""]);
36
36
  export var StyledPageBanner = /*#__PURE__*/styled(StyledPageHeaderItem).withConfig({
37
37
  displayName: "StyledPageBanner",
38
- componentId: "core-12_9_0__sc-1cvdbsv-4"
38
+ componentId: "core-12_11_0__sc-1cvdbsv-4"
39
39
  })([""]);
40
40
  export var getActions = function getActions() {
41
41
  return css(["flex-shrink:0;padding-left:", "px;> button,> a{&:first-child{margin-left:0;}margin-left:", "px;}"], spacing.xl, spacing.sm);
42
42
  };
43
43
  export var StyledPageActions = /*#__PURE__*/styled.div.withConfig({
44
44
  displayName: "StyledPageActions",
45
- componentId: "core-12_9_0__sc-1cvdbsv-5"
45
+ componentId: "core-12_11_0__sc-1cvdbsv-5"
46
46
  })(["", ""], getActions());
47
47
  export var StyledPageTabs = /*#__PURE__*/styled(StyledPageHeaderItem).withConfig({
48
48
  displayName: "StyledPageTabs",
49
- componentId: "core-12_9_0__sc-1cvdbsv-6"
49
+ componentId: "core-12_11_0__sc-1cvdbsv-6"
50
50
  })([""]);
51
51
  export var StyledBody = /*#__PURE__*/styled.div.withConfig({
52
52
  displayName: "StyledBody",
53
- componentId: "core-12_9_0__sc-1cvdbsv-7"
53
+ componentId: "core-12_11_0__sc-1cvdbsv-7"
54
54
  })(["padding-top:", "px;padding-left:", "px;padding-right:", "px;@media ", "{padding-top:", "px;padding-left:", "px;padding-right:", "px;}"], outerPageSpacing, outerPageSpacing, outerPageSpacing, getSmallScreenBreakpointValue(), outerPageSpacingSmaller, outerPageSpacingSmaller, outerPageSpacingSmaller);
55
55
  var navigationWidth = 200;
56
56
  export var StyledNavigation = /*#__PURE__*/styled.div.withConfig({
57
57
  displayName: "StyledNavigation",
58
- componentId: "core-12_9_0__sc-1cvdbsv-8"
58
+ componentId: "core-12_11_0__sc-1cvdbsv-8"
59
59
  })(["float:left;max-height:100vh;min-width:", "px;overflow-y:auto;position:sticky;top:0;width:", "px;", "{padding:20px ", "px 0 0;}@media screen and (max-width:1024px){display:none;}"], navigationWidth, navigationWidth, StyledAnchorNavigation, spacing.sm);
60
60
  export var StyledContent = /*#__PURE__*/styled.div.withConfig({
61
61
  displayName: "StyledContent",
62
- componentId: "core-12_9_0__sc-1cvdbsv-9"
62
+ componentId: "core-12_11_0__sc-1cvdbsv-9"
63
63
  })([""]);
64
64
  var panelWidth = 400;
65
65
  var zIndexes = {
@@ -72,7 +72,7 @@ export var animationDuration = {
72
72
  };
73
73
  export var StyledFooter = /*#__PURE__*/styled.div.withConfig({
74
74
  displayName: "StyledFooter",
75
- componentId: "core-12_9_0__sc-1cvdbsv-10"
75
+ componentId: "core-12_11_0__sc-1cvdbsv-10"
76
76
  })(["background-color:", ";", " position:sticky;bottom:0;z-index:", ";", ""], colors.white, function (_ref2) {
77
77
  var $hasShadow = _ref2.$hasShadow;
78
78
  return $hasShadow && getShadow(2, 'top');
@@ -82,7 +82,7 @@ export var StyledFooter = /*#__PURE__*/styled.div.withConfig({
82
82
  });
83
83
  export var StyledAside = /*#__PURE__*/styled.div.withConfig({
84
84
  displayName: "StyledAside",
85
- componentId: "core-12_9_0__sc-1cvdbsv-11"
85
+ componentId: "core-12_11_0__sc-1cvdbsv-11"
86
86
  })(["", " @media ", "{position:absolute;right:0;}"], function (_ref4) {
87
87
  var $closed = _ref4.$closed,
88
88
  $open = _ref4.$open;
@@ -102,7 +102,7 @@ var getPanelAnimation = function getPanelAnimation() {
102
102
  };
103
103
  export var StyledAsidePanel = /*#__PURE__*/styled.div.withConfig({
104
104
  displayName: "StyledAsidePanel",
105
- componentId: "core-12_9_0__sc-1cvdbsv-12"
105
+ componentId: "core-12_11_0__sc-1cvdbsv-12"
106
106
  })(["", " @media ", "{", "}", " ", " border-left:1px solid ", ";width:", "px;position:fixed;background-color:", ";overflow:auto;z-index:", ";", " ", ""], function (_ref7) {
107
107
  var $rightOffset = _ref7.$rightOffset;
108
108
  return css(["@media ", "{", " border-left:0;z-index:", ";right:", "px;}"], getSmallScreenBreakpointValue(), getShadow(2), zIndexes.panelNarrowScreen, $rightOffset);
@@ -121,7 +121,7 @@ export var StyledAsidePanel = /*#__PURE__*/styled.div.withConfig({
121
121
  });
122
122
  export var StyledPageMain = /*#__PURE__*/styled.div.withConfig({
123
123
  displayName: "StyledPageMain",
124
- componentId: "core-12_9_0__sc-1cvdbsv-13"
124
+ componentId: "core-12_11_0__sc-1cvdbsv-13"
125
125
  })(["position:relative;max-width:100%;background-color:", ";", " ", ""], colors.gray96, function () {
126
126
  return isIE11() && css(["flex:1 0 0%;"]);
127
127
  }, function (_ref12) {
@@ -136,13 +136,13 @@ export var StyledPageMain = /*#__PURE__*/styled.div.withConfig({
136
136
  });
137
137
  export var StyledPageContainer = /*#__PURE__*/styled.div.withConfig({
138
138
  displayName: "StyledPageContainer",
139
- componentId: "core-12_9_0__sc-1cvdbsv-14"
139
+ componentId: "core-12_11_0__sc-1cvdbsv-14"
140
140
  })(["display:grid;grid-template-columns:1fr auto;", ""], function () {
141
141
  return isIE11() && css(["display:flex;flex-wrap:wrap;"]);
142
142
  });
143
143
  export var StyledAsideFluidContainer = /*#__PURE__*/styled.div.withConfig({
144
144
  displayName: "StyledAsideFluidContainer",
145
- componentId: "core-12_9_0__sc-1cvdbsv-15"
145
+ componentId: "core-12_11_0__sc-1cvdbsv-15"
146
146
  })(["", ""], function (_ref13) {
147
147
  var $closed = _ref13.$closed,
148
148
  $open = _ref13.$open;
@@ -98,7 +98,7 @@ export var Pagination = /*#__PURE__*/React.forwardRef(function Pagination(_ref2,
98
98
  totalItems: formattedNumber(items || 0)
99
99
  })), /*#__PURE__*/React.createElement(StyledCurrentPage, {
100
100
  id: labelId
101
- }, i18n.t('core.pagination.page'), ":"), /*#__PURE__*/React.createElement(PaginationSelect, {
101
+ }, i18n.t('core.pagination.page')), /*#__PURE__*/React.createElement(PaginationSelect, {
102
102
  activePage: activePage,
103
103
  "aria-labelledby": "".concat(labelId, " ").concat(selectId),
104
104
  disabled: pages <= 1,