@procore/core-react 12.22.0 → 12.24.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (237) hide show
  1. package/CHANGELOG.md +28 -0
  2. package/dist/AnchorNavigation/AnchorNavigation.styles.js +3 -3
  3. package/dist/Avatar/Avatar.styles.js +5 -5
  4. package/dist/AvatarStack/AvatarStack.styles.d.ts +8 -8
  5. package/dist/AvatarStack/AvatarStack.styles.js +7 -7
  6. package/dist/Badge/Badge.styles.js +2 -2
  7. package/dist/BadgePill/BadgePill.d.ts +3 -0
  8. package/dist/BadgePill/BadgePill.js +25 -0
  9. package/dist/BadgePill/BadgePill.js.map +1 -0
  10. package/dist/BadgePill/BadgePill.styles.d.ts +12 -0
  11. package/dist/BadgePill/BadgePill.styles.js +33 -0
  12. package/dist/BadgePill/BadgePill.styles.js.map +1 -0
  13. package/dist/BadgePill/BadgePill.types.d.ts +50 -0
  14. package/dist/BadgePill/BadgePill.types.js +2 -0
  15. package/dist/BadgePill/BadgePill.types.js.map +1 -0
  16. package/dist/BadgePill/index.d.ts +2 -0
  17. package/dist/BadgePill/index.js +2 -0
  18. package/dist/BadgePill/index.js.map +1 -0
  19. package/dist/Banner/Banner.styles.js +10 -10
  20. package/dist/Box/Box.styles.js +1 -1
  21. package/dist/Breadcrumbs/Breadcrumbs.styles.js +4 -4
  22. package/dist/Button/Button.styles.js +5 -5
  23. package/dist/Calendar/Calendar.styles.js +8 -8
  24. package/dist/Card/Card.styles.js +1 -1
  25. package/dist/Checkbox/Checkbox.styles.js +6 -6
  26. package/dist/Checkbox/CheckboxTooltip.js +1 -1
  27. package/dist/ContactItem/ContactItem.js +2 -0
  28. package/dist/ContactItem/ContactItem.js.map +1 -1
  29. package/dist/ContactItem/ContactItem.styles.js +5 -5
  30. package/dist/Content/Content.styles.js +2 -2
  31. package/dist/DateInput/DateInput.styles.js +6 -6
  32. package/dist/DetailPage/DetailPage.styles.js +7 -7
  33. package/dist/Dropdown/Dropdown.styles.js +3 -3
  34. package/dist/DropdownFlyout/DropdownFlyout.styles.js +4 -4
  35. package/dist/Dropzone/Dropzone.js +1 -1
  36. package/dist/Dropzone/Dropzone.styles.js +9 -9
  37. package/dist/EmptyState/EmptyState.styles.js +6 -6
  38. package/dist/Field/Field.styles.js +3 -3
  39. package/dist/FileList/FileList.styles.js +4 -4
  40. package/dist/FileSelect/FileExplorer/FileExplorer.styles.js +9 -9
  41. package/dist/FileSelect/FileExplorer/FileExplorerSidebar.styles.js +3 -3
  42. package/dist/FileSelect/FileSelect.styles.js +2 -2
  43. package/dist/FileSelect/FileSelectDropzone/FileSelectDropzone.styles.js +3 -3
  44. package/dist/FileSelect/FileTokenList/FileTokenList.styles.js +2 -2
  45. package/dist/FileSelect/GridSource/GridSource.styles.js +6 -6
  46. package/dist/FileSelect/LocalSource/LocalSource.styles.js +4 -4
  47. package/dist/FileSelect/SourceItem/SourceItem.styles.js +3 -3
  48. package/dist/FileSelect/ThumbnailList/ThumbnailList.styles.js +6 -6
  49. package/dist/FileSelect/TreeSource/TreeSource.styles.js +1 -1
  50. package/dist/FileToken/FileToken.styles.js +4 -4
  51. package/dist/FilterToken/FilterToken.styles.js +5 -5
  52. package/dist/FlexList/FlexList.styles.js +1 -1
  53. package/dist/Form/Form.styles.js +14 -14
  54. package/dist/Form/StyledFormikForm.styles.d.ts +2 -2
  55. package/dist/Form/StyledFormikForm.styles.js +2 -2
  56. package/dist/GhostPlaceholder/GhostPlaceholder.styles.js +2 -2
  57. package/dist/Grid/Grid.styles.js +2 -2
  58. package/dist/GroupSelect/GroupSelect.styles.js +1 -1
  59. package/dist/Input/Input.styles.js +1 -1
  60. package/dist/Link/Link.styles.js +1 -1
  61. package/dist/ListPage/ListPage.styles.js +8 -8
  62. package/dist/Loader/Loader.styles.js +2 -2
  63. package/dist/Loader/Loader.types.d.ts +3 -2
  64. package/dist/Loader/Loader.types.js.map +1 -1
  65. package/dist/Menu/Menu.js +2 -0
  66. package/dist/Menu/Menu.js.map +1 -1
  67. package/dist/MenuImperative/MenuImperative.styles.js +10 -10
  68. package/dist/Modal/Modal.styles.js +13 -13
  69. package/dist/MultiSelect/MultiSelect.styles.js +6 -6
  70. package/dist/NextMenu/NextMenu.styles.js +3 -3
  71. package/dist/Notation/Notation.js +1 -1
  72. package/dist/NumberInput/NumberInput.js +2 -0
  73. package/dist/NumberInput/NumberInput.js.map +1 -1
  74. package/dist/NumberInput/NumberInput.styles.js +7 -7
  75. package/dist/Overlay/OverlayArrow.styles.js +1 -1
  76. package/dist/OverlayTrigger/OverlayTrigger.js +6 -2
  77. package/dist/OverlayTrigger/OverlayTrigger.js.map +1 -1
  78. package/dist/OverlayTrigger/OverlayTrigger.types.d.ts +7 -2
  79. package/dist/OverlayTrigger/OverlayTrigger.types.js.map +1 -1
  80. package/dist/PageLayout/PageLayout.styles.js +16 -16
  81. package/dist/PageTemplate/PageFooterTemplate/PageFooterTemplate.styles.js +1 -1
  82. package/dist/PageTemplate/PageHeaderTemplate/PageHeaderTemplate.styles.js +3 -3
  83. package/dist/PageTemplate/PagePaneTemplate/PagePaneTemplate.styles.js +2 -2
  84. package/dist/PageTemplate/PageTemplate/PageTemplate.styles.js +3 -3
  85. package/dist/Pagination/Pagination.styles.js +5 -5
  86. package/dist/Panel/Panel.js +6 -4
  87. package/dist/Panel/Panel.js.map +1 -1
  88. package/dist/Panel/Panel.styles.js +11 -11
  89. package/dist/Pill/Pill.styles.js +2 -2
  90. package/dist/PillSelect/PillSelect.styles.js +4 -4
  91. package/dist/Popover/Popover.styles.js +2 -2
  92. package/dist/Portal/Portal.styles.js +1 -1
  93. package/dist/ProgressBar/ProgressBar.styles.js +2 -2
  94. package/dist/ProgressBar/ProgressBar.types.d.ts +1 -1
  95. package/dist/ProgressBar/ProgressBar.types.js.map +1 -1
  96. package/dist/RadioButton/RadioButton.styles.js +3 -3
  97. package/dist/Required/Required.styles.js +3 -3
  98. package/dist/Search/Search.styles.js +5 -5
  99. package/dist/Section/Section.styles.js +7 -7
  100. package/dist/SegmentedController/SegmentedController.styles.js +4 -4
  101. package/dist/Select/Select.styles.js +7 -7
  102. package/dist/Semantic/Semantic.styles.js +9 -9
  103. package/dist/Slider/Slider.styles.js +5 -5
  104. package/dist/Spinner/Spinner.js +14 -5
  105. package/dist/Spinner/Spinner.js.map +1 -1
  106. package/dist/Spinner/Spinner.styles.js +7 -7
  107. package/dist/SplitViewCard/SplitViewCard.styles.js +8 -8
  108. package/dist/SuperSelect/SuperSelect.js +1 -1
  109. package/dist/SuperSelect/SuperSelect.js.map +1 -1
  110. package/dist/SuperSelect/SuperSelect.presets.styles.js +1 -1
  111. package/dist/SuperSelect/SuperSelect.styles.js +37 -37
  112. package/dist/Switch/Switch.styles.js +4 -4
  113. package/dist/Table/Table.styles.js +28 -28
  114. package/dist/TableShelf/TableShelf.styles.js +5 -5
  115. package/dist/Tabs/Tabs.styles.js +15 -15
  116. package/dist/Tearsheet/Tearsheet.styles.js +5 -5
  117. package/dist/TextArea/TextArea.styles.js +1 -1
  118. package/dist/TextEditorOutput/TextEditorOutput.styles.js +1 -1
  119. package/dist/Thumbnail/Thumbnail.hooks.d.ts +6 -6
  120. package/dist/Thumbnail/Thumbnail.styles.js +17 -17
  121. package/dist/ThumbnailGrid/ThumbnailGrid.styles.js +7 -7
  122. package/dist/TieredSelect/TieredSelect.styles.js +9 -9
  123. package/dist/Tile/Tile.styles.js +8 -8
  124. package/dist/Title/Title.styles.js +7 -7
  125. package/dist/Toast/Toast.styles.js +3 -3
  126. package/dist/ToggleButton/ToggleButton.styles.js +1 -1
  127. package/dist/Token/Token.styles.js +3 -3
  128. package/dist/ToolHeader/ToolHeader.styles.js +6 -6
  129. package/dist/ToolLandingPage/ToolLandingPage.styles.js +3 -3
  130. package/dist/Tooltip/Tooltip.styles.js +2 -2
  131. package/dist/Tree/Tree.styles.js +9 -9
  132. package/dist/Typeahead/Typeahead.styles.js +3 -3
  133. package/dist/Typography/Typography.styles.js +1 -1
  134. package/dist/Typography/Typography.table.story.js +2 -2
  135. package/dist/_hooks/ClickOutside.js +19 -5
  136. package/dist/_hooks/ClickOutside.js.map +1 -1
  137. package/dist/_hooks/I18n.d.ts +92 -9
  138. package/dist/_hooks/I18n.js +63 -28
  139. package/dist/_hooks/I18n.js.map +1 -1
  140. package/dist/_locales/de-DE.json +4 -1
  141. package/dist/_locales/en-AU.json +3 -0
  142. package/dist/_locales/en-CA.json +3 -0
  143. package/dist/_locales/en-GB.json +3 -0
  144. package/dist/_locales/en.json +3 -0
  145. package/dist/_locales/es-ES.json +4 -1
  146. package/dist/_locales/es.json +3 -0
  147. package/dist/_locales/fr-CA.json +6 -3
  148. package/dist/_locales/fr-FR.json +4 -1
  149. package/dist/_locales/is-IS.json +3 -0
  150. package/dist/_locales/it-IT.json +3 -0
  151. package/dist/_locales/ja-JP.json +3 -0
  152. package/dist/_locales/pl-PL.json +3 -0
  153. package/dist/_locales/pseudo.json +3 -0
  154. package/dist/_locales/pt-BR.json +3 -0
  155. package/dist/_locales/th-TH.json +3 -0
  156. package/dist/_locales/zh-SG.json +3 -0
  157. package/dist/_locales/zh-TW.json +375 -0
  158. package/dist/_typedoc/AnchorNavigation/AnchorNavigation.types.json +3 -3
  159. package/dist/_typedoc/Avatar/Avatar.types.json +20 -20
  160. package/dist/_typedoc/AvatarStack/AvatarStack.types.json +24 -24
  161. package/dist/_typedoc/Badge/Badge.types.json +6 -6
  162. package/dist/_typedoc/Banner/Banner.types.json +13 -13
  163. package/dist/_typedoc/Box/Box.types.json +68 -68
  164. package/dist/_typedoc/Breadcrumbs/Breadcrumbs.types.json +10 -10
  165. package/dist/_typedoc/Button/Button.types.json +13 -13
  166. package/dist/_typedoc/Calendar/Calendar.types.json +80 -80
  167. package/dist/_typedoc/Card/Card.types.json +6 -6
  168. package/dist/_typedoc/Checkbox/Checkbox.types.json +9 -9
  169. package/dist/_typedoc/ContactItem/ContactItem.types.json +9 -9
  170. package/dist/_typedoc/DateInput/DateInput.types.json +35 -35
  171. package/dist/_typedoc/DateSelect/DateSelect.types.json +13 -13
  172. package/dist/_typedoc/DetailPage/DetailPage.types.json +5 -5
  173. package/dist/_typedoc/Dropdown/Dropdown.types.json +37 -37
  174. package/dist/_typedoc/DropdownFlyout/DropdownFlyout.types.json +30 -30
  175. package/dist/_typedoc/Dropzone/Dropzone.types.json +44 -44
  176. package/dist/_typedoc/EmptyState/EmptyState.types.json +16 -16
  177. package/dist/_typedoc/FileList/FileList.types.json +9 -9
  178. package/dist/_typedoc/FileSelect/FileSelect.types.json +27 -27
  179. package/dist/_typedoc/FileSelect/GridSource/GridSource.types.json +20 -20
  180. package/dist/_typedoc/FileSelect/LocalSource/LocalSource.types.json +14 -14
  181. package/dist/_typedoc/FileSelect/TreeSource/TreeSource.types.json +9 -9
  182. package/dist/_typedoc/Flex/Flex.types.json +27 -27
  183. package/dist/_typedoc/FlexList/FlexList.types.json +30 -30
  184. package/dist/_typedoc/Form/Form.types.json +741 -741
  185. package/dist/_typedoc/GhostPlaceholder/GhostPlaceholder.types.json +12 -12
  186. package/dist/_typedoc/Grid/Grid.types.json +8 -8
  187. package/dist/_typedoc/GroupSelect/GroupSelect.types.json +52 -52
  188. package/dist/_typedoc/Input/Input.types.json +2 -2
  189. package/dist/_typedoc/Link/Link.types.json +4 -4
  190. package/dist/_typedoc/ListPage/ListPage.types.json +13 -13
  191. package/dist/_typedoc/Menu/Menu.types.json +62 -62
  192. package/dist/_typedoc/MenuImperative/MenuImperative.types.json +74 -74
  193. package/dist/_typedoc/Modal/Modal.types.json +46 -46
  194. package/dist/_typedoc/MultiSelect/MultiSelect.types.json +31 -31
  195. package/dist/_typedoc/Notation/Notation.types.json +4 -4
  196. package/dist/_typedoc/NumberInput/NumberInput.types.json +37 -37
  197. package/dist/_typedoc/OverlayTrigger/OverlayTrigger.types.json +41 -31
  198. package/dist/_typedoc/PageLayout/PageLayout.types.json +29 -29
  199. package/dist/_typedoc/Pagination/Pagination.types.json +7 -7
  200. package/dist/_typedoc/Panel/Panel.types.json +28 -28
  201. package/dist/_typedoc/Pill/Pill.types.json +2 -2
  202. package/dist/_typedoc/PillSelect/PillSelect.types.json +49 -49
  203. package/dist/_typedoc/Popover/Popover.types.json +15 -15
  204. package/dist/_typedoc/ProgressBar/ProgressBar.types.json +16 -6
  205. package/dist/_typedoc/RadioButton/RadioButton.types.json +6 -6
  206. package/dist/_typedoc/Required/Required.types.json +5 -5
  207. package/dist/_typedoc/Search/Search.types.json +18 -18
  208. package/dist/_typedoc/Section/Section.types.json +15 -15
  209. package/dist/_typedoc/SegmentedController/SegmentedController.types.json +21 -21
  210. package/dist/_typedoc/Select/Select.types.json +60 -60
  211. package/dist/_typedoc/SettingsPage/SettingsPage.types.json +10 -10
  212. package/dist/_typedoc/Slider/Slider.types.json +6 -6
  213. package/dist/_typedoc/Spinner/Spinner.types.json +9 -9
  214. package/dist/_typedoc/SplitViewCard/SplitViewCard.types.json +12 -12
  215. package/dist/_typedoc/Switch/Switch.types.json +3 -3
  216. package/dist/_typedoc/Table/Table.types.json +101 -101
  217. package/dist/_typedoc/Tabs/Tabs.types.json +20 -20
  218. package/dist/_typedoc/Tearsheet/Tearsheet.types.json +17 -17
  219. package/dist/_typedoc/TextArea/TextArea.types.json +3 -3
  220. package/dist/_typedoc/TextEditor/TextEditor.types.json +9 -9
  221. package/dist/_typedoc/TextEditorOutput/TextEditorOutput.types.json +4 -4
  222. package/dist/_typedoc/Thumbnail/Thumbnail.types.json +19 -19
  223. package/dist/_typedoc/TieredDropdown/TieredDropdown.types.json +42 -42
  224. package/dist/_typedoc/TieredSelect/TieredSelect.types.json +28 -28
  225. package/dist/_typedoc/Tile/Tile.types.json +30 -30
  226. package/dist/_typedoc/Title/Title.types.json +1 -1
  227. package/dist/_typedoc/Toast/Toast.types.json +4 -4
  228. package/dist/_typedoc/ToggleButton/ToggleButton.types.json +4 -4
  229. package/dist/_typedoc/Token/Token.types.json +4 -4
  230. package/dist/_typedoc/ToolHeader/ToolHeader.types.json +10 -10
  231. package/dist/_typedoc/ToolLandingPage/ToolLandingPage.types.json +7 -7
  232. package/dist/_typedoc/Tooltip/Tooltip.types.json +13 -13
  233. package/dist/_typedoc/Tree/Tree.types.json +86 -86
  234. package/dist/_typedoc/Typeahead/Typeahead.types.json +2 -2
  235. package/dist/_typedoc/Typography/Typography.types.json +9 -9
  236. package/dist/_typedoc/_utils/types.json +3 -3
  237. package/package.json +82 -81
@@ -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_22_0__sc-1782nvg-0"
15
+ componentId: "core-12_24_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_22_0__sc-1782nvg-1"
22
+ componentId: "core-12_24_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_22_0__sc-1782nvg-2"
26
+ componentId: "core-12_24_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_22_0__sc-1782nvg-3"
33
+ componentId: "core-12_24_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_22_0__sc-1782nvg-4"
37
+ componentId: "core-12_24_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_22_0__sc-1782nvg-5"
41
+ componentId: "core-12_24_0__sc-1782nvg-5"
42
42
  })([""]);
43
43
  export var StyledWrapper = /*#__PURE__*/styled.div.withConfig({
44
44
  displayName: "StyledWrapper",
45
- componentId: "core-12_22_0__sc-1782nvg-6"
45
+ componentId: "core-12_24_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_22_0__sc-1epxw7u-0"
5
+ componentId: "core-12_24_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
@@ -55,8 +55,8 @@ export var OverlayTrigger = /*#__PURE__*/React.forwardRef(function OverlayTrigge
55
55
  afterShow = _ref2$afterShow === void 0 ? function () {} : _ref2$afterShow,
56
56
  ariaDescribedby = _ref2['aria-describedby'],
57
57
  ariaDetails = _ref2['aria-details'],
58
- ariaLabelledby = _ref2['aria-labelledby'],
59
58
  ariaLabel = _ref2['aria-label'],
59
+ ariaLabelledby = _ref2['aria-labelledby'],
60
60
  autoFocus = _ref2.autoFocus,
61
61
  _ref2$beforeHide = _ref2.beforeHide,
62
62
  beforeHide = _ref2$beforeHide === void 0 ? function () {
@@ -91,6 +91,7 @@ export var OverlayTrigger = /*#__PURE__*/React.forwardRef(function OverlayTrigge
91
91
  showKeys = _ref2$showKeys === void 0 ? ['ArrowDown', 'Down'] : _ref2$showKeys,
92
92
  _ref2$shrinkOverlay = _ref2.shrinkOverlay,
93
93
  shrinkOverlay = _ref2$shrinkOverlay === void 0 ? false : _ref2$shrinkOverlay,
94
+ trackAriaExpanded = _ref2.trackAriaExpanded,
94
95
  _ref2$trigger = _ref2.trigger,
95
96
  trigger = _ref2$trigger === void 0 ? 'click' : _ref2$trigger,
96
97
  _ref2$arrow = _ref2.arrow,
@@ -181,7 +182,10 @@ export var OverlayTrigger = /*#__PURE__*/React.forwardRef(function OverlayTrigge
181
182
  triggerProps = _useOverlayTriggerA.triggerProps,
182
183
  focusScopeProps = _useOverlayTriggerA.focusScopeProps,
183
184
  labelProps = _useOverlayTriggerA.labelProps;
184
- var wrappedTriggerElement = /*#__PURE__*/React.cloneElement(triggerElement, _objectSpread({
185
+ var hasAriaExpanded = trackAriaExpanded ? {
186
+ 'aria-expanded': triggerApi.isVisible
187
+ } : {};
188
+ var wrappedTriggerElement = /*#__PURE__*/React.cloneElement(triggerElement, _objectSpread(_objectSpread({}, hasAriaExpanded), {}, {
185
189
  open: triggerApi.isVisible,
186
190
  ref: triggerElement.ref ? mergeRefs(triggerElement.ref, ref, triggerElRef, setReferenceElement) : mergeRefs(ref, triggerElRef, setReferenceElement)
187
191
  }, triggerProps));
@@ -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 [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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"}
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","ariaLabel","ariaLabelledby","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","trackAriaExpanded","_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","hasAriaExpanded","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-label']: ariaLabel,\n ['aria-labelledby']: ariaLabelledby,\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 trackAriaExpanded,\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 hasAriaExpanded = trackAriaExpanded\n ? { 'aria-expanded': triggerApi.isVisible }\n : {}\n\n const wrappedTriggerElement = React.cloneElement(triggerElement, {\n ...hasAriaExpanded,\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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"}
@@ -10,10 +10,15 @@ export declare type PickedTriggerProps = Pick<TriggerRenderProps, 'children' | '
10
10
  export declare type PickedTriggerRenderProps = Pick<TriggerRenderProps, 'children'>;
11
11
  export declare type PickedVisibilityProps = Pick<VisibilityConfig, 'afterHide' | 'afterShow' | 'initialIsVisible'>;
12
12
  export interface OverlayTriggerProps extends PickedOverlayProps, PickedTriggerProps, PickedTriggerRenderProps, PickedVisibilityProps, Pick<PortalProps, 'container'> {
13
- ['aria-labelledby']?: string;
14
- ['aria-label']?: string;
15
13
  ['aria-describedby']?: string;
16
14
  ['aria-details']?: string;
15
+ ['aria-label']?: string;
16
+ ['aria-labelledby']?: string;
17
+ /**
18
+ * Boolean to enable code to apply aria-expanded to the source element
19
+ * @since 12.24.0
20
+ */
21
+ trackAriaExpanded?: boolean;
17
22
  /**
18
23
  * The callback to run before the overlay is hidden. Returning
19
24
  * `false` will prevent hiding.
@@ -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 * '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":""}
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-describedby']?: string\n ['aria-details']?: string\n ['aria-label']?: string\n ['aria-labelledby']?: string\n /**\n * Boolean to enable code to apply aria-expanded to the source element\n * @since 12.24.0\n */\n trackAriaExpanded?: boolean\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":""}
@@ -11,52 +11,52 @@ var outerPageSpacing = spacing.lg;
11
11
  var outerPageSpacingSmaller = spacing.md;
12
12
  export var StyledPageHeader = /*#__PURE__*/styled.div.withConfig({
13
13
  displayName: "StyledPageHeader",
14
- componentId: "core-12_22_0__sc-1cvdbsv-0"
14
+ componentId: "core-12_24_0__sc-1cvdbsv-0"
15
15
  })(["padding-top:", "px;padding-right:", "px;padding-left:", "px;@media ", "{padding-right:", "px;padding-left:", "px;}", ""], headerVerticalSpacing, outerPageSpacing, outerPageSpacing, mediaBreakpointsDown.tabletMd, outerPageSpacingSmaller, outerPageSpacingSmaller, function (_ref) {
16
16
  var $transparent = _ref.$transparent;
17
17
  return !$transparent && css(["", " background-color:", ";"], getShadow(1.5), colors.white);
18
18
  });
19
19
  var StyledPageHeaderItem = /*#__PURE__*/styled.div.withConfig({
20
20
  displayName: "StyledPageHeaderItem",
21
- componentId: "core-12_22_0__sc-1cvdbsv-1"
21
+ componentId: "core-12_24_0__sc-1cvdbsv-1"
22
22
  })(["margin-top:", "px;&:first-child{margin-top:0;}"], headerVerticalSpacing);
23
23
  export var StyledPageTitle = /*#__PURE__*/styled(StyledPageHeaderItem).withConfig({
24
24
  displayName: "StyledPageTitle",
25
- componentId: "core-12_22_0__sc-1cvdbsv-2"
25
+ componentId: "core-12_24_0__sc-1cvdbsv-2"
26
26
  })(["&:last-child{padding-bottom:", "px;}"], headerVerticalSpacing);
27
27
  export var StyledPageBreadcrumbs = /*#__PURE__*/styled(StyledPageHeaderItem).attrs({
28
28
  as: 'nav'
29
29
  }).withConfig({
30
30
  displayName: "StyledPageBreadcrumbs",
31
- componentId: "core-12_22_0__sc-1cvdbsv-3"
31
+ componentId: "core-12_24_0__sc-1cvdbsv-3"
32
32
  })([""]);
33
33
  export var StyledPageBanner = /*#__PURE__*/styled(StyledPageHeaderItem).withConfig({
34
34
  displayName: "StyledPageBanner",
35
- componentId: "core-12_22_0__sc-1cvdbsv-4"
35
+ componentId: "core-12_24_0__sc-1cvdbsv-4"
36
36
  })([""]);
37
37
  export var getActions = function getActions() {
38
38
  return css(["flex-shrink:0;padding-left:", "px;> button,> a{&:first-child{margin-left:0;}margin-left:", "px;}"], spacing.xl, spacing.sm);
39
39
  };
40
40
  export var StyledPageActions = /*#__PURE__*/styled.div.withConfig({
41
41
  displayName: "StyledPageActions",
42
- componentId: "core-12_22_0__sc-1cvdbsv-5"
42
+ componentId: "core-12_24_0__sc-1cvdbsv-5"
43
43
  })(["", ""], getActions());
44
44
  export var StyledPageTabs = /*#__PURE__*/styled(StyledPageHeaderItem).withConfig({
45
45
  displayName: "StyledPageTabs",
46
- componentId: "core-12_22_0__sc-1cvdbsv-6"
46
+ componentId: "core-12_24_0__sc-1cvdbsv-6"
47
47
  })([""]);
48
48
  export var StyledBody = /*#__PURE__*/styled.div.withConfig({
49
49
  displayName: "StyledBody",
50
- componentId: "core-12_22_0__sc-1cvdbsv-7"
50
+ componentId: "core-12_24_0__sc-1cvdbsv-7"
51
51
  })(["padding-top:", "px;padding-left:", "px;padding-right:", "px;@media ", "{padding-top:", "px;padding-left:", "px;padding-right:", "px;}"], outerPageSpacing, outerPageSpacing, outerPageSpacing, mediaBreakpointsDown.tabletMd, outerPageSpacingSmaller, outerPageSpacingSmaller, outerPageSpacingSmaller);
52
52
  var navigationWidth = 200;
53
53
  export var StyledNavigation = /*#__PURE__*/styled.div.withConfig({
54
54
  displayName: "StyledNavigation",
55
- componentId: "core-12_22_0__sc-1cvdbsv-8"
55
+ componentId: "core-12_24_0__sc-1cvdbsv-8"
56
56
  })(["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);
57
57
  export var StyledContent = /*#__PURE__*/styled.div.withConfig({
58
58
  displayName: "StyledContent",
59
- componentId: "core-12_22_0__sc-1cvdbsv-9"
59
+ componentId: "core-12_24_0__sc-1cvdbsv-9"
60
60
  })([""]);
61
61
  var panelWidth = 400;
62
62
  var zIndexes = {
@@ -69,7 +69,7 @@ export var animationDuration = {
69
69
  };
70
70
  export var StyledFooter = /*#__PURE__*/styled.div.withConfig({
71
71
  displayName: "StyledFooter",
72
- componentId: "core-12_22_0__sc-1cvdbsv-10"
72
+ componentId: "core-12_24_0__sc-1cvdbsv-10"
73
73
  })(["background-color:", ";", " position:sticky;bottom:0;z-index:", ";", ""], colors.white, function (_ref2) {
74
74
  var $hasShadow = _ref2.$hasShadow;
75
75
  return $hasShadow && getShadow(2, 'top');
@@ -79,7 +79,7 @@ export var StyledFooter = /*#__PURE__*/styled.div.withConfig({
79
79
  });
80
80
  export var StyledAside = /*#__PURE__*/styled.div.withConfig({
81
81
  displayName: "StyledAside",
82
- componentId: "core-12_22_0__sc-1cvdbsv-11"
82
+ componentId: "core-12_24_0__sc-1cvdbsv-11"
83
83
  })(["", " @media ", "{position:absolute;right:0;}"], function (_ref4) {
84
84
  var $closed = _ref4.$closed,
85
85
  $open = _ref4.$open;
@@ -99,7 +99,7 @@ var getPanelAnimation = function getPanelAnimation() {
99
99
  };
100
100
  export var StyledAsidePanel = /*#__PURE__*/styled.div.withConfig({
101
101
  displayName: "StyledAsidePanel",
102
- componentId: "core-12_22_0__sc-1cvdbsv-12"
102
+ componentId: "core-12_24_0__sc-1cvdbsv-12"
103
103
  })(["", " @media ", "{", "}", " ", " border-left:1px solid ", ";width:", "px;position:fixed;background-color:", ";overflow:auto;z-index:", ";", " ", ""], function (_ref7) {
104
104
  var $rightOffset = _ref7.$rightOffset;
105
105
  return css(["@media ", "{", " border-left:0;z-index:", ";right:", "px;}"], mediaBreakpointsDown.tabletMd, getShadow(2), zIndexes.panelNarrowScreen, $rightOffset);
@@ -118,7 +118,7 @@ export var StyledAsidePanel = /*#__PURE__*/styled.div.withConfig({
118
118
  });
119
119
  export var StyledPageMain = /*#__PURE__*/styled.div.withConfig({
120
120
  displayName: "StyledPageMain",
121
- componentId: "core-12_22_0__sc-1cvdbsv-13"
121
+ componentId: "core-12_24_0__sc-1cvdbsv-13"
122
122
  })(["position:relative;max-width:100%;background-color:", ";", " ", ""], colors.gray96, function () {
123
123
  return isIE11() && css(["flex:1 0 0%;"]);
124
124
  }, function (_ref10) {
@@ -133,13 +133,13 @@ export var StyledPageMain = /*#__PURE__*/styled.div.withConfig({
133
133
  });
134
134
  export var StyledPageContainer = /*#__PURE__*/styled.div.withConfig({
135
135
  displayName: "StyledPageContainer",
136
- componentId: "core-12_22_0__sc-1cvdbsv-14"
136
+ componentId: "core-12_24_0__sc-1cvdbsv-14"
137
137
  })(["display:grid;grid-template-columns:1fr auto;", ""], function () {
138
138
  return isIE11() && css(["display:flex;flex-wrap:wrap;"]);
139
139
  });
140
140
  export var StyledAsideFluidContainer = /*#__PURE__*/styled.div.withConfig({
141
141
  displayName: "StyledAsideFluidContainer",
142
- componentId: "core-12_22_0__sc-1cvdbsv-15"
142
+ componentId: "core-12_24_0__sc-1cvdbsv-15"
143
143
  })(["", ""], function (_ref11) {
144
144
  var $closed = _ref11.$closed,
145
145
  $open = _ref11.$open;
@@ -3,6 +3,6 @@ import { colors } from '../../_styles/colors';
3
3
  import { spacing } from '../../_styles/spacing';
4
4
  export var StyledPageFooter = /*#__PURE__*/styled.footer.withConfig({
5
5
  displayName: "StyledPageFooter",
6
- componentId: "core-12_22_0__sc-1f0zfyf-0"
6
+ componentId: "core-12_24_0__sc-1f0zfyf-0"
7
7
  })(["display:flex;align-items:center;justify-content:space-between;background-color:", ";padding:", "px;width:100%;box-shadow:0 -2px 6px 0 rgba(0,0,0,0.1);position:sticky;bottom:0;"], colors.white, spacing.lg);
8
8
  //# sourceMappingURL=PageFooterTemplate.styles.js.map
@@ -5,16 +5,16 @@ import { colors } from '../../_styles/colors';
5
5
  import { spacing } from '../../_styles/spacing';
6
6
  export var StyledPageHeader = /*#__PURE__*/styled(Page.Header).withConfig({
7
7
  displayName: "StyledPageHeader",
8
- componentId: "core-12_22_0__sc-1d5kop0-0"
8
+ componentId: "core-12_24_0__sc-1d5kop0-0"
9
9
  })(["border-bottom:1px solid ", ";padding-top:", "px;", ""], colors.gray85, spacing.lg, function (p) {
10
10
  return p.$hasPaddingBottom && "padding-bottom: ".concat(spacing.lg, "px;");
11
11
  });
12
12
  export var StyledActions = /*#__PURE__*/styled(Box).withConfig({
13
13
  displayName: "StyledActions",
14
- componentId: "core-12_22_0__sc-1d5kop0-1"
14
+ componentId: "core-12_24_0__sc-1d5kop0-1"
15
15
  })(["width:fit-content;"]);
16
16
  export var StyledToggleActionBox = /*#__PURE__*/styled(Box).withConfig({
17
17
  displayName: "StyledToggleActionBox",
18
- componentId: "core-12_22_0__sc-1d5kop0-2"
18
+ componentId: "core-12_24_0__sc-1d5kop0-2"
19
19
  })(["bottom:", "px;position:relative;padding-left:48px;"], spacing.lg);
20
20
  //# sourceMappingURL=PageHeaderTemplate.styles.js.map
@@ -10,10 +10,10 @@ var panelWidthSmall = 360;
10
10
  export var mobileBreakpoint = 440;
11
11
  export var StyledPageAside = /*#__PURE__*/styled(Page.Aside).withConfig({
12
12
  displayName: "StyledPageAside",
13
- componentId: "core-12_22_0__sc-1p7nu53-0"
13
+ componentId: "core-12_24_0__sc-1p7nu53-0"
14
14
  })(["position:sticky;top:0;right:0;max-height:100vh;width:100%;height:100%;@media ", "{position:sticky;max-width:", "px;flex-basis:", "px;}", "{@media ", "{max-width:", "px;}}", "{position:sticky;top:0;right:0;box-shadow:none;animation:none;padding-bottom:68px;@media ", "{width:", "px;}@media (max-width:", "px){padding-bottom:0;}}", "{position:fixed;bottom:0;display:flex;width:100%;max-width:400px;@media ", "{max-width:", "px;}}"], mediaBreakpointsDown.tabletLg, panelWidthSmall, panelWidthSmall, StyledAsideFluidContainer, mediaBreakpointsDown.tabletLg, panelWidthSmall, StyledAsidePanel, mediaBreakpointsDown.tabletLg, panelWidthSmall, mobileBreakpoint, StyledPanelFooter, mediaBreakpointsDown.tabletLg, panelWidthSmall);
15
15
  export var StyledModal = /*#__PURE__*/styled(Modal).withConfig({
16
16
  displayName: "StyledModal",
17
- componentId: "core-12_22_0__sc-1p7nu53-1"
17
+ componentId: "core-12_24_0__sc-1p7nu53-1"
18
18
  })(["top:", "px;bottom:", "px;max-width:416px;transform:none;", "{max-height:100vh;}@media (max-width:", "px){top:0;bottom:0;left:0;right:0;max-width:100%;}"], spacing.md, spacing.md, StyledModalContent, mobileBreakpoint);
19
19
  //# sourceMappingURL=PagePaneTemplate.styles.js.map
@@ -5,14 +5,14 @@ import { spacing } from '../../_styles/spacing';
5
5
  export var mobileBreakpoint = 440;
6
6
  export var StyledPageWrapper = /*#__PURE__*/styled.div.withConfig({
7
7
  displayName: "StyledPageWrapper",
8
- componentId: "core-12_22_0__sc-uuo7st-0"
8
+ componentId: "core-12_24_0__sc-uuo7st-0"
9
9
  })(["display:flex;flex-direction:column;"]);
10
10
  export var StyledPageBodyWrapper = /*#__PURE__*/styled.div.withConfig({
11
11
  displayName: "StyledPageBodyWrapper",
12
- componentId: "core-12_22_0__sc-uuo7st-1"
12
+ componentId: "core-12_24_0__sc-uuo7st-1"
13
13
  })(["display:grid;grid-template-columns:1fr auto;"]);
14
14
  export var StyledPageBody = /*#__PURE__*/styled(Page.Body).withConfig({
15
15
  displayName: "StyledPageBody",
16
- componentId: "core-12_22_0__sc-uuo7st-2"
16
+ componentId: "core-12_24_0__sc-uuo7st-2"
17
17
  })(["padding-bottom:", "px;@media ", "{padding:", "px;}"], spacing.lg, mediaBreakpointsDown.desktopMd, spacing.md);
18
18
  //# sourceMappingURL=PageTemplate.styles.js.map
@@ -5,22 +5,22 @@ import { Typography } from '../Typography/Typography';
5
5
  import { spacing } from '../_styles/spacing';
6
6
  export var StyledContainer = /*#__PURE__*/styled.div.withConfig({
7
7
  displayName: "StyledContainer",
8
- componentId: "core-12_22_0__sc-fy34i1-0"
8
+ componentId: "core-12_24_0__sc-fy34i1-0"
9
9
  })(["display:flex;align-items:center;"]);
10
10
  export var StyledPageCount = /*#__PURE__*/styled(Typography).withConfig({
11
11
  displayName: "StyledPageCount",
12
- componentId: "core-12_22_0__sc-fy34i1-1"
12
+ componentId: "core-12_24_0__sc-fy34i1-1"
13
13
  })(["margin-right:", "px;"], spacing.xl);
14
14
  export var StyledCurrentPage = /*#__PURE__*/styled(Typography).withConfig({
15
15
  displayName: "StyledCurrentPage",
16
- componentId: "core-12_22_0__sc-fy34i1-2"
16
+ componentId: "core-12_24_0__sc-fy34i1-2"
17
17
  })(["margin-right:", "px;"], spacing.sm);
18
18
  export var StyledButton = /*#__PURE__*/styled(Button).withConfig({
19
19
  displayName: "StyledButton",
20
- componentId: "core-12_22_0__sc-fy34i1-3"
20
+ componentId: "core-12_24_0__sc-fy34i1-3"
21
21
  })(["margin-left:", "px;"], spacing.sm);
22
22
  export var StyledOverlay = /*#__PURE__*/styled(Card).withConfig({
23
23
  displayName: "StyledOverlay",
24
- componentId: "core-12_22_0__sc-fy34i1-4"
24
+ componentId: "core-12_24_0__sc-fy34i1-4"
25
25
  })(["max-height:300px;max-width:248px;"]);
26
26
  //# sourceMappingURL=Pagination.styles.js.map
@@ -77,14 +77,16 @@ export var MoreIcon = function MoreIcon(_ref3) {
77
77
  qa = _ref3.qa;
78
78
  var i18n = useI18nContext();
79
79
  return /*#__PURE__*/React.createElement(OverlayTrigger, {
80
- trigger: "click",
80
+ overlay: /*#__PURE__*/React.createElement(MoreMenu, null, children),
81
81
  placement: "bottom-right",
82
- overlay: /*#__PURE__*/React.createElement(MoreMenu, null, children)
82
+ trackAriaExpanded: true,
83
+ trigger: "click"
83
84
  }, /*#__PURE__*/React.createElement(Button, {
85
+ "aria-haspopup": "menu",
84
86
  "aria-label": i18n.t('core.dropdown.moreOptions'),
85
87
  "data-qa": qa === null || qa === void 0 ? void 0 : qa.moreIcon,
86
- variant: "tertiary",
87
- icon: /*#__PURE__*/React.createElement(EllipsisVertical, null)
88
+ icon: /*#__PURE__*/React.createElement(EllipsisVertical, null),
89
+ variant: "tertiary"
88
90
  }));
89
91
  };
90
92
  var HeaderActions = /*#__PURE__*/React.forwardRef(function HeaderActions(_ref4, ref) {
@@ -1 +1 @@
1
- {"version":3,"file":"Panel.js","names":["ChevronLeft","Clear","EllipsisVertical","React","Button","Menu","OverlayTrigger","LevelContext","Section","SectionProvider","Tooltip","useI18nContext","useOverflowObserver","addSubcomponents","isReactElement","mergeRefs","partition","StyledBody","StyledCloseButton","StyledFooter","StyledFooterActions","StyledFooterNotation","StyledHeader","StyledHeaderActions","StyledHeaderBackAction","StyledMoreMenu","StyledPanel","StyledTitle","PanelContext","createContext","isScrolling","setIsScrolling","usePanelContext","useContext","maxVisibleIcons","HeaderAction","forwardRef","_ref","ref","title","children","_ref$variant","variant","props","_objectWithoutProperties","_excluded","createElement","overlay","trigger","_extends","MoreMenu","_ref2","node","focus","Options","Children","map","child","Item","item","key","onClick","MoreIcon","_ref3","qa","i18n","placement","t","moreIcon","icon","HeaderActions","_ref4","_excluded2","iconsAmount","count","_ref5","_","index","toArray","_ref6","_slicedToArray","visibleIcons","hiddenIcons","length","TitleTooltip","_ref7","isVisible","Content","role","Title","_ref8","_excluded3","_useOverflowObserver","isOverflowingX","overflowRef","intent","Header","_ref9","onClickBack","onClose","_excluded4","I18n","$active","undefined","Body","_ref0","_excluded5","_usePanelContext","timer","useRef","handleScroll","useCallback","current","clearTimeout","setTimeout","Provider","value","onScroll","FooterNotation","_ref1","_excluded6","FooterActions","_ref10","_excluded7","Footer","_ref11","_excluded8","_usePanelContext2","$hasShadow","Panel_","Panel","_ref12","_excluded9","_React$useState","useState","_React$useState2","displayName"],"sources":["../../src/Panel/Panel.tsx"],"sourcesContent":["import { ChevronLeft, Clear, EllipsisVertical } from '@procore/core-icons/dist'\nimport React from 'react'\nimport { Button } from '../Button'\nimport { Menu } from '../Menu'\nimport { OverlayTrigger } from '../OverlayTrigger'\nimport { LevelContext, Section, SectionProvider } from '../Section'\nimport { Tooltip } from '../Tooltip'\nimport type { TypographyProps } from '../Typography'\nimport { useI18nContext } from '../_hooks/I18n'\nimport { useOverflowObserver } from '../_hooks/OverflowObserver'\nimport { addSubcomponents } from '../_utils/addSubcomponents'\nimport { isReactElement } from '../_utils/isReactElement'\nimport { mergeRefs } from '../_utils/mergeRefs'\nimport { partition } from '../_utils/partition'\nimport type { DivAttributes } from '../_utils/types'\nimport {\n StyledBody,\n StyledCloseButton,\n StyledFooter,\n StyledFooterActions,\n StyledFooterNotation,\n StyledHeader,\n StyledHeaderActions,\n StyledHeaderBackAction,\n StyledMoreMenu,\n StyledPanel,\n StyledTitle,\n} from './Panel.styles'\nimport type {\n PanelBodyProps,\n PanelContextShape,\n PanelHeaderActionProps,\n PanelHeaderProps,\n PanelProps,\n PanelQaTags,\n PanelTitleTooltipProps,\n} from './Panel.types'\n\nconst PanelContext = React.createContext<PanelContextShape>({\n isScrolling: false,\n setIsScrolling: () => {},\n})\n\nconst usePanelContext = () => React.useContext(PanelContext)\n\nconst maxVisibleIcons = 3\n\nconst HeaderAction = React.forwardRef<HTMLSpanElement, PanelHeaderActionProps>(\n function HeaderAction(\n { title, children, variant = 'tertiary', ...props },\n ref\n ) {\n return (\n <Tooltip overlay={title} trigger={['hover', 'focus']} ref={ref}>\n <Button aria-label={title} {...props} variant={variant}>\n {children}\n </Button>\n </Tooltip>\n )\n }\n)\n\nconst MoreMenu = React.forwardRef<HTMLDivElement, DivAttributes>(\n function MoreMenu({ children }, ref) {\n return (\n <StyledMoreMenu ref={ref}>\n <Menu ref={(node) => node?.focus()}>\n <Menu.Options>\n {React.Children.map(children, (child) => {\n if (isReactElement<PanelHeaderActionProps>(child)) {\n return (\n <Menu.Item\n item={null}\n key={child.props.title}\n onClick={\n child.props.onClick as (e: React.MouseEvent) => void\n }\n >\n {child.props.title}\n </Menu.Item>\n )\n }\n })}\n </Menu.Options>\n </Menu>\n </StyledMoreMenu>\n )\n }\n)\n\nexport const MoreIcon: React.FC<\n DivAttributes & { qa?: Pick<PanelQaTags, 'moreIcon'> }\n> = ({ children, qa }) => {\n const i18n = useI18nContext()\n\n return (\n <OverlayTrigger\n trigger=\"click\"\n placement=\"bottom-right\"\n overlay={<MoreMenu>{children}</MoreMenu>}\n >\n <Button\n aria-label={i18n.t('core.dropdown.moreOptions')}\n data-qa={qa?.moreIcon}\n variant=\"tertiary\"\n icon={<EllipsisVertical />}\n />\n </OverlayTrigger>\n )\n}\n\nconst HeaderActions = React.forwardRef<\n HTMLDivElement,\n DivAttributes & { qa?: Pick<PanelQaTags, 'moreIcon'> }\n>(function HeaderActions({ children, qa, ...props }, ref) {\n const iconsAmount = React.Children.count(children)\n\n const [visibleIcons, hiddenIcons] =\n iconsAmount > maxVisibleIcons\n ? partition(\n (_, index) => index > iconsAmount - maxVisibleIcons,\n React.Children.toArray(children)\n )\n : [children, []]\n\n return (\n <StyledHeaderActions {...props} ref={ref}>\n {visibleIcons}\n {hiddenIcons.length > 0 && <MoreIcon qa={qa}>{hiddenIcons}</MoreIcon>}\n </StyledHeaderActions>\n )\n})\n\nexport const TitleTooltip: React.FC<PanelTitleTooltipProps> = ({\n children,\n overlay,\n isVisible,\n}) => {\n if (!isVisible) {\n return children as React.ReactElement\n }\n\n return (\n <Tooltip\n trigger={['hover', 'focus']}\n overlay={<Tooltip.Content>{overlay}</Tooltip.Content>}\n placement=\"bottom\"\n role=\"tooltip\"\n >\n {children}\n </Tooltip>\n )\n}\n\nconst Title = React.forwardRef<\n HTMLSpanElement,\n TypographyProps & { qa?: Pick<PanelQaTags, 'title'>; id?: string }\n>(function Title({ children, qa, ...props }, ref) {\n const { isOverflowingX, ref: overflowRef } = useOverflowObserver()\n\n return (\n <TitleTooltip isVisible={isOverflowingX} overlay={children}>\n <StyledTitle\n {...props}\n ref={mergeRefs(overflowRef, ref)}\n intent=\"h2\"\n data-qa={qa?.title}\n >\n {children}\n </StyledTitle>\n </TitleTooltip>\n )\n})\n\nconst Header = React.forwardRef<HTMLDivElement, PanelHeaderProps>(\n function Header({ children, onClickBack, onClose, ...props }, ref) {\n const I18n = useI18nContext()\n return (\n <StyledHeader {...props} ref={ref}>\n <StyledHeaderBackAction $active={onClickBack !== undefined}>\n <Button\n aria-label={I18n.t('core.panel.goBack')}\n variant=\"tertiary\"\n onClick={onClickBack}\n icon={<ChevronLeft />}\n />\n </StyledHeaderBackAction>\n {children}\n {typeof onClose === 'function' && (\n <StyledCloseButton>\n <HeaderAction\n title={I18n.t('core.panel.close')}\n icon={<Clear />}\n onClick={onClose}\n />\n </StyledCloseButton>\n )}\n </StyledHeader>\n )\n }\n)\n\nconst Body = React.forwardRef<HTMLDivElement, PanelBodyProps>(function Body(\n { children, ...props },\n ref\n) {\n const { setIsScrolling } = usePanelContext()\n\n const timer = React.useRef<NodeJS.Timer | null>(null)\n\n const handleScroll = React.useCallback(() => {\n setIsScrolling(true)\n\n if (timer.current) {\n clearTimeout(timer.current)\n }\n\n timer.current = setTimeout(() => {\n setIsScrolling(false)\n }, 100)\n }, [setIsScrolling])\n\n return (\n <SectionProvider>\n <LevelContext.Provider value={3}>\n <StyledBody {...props} ref={ref} onScroll={handleScroll}>\n {children}\n </StyledBody>\n </LevelContext.Provider>\n </SectionProvider>\n )\n})\n\nconst FooterNotation = React.forwardRef<HTMLDivElement, DivAttributes>(\n function FooterNotation({ children, ...props }, ref) {\n return (\n <StyledFooterNotation {...props} ref={ref}>\n {children}\n </StyledFooterNotation>\n )\n }\n)\n\nconst FooterActions = React.forwardRef<HTMLDivElement, DivAttributes>(\n function FooterActions({ children, ...props }, ref) {\n return (\n <StyledFooterActions {...props} ref={ref}>\n {children}\n </StyledFooterActions>\n )\n }\n)\n\nconst Footer = React.forwardRef<HTMLDivElement, DivAttributes>(function Footer(\n { children, ...props },\n ref\n) {\n const { isScrolling } = usePanelContext()\n\n return (\n <StyledFooter {...props} ref={ref} $hasShadow={isScrolling}>\n {children}\n </StyledFooter>\n )\n})\n\nconst Panel_ = React.forwardRef<HTMLDivElement, PanelProps>(function Panel(\n { children, ...props },\n ref\n) {\n const [isScrolling, setIsScrolling] = React.useState(false)\n\n return (\n <PanelContext.Provider\n value={{\n isScrolling,\n setIsScrolling,\n }}\n >\n <StyledPanel {...props} ref={ref}>\n {children}\n </StyledPanel>\n </PanelContext.Provider>\n )\n})\n\nPanel_.displayName = 'Panel'\nBody.displayName = 'Panel.Body'\nFooter.displayName = 'Panel.Footer'\nFooterActions.displayName = 'Panel.FooterActions'\nFooterNotation.displayName = 'Panel.FooterNotation'\nHeader.displayName = 'Panel.Header'\nHeaderAction.displayName = 'Panel.HeaderAction'\nHeaderActions.displayName = 'Panel.HeaderActions'\nTitle.displayName = 'Panel.Title'\n\n/**\n\n Panels help users complete tasks or view additional information alongside the\n main content of a page.\n\n Panels are often initiated by clicking on an item somewhere on the main page,\n and they often contain additional information or options specific to that item.\n\n @since 10.19.0\n\n @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-panel--demo)\n\n @see [Design Guidelines](https://design.procore.com/panel)\n\n */\nexport const Panel = addSubcomponents(\n {\n Body,\n Footer,\n FooterActions,\n FooterNotation,\n Header,\n HeaderAction,\n HeaderActions,\n Section,\n Title,\n },\n Panel_\n)\n"],"mappings":"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"}
1
+ {"version":3,"file":"Panel.js","names":["ChevronLeft","Clear","EllipsisVertical","React","Button","Menu","OverlayTrigger","LevelContext","Section","SectionProvider","Tooltip","useI18nContext","useOverflowObserver","addSubcomponents","isReactElement","mergeRefs","partition","StyledBody","StyledCloseButton","StyledFooter","StyledFooterActions","StyledFooterNotation","StyledHeader","StyledHeaderActions","StyledHeaderBackAction","StyledMoreMenu","StyledPanel","StyledTitle","PanelContext","createContext","isScrolling","setIsScrolling","usePanelContext","useContext","maxVisibleIcons","HeaderAction","forwardRef","_ref","ref","title","children","_ref$variant","variant","props","_objectWithoutProperties","_excluded","createElement","overlay","trigger","_extends","MoreMenu","_ref2","node","focus","Options","Children","map","child","Item","item","key","onClick","MoreIcon","_ref3","qa","i18n","placement","trackAriaExpanded","t","moreIcon","icon","HeaderActions","_ref4","_excluded2","iconsAmount","count","_ref5","_","index","toArray","_ref6","_slicedToArray","visibleIcons","hiddenIcons","length","TitleTooltip","_ref7","isVisible","Content","role","Title","_ref8","_excluded3","_useOverflowObserver","isOverflowingX","overflowRef","intent","Header","_ref9","onClickBack","onClose","_excluded4","I18n","$active","undefined","Body","_ref0","_excluded5","_usePanelContext","timer","useRef","handleScroll","useCallback","current","clearTimeout","setTimeout","Provider","value","onScroll","FooterNotation","_ref1","_excluded6","FooterActions","_ref10","_excluded7","Footer","_ref11","_excluded8","_usePanelContext2","$hasShadow","Panel_","Panel","_ref12","_excluded9","_React$useState","useState","_React$useState2","displayName"],"sources":["../../src/Panel/Panel.tsx"],"sourcesContent":["import { ChevronLeft, Clear, EllipsisVertical } from '@procore/core-icons/dist'\nimport React from 'react'\nimport { Button } from '../Button'\nimport { Menu } from '../Menu'\nimport { OverlayTrigger } from '../OverlayTrigger'\nimport { LevelContext, Section, SectionProvider } from '../Section'\nimport { Tooltip } from '../Tooltip'\nimport type { TypographyProps } from '../Typography'\nimport { useI18nContext } from '../_hooks/I18n'\nimport { useOverflowObserver } from '../_hooks/OverflowObserver'\nimport { addSubcomponents } from '../_utils/addSubcomponents'\nimport { isReactElement } from '../_utils/isReactElement'\nimport { mergeRefs } from '../_utils/mergeRefs'\nimport { partition } from '../_utils/partition'\nimport type { DivAttributes } from '../_utils/types'\nimport {\n StyledBody,\n StyledCloseButton,\n StyledFooter,\n StyledFooterActions,\n StyledFooterNotation,\n StyledHeader,\n StyledHeaderActions,\n StyledHeaderBackAction,\n StyledMoreMenu,\n StyledPanel,\n StyledTitle,\n} from './Panel.styles'\nimport type {\n PanelBodyProps,\n PanelContextShape,\n PanelHeaderActionProps,\n PanelHeaderProps,\n PanelProps,\n PanelQaTags,\n PanelTitleTooltipProps,\n} from './Panel.types'\n\nconst PanelContext = React.createContext<PanelContextShape>({\n isScrolling: false,\n setIsScrolling: () => {},\n})\n\nconst usePanelContext = () => React.useContext(PanelContext)\n\nconst maxVisibleIcons = 3\n\nconst HeaderAction = React.forwardRef<HTMLSpanElement, PanelHeaderActionProps>(\n function HeaderAction(\n { title, children, variant = 'tertiary', ...props },\n ref\n ) {\n return (\n <Tooltip overlay={title} trigger={['hover', 'focus']} ref={ref}>\n <Button aria-label={title} {...props} variant={variant}>\n {children}\n </Button>\n </Tooltip>\n )\n }\n)\n\nconst MoreMenu = React.forwardRef<HTMLDivElement, DivAttributes>(\n function MoreMenu({ children }, ref) {\n return (\n <StyledMoreMenu ref={ref}>\n <Menu ref={(node) => node?.focus()}>\n <Menu.Options>\n {React.Children.map(children, (child) => {\n if (isReactElement<PanelHeaderActionProps>(child)) {\n return (\n <Menu.Item\n item={null}\n key={child.props.title}\n onClick={\n child.props.onClick as (e: React.MouseEvent) => void\n }\n >\n {child.props.title}\n </Menu.Item>\n )\n }\n })}\n </Menu.Options>\n </Menu>\n </StyledMoreMenu>\n )\n }\n)\n\nexport const MoreIcon: React.FC<\n DivAttributes & { qa?: Pick<PanelQaTags, 'moreIcon'> }\n> = ({ children, qa }) => {\n const i18n = useI18nContext()\n\n return (\n <OverlayTrigger\n overlay={<MoreMenu>{children}</MoreMenu>}\n placement=\"bottom-right\"\n trackAriaExpanded\n trigger=\"click\"\n >\n <Button\n aria-haspopup=\"menu\"\n aria-label={i18n.t('core.dropdown.moreOptions')}\n data-qa={qa?.moreIcon}\n icon={<EllipsisVertical />}\n variant=\"tertiary\"\n />\n </OverlayTrigger>\n )\n}\n\nconst HeaderActions = React.forwardRef<\n HTMLDivElement,\n DivAttributes & { qa?: Pick<PanelQaTags, 'moreIcon'> }\n>(function HeaderActions({ children, qa, ...props }, ref) {\n const iconsAmount = React.Children.count(children)\n\n const [visibleIcons, hiddenIcons] =\n iconsAmount > maxVisibleIcons\n ? partition(\n (_, index) => index > iconsAmount - maxVisibleIcons,\n React.Children.toArray(children)\n )\n : [children, []]\n\n return (\n <StyledHeaderActions {...props} ref={ref}>\n {visibleIcons}\n {hiddenIcons.length > 0 && <MoreIcon qa={qa}>{hiddenIcons}</MoreIcon>}\n </StyledHeaderActions>\n )\n})\n\nexport const TitleTooltip: React.FC<PanelTitleTooltipProps> = ({\n children,\n overlay,\n isVisible,\n}) => {\n if (!isVisible) {\n return children as React.ReactElement\n }\n\n return (\n <Tooltip\n trigger={['hover', 'focus']}\n overlay={<Tooltip.Content>{overlay}</Tooltip.Content>}\n placement=\"bottom\"\n role=\"tooltip\"\n >\n {children}\n </Tooltip>\n )\n}\n\nconst Title = React.forwardRef<\n HTMLSpanElement,\n TypographyProps & { qa?: Pick<PanelQaTags, 'title'>; id?: string }\n>(function Title({ children, qa, ...props }, ref) {\n const { isOverflowingX, ref: overflowRef } = useOverflowObserver()\n\n return (\n <TitleTooltip isVisible={isOverflowingX} overlay={children}>\n <StyledTitle\n {...props}\n ref={mergeRefs(overflowRef, ref)}\n intent=\"h2\"\n data-qa={qa?.title}\n >\n {children}\n </StyledTitle>\n </TitleTooltip>\n )\n})\n\nconst Header = React.forwardRef<HTMLDivElement, PanelHeaderProps>(\n function Header({ children, onClickBack, onClose, ...props }, ref) {\n const I18n = useI18nContext()\n return (\n <StyledHeader {...props} ref={ref}>\n <StyledHeaderBackAction $active={onClickBack !== undefined}>\n <Button\n aria-label={I18n.t('core.panel.goBack')}\n variant=\"tertiary\"\n onClick={onClickBack}\n icon={<ChevronLeft />}\n />\n </StyledHeaderBackAction>\n {children}\n {typeof onClose === 'function' && (\n <StyledCloseButton>\n <HeaderAction\n title={I18n.t('core.panel.close')}\n icon={<Clear />}\n onClick={onClose}\n />\n </StyledCloseButton>\n )}\n </StyledHeader>\n )\n }\n)\n\nconst Body = React.forwardRef<HTMLDivElement, PanelBodyProps>(function Body(\n { children, ...props },\n ref\n) {\n const { setIsScrolling } = usePanelContext()\n\n const timer = React.useRef<NodeJS.Timer | null>(null)\n\n const handleScroll = React.useCallback(() => {\n setIsScrolling(true)\n\n if (timer.current) {\n clearTimeout(timer.current)\n }\n\n timer.current = setTimeout(() => {\n setIsScrolling(false)\n }, 100)\n }, [setIsScrolling])\n\n return (\n <SectionProvider>\n <LevelContext.Provider value={3}>\n <StyledBody {...props} ref={ref} onScroll={handleScroll}>\n {children}\n </StyledBody>\n </LevelContext.Provider>\n </SectionProvider>\n )\n})\n\nconst FooterNotation = React.forwardRef<HTMLDivElement, DivAttributes>(\n function FooterNotation({ children, ...props }, ref) {\n return (\n <StyledFooterNotation {...props} ref={ref}>\n {children}\n </StyledFooterNotation>\n )\n }\n)\n\nconst FooterActions = React.forwardRef<HTMLDivElement, DivAttributes>(\n function FooterActions({ children, ...props }, ref) {\n return (\n <StyledFooterActions {...props} ref={ref}>\n {children}\n </StyledFooterActions>\n )\n }\n)\n\nconst Footer = React.forwardRef<HTMLDivElement, DivAttributes>(function Footer(\n { children, ...props },\n ref\n) {\n const { isScrolling } = usePanelContext()\n\n return (\n <StyledFooter {...props} ref={ref} $hasShadow={isScrolling}>\n {children}\n </StyledFooter>\n )\n})\n\nconst Panel_ = React.forwardRef<HTMLDivElement, PanelProps>(function Panel(\n { children, ...props },\n ref\n) {\n const [isScrolling, setIsScrolling] = React.useState(false)\n\n return (\n <PanelContext.Provider\n value={{\n isScrolling,\n setIsScrolling,\n }}\n >\n <StyledPanel {...props} ref={ref}>\n {children}\n </StyledPanel>\n </PanelContext.Provider>\n )\n})\n\nPanel_.displayName = 'Panel'\nBody.displayName = 'Panel.Body'\nFooter.displayName = 'Panel.Footer'\nFooterActions.displayName = 'Panel.FooterActions'\nFooterNotation.displayName = 'Panel.FooterNotation'\nHeader.displayName = 'Panel.Header'\nHeaderAction.displayName = 'Panel.HeaderAction'\nHeaderActions.displayName = 'Panel.HeaderActions'\nTitle.displayName = 'Panel.Title'\n\n/**\n\n Panels help users complete tasks or view additional information alongside the\n main content of a page.\n\n Panels are often initiated by clicking on an item somewhere on the main page,\n and they often contain additional information or options specific to that item.\n\n @since 10.19.0\n\n @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-panel--demo)\n\n @see [Design Guidelines](https://design.procore.com/panel)\n\n */\nexport const Panel = addSubcomponents(\n {\n Body,\n Footer,\n FooterActions,\n FooterNotation,\n Header,\n HeaderAction,\n HeaderActions,\n Section,\n Title,\n },\n Panel_\n)\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA,SAASA,WAAW,EAAEC,KAAK,EAAEC,gBAAgB,QAAQ,0BAA0B;AAC/E,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,MAAM,QAAQ,WAAW;AAClC,SAASC,IAAI,QAAQ,SAAS;AAC9B,SAASC,cAAc,QAAQ,mBAAmB;AAClD,SAASC,YAAY,EAAEC,OAAO,EAAEC,eAAe,QAAQ,YAAY;AACnE,SAASC,OAAO,QAAQ,YAAY;AAEpC,SAASC,cAAc,QAAQ,gBAAgB;AAC/C,SAASC,mBAAmB,QAAQ,4BAA4B;AAChE,SAASC,gBAAgB,QAAQ,4BAA4B;AAC7D,SAASC,cAAc,QAAQ,0BAA0B;AACzD,SAASC,SAAS,QAAQ,qBAAqB;AAC/C,SAASC,SAAS,QAAQ,qBAAqB;AAE/C,SACEC,UAAU,EACVC,iBAAiB,EACjBC,YAAY,EACZC,mBAAmB,EACnBC,oBAAoB,EACpBC,YAAY,EACZC,mBAAmB,EACnBC,sBAAsB,EACtBC,cAAc,EACdC,WAAW,EACXC,WAAW,QACN,gBAAgB;AAWvB,IAAMC,YAAY,gBAAGzB,KAAK,CAAC0B,aAAa,CAAoB;EAC1DC,WAAW,EAAE,KAAK;EAClBC,cAAc,EAAE,SAAhBA,cAAcA,CAAA,EAAQ,CAAC;AACzB,CAAC,CAAC;AAEF,IAAMC,eAAe,GAAG,SAAlBA,eAAeA,CAAA;EAAA,OAAS7B,KAAK,CAAC8B,UAAU,CAACL,YAAY,CAAC;AAAA;AAE5D,IAAMM,eAAe,GAAG,CAAC;AAEzB,IAAMC,YAAY,gBAAGhC,KAAK,CAACiC,UAAU,CACnC,SAASD,YAAYA,CAAAE,IAAA,EAEnBC,GAAG,EACH;EAAA,IAFEC,KAAK,GAAAF,IAAA,CAALE,KAAK;IAAEC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IAAAC,YAAA,GAAAJ,IAAA,CAAEK,OAAO;IAAPA,OAAO,GAAAD,YAAA,cAAG,UAAU,GAAAA,YAAA;IAAKE,KAAK,GAAAC,wBAAA,CAAAP,IAAA,EAAAQ,SAAA;EAGjD,oBACE1C,KAAA,CAAA2C,aAAA,CAACpC,OAAO;IAACqC,OAAO,EAAER,KAAM;IAACS,OAAO,EAAE,CAAC,OAAO,EAAE,OAAO,CAAE;IAACV,GAAG,EAAEA;EAAI,gBAC7DnC,KAAA,CAAA2C,aAAA,CAAC1C,MAAM,EAAA6C,QAAA;IAAC,cAAYV;EAAM,GAAKI,KAAK;IAAED,OAAO,EAAEA;EAAQ,IACpDF,QACK,CACD,CAAC;AAEd,CACF,CAAC;AAED,IAAMU,QAAQ,gBAAG/C,KAAK,CAACiC,UAAU,CAC/B,SAASc,QAAQA,CAAAC,KAAA,EAAeb,GAAG,EAAE;EAAA,IAAjBE,QAAQ,GAAAW,KAAA,CAARX,QAAQ;EAC1B,oBACErC,KAAA,CAAA2C,aAAA,CAACrB,cAAc;IAACa,GAAG,EAAEA;EAAI,gBACvBnC,KAAA,CAAA2C,aAAA,CAACzC,IAAI;IAACiC,GAAG,EAAE,SAALA,GAAGA,CAAGc,IAAI;MAAA,OAAKA,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEC,KAAK,CAAC,CAAC;IAAA;EAAC,gBACjClD,KAAA,CAAA2C,aAAA,CAACzC,IAAI,CAACiD,OAAO,QACVnD,KAAK,CAACoD,QAAQ,CAACC,GAAG,CAAChB,QAAQ,EAAE,UAACiB,KAAK,EAAK;IACvC,IAAI3C,cAAc,CAAyB2C,KAAK,CAAC,EAAE;MACjD,oBACEtD,KAAA,CAAA2C,aAAA,CAACzC,IAAI,CAACqD,IAAI;QACRC,IAAI,EAAE,IAAK;QACXC,GAAG,EAAEH,KAAK,CAACd,KAAK,CAACJ,KAAM;QACvBsB,OAAO,EACLJ,KAAK,CAACd,KAAK,CAACkB;MACb,GAEAJ,KAAK,CAACd,KAAK,CAACJ,KACJ,CAAC;IAEhB;EACF,CAAC,CACW,CACV,CACQ,CAAC;AAErB,CACF,CAAC;AAED,OAAO,IAAMuB,QAEZ,GAAG,SAFSA,QAEZA,CAAAC,KAAA,EAAyB;EAAA,IAAnBvB,QAAQ,GAAAuB,KAAA,CAARvB,QAAQ;IAAEwB,EAAE,GAAAD,KAAA,CAAFC,EAAE;EACjB,IAAMC,IAAI,GAAGtD,cAAc,CAAC,CAAC;EAE7B,oBACER,KAAA,CAAA2C,aAAA,CAACxC,cAAc;IACbyC,OAAO,eAAE5C,KAAA,CAAA2C,aAAA,CAACI,QAAQ,QAAEV,QAAmB,CAAE;IACzC0B,SAAS,EAAC,cAAc;IACxBC,iBAAiB;IACjBnB,OAAO,EAAC;EAAO,gBAEf7C,KAAA,CAAA2C,aAAA,CAAC1C,MAAM;IACL,iBAAc,MAAM;IACpB,cAAY6D,IAAI,CAACG,CAAC,CAAC,2BAA2B,CAAE;IAChD,WAASJ,EAAE,aAAFA,EAAE,uBAAFA,EAAE,CAAEK,QAAS;IACtBC,IAAI,eAAEnE,KAAA,CAAA2C,aAAA,CAAC5C,gBAAgB,MAAE,CAAE;IAC3BwC,OAAO,EAAC;EAAU,CACnB,CACa,CAAC;AAErB,CAAC;AAED,IAAM6B,aAAa,gBAAGpE,KAAK,CAACiC,UAAU,CAGpC,SAASmC,aAAaA,CAAAC,KAAA,EAA6BlC,GAAG,EAAE;EAAA,IAA/BE,QAAQ,GAAAgC,KAAA,CAARhC,QAAQ;IAAEwB,EAAE,GAAAQ,KAAA,CAAFR,EAAE;IAAKrB,KAAK,GAAAC,wBAAA,CAAA4B,KAAA,EAAAC,UAAA;EAC/C,IAAMC,WAAW,GAAGvE,KAAK,CAACoD,QAAQ,CAACoB,KAAK,CAACnC,QAAQ,CAAC;EAElD,IAAAoC,KAAA,GACEF,WAAW,GAAGxC,eAAe,GACzBlB,SAAS,CACP,UAAC6D,CAAC,EAAEC,KAAK;MAAA,OAAKA,KAAK,GAAGJ,WAAW,GAAGxC,eAAe;IAAA,GACnD/B,KAAK,CAACoD,QAAQ,CAACwB,OAAO,CAACvC,QAAQ,CACjC,CAAC,GACD,CAACA,QAAQ,EAAE,EAAE,CAAC;IAAAwC,KAAA,GAAAC,cAAA,CAAAL,KAAA;IANbM,YAAY,GAAAF,KAAA;IAAEG,WAAW,GAAAH,KAAA;EAQhC,oBACE7E,KAAA,CAAA2C,aAAA,CAACvB,mBAAmB,EAAA0B,QAAA,KAAKN,KAAK;IAAEL,GAAG,EAAEA;EAAI,IACtC4C,YAAY,EACZC,WAAW,CAACC,MAAM,GAAG,CAAC,iBAAIjF,KAAA,CAAA2C,aAAA,CAACgB,QAAQ;IAACE,EAAE,EAAEA;EAAG,GAAEmB,WAAsB,CACjD,CAAC;AAE1B,CAAC,CAAC;AAEF,OAAO,IAAME,YAA8C,GAAG,SAAjDA,YAA8CA,CAAAC,KAAA,EAIrD;EAAA,IAHJ9C,QAAQ,GAAA8C,KAAA,CAAR9C,QAAQ;IACRO,OAAO,GAAAuC,KAAA,CAAPvC,OAAO;IACPwC,SAAS,GAAAD,KAAA,CAATC,SAAS;EAET,IAAI,CAACA,SAAS,EAAE;IACd,OAAO/C,QAAQ;EACjB;EAEA,oBACErC,KAAA,CAAA2C,aAAA,CAACpC,OAAO;IACNsC,OAAO,EAAE,CAAC,OAAO,EAAE,OAAO,CAAE;IAC5BD,OAAO,eAAE5C,KAAA,CAAA2C,aAAA,CAACpC,OAAO,CAAC8E,OAAO,QAAEzC,OAAyB,CAAE;IACtDmB,SAAS,EAAC,QAAQ;IAClBuB,IAAI,EAAC;EAAS,GAEbjD,QACM,CAAC;AAEd,CAAC;AAED,IAAMkD,KAAK,gBAAGvF,KAAK,CAACiC,UAAU,CAG5B,SAASsD,KAAKA,CAAAC,KAAA,EAA6BrD,GAAG,EAAE;EAAA,IAA/BE,QAAQ,GAAAmD,KAAA,CAARnD,QAAQ;IAAEwB,EAAE,GAAA2B,KAAA,CAAF3B,EAAE;IAAKrB,KAAK,GAAAC,wBAAA,CAAA+C,KAAA,EAAAC,UAAA;EACvC,IAAAC,oBAAA,GAA6CjF,mBAAmB,CAAC,CAAC;IAA1DkF,cAAc,GAAAD,oBAAA,CAAdC,cAAc;IAAOC,WAAW,GAAAF,oBAAA,CAAhBvD,GAAG;EAE3B,oBACEnC,KAAA,CAAA2C,aAAA,CAACuC,YAAY;IAACE,SAAS,EAAEO,cAAe;IAAC/C,OAAO,EAAEP;EAAS,gBACzDrC,KAAA,CAAA2C,aAAA,CAACnB,WAAW,EAAAsB,QAAA,KACNN,KAAK;IACTL,GAAG,EAAEvB,SAAS,CAACgF,WAAW,EAAEzD,GAAG,CAAE;IACjC0D,MAAM,EAAC,IAAI;IACX,WAAShC,EAAE,aAAFA,EAAE,uBAAFA,EAAE,CAAEzB;EAAM,IAElBC,QACU,CACD,CAAC;AAEnB,CAAC,CAAC;AAEF,IAAMyD,MAAM,gBAAG9F,KAAK,CAACiC,UAAU,CAC7B,SAAS6D,MAAMA,CAAAC,KAAA,EAA+C5D,GAAG,EAAE;EAAA,IAAjDE,QAAQ,GAAA0D,KAAA,CAAR1D,QAAQ;IAAE2D,WAAW,GAAAD,KAAA,CAAXC,WAAW;IAAEC,OAAO,GAAAF,KAAA,CAAPE,OAAO;IAAKzD,KAAK,GAAAC,wBAAA,CAAAsD,KAAA,EAAAG,UAAA;EACxD,IAAMC,IAAI,GAAG3F,cAAc,CAAC,CAAC;EAC7B,oBACER,KAAA,CAAA2C,aAAA,CAACxB,YAAY,EAAA2B,QAAA,KAAKN,KAAK;IAAEL,GAAG,EAAEA;EAAI,iBAChCnC,KAAA,CAAA2C,aAAA,CAACtB,sBAAsB;IAAC+E,OAAO,EAAEJ,WAAW,KAAKK;EAAU,gBACzDrG,KAAA,CAAA2C,aAAA,CAAC1C,MAAM;IACL,cAAYkG,IAAI,CAAClC,CAAC,CAAC,mBAAmB,CAAE;IACxC1B,OAAO,EAAC,UAAU;IAClBmB,OAAO,EAAEsC,WAAY;IACrB7B,IAAI,eAAEnE,KAAA,CAAA2C,aAAA,CAAC9C,WAAW,MAAE;EAAE,CACvB,CACqB,CAAC,EACxBwC,QAAQ,EACR,OAAO4D,OAAO,KAAK,UAAU,iBAC5BjG,KAAA,CAAA2C,aAAA,CAAC5B,iBAAiB,qBAChBf,KAAA,CAAA2C,aAAA,CAACX,YAAY;IACXI,KAAK,EAAE+D,IAAI,CAAClC,CAAC,CAAC,kBAAkB,CAAE;IAClCE,IAAI,eAAEnE,KAAA,CAAA2C,aAAA,CAAC7C,KAAK,MAAE,CAAE;IAChB4D,OAAO,EAAEuC;EAAQ,CAClB,CACgB,CAET,CAAC;AAEnB,CACF,CAAC;AAED,IAAMK,IAAI,gBAAGtG,KAAK,CAACiC,UAAU,CAAiC,SAASqE,IAAIA,CAAAC,KAAA,EAEzEpE,GAAG,EACH;EAAA,IAFEE,QAAQ,GAAAkE,KAAA,CAARlE,QAAQ;IAAKG,KAAK,GAAAC,wBAAA,CAAA8D,KAAA,EAAAC,UAAA;EAGpB,IAAAC,gBAAA,GAA2B5E,eAAe,CAAC,CAAC;IAApCD,cAAc,GAAA6E,gBAAA,CAAd7E,cAAc;EAEtB,IAAM8E,KAAK,GAAG1G,KAAK,CAAC2G,MAAM,CAAsB,IAAI,CAAC;EAErD,IAAMC,YAAY,GAAG5G,KAAK,CAAC6G,WAAW,CAAC,YAAM;IAC3CjF,cAAc,CAAC,IAAI,CAAC;IAEpB,IAAI8E,KAAK,CAACI,OAAO,EAAE;MACjBC,YAAY,CAACL,KAAK,CAACI,OAAO,CAAC;IAC7B;IAEAJ,KAAK,CAACI,OAAO,GAAGE,UAAU,CAAC,YAAM;MAC/BpF,cAAc,CAAC,KAAK,CAAC;IACvB,CAAC,EAAE,GAAG,CAAC;EACT,CAAC,EAAE,CAACA,cAAc,CAAC,CAAC;EAEpB,oBACE5B,KAAA,CAAA2C,aAAA,CAACrC,eAAe,qBACdN,KAAA,CAAA2C,aAAA,CAACvC,YAAY,CAAC6G,QAAQ;IAACC,KAAK,EAAE;EAAE,gBAC9BlH,KAAA,CAAA2C,aAAA,CAAC7B,UAAU,EAAAgC,QAAA,KAAKN,KAAK;IAAEL,GAAG,EAAEA,GAAI;IAACgF,QAAQ,EAAEP;EAAa,IACrDvE,QACS,CACS,CACR,CAAC;AAEtB,CAAC,CAAC;AAEF,IAAM+E,cAAc,gBAAGpH,KAAK,CAACiC,UAAU,CACrC,SAASmF,cAAcA,CAAAC,KAAA,EAAyBlF,GAAG,EAAE;EAAA,IAA3BE,QAAQ,GAAAgF,KAAA,CAARhF,QAAQ;IAAKG,KAAK,GAAAC,wBAAA,CAAA4E,KAAA,EAAAC,UAAA;EAC1C,oBACEtH,KAAA,CAAA2C,aAAA,CAACzB,oBAAoB,EAAA4B,QAAA,KAAKN,KAAK;IAAEL,GAAG,EAAEA;EAAI,IACvCE,QACmB,CAAC;AAE3B,CACF,CAAC;AAED,IAAMkF,aAAa,gBAAGvH,KAAK,CAACiC,UAAU,CACpC,SAASsF,aAAaA,CAAAC,MAAA,EAAyBrF,GAAG,EAAE;EAAA,IAA3BE,QAAQ,GAAAmF,MAAA,CAARnF,QAAQ;IAAKG,KAAK,GAAAC,wBAAA,CAAA+E,MAAA,EAAAC,UAAA;EACzC,oBACEzH,KAAA,CAAA2C,aAAA,CAAC1B,mBAAmB,EAAA6B,QAAA,KAAKN,KAAK;IAAEL,GAAG,EAAEA;EAAI,IACtCE,QACkB,CAAC;AAE1B,CACF,CAAC;AAED,IAAMqF,MAAM,gBAAG1H,KAAK,CAACiC,UAAU,CAAgC,SAASyF,MAAMA,CAAAC,MAAA,EAE5ExF,GAAG,EACH;EAAA,IAFEE,QAAQ,GAAAsF,MAAA,CAARtF,QAAQ;IAAKG,KAAK,GAAAC,wBAAA,CAAAkF,MAAA,EAAAC,UAAA;EAGpB,IAAAC,iBAAA,GAAwBhG,eAAe,CAAC,CAAC;IAAjCF,WAAW,GAAAkG,iBAAA,CAAXlG,WAAW;EAEnB,oBACE3B,KAAA,CAAA2C,aAAA,CAAC3B,YAAY,EAAA8B,QAAA,KAAKN,KAAK;IAAEL,GAAG,EAAEA,GAAI;IAAC2F,UAAU,EAAEnG;EAAY,IACxDU,QACW,CAAC;AAEnB,CAAC,CAAC;AAEF,IAAM0F,MAAM,gBAAG/H,KAAK,CAACiC,UAAU,CAA6B,SAAS+F,KAAKA,CAAAC,MAAA,EAExE9F,GAAG,EACH;EAAA,IAFEE,QAAQ,GAAA4F,MAAA,CAAR5F,QAAQ;IAAKG,KAAK,GAAAC,wBAAA,CAAAwF,MAAA,EAAAC,UAAA;EAGpB,IAAAC,eAAA,GAAsCnI,KAAK,CAACoI,QAAQ,CAAC,KAAK,CAAC;IAAAC,gBAAA,GAAAvD,cAAA,CAAAqD,eAAA;IAApDxG,WAAW,GAAA0G,gBAAA;IAAEzG,cAAc,GAAAyG,gBAAA;EAElC,oBACErI,KAAA,CAAA2C,aAAA,CAAClB,YAAY,CAACwF,QAAQ;IACpBC,KAAK,EAAE;MACLvF,WAAW,EAAXA,WAAW;MACXC,cAAc,EAAdA;IACF;EAAE,gBAEF5B,KAAA,CAAA2C,aAAA,CAACpB,WAAW,EAAAuB,QAAA,KAAKN,KAAK;IAAEL,GAAG,EAAEA;EAAI,IAC9BE,QACU,CACQ,CAAC;AAE5B,CAAC,CAAC;AAEF0F,MAAM,CAACO,WAAW,GAAG,OAAO;AAC5BhC,IAAI,CAACgC,WAAW,GAAG,YAAY;AAC/BZ,MAAM,CAACY,WAAW,GAAG,cAAc;AACnCf,aAAa,CAACe,WAAW,GAAG,qBAAqB;AACjDlB,cAAc,CAACkB,WAAW,GAAG,sBAAsB;AACnDxC,MAAM,CAACwC,WAAW,GAAG,cAAc;AACnCtG,YAAY,CAACsG,WAAW,GAAG,oBAAoB;AAC/ClE,aAAa,CAACkE,WAAW,GAAG,qBAAqB;AACjD/C,KAAK,CAAC+C,WAAW,GAAG,aAAa;;AAEjC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMN,KAAK,GAAGtH,gBAAgB,CACnC;EACE4F,IAAI,EAAJA,IAAI;EACJoB,MAAM,EAANA,MAAM;EACNH,aAAa,EAAbA,aAAa;EACbH,cAAc,EAAdA,cAAc;EACdtB,MAAM,EAANA,MAAM;EACN9D,YAAY,EAAZA,YAAY;EACZoC,aAAa,EAAbA,aAAa;EACb/D,OAAO,EAAPA,OAAO;EACPkF,KAAK,EAALA;AACF,CAAC,EACDwC,MACF,CAAC"}