@procore/core-react 11.30.0 → 11.31.1

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 (251) hide show
  1. package/dist/AnchorNavigation/AnchorNavigation.d.ts +9 -0
  2. package/dist/AnchorNavigation/AnchorNavigation.js +52 -0
  3. package/dist/AnchorNavigation/AnchorNavigation.js.map +1 -0
  4. package/dist/AnchorNavigation/AnchorNavigation.styles.d.ts +7 -0
  5. package/dist/AnchorNavigation/AnchorNavigation.styles.js +30 -0
  6. package/dist/AnchorNavigation/AnchorNavigation.styles.js.map +1 -0
  7. package/dist/AnchorNavigation/index.d.ts +1 -0
  8. package/dist/AnchorNavigation/index.js +2 -0
  9. package/dist/AnchorNavigation/index.js.map +1 -0
  10. package/dist/Avatar/Avatar.d.ts +18 -4
  11. package/dist/Avatar/Avatar.js +30 -14
  12. package/dist/Avatar/Avatar.js.map +1 -1
  13. package/dist/Avatar/Avatar.styles.js +5 -5
  14. package/dist/AvatarStack/AvatarStack.styles.js +7 -7
  15. package/dist/Badge/Badge.styles.js +2 -2
  16. package/dist/Banner/Banner.d.ts +19 -0
  17. package/dist/Banner/Banner.js +20 -19
  18. package/dist/Banner/Banner.js.map +1 -1
  19. package/dist/Banner/Banner.styles.js +10 -10
  20. package/dist/Box/Box.styles.js +1 -1
  21. package/dist/Breadcrumbs/Breadcrumbs.d.ts +12 -0
  22. package/dist/Breadcrumbs/Breadcrumbs.js +13 -13
  23. package/dist/Breadcrumbs/Breadcrumbs.js.map +1 -1
  24. package/dist/Breadcrumbs/Breadcrumbs.styles.js +4 -4
  25. package/dist/Button/Button.styles.js +5 -5
  26. package/dist/Calendar/Calendar.styles.js +8 -8
  27. package/dist/Card/Card.styles.js +1 -1
  28. package/dist/Checkbox/Checkbox.styles.js +6 -6
  29. package/dist/ContactItem/ContactItem.d.ts +14 -0
  30. package/dist/ContactItem/ContactItem.js +15 -14
  31. package/dist/ContactItem/ContactItem.js.map +1 -1
  32. package/dist/ContactItem/ContactItem.styles.js +5 -5
  33. package/dist/Content/Content.styles.js +2 -2
  34. package/dist/DateInput/DateInput.js +0 -7
  35. package/dist/DateInput/DateInput.js.map +1 -1
  36. package/dist/DateInput/DateInput.styles.js +6 -6
  37. package/dist/DetailPage/DetailPage.styles.js +7 -7
  38. package/dist/Dropdown/Dropdown.d.ts +13 -0
  39. package/dist/Dropdown/Dropdown.js +14 -14
  40. package/dist/Dropdown/Dropdown.js.map +1 -1
  41. package/dist/Dropdown/Dropdown.styles.js +3 -3
  42. package/dist/DropdownFlyout/DropdownFlyout.styles.js +4 -4
  43. package/dist/Dropzone/Dropzone.d.ts +12 -0
  44. package/dist/Dropzone/Dropzone.js +14 -14
  45. package/dist/Dropzone/Dropzone.js.map +1 -1
  46. package/dist/Dropzone/Dropzone.styles.js +9 -9
  47. package/dist/EmptyState/EmptyState.d.ts +13 -0
  48. package/dist/EmptyState/EmptyState.js +14 -14
  49. package/dist/EmptyState/EmptyState.js.map +1 -1
  50. package/dist/EmptyState/EmptyState.styles.js +6 -6
  51. package/dist/Field/Field.styles.js +3 -3
  52. package/dist/FileList/FileList.d.ts +3 -3
  53. package/dist/FileList/FileList.js +10 -10
  54. package/dist/FileList/FileList.js.map +1 -1
  55. package/dist/FileList/FileList.styles.js +4 -4
  56. package/dist/FileSelect/FileExplorer/FileExplorer.styles.js +9 -9
  57. package/dist/FileSelect/FileExplorer/FileExplorerSidebar.styles.js +3 -3
  58. package/dist/FileSelect/FileSelect.styles.js +2 -2
  59. package/dist/FileSelect/FileSelectDropzone/FileSelectDropzone.styles.js +3 -3
  60. package/dist/FileSelect/FileTokenList/FileTokenList.styles.js +2 -2
  61. package/dist/FileSelect/GridSource/GridSource.styles.js +6 -6
  62. package/dist/FileSelect/LocalSource/LocalSource.styles.js +4 -4
  63. package/dist/FileSelect/SourceItem/SourceItem.styles.js +3 -3
  64. package/dist/FileSelect/ThumbnailList/ThumbnailList.styles.js +6 -6
  65. package/dist/FileSelect/TreeSource/TreeSource.styles.js +1 -1
  66. package/dist/FileToken/FileToken.styles.js +4 -4
  67. package/dist/FilterToken/FilterToken.styles.js +2 -2
  68. package/dist/FlexList/FlexList.styles.js +1 -1
  69. package/dist/Form/Form.styles.js +16 -16
  70. package/dist/Grid/Grid.styles.js +2 -2
  71. package/dist/GroupSelect/GroupSelect.styles.js +1 -1
  72. package/dist/Input/Input.styles.js +1 -1
  73. package/dist/Link/Link.styles.js +1 -1
  74. package/dist/ListPage/ListPage.styles.js +8 -8
  75. package/dist/Loader/Loader.styles.js +2 -2
  76. package/dist/Menu/Menu.d.ts +10 -10
  77. package/dist/Menu/Menu.js +13 -13
  78. package/dist/Menu/Menu.js.map +1 -1
  79. package/dist/MenuImperative/MenuImperative.d.ts +7 -0
  80. package/dist/MenuImperative/MenuImperative.js +8 -8
  81. package/dist/MenuImperative/MenuImperative.js.map +1 -1
  82. package/dist/MenuImperative/MenuImperative.styles.js +10 -10
  83. package/dist/Modal/Modal.d.ts +16 -0
  84. package/dist/Modal/Modal.js +17 -17
  85. package/dist/Modal/Modal.js.map +1 -1
  86. package/dist/Modal/Modal.styles.js +13 -13
  87. package/dist/MultiSelect/MultiSelect.styles.js +6 -6
  88. package/dist/NextMenu/NextMenu.styles.js +3 -3
  89. package/dist/Notation/Notation.js +1 -1
  90. package/dist/NumberInput/NumberInput.styles.js +7 -7
  91. package/dist/Overlay/OverlayArrow.styles.js +1 -1
  92. package/dist/PageLayout/PageLayout.d.ts +3 -3
  93. package/dist/PageLayout/PageLayout.js +60 -29
  94. package/dist/PageLayout/PageLayout.js.map +1 -1
  95. package/dist/PageLayout/PageLayout.styles.d.ts +2 -0
  96. package/dist/PageLayout/PageLayout.styles.js +23 -13
  97. package/dist/PageLayout/PageLayout.styles.js.map +1 -1
  98. package/dist/PageLayout/PageLayout.types.d.ts +6 -1
  99. package/dist/PageLayout/PageLayout.types.js.map +1 -1
  100. package/dist/Pagination/Pagination.styles.js +5 -5
  101. package/dist/Panel/Panel.d.ts +15 -0
  102. package/dist/Panel/Panel.js +16 -16
  103. package/dist/Panel/Panel.js.map +1 -1
  104. package/dist/Panel/Panel.styles.js +11 -11
  105. package/dist/Pill/Pill.styles.js +2 -2
  106. package/dist/PillSelect/PillSelect.styles.js +4 -4
  107. package/dist/Popover/Popover.d.ts +2 -2
  108. package/dist/Popover/Popover.js +21 -22
  109. package/dist/Popover/Popover.js.map +1 -1
  110. package/dist/Popover/Popover.styles.js +2 -2
  111. package/dist/Portal/Portal.styles.js +1 -1
  112. package/dist/ProgressBar/ProgressBar.styles.js +2 -2
  113. package/dist/RadioButton/RadioButton.styles.js +3 -3
  114. package/dist/Required/Required.styles.js +3 -3
  115. package/dist/Search/Search.styles.js +5 -5
  116. package/dist/Section/Section.styles.js +6 -6
  117. package/dist/SegmentedController/SegmentedController.styles.js +4 -4
  118. package/dist/Select/Select.d.ts +16 -0
  119. package/dist/Select/Select.js +17 -17
  120. package/dist/Select/Select.js.map +1 -1
  121. package/dist/Select/Select.styles.js +7 -7
  122. package/dist/Semantic/Semantic.styles.js +9 -9
  123. package/dist/Sidebar/Sidebar.styles.js +7 -7
  124. package/dist/Slider/Slider.styles.js +5 -5
  125. package/dist/Spinner/Spinner.styles.js +7 -7
  126. package/dist/SuperSelect/SuperSelect.presets.styles.js +1 -1
  127. package/dist/SuperSelect/SuperSelect.styles.js +37 -37
  128. package/dist/Switch/Switch.styles.js +4 -4
  129. package/dist/Table/Table.styles.js +28 -28
  130. package/dist/TableShelf/TableShelf.styles.js +5 -5
  131. package/dist/Tabs/Tabs.d.ts +5 -5
  132. package/dist/Tabs/Tabs.js +13 -14
  133. package/dist/Tabs/Tabs.js.map +1 -1
  134. package/dist/Tabs/Tabs.styles.js +8 -8
  135. package/dist/Tearsheet/Tearsheet.styles.js +5 -5
  136. package/dist/TextArea/TextArea.styles.js +1 -1
  137. package/dist/TextEditorOutput/TextEditorOutput.styles.js +1 -1
  138. package/dist/Thumbnail/Thumbnail.d.ts +14 -0
  139. package/dist/Thumbnail/Thumbnail.js +8 -8
  140. package/dist/Thumbnail/Thumbnail.js.map +1 -1
  141. package/dist/Thumbnail/Thumbnail.styles.js +17 -17
  142. package/dist/ThumbnailGrid/ThumbnailGrid.styles.js +7 -7
  143. package/dist/TieredSelect/TieredSelect.styles.js +9 -9
  144. package/dist/Tile/Tile.styles.js +8 -8
  145. package/dist/Title/Title.styles.js +7 -7
  146. package/dist/Toast/Toast.d.ts +1 -1
  147. package/dist/Toast/Toast.js +18 -18
  148. package/dist/Toast/Toast.js.map +1 -1
  149. package/dist/Toast/Toast.styles.js +3 -3
  150. package/dist/ToggleButton/ToggleButton.styles.js +1 -1
  151. package/dist/Token/Token.styles.js +3 -3
  152. package/dist/ToolHeader/ToolHeader.styles.js +6 -6
  153. package/dist/Tooltip/Tooltip.d.ts +17 -0
  154. package/dist/Tooltip/Tooltip.js +18 -18
  155. package/dist/Tooltip/Tooltip.js.map +1 -1
  156. package/dist/Tooltip/Tooltip.styles.js +2 -2
  157. package/dist/Tree/Tree.styles.js +9 -9
  158. package/dist/Typeahead/Typeahead.styles.js +3 -3
  159. package/dist/Typography/Typography.styles.js +1 -1
  160. package/dist/Typography/Typography.table.story.js +2 -2
  161. package/dist/_hooks/I18n.d.ts +1 -36
  162. package/dist/_hooks/I18n.js +0 -6
  163. package/dist/_hooks/I18n.js.map +1 -1
  164. package/dist/_hooks/getI18nProviderLocale.d.ts +7 -0
  165. package/dist/_hooks/getI18nProviderLocale.js +28 -0
  166. package/dist/_hooks/getI18nProviderLocale.js.map +1 -0
  167. package/dist/_typedoc/Avatar/Avatar.types.json +20 -20
  168. package/dist/_typedoc/AvatarStack/AvatarStack.types.json +23 -23
  169. package/dist/_typedoc/Badge/Badge.types.json +6 -6
  170. package/dist/_typedoc/Banner/Banner.types.json +13 -13
  171. package/dist/_typedoc/Box/Box.types.json +68 -68
  172. package/dist/_typedoc/Breadcrumbs/Breadcrumbs.types.json +10 -10
  173. package/dist/_typedoc/Button/Button.types.json +12 -12
  174. package/dist/_typedoc/Calendar/Calendar.types.json +80 -80
  175. package/dist/_typedoc/Card/Card.types.json +6 -6
  176. package/dist/_typedoc/Checkbox/Checkbox.types.json +9 -9
  177. package/dist/_typedoc/ContactItem/ContactItem.types.json +9 -9
  178. package/dist/_typedoc/DateInput/DateInput.types.json +35 -35
  179. package/dist/_typedoc/DateSelect/DateSelect.types.json +13 -13
  180. package/dist/_typedoc/DetailPage/DetailPage.types.json +4 -4
  181. package/dist/_typedoc/Dropdown/Dropdown.types.json +37 -37
  182. package/dist/_typedoc/DropdownFlyout/DropdownFlyout.types.json +29 -29
  183. package/dist/_typedoc/Dropzone/Dropzone.types.json +41 -41
  184. package/dist/_typedoc/EmptyState/EmptyState.types.json +14 -14
  185. package/dist/_typedoc/FileList/FileList.types.json +9 -9
  186. package/dist/_typedoc/FileSelect/FileSelect.types.json +26 -26
  187. package/dist/_typedoc/FileSelect/GridSource/GridSource.types.json +20 -20
  188. package/dist/_typedoc/FileSelect/LocalSource/LocalSource.types.json +14 -14
  189. package/dist/_typedoc/FileSelect/TreeSource/TreeSource.types.json +9 -9
  190. package/dist/_typedoc/Flex/Flex.types.json +27 -27
  191. package/dist/_typedoc/FlexList/FlexList.types.json +30 -30
  192. package/dist/_typedoc/Form/Form.types.json +726 -726
  193. package/dist/_typedoc/Grid/Grid.types.json +8 -8
  194. package/dist/_typedoc/GroupSelect/GroupSelect.types.json +52 -52
  195. package/dist/_typedoc/Input/Input.types.json +2 -2
  196. package/dist/_typedoc/Link/Link.types.json +4 -4
  197. package/dist/_typedoc/ListPage/ListPage.types.json +13 -13
  198. package/dist/_typedoc/Menu/Menu.types.json +62 -62
  199. package/dist/_typedoc/MenuImperative/MenuImperative.types.json +74 -74
  200. package/dist/_typedoc/Modal/Modal.types.json +41 -41
  201. package/dist/_typedoc/MultiSelect/MultiSelect.types.json +31 -31
  202. package/dist/_typedoc/Notation/Notation.types.json +4 -4
  203. package/dist/_typedoc/NumberInput/NumberInput.types.json +38 -38
  204. package/dist/_typedoc/OverlayTrigger/OverlayTrigger.types.json +31 -31
  205. package/dist/_typedoc/PageLayout/PageLayout.types.json +68 -22
  206. package/dist/_typedoc/Pagination/Pagination.types.json +7 -7
  207. package/dist/_typedoc/Panel/Panel.types.json +27 -27
  208. package/dist/_typedoc/Pill/Pill.types.json +2 -2
  209. package/dist/_typedoc/PillSelect/PillSelect.types.json +47 -47
  210. package/dist/_typedoc/Popover/Popover.types.json +14 -14
  211. package/dist/_typedoc/ProgressBar/ProgressBar.types.json +6 -6
  212. package/dist/_typedoc/RadioButton/RadioButton.types.json +6 -6
  213. package/dist/_typedoc/Required/Required.types.json +5 -5
  214. package/dist/_typedoc/Search/Search.types.json +18 -18
  215. package/dist/_typedoc/Section/Section.types.json +14 -14
  216. package/dist/_typedoc/SegmentedController/SegmentedController.types.json +20 -20
  217. package/dist/_typedoc/Select/Select.types.json +57 -57
  218. package/dist/_typedoc/Slider/Slider.types.json +6 -6
  219. package/dist/_typedoc/Spinner/Spinner.types.json +9 -9
  220. package/dist/_typedoc/Switch/Switch.types.json +3 -3
  221. package/dist/_typedoc/Table/Table.types.json +99 -99
  222. package/dist/_typedoc/Tabs/Tabs.types.json +17 -17
  223. package/dist/_typedoc/Tearsheet/Tearsheet.types.json +16 -16
  224. package/dist/_typedoc/TextArea/TextArea.types.json +3 -3
  225. package/dist/_typedoc/TextEditor/TextEditor.types.json +9 -9
  226. package/dist/_typedoc/TextEditorOutput/TextEditorOutput.types.json +4 -4
  227. package/dist/_typedoc/Thumbnail/Thumbnail.types.json +19 -19
  228. package/dist/_typedoc/TieredDropdown/TieredDropdown.types.json +42 -42
  229. package/dist/_typedoc/TieredSelect/TieredSelect.types.json +28 -28
  230. package/dist/_typedoc/Tile/Tile.types.json +30 -30
  231. package/dist/_typedoc/Title/Title.types.json +1 -1
  232. package/dist/_typedoc/Toast/Toast.types.json +4 -4
  233. package/dist/_typedoc/ToggleButton/ToggleButton.types.json +3 -3
  234. package/dist/_typedoc/Token/Token.types.json +4 -4
  235. package/dist/_typedoc/ToolHeader/ToolHeader.types.json +10 -10
  236. package/dist/_typedoc/Tooltip/Tooltip.types.json +13 -13
  237. package/dist/_typedoc/Tree/Tree.types.json +86 -86
  238. package/dist/_typedoc/Typeahead/Typeahead.types.json +2 -2
  239. package/dist/_typedoc/Typography/Typography.types.json +8 -8
  240. package/dist/_typedoc/_utils/types.json +3 -3
  241. package/dist/_utils/CalendarHelpers.js +1 -4
  242. package/dist/_utils/CalendarHelpers.js.map +1 -1
  243. package/dist/_utils/TinyMCE.js +0 -3
  244. package/dist/_utils/TinyMCE.js.map +1 -1
  245. package/dist/index.d.ts +1 -0
  246. package/dist/index.js +1 -0
  247. package/dist/index.js.map +1 -1
  248. package/package.json +2 -2
  249. package/dist/_locales/en-US.json +0 -33
  250. package/dist/_locales/it-IT.json +0 -1
  251. package/dist/_locales/ko.json +0 -1
@@ -0,0 +1,9 @@
1
+ import React from 'react';
2
+ declare type AnchorNavigationProps<Section = SectionType> = {
3
+ getId?: (section: Section) => number | string;
4
+ getLabel?: (section: Section) => string;
5
+ sections: Section[];
6
+ };
7
+ export declare type SectionType = any;
8
+ export declare const AnchorNavigation: React.ForwardRefExoticComponent<AnchorNavigationProps<any> & React.RefAttributes<HTMLUListElement>>;
9
+ export {};
@@ -0,0 +1,52 @@
1
+ function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
2
+ function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
3
+ function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
4
+ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
5
+ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
6
+ function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
7
+ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
8
+ import React, { useState } from 'react';
9
+ import { StyledAnchor, StyledAnchorNavigation, StyledAnchorSection } from './AnchorNavigation.styles';
10
+ var Anchor = function Anchor(_ref) {
11
+ var label = _ref.label,
12
+ selected = _ref.selected,
13
+ onClick = _ref.onClick;
14
+ return /*#__PURE__*/React.createElement(StyledAnchorSection, {
15
+ $selected: selected,
16
+ onClick: onClick
17
+ }, /*#__PURE__*/React.createElement(StyledAnchor, {
18
+ "aria-selected": selected,
19
+ $selected: selected,
20
+ tabIndex: 0
21
+ }, label));
22
+ };
23
+ export var AnchorNavigation = /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
24
+ var _ref2$getId = _ref2.getId,
25
+ getId = _ref2$getId === void 0 ? function (section) {
26
+ return section.id;
27
+ } : _ref2$getId,
28
+ _ref2$getLabel = _ref2.getLabel,
29
+ getLabel = _ref2$getLabel === void 0 ? function (section) {
30
+ return section.label;
31
+ } : _ref2$getLabel,
32
+ sections = _ref2.sections;
33
+ var _useState = useState(null),
34
+ _useState2 = _slicedToArray(_useState, 2),
35
+ selected = _useState2[0],
36
+ setSelected = _useState2[1];
37
+ return /*#__PURE__*/React.createElement(StyledAnchorNavigation, {
38
+ ref: ref
39
+ }, sections === null || sections === void 0 ? void 0 : sections.map(function (section) {
40
+ var id = getId(section);
41
+ var label = getLabel(section);
42
+ return /*#__PURE__*/React.createElement(Anchor, _extends({
43
+ key: id,
44
+ onClick: function onClick() {
45
+ return setSelected(id);
46
+ },
47
+ selected: selected === id,
48
+ label: label
49
+ }, section));
50
+ }));
51
+ });
52
+ //# sourceMappingURL=AnchorNavigation.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"AnchorNavigation.js","names":["React","useState","StyledAnchor","StyledAnchorNavigation","StyledAnchorSection","Anchor","_ref","label","selected","onClick","createElement","$selected","tabIndex","AnchorNavigation","forwardRef","_ref2","ref","_ref2$getId","getId","section","id","_ref2$getLabel","getLabel","sections","_useState","_useState2","_slicedToArray","setSelected","map","_extends","key"],"sources":["../../src/AnchorNavigation/AnchorNavigation.tsx"],"sourcesContent":["import React, { useState } from 'react'\nimport {\n StyledAnchor,\n StyledAnchorNavigation,\n StyledAnchorSection,\n} from './AnchorNavigation.styles'\n\ntype AnchorNavigationProps<Section = SectionType> = {\n getId?: (section: Section) => number | string\n getLabel?: (section: Section) => string\n sections: Section[]\n}\n\nexport type SectionType = any\n\ntype SectionProps = SectionType & {\n selected: boolean\n onClick: () => void\n}\n\nconst Anchor = ({ label, selected, onClick }: SectionProps) => {\n return (\n <StyledAnchorSection $selected={selected} onClick={onClick}>\n <StyledAnchor aria-selected={selected} $selected={selected} tabIndex={0}>\n {label}\n </StyledAnchor>\n </StyledAnchorSection>\n )\n}\n\nexport const AnchorNavigation = React.forwardRef<\n HTMLUListElement,\n AnchorNavigationProps\n>(\n (\n {\n getId = (section) => section.id,\n getLabel = (section) => section.label,\n sections,\n },\n ref\n ) => {\n const [selected, setSelected] = useState<string | number | null>(null)\n\n return (\n <StyledAnchorNavigation ref={ref}>\n {sections?.map((section) => {\n const id = getId(section)\n const label = getLabel(section)\n\n return (\n <Anchor\n key={id}\n onClick={() => setSelected(id)}\n selected={selected === id}\n label={label}\n {...section}\n />\n )\n })}\n </StyledAnchorNavigation>\n )\n }\n)\n"],"mappings":";;;;;;;AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SACEC,YAAY,EACZC,sBAAsB,EACtBC,mBAAmB,QACd,2BAA2B;AAelC,IAAMC,MAAM,GAAG,SAATA,MAAMA,CAAAC,IAAA,EAAmD;EAAA,IAA7CC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAEC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAEC,OAAO,GAAAH,IAAA,CAAPG,OAAO;EACxC,oBACET,KAAA,CAAAU,aAAA,CAACN,mBAAmB;IAACO,SAAS,EAAEH,QAAS;IAACC,OAAO,EAAEA;EAAQ,gBACzDT,KAAA,CAAAU,aAAA,CAACR,YAAY;IAAC,iBAAeM,QAAS;IAACG,SAAS,EAAEH,QAAS;IAACI,QAAQ,EAAE;EAAE,GACrEL,KACW,CACK,CAAC;AAE1B,CAAC;AAED,OAAO,IAAMM,gBAAgB,gBAAGb,KAAK,CAACc,UAAU,CAI9C,UAAAC,KAAA,EAMEC,GAAG,EACA;EAAA,IAAAC,WAAA,GAAAF,KAAA,CALDG,KAAK;IAALA,KAAK,GAAAD,WAAA,cAAG,UAACE,OAAO;MAAA,OAAKA,OAAO,CAACC,EAAE;IAAA,IAAAH,WAAA;IAAAI,cAAA,GAAAN,KAAA,CAC/BO,QAAQ;IAARA,QAAQ,GAAAD,cAAA,cAAG,UAACF,OAAO;MAAA,OAAKA,OAAO,CAACZ,KAAK;IAAA,IAAAc,cAAA;IACrCE,QAAQ,GAAAR,KAAA,CAARQ,QAAQ;EAIV,IAAAC,SAAA,GAAgCvB,QAAQ,CAAyB,IAAI,CAAC;IAAAwB,UAAA,GAAAC,cAAA,CAAAF,SAAA;IAA/DhB,QAAQ,GAAAiB,UAAA;IAAEE,WAAW,GAAAF,UAAA;EAE5B,oBACEzB,KAAA,CAAAU,aAAA,CAACP,sBAAsB;IAACa,GAAG,EAAEA;EAAI,GAC9BO,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAEK,GAAG,CAAC,UAACT,OAAO,EAAK;IAC1B,IAAMC,EAAE,GAAGF,KAAK,CAACC,OAAO,CAAC;IACzB,IAAMZ,KAAK,GAAGe,QAAQ,CAACH,OAAO,CAAC;IAE/B,oBACEnB,KAAA,CAAAU,aAAA,CAACL,MAAM,EAAAwB,QAAA;MACLC,GAAG,EAAEV,EAAG;MACRX,OAAO,EAAE,SAAAA,QAAA;QAAA,OAAMkB,WAAW,CAACP,EAAE,CAAC;MAAA,CAAC;MAC/BZ,QAAQ,EAAEA,QAAQ,KAAKY,EAAG;MAC1Bb,KAAK,EAAEA;IAAM,GACTY,OAAO,CACZ,CAAC;EAEN,CAAC,CACqB,CAAC;AAE7B,CACF,CAAC"}
@@ -0,0 +1,7 @@
1
+ export declare const StyledAnchorNavigation: import("styled-components").StyledComponent<"ul", any, {}, never>;
2
+ export declare const StyledAnchorSection: import("styled-components").StyledComponent<"li", any, {
3
+ $selected: boolean;
4
+ }, never>;
5
+ export declare const StyledAnchor: import("styled-components").StyledComponent<"a", any, {
6
+ $selected: boolean;
7
+ }, never>;
@@ -0,0 +1,30 @@
1
+ import styled, { css } from 'styled-components';
2
+ import { getTypographyIntent } from '../Typography/Typography.styles';
3
+ import { colors } from '../_styles/colors';
4
+ import { getEllipsis } from '../_styles/mixins';
5
+ import { spacing } from '../_styles/spacing';
6
+ export var StyledAnchorNavigation = /*#__PURE__*/styled.ul.withConfig({
7
+ displayName: "StyledAnchorNavigation",
8
+ componentId: "core-11_31_1__sc-aacdj4-0"
9
+ })(["max-width:200px;margin:0;padding-inline-start:0;"]);
10
+ export var StyledAnchorSection = /*#__PURE__*/styled.li.withConfig({
11
+ displayName: "StyledAnchorSection",
12
+ componentId: "core-11_31_1__sc-aacdj4-1"
13
+ })(["display:flex;cursor:pointer;border-left:", "px solid ", ";background-color:", ";border-top-right-radius:4px;border-bottom-right-radius:4px;:hover{border-left:", "px solid ", ";background-color:", ";}"], spacing.xs, function (_ref) {
14
+ var $selected = _ref.$selected;
15
+ return $selected ? colors.gray15 : colors.gray90;
16
+ }, function (_ref2) {
17
+ var $selected = _ref2.$selected;
18
+ return $selected ? colors.gray90 : 'transparent';
19
+ }, spacing.xs, function (_ref3) {
20
+ var $selected = _ref3.$selected;
21
+ return $selected ? colors.gray15 : colors.gray60;
22
+ }, colors.gray90);
23
+ export var StyledAnchor = /*#__PURE__*/styled.a.withConfig({
24
+ displayName: "StyledAnchor",
25
+ componentId: "core-11_31_1__sc-aacdj4-2"
26
+ })(["width:100%;padding:6px ", "px;", " ", ";", " :focus-visible{box-shadow:inset 0 0 0 2px ", ";outline:none;}"], spacing.sm, getTypographyIntent('body'), function (_ref4) {
27
+ var $selected = _ref4.$selected;
28
+ return $selected ? css(["font-weight:600;"]) : '';
29
+ }, getEllipsis(), colors.blue50);
30
+ //# sourceMappingURL=AnchorNavigation.styles.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"AnchorNavigation.styles.js","names":["styled","css","getTypographyIntent","colors","getEllipsis","spacing","StyledAnchorNavigation","ul","withConfig","displayName","componentId","StyledAnchorSection","li","xs","_ref","$selected","gray15","gray90","_ref2","_ref3","gray60","StyledAnchor","a","sm","_ref4","blue50"],"sources":["../../src/AnchorNavigation/AnchorNavigation.styles.tsx"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { getTypographyIntent } from '../Typography/Typography.styles'\nimport { colors } from '../_styles/colors'\nimport { getEllipsis } from '../_styles/mixins'\nimport { spacing } from '../_styles/spacing'\n\nexport const StyledAnchorNavigation = styled.ul`\n max-width: 200px;\n margin: 0;\n padding-inline-start: 0;\n`\n\nexport const StyledAnchorSection = styled.li<{ $selected: boolean }>`\n display: flex;\n cursor: pointer;\n border-left: ${spacing.xs}px solid\n ${({ $selected }) => ($selected ? colors.gray15 : colors.gray90)};\n background-color: ${({ $selected }) =>\n $selected ? colors.gray90 : 'transparent'};\n border-top-right-radius: 4px;\n border-bottom-right-radius: 4px;\n\n :hover {\n border-left: ${spacing.xs}px solid\n ${({ $selected }) => ($selected ? colors.gray15 : colors.gray60)};\n background-color: ${colors.gray90};\n }\n`\nexport const StyledAnchor = styled.a<{ $selected: boolean }>`\n width: 100%;\n padding: 6px ${spacing.sm}px;\n ${getTypographyIntent('body')}\n\n ${({ $selected }) =>\n $selected\n ? css`\n font-weight: 600;\n `\n : ''};\n\n ${getEllipsis()}\n\n :focus-visible {\n box-shadow: inset 0 0 0 2px ${colors.blue50};\n outline: none;\n }\n`\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAC/C,SAASC,mBAAmB,QAAQ,iCAAiC;AACrE,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,WAAW,QAAQ,mBAAmB;AAC/C,SAASC,OAAO,QAAQ,oBAAoB;AAE5C,OAAO,IAAMC,sBAAsB,gBAAGN,MAAM,CAACO,EAAE,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,wDAI9C;AAED,OAAO,IAAMC,mBAAmB,gBAAGX,MAAM,CAACY,EAAE,CAAAJ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,gNAG3BL,OAAO,CAACQ,EAAE,EACrB,UAAAC,IAAA;EAAA,IAAGC,SAAS,GAAAD,IAAA,CAATC,SAAS;EAAA,OAAQA,SAAS,GAAGZ,MAAM,CAACa,MAAM,GAAGb,MAAM,CAACc,MAAM;AAAA,CAAC,EAC9C,UAAAC,KAAA;EAAA,IAAGH,SAAS,GAAAG,KAAA,CAATH,SAAS;EAAA,OAC9BA,SAAS,GAAGZ,MAAM,CAACc,MAAM,GAAG,aAAa;AAAA,GAK1BZ,OAAO,CAACQ,EAAE,EACrB,UAAAM,KAAA;EAAA,IAAGJ,SAAS,GAAAI,KAAA,CAATJ,SAAS;EAAA,OAAQA,SAAS,GAAGZ,MAAM,CAACa,MAAM,GAAGb,MAAM,CAACiB,MAAM;AAAA,CAAC,EAC9CjB,MAAM,CAACc,MAAM,CAEpC;AACD,OAAO,IAAMI,YAAY,gBAAGrB,MAAM,CAACsB,CAAC,CAAAd,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,mHAEnBL,OAAO,CAACkB,EAAE,EACvBrB,mBAAmB,CAAC,MAAM,CAAC,EAE3B,UAAAsB,KAAA;EAAA,IAAGT,SAAS,GAAAS,KAAA,CAATT,SAAS;EAAA,OACZA,SAAS,GACLd,GAAG,yBAGH,EAAE;AAAA,GAENG,WAAW,CAAC,CAAC,EAGiBD,MAAM,CAACsB,MAAM,CAG9C"}
@@ -0,0 +1 @@
1
+ export { AnchorNavigation } from './AnchorNavigation';
@@ -0,0 +1,2 @@
1
+ export { AnchorNavigation } from './AnchorNavigation';
2
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","names":["AnchorNavigation"],"sources":["../../src/AnchorNavigation/index.ts"],"sourcesContent":["export { AnchorNavigation } from './AnchorNavigation'\n"],"mappings":"AAAA,SAASA,gBAAgB,QAAQ,oBAAoB"}
@@ -1,6 +1,10 @@
1
1
  import React from 'react';
2
2
  import type { DivAttributes } from '../_utils/types';
3
3
  import type { AvatarIconProps, AvatarLabelProps, AvatarPortraitProps, AvatarProps, AvatarRef, AvatarRoles, AvatarRoleType, BaseAvatarProps } from './Avatar.types';
4
+ declare function AvatarInner({ as, clickable, disabled, href, size, children, onBlur, onFocus, rel, role, target, ...props }: AvatarProps<AvatarRoleType>, ref: AvatarRef<AvatarRoleType>): React.JSX.Element;
5
+ export declare const Icon: React.ForwardRefExoticComponent<DivAttributes & AvatarIconProps & React.RefAttributes<HTMLDivElement>>;
6
+ export declare const Label: React.ForwardRefExoticComponent<DivAttributes & AvatarLabelProps & React.RefAttributes<HTMLDivElement>>;
7
+ export declare const Portrait: React.ForwardRefExoticComponent<DivAttributes & AvatarPortraitProps & React.RefAttributes<HTMLDivElement>>;
4
8
  /**
5
9
 
6
10
  We use avatars to visually represent our users, places, and things in the app.
@@ -15,15 +19,25 @@ import type { AvatarIconProps, AvatarLabelProps, AvatarPortraitProps, AvatarProp
15
19
  @a11y Avatar's need a `aria-label` and can be enhanced with `role` for interaction. If decorative only, add `aria-hidden`. The inaccessible `clickable` prop is for UI only
16
20
 
17
21
  */
18
- declare function AvatarInner({ as, clickable, disabled, href, size, children, onBlur, onFocus, rel, role, target, ...props }: AvatarProps<AvatarRoleType>, ref: AvatarRef<AvatarRoleType>): React.JSX.Element;
19
- export declare const Icon: React.ForwardRefExoticComponent<DivAttributes & AvatarIconProps & React.RefAttributes<HTMLDivElement>>;
20
- export declare const Label: React.ForwardRefExoticComponent<DivAttributes & AvatarLabelProps & React.RefAttributes<HTMLDivElement>>;
21
- export declare const Portrait: React.ForwardRefExoticComponent<DivAttributes & AvatarPortraitProps & React.RefAttributes<HTMLDivElement>>;
22
22
  export declare const NextAvatar: (<Role extends AvatarRoles>(props: AvatarProps<Role>) => ReturnType<typeof AvatarInner>) & {
23
23
  Icon: React.ForwardRefExoticComponent<DivAttributes & AvatarIconProps & React.RefAttributes<HTMLDivElement>>;
24
24
  Label: React.ForwardRefExoticComponent<DivAttributes & AvatarLabelProps & React.RefAttributes<HTMLDivElement>>;
25
25
  Portrait: React.ForwardRefExoticComponent<DivAttributes & AvatarPortraitProps & React.RefAttributes<HTMLDivElement>>;
26
26
  };
27
+ /**
28
+
29
+ We use avatars to visually represent our users, places, and things in the app.
30
+ These can be in the form of rich media or representative illustrations.
31
+
32
+ @since 10.19.0
33
+
34
+ @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-avatar--demo)
35
+
36
+ @see [Design Guidelines](https://design.procore.com/avatar)
37
+
38
+ @a11y Avatar's need a `aria-label` and can be enhanced with `role` for interaction. If decorative only, add `aria-hidden`. The inaccessible `clickable` prop is for UI only
39
+
40
+ */
27
41
  export declare const Avatar: (<Role extends AvatarRoles>(props: AvatarProps<Role> | (BaseAvatarProps & {
28
42
  ref?: React.ComponentPropsWithRef<'div'>['ref'];
29
43
  })) => ReturnType<typeof AvatarInner>) & {
@@ -15,20 +15,6 @@ import { useButton } from '@react-aria/button';
15
15
  import React from 'react';
16
16
  import { addSubcomponents } from '../_utils/addSubcomponents';
17
17
  import { StyledAvatarContainer, StyledAvatarOverlay, StyledIconContainer, StyledLabelContainer, StyledPortraitContainer } from './Avatar.styles';
18
- /**
19
-
20
- We use avatars to visually represent our users, places, and things in the app.
21
- These can be in the form of rich media or representative illustrations.
22
-
23
- @since 10.19.0
24
-
25
- @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-avatar--demo)
26
-
27
- @see [Design Guidelines](https://design.procore.com/avatar)
28
-
29
- @a11y Avatar's need a `aria-label` and can be enhanced with `role` for interaction. If decorative only, add `aria-hidden`. The inaccessible `clickable` prop is for UI only
30
-
31
- */
32
18
  function AvatarInner(_ref, ref) {
33
19
  var _ref3, _ref4;
34
20
  var as = _ref.as,
@@ -111,11 +97,41 @@ Portrait.displayName = 'Avatar.Portrait';
111
97
 
112
98
  // @ts-ignore
113
99
  NextAvatar_.displayName = 'Avatar';
100
+
101
+ /**
102
+
103
+ We use avatars to visually represent our users, places, and things in the app.
104
+ These can be in the form of rich media or representative illustrations.
105
+
106
+ @since 10.19.0
107
+
108
+ @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-avatar--demo)
109
+
110
+ @see [Design Guidelines](https://design.procore.com/avatar)
111
+
112
+ @a11y Avatar's need a `aria-label` and can be enhanced with `role` for interaction. If decorative only, add `aria-hidden`. The inaccessible `clickable` prop is for UI only
113
+
114
+ */
114
115
  export var NextAvatar = addSubcomponents({
115
116
  Icon: Icon,
116
117
  Label: Label,
117
118
  Portrait: Portrait
118
119
  }, NextAvatar_);
120
+
121
+ /**
122
+
123
+ We use avatars to visually represent our users, places, and things in the app.
124
+ These can be in the form of rich media or representative illustrations.
125
+
126
+ @since 10.19.0
127
+
128
+ @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-avatar--demo)
129
+
130
+ @see [Design Guidelines](https://design.procore.com/avatar)
131
+
132
+ @a11y Avatar's need a `aria-label` and can be enhanced with `role` for interaction. If decorative only, add `aria-hidden`. The inaccessible `clickable` prop is for UI only
133
+
134
+ */
119
135
  export var Avatar = addSubcomponents({
120
136
  Icon: Icon,
121
137
  Label: Label,
@@ -1 +1 @@
1
- {"version":3,"file":"Avatar.js","names":["useButton","React","addSubcomponents","StyledAvatarContainer","StyledAvatarOverlay","StyledIconContainer","StyledLabelContainer","StyledPortraitContainer","AvatarInner","_ref","ref","_ref3","_ref4","as","clickable","disabled","href","size","children","onBlur","onFocus","rel","role","target","props","_objectWithoutProperties","_excluded","_ref2","onPress","_useButton","_objectSpread","elementType","isDisabled","type","buttonProps","linkDisabled","a11yProps","$clickable","_defineProperty","undefined","createElement","_extends","$disabled","$size","Children","only","Avatar_","forwardRef","NextAvatar_","Icon","_ref5","icon","_excluded2","Label","_ref6","_excluded3","Portrait","_ref7","imageUrl","_excluded4","$imageUrl","displayName","NextAvatar","Avatar"],"sources":["../../src/Avatar/Avatar.tsx"],"sourcesContent":["import { useButton } from '@react-aria/button'\nimport React from 'react'\nimport { addSubcomponents } from '../_utils/addSubcomponents'\nimport type { DivAttributes } from '../_utils/types'\nimport {\n StyledAvatarContainer,\n StyledAvatarOverlay,\n StyledIconContainer,\n StyledLabelContainer,\n StyledPortraitContainer,\n} from './Avatar.styles'\nimport type {\n AvatarIconProps,\n AvatarLabelProps,\n AvatarPortraitProps,\n AvatarProps,\n AvatarRef,\n AvatarRoles,\n AvatarRoleType,\n BaseAvatarProps,\n} from './Avatar.types'\n\n/**\n\n We use avatars to visually represent our users, places, and things in the app.\n These can be in the form of rich media or representative illustrations.\n\n @since 10.19.0\n\n @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-avatar--demo)\n\n @see [Design Guidelines](https://design.procore.com/avatar)\n\n @a11y Avatar's need a `aria-label` and can be enhanced with `role` for interaction. If decorative only, add `aria-hidden`. The inaccessible `clickable` prop is for UI only\n\n */\nfunction AvatarInner(\n {\n as,\n clickable,\n disabled,\n // @ts-ignore link only\n href,\n size,\n children,\n onBlur,\n onFocus,\n // @ts-ignore link only\n rel,\n // @ts-ignore not on legacy\n role,\n // @ts-ignore link only\n target,\n ...props\n }: AvatarProps<AvatarRoleType>,\n ref: AvatarRef<AvatarRoleType>\n) {\n const { onPress } = props as AvatarProps<'button'>\n\n let { buttonProps } = useButton(\n {\n ...props,\n onBlur: onBlur as (e: React.FocusEvent) => void,\n onFocus: onFocus as (e: React.FocusEvent) => void,\n elementType: (as as any as string) === 'a' ? 'a' : 'div',\n href,\n isDisabled: disabled,\n onPress,\n rel,\n target,\n type: 'button',\n },\n ref as any // TODO fix\n )\n\n const linkDisabled = disabled || (role === 'link' && !href)\n\n const a11yProps =\n role === 'button'\n ? { ...buttonProps, as: as || 'div', $clickable: !disabled }\n : role === 'link'\n ? {\n ['aria-disabled']: linkDisabled ? true : undefined,\n as: as || 'a',\n $clickable: !linkDisabled,\n href: linkDisabled ? undefined : href,\n onBlur,\n onFocus,\n rel,\n role: 'link',\n target,\n }\n : role === 'img'\n ? {\n ['aria-disabled']: disabled ? true : undefined,\n role: 'img',\n onBlur,\n onFocus,\n }\n : { onBlur, onFocus }\n\n return (\n <StyledAvatarContainer\n ref={ref as any}\n $clickable={clickable}\n $disabled={disabled}\n $size={size}\n data-qa=\"core-avatar\"\n {...a11yProps}\n {...(props as any)} // TODO fix\n >\n {React.Children.only(children)}\n <StyledAvatarOverlay aria-hidden />\n </StyledAvatarContainer>\n )\n}\n\nconst Avatar_ = React.forwardRef(AvatarInner) as <Role extends AvatarRoles>(\n props:\n | AvatarProps<Role>\n // Legacy\n | (BaseAvatarProps & { ref?: React.ComponentPropsWithRef<'div'>['ref'] })\n) => ReturnType<typeof AvatarInner>\n\nconst NextAvatar_ = React.forwardRef(AvatarInner) as <Role extends AvatarRoles>(\n props: AvatarProps<Role>\n) => ReturnType<typeof AvatarInner>\n\nexport const Icon = React.forwardRef<\n HTMLDivElement,\n DivAttributes & AvatarIconProps\n>(function Icon({ icon, ...props }, ref) {\n return (\n <StyledIconContainer ref={ref} {...props}>\n {icon}\n </StyledIconContainer>\n )\n})\n\nexport const Label = React.forwardRef<\n HTMLDivElement,\n DivAttributes & AvatarLabelProps\n>(function Label({ children, ...props }, ref) {\n // Breaking change: Option to make aria-hidden since parent requires a label.\n // Can add in major once labelling is enforced\n return (\n <StyledLabelContainer ref={ref} {...props}>\n {children}\n </StyledLabelContainer>\n )\n})\n\nexport const Portrait = React.forwardRef<\n HTMLDivElement,\n DivAttributes & AvatarPortraitProps\n>(function Portrait({ imageUrl, ...props }, ref) {\n return (\n <StyledPortraitContainer ref={ref} $imageUrl={imageUrl} {...props}>\n <StyledAvatarOverlay />\n </StyledPortraitContainer>\n )\n})\n\n// @ts-ignore\nAvatar_.displayName = 'Avatar'\n\nIcon.displayName = 'Avatar.Icon'\n\nLabel.displayName = 'Avatar.Label'\n\nPortrait.displayName = 'Avatar.Portrait'\n\n// @ts-ignore\nNextAvatar_.displayName = 'Avatar'\n\nexport const NextAvatar = addSubcomponents(\n {\n Icon,\n Label,\n Portrait,\n },\n NextAvatar_\n)\n\nexport const Avatar = addSubcomponents(\n {\n Icon,\n Label,\n Portrait,\n },\n Avatar_\n)\n"],"mappings":"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"}
1
+ {"version":3,"file":"Avatar.js","names":["useButton","React","addSubcomponents","StyledAvatarContainer","StyledAvatarOverlay","StyledIconContainer","StyledLabelContainer","StyledPortraitContainer","AvatarInner","_ref","ref","_ref3","_ref4","as","clickable","disabled","href","size","children","onBlur","onFocus","rel","role","target","props","_objectWithoutProperties","_excluded","_ref2","onPress","_useButton","_objectSpread","elementType","isDisabled","type","buttonProps","linkDisabled","a11yProps","$clickable","_defineProperty","undefined","createElement","_extends","$disabled","$size","Children","only","Avatar_","forwardRef","NextAvatar_","Icon","_ref5","icon","_excluded2","Label","_ref6","_excluded3","Portrait","_ref7","imageUrl","_excluded4","$imageUrl","displayName","NextAvatar","Avatar"],"sources":["../../src/Avatar/Avatar.tsx"],"sourcesContent":["import { useButton } from '@react-aria/button'\nimport React from 'react'\nimport { addSubcomponents } from '../_utils/addSubcomponents'\nimport type { DivAttributes } from '../_utils/types'\nimport {\n StyledAvatarContainer,\n StyledAvatarOverlay,\n StyledIconContainer,\n StyledLabelContainer,\n StyledPortraitContainer,\n} from './Avatar.styles'\nimport type {\n AvatarIconProps,\n AvatarLabelProps,\n AvatarPortraitProps,\n AvatarProps,\n AvatarRef,\n AvatarRoles,\n AvatarRoleType,\n BaseAvatarProps,\n} from './Avatar.types'\n\nfunction AvatarInner(\n {\n as,\n clickable,\n disabled,\n // @ts-ignore link only\n href,\n size,\n children,\n onBlur,\n onFocus,\n // @ts-ignore link only\n rel,\n // @ts-ignore not on legacy\n role,\n // @ts-ignore link only\n target,\n ...props\n }: AvatarProps<AvatarRoleType>,\n ref: AvatarRef<AvatarRoleType>\n) {\n const { onPress } = props as AvatarProps<'button'>\n\n let { buttonProps } = useButton(\n {\n ...props,\n onBlur: onBlur as (e: React.FocusEvent) => void,\n onFocus: onFocus as (e: React.FocusEvent) => void,\n elementType: (as as any as string) === 'a' ? 'a' : 'div',\n href,\n isDisabled: disabled,\n onPress,\n rel,\n target,\n type: 'button',\n },\n ref as any // TODO fix\n )\n\n const linkDisabled = disabled || (role === 'link' && !href)\n\n const a11yProps =\n role === 'button'\n ? { ...buttonProps, as: as || 'div', $clickable: !disabled }\n : role === 'link'\n ? {\n ['aria-disabled']: linkDisabled ? true : undefined,\n as: as || 'a',\n $clickable: !linkDisabled,\n href: linkDisabled ? undefined : href,\n onBlur,\n onFocus,\n rel,\n role: 'link',\n target,\n }\n : role === 'img'\n ? {\n ['aria-disabled']: disabled ? true : undefined,\n role: 'img',\n onBlur,\n onFocus,\n }\n : { onBlur, onFocus }\n\n return (\n <StyledAvatarContainer\n ref={ref as any}\n $clickable={clickable}\n $disabled={disabled}\n $size={size}\n data-qa=\"core-avatar\"\n {...a11yProps}\n {...(props as any)} // TODO fix\n >\n {React.Children.only(children)}\n <StyledAvatarOverlay aria-hidden />\n </StyledAvatarContainer>\n )\n}\n\nconst Avatar_ = React.forwardRef(AvatarInner) as <Role extends AvatarRoles>(\n props:\n | AvatarProps<Role>\n // Legacy\n | (BaseAvatarProps & { ref?: React.ComponentPropsWithRef<'div'>['ref'] })\n) => ReturnType<typeof AvatarInner>\n\nconst NextAvatar_ = React.forwardRef(AvatarInner) as <Role extends AvatarRoles>(\n props: AvatarProps<Role>\n) => ReturnType<typeof AvatarInner>\n\nexport const Icon = React.forwardRef<\n HTMLDivElement,\n DivAttributes & AvatarIconProps\n>(function Icon({ icon, ...props }, ref) {\n return (\n <StyledIconContainer ref={ref} {...props}>\n {icon}\n </StyledIconContainer>\n )\n})\n\nexport const Label = React.forwardRef<\n HTMLDivElement,\n DivAttributes & AvatarLabelProps\n>(function Label({ children, ...props }, ref) {\n // Breaking change: Option to make aria-hidden since parent requires a label.\n // Can add in major once labelling is enforced\n return (\n <StyledLabelContainer ref={ref} {...props}>\n {children}\n </StyledLabelContainer>\n )\n})\n\nexport const Portrait = React.forwardRef<\n HTMLDivElement,\n DivAttributes & AvatarPortraitProps\n>(function Portrait({ imageUrl, ...props }, ref) {\n return (\n <StyledPortraitContainer ref={ref} $imageUrl={imageUrl} {...props}>\n <StyledAvatarOverlay />\n </StyledPortraitContainer>\n )\n})\n\n// @ts-ignore\nAvatar_.displayName = 'Avatar'\n\nIcon.displayName = 'Avatar.Icon'\n\nLabel.displayName = 'Avatar.Label'\n\nPortrait.displayName = 'Avatar.Portrait'\n\n// @ts-ignore\nNextAvatar_.displayName = 'Avatar'\n\n/**\n\n We use avatars to visually represent our users, places, and things in the app.\n These can be in the form of rich media or representative illustrations.\n\n @since 10.19.0\n\n @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-avatar--demo)\n\n @see [Design Guidelines](https://design.procore.com/avatar)\n\n @a11y Avatar's need a `aria-label` and can be enhanced with `role` for interaction. If decorative only, add `aria-hidden`. The inaccessible `clickable` prop is for UI only\n\n */\nexport const NextAvatar = addSubcomponents(\n {\n Icon,\n Label,\n Portrait,\n },\n NextAvatar_\n)\n\n/**\n\n We use avatars to visually represent our users, places, and things in the app.\n These can be in the form of rich media or representative illustrations.\n\n @since 10.19.0\n\n @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-avatar--demo)\n\n @see [Design Guidelines](https://design.procore.com/avatar)\n\n @a11y Avatar's need a `aria-label` and can be enhanced with `role` for interaction. If decorative only, add `aria-hidden`. The inaccessible `clickable` prop is for UI only\n\n */\nexport const Avatar = addSubcomponents(\n {\n Icon,\n Label,\n Portrait,\n },\n Avatar_\n)\n"],"mappings":"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"}
@@ -24,26 +24,26 @@ var iconSize = {
24
24
  };
25
25
  export var StyledAvatarOverlay = /*#__PURE__*/styled.div.withConfig({
26
26
  displayName: "StyledAvatarOverlay",
27
- componentId: "core-11_30_0__sc-7q2ydl-0"
27
+ componentId: "core-11_31_1__sc-7q2ydl-0"
28
28
  })(["width:100%;height:100%;position:absolute;top:0;left:0;border-radius:100%;opacity:0;"]);
29
29
  export var StyledIconContainer = /*#__PURE__*/styled.div.withConfig({
30
30
  displayName: "StyledIconContainer",
31
- componentId: "core-11_30_0__sc-7q2ydl-1"
31
+ componentId: "core-11_31_1__sc-7q2ydl-1"
32
32
  })(["display:inline-flex;"]);
33
33
  export var StyledLabelContainer = /*#__PURE__*/styled.div.withConfig({
34
34
  displayName: "StyledLabelContainer",
35
- componentId: "core-11_30_0__sc-7q2ydl-2"
35
+ componentId: "core-11_31_1__sc-7q2ydl-2"
36
36
  })(["text-transform:uppercase;"]);
37
37
  export var StyledPortraitContainer = /*#__PURE__*/styled.div.withConfig({
38
38
  displayName: "StyledPortraitContainer",
39
- componentId: "core-11_30_0__sc-7q2ydl-3"
39
+ componentId: "core-11_31_1__sc-7q2ydl-3"
40
40
  })(["background-color:", ";background-position:center;background-repeat:no-repeat;background-size:cover;height:100%;width:100%;", ""], colors.white, function (_ref) {
41
41
  var $imageUrl = _ref.$imageUrl;
42
42
  return css(["background-image:url(", ");"], $imageUrl);
43
43
  });
44
44
  export var StyledAvatarContainer = /*#__PURE__*/styled.div.withConfig({
45
45
  displayName: "StyledAvatarContainer",
46
- componentId: "core-11_30_0__sc-7q2ydl-4"
46
+ componentId: "core-11_31_1__sc-7q2ydl-4"
47
47
  })(["display:inline-flex;justify-content:center;align-items:center;border-radius:100%;overflow:hidden;position:relative;cursor:default;color:", ";background-color:", ";text-decoration:none;a:has(> &){text-decoration:none;}&:focus{", "}a:focus:has(> &){", " border-radius:100%;}", " ", ";"], colors.white, colors.gray30, getGapOutlineFocus, getGapOutlineFocus, function (_ref2) {
48
48
  var _ref2$$size = _ref2.$size,
49
49
  $size = _ref2$$size === void 0 ? 'md' : _ref2$$size;
@@ -7,32 +7,32 @@ import { spacing } from '../_styles/spacing';
7
7
  var maxModalWidth = 528;
8
8
  var StyledBaseAvatar = /*#__PURE__*/styled(Avatar).withConfig({
9
9
  displayName: "StyledBaseAvatar",
10
- componentId: "core-11_30_0__sc-ft72hu-0"
10
+ componentId: "core-11_31_1__sc-ft72hu-0"
11
11
  })(["border-color:", ";border-style:solid;border-width:1px;&:hover{z-index:1;}&[role='img']:focus{outline:none;}"], colors.white);
12
12
  export var StyledAvatar = /*#__PURE__*/styled(StyledBaseAvatar).withConfig({
13
13
  displayName: "StyledAvatar",
14
- componentId: "core-11_30_0__sc-ft72hu-1"
14
+ componentId: "core-11_31_1__sc-ft72hu-1"
15
15
  })(["background-color:", ";"], function (props) {
16
16
  return colors[props.$color];
17
17
  });
18
18
  export var StyledContactItems = /*#__PURE__*/styled.div.withConfig({
19
19
  displayName: "StyledContactItems",
20
- componentId: "core-11_30_0__sc-ft72hu-2"
20
+ componentId: "core-11_31_1__sc-ft72hu-2"
21
21
  })(["padding-top:", "px;padding-bottom:", "px;padding-left:", "px;"], spacing.sm, spacing.sm, spacing.xs);
22
22
  export var StyledWrapper = /*#__PURE__*/styled.div.withConfig({
23
23
  displayName: "StyledWrapper",
24
- componentId: "core-11_30_0__sc-ft72hu-3"
24
+ componentId: "core-11_31_1__sc-ft72hu-3"
25
25
  })(["display:flex;", " + ", "{margin-left:-", "px;}"], StyledAvatar, StyledAvatar, spacing.sm);
26
26
  export var StyledViewAllWrapper = /*#__PURE__*/styled.div.withConfig({
27
27
  displayName: "StyledViewAllWrapper",
28
- componentId: "core-11_30_0__sc-ft72hu-4"
28
+ componentId: "core-11_31_1__sc-ft72hu-4"
29
29
  })(["display:flex;margin-left:", "px;margin-bottom:", "px;"], spacing.md, spacing.lg);
30
30
  export var StyledModalBody = /*#__PURE__*/styled(Modal.Body).withConfig({
31
31
  displayName: "StyledModalBody",
32
- componentId: "core-11_30_0__sc-ft72hu-5"
32
+ componentId: "core-11_31_1__sc-ft72hu-5"
33
33
  })(["max-width:", "px;"], maxModalWidth);
34
34
  export var StyledContactItem = /*#__PURE__*/styled(ContactItem).withConfig({
35
35
  displayName: "StyledContactItem",
36
- componentId: "core-11_30_0__sc-ft72hu-6"
36
+ componentId: "core-11_31_1__sc-ft72hu-6"
37
37
  })(["flex-shrink:0;"]);
38
38
  //# sourceMappingURL=AvatarStack.styles.js.map
@@ -1,10 +1,10 @@
1
1
  import styled from 'styled-components';
2
2
  export var StyledBadge = /*#__PURE__*/styled.div.withConfig({
3
3
  displayName: "StyledBadge",
4
- componentId: "core-11_30_0__sc-rpertu-0"
4
+ componentId: "core-11_31_1__sc-rpertu-0"
5
5
  })(["display:inline-block;position:relative;"]);
6
6
  export var StyledBadgeLabel = /*#__PURE__*/styled.span.withConfig({
7
7
  displayName: "StyledBadgeLabel",
8
- componentId: "core-11_30_0__sc-rpertu-1"
8
+ componentId: "core-11_31_1__sc-rpertu-1"
9
9
  })(["bottom:100%;position:absolute;right:0;transform:translateX(50%) translateY(50%);"]);
10
10
  //# sourceMappingURL=Badge.styles.js.map
@@ -20,6 +20,25 @@ export declare const ActionBanner: React.ForwardRefExoticComponent<DivAttributes
20
20
  export declare const UNSAFE_MiniBanner: React.ForwardRefExoticComponent<DivAttributes & Props & {
21
21
  variant?: BannerVariant | undefined;
22
22
  } & React.RefAttributes<HTMLDivElement>>;
23
+ /**
24
+
25
+
26
+ We use banners to contextually convey complicated or supplemental information
27
+ to a user. Depending on the type of banner, we can provide more information
28
+ about a feature or page the user is on, an action the user needs to perform,
29
+ or an error the user has encountered.
30
+
31
+ Procore banners are informative and actionable. Always explain what the user
32
+ needs to know (and in some cases, why they’re seeing the banner), and provide
33
+ an actionable next step.
34
+
35
+ @since 10.19.0
36
+
37
+ @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-banner--demo)
38
+
39
+ @see [Design Guidelines](https://design.procore.com/banner)
40
+
41
+ */
23
42
  export declare const Banner: React.ForwardRefExoticComponent<DivAttributes & BannerProps & React.RefAttributes<HTMLDivElement>> & {
24
43
  Body: React.ForwardRefExoticComponent<DivAttributes & Props & React.RefAttributes<HTMLDivElement>>;
25
44
  Content: React.ForwardRefExoticComponent<DivAttributes & Props & React.RefAttributes<HTMLDivElement>>;
@@ -34,25 +34,6 @@ import { OverflowObserver } from '../_hooks/OverflowObserver';
34
34
  import { addSubcomponents } from '../_utils/addSubcomponents';
35
35
  import { mergeRefs } from '../_utils/mergeRefs';
36
36
  import { StyledAction, StyledActionsTrigger, StyledBannerContainer, StyledBody, StyledContent, StyledExpandableContent, StyledExpandableContentContainer, StyledIconContainer, StyledMiniBannerContainer, StyledTitle } from './Banner.styles';
37
- /**
38
-
39
-
40
- We use banners to contextually convey complicated or supplemental information
41
- to a user. Depending on the type of banner, we can provide more information
42
- about a feature or page the user is on, an action the user needs to perform,
43
- or an error the user has encountered.
44
-
45
- Procore banners are informative and actionable. Always explain what the user
46
- needs to know (and in some cases, why they’re seeing the banner), and provide
47
- an actionable next step.
48
-
49
- @since 10.19.0
50
-
51
- @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-banner--demo)
52
-
53
- @see [Design Guidelines](https://design.procore.com/banner)
54
-
55
- */
56
37
  var Banner_ = /*#__PURE__*/React.forwardRef(function Banner(_ref, ref) {
57
38
  var children = _ref.children,
58
39
  variant = _ref.variant,
@@ -275,6 +256,26 @@ InfoBanner.displayName = 'InfoBanner';
275
256
  AttentionBanner.displayName = 'AttentionBanner';
276
257
  ActionBanner.displayName = 'ActionBanner';
277
258
  UNSAFE_MiniBanner.displayName = 'MiniBanner';
259
+
260
+ /**
261
+
262
+
263
+ We use banners to contextually convey complicated or supplemental information
264
+ to a user. Depending on the type of banner, we can provide more information
265
+ about a feature or page the user is on, an action the user needs to perform,
266
+ or an error the user has encountered.
267
+
268
+ Procore banners are informative and actionable. Always explain what the user
269
+ needs to know (and in some cases, why they’re seeing the banner), and provide
270
+ an actionable next step.
271
+
272
+ @since 10.19.0
273
+
274
+ @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-banner--demo)
275
+
276
+ @see [Design Guidelines](https://design.procore.com/banner)
277
+
278
+ */
278
279
  export var Banner = addSubcomponents({
279
280
  Body: Body,
280
281
  Content: Content,
@@ -1 +1 @@
1
- {"version":3,"file":"Banner.js","names":["Check","Clear","EllipsisVertical","Error","Info","Warning","partition","React","Button","Card","Menu","useMenu","OverlayTrigger","useI18nContext","OverflowObserver","addSubcomponents","mergeRefs","StyledAction","StyledActionsTrigger","StyledBannerContainer","StyledBody","StyledContent","StyledExpandableContent","StyledExpandableContentContainer","StyledIconContainer","StyledMiniBannerContainer","StyledTitle","Banner_","forwardRef","Banner","_ref","ref","children","variant","props","_objectWithoutProperties","_excluded","_ref2","element","isValidElement","type","ExpandableContent","Children","toArray","_ref3","_slicedToArray","expandableContentNodes","content","isExpandable","length","createElement","_extends","Fragment","justifyContent","alignItems","Content","_ref4","_excluded2","_ref5","_ref5$expanded","expanded","_ref5$expandableConte","expandableContentMaxHeight","_excluded3","containerRef","useRef","_ref6","overflowRef","isOverflowingY","onAnimationEnd","current","tabIndex","Title","_ref7","_excluded4","Body","_ref8","_excluded5","Action","_ref9","_excluded6","DropdownAction","_ref10","_excluded7","Item","item","Actions","_ref11","_excluded8","actionButtons","filter","overlay","node","focus","usingHook","isSelectable","_ref12","Options","map","_ref13","idx","actionButtonProps","key","placement","arrow","icon","Icon","_ref14","_excluded9","Dismiss","_ref15","_excluded10","I18n","t","ErrorBanner","_ref16","_excluded11","size","SuccessBanner","_ref17","_excluded12","InfoBanner","_ref18","_excluded13","AttentionBanner","_ref19","_excluded14","ActionBanner","UNSAFE_MiniBanner","MiniBanner","_ref20","_ref20$variant","_excluded15","displayName"],"sources":["../../src/Banner/Banner.tsx"],"sourcesContent":["import {\n Check,\n Clear,\n EllipsisVertical,\n Error,\n Info,\n Warning,\n} from '@procore/core-icons/dist'\nimport { partition } from 'ramda'\nimport React from 'react'\nimport { Button } from '../Button/Button'\nimport { Card } from '../Card/Card'\nimport { Menu, useMenu } from '../Menu/Menu'\nimport { OverlayTrigger } from '../OverlayTrigger/OverlayTrigger'\nimport { useI18nContext } from '../_hooks/I18n'\nimport { OverflowObserver } from '../_hooks/OverflowObserver'\nimport { addSubcomponents } from '../_utils/addSubcomponents'\nimport { mergeRefs } from '../_utils/mergeRefs'\nimport type { ButtonAttributes, DivAttributes, Props } from '../_utils/types'\nimport {\n StyledAction,\n StyledActionsTrigger,\n StyledBannerContainer,\n StyledBody,\n StyledContent,\n StyledExpandableContent,\n StyledExpandableContentContainer,\n StyledIconContainer,\n StyledMiniBannerContainer,\n StyledTitle,\n} from './Banner.styles'\nimport type {\n BannerExpandableContentProps,\n BannerIconProps,\n BannerProps,\n BannerVariant,\n} from './Banner.types'\n\n/**\n\n\n We use banners to contextually convey complicated or supplemental information\n to a user. Depending on the type of banner, we can provide more information\n about a feature or page the user is on, an action the user needs to perform,\n or an error the user has encountered.\n\n Procore banners are informative and actionable. Always explain what the user\n needs to know (and in some cases, why they’re seeing the banner), and provide\n an actionable next step.\n\n @since 10.19.0\n\n @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-banner--demo)\n\n @see [Design Guidelines](https://design.procore.com/banner)\n\n */\nconst Banner_ = React.forwardRef<HTMLDivElement, DivAttributes & BannerProps>(\n function Banner({ children, variant, ...props }, ref) {\n const [expandableContentNodes, content] = partition(\n (element: React.ReactNode) =>\n React.isValidElement(element) && element.type === ExpandableContent,\n React.Children.toArray(children)\n ) as [React.ReactElement[], React.ReactElement[]]\n\n const isExpandable = expandableContentNodes.length !== 0\n\n return (\n <StyledBannerContainer\n ref={ref}\n isExpandable={isExpandable}\n variant={variant}\n {...props}\n >\n {isExpandable ? (\n <>\n <StyledExpandableContentContainer\n justifyContent=\"space-between\"\n alignItems=\"center\"\n >\n {content}\n </StyledExpandableContentContainer>\n {expandableContentNodes}\n </>\n ) : (\n content\n )}\n </StyledBannerContainer>\n )\n }\n)\n\nconst Content = React.forwardRef<HTMLDivElement, DivAttributes & Props>(\n function Content({ children, ...props }, ref) {\n return (\n <StyledContent {...props} ref={ref}>\n {children}\n </StyledContent>\n )\n }\n)\n\nconst ExpandableContent = React.forwardRef<\n HTMLDivElement,\n DivAttributes & BannerExpandableContentProps\n>(function ExpandableContent(\n { children, expanded = false, expandableContentMaxHeight = 120, ...props },\n ref\n) {\n const containerRef = React.useRef<HTMLDivElement>(null)\n\n return expanded ? (\n <OverflowObserver>\n {({ ref: overflowRef, isOverflowingY }) => (\n <StyledExpandableContent\n ref={mergeRefs(ref, containerRef)}\n data-qa=\"core-banner-expandable-content\"\n onAnimationEnd={() => overflowRef(containerRef.current)}\n isOverflowingY={isOverflowingY}\n expandableContentMaxHeight={expandableContentMaxHeight}\n {...props}\n {...(isOverflowingY && { tabIndex: 0 })}\n >\n {children}\n </StyledExpandableContent>\n )}\n </OverflowObserver>\n ) : null\n})\n\nconst Title = React.forwardRef<HTMLDivElement, DivAttributes & Props>(\n function Title({ children, ...props }, ref) {\n return (\n <StyledTitle {...props} ref={ref}>\n {children}\n </StyledTitle>\n )\n }\n)\n\nconst Body = React.forwardRef<HTMLDivElement, DivAttributes & Props>(\n function Body({ children, ...props }, ref) {\n return (\n <StyledBody {...props} ref={ref}>\n {children}\n </StyledBody>\n )\n }\n)\n\nconst Action = React.forwardRef<HTMLDivElement, DivAttributes & Props>(\n function Action({ children, ...props }, ref) {\n return (\n <StyledAction {...props} ref={ref}>\n {children}\n </StyledAction>\n )\n }\n)\n\nconst DropdownAction = React.forwardRef<HTMLDivElement, DivAttributes & Props>(\n function DropdownAction({ children, ...props }, ref) {\n return (\n <Menu.Item ref={ref} item={null} {...(props as any)}>\n {children}\n </Menu.Item>\n )\n }\n)\n\nconst Actions = React.forwardRef<HTMLButtonElement, ButtonAttributes & Props>(\n function Actions({ children, ...props }, ref) {\n const actionButtons = React.Children.toArray(children).filter(\n (element: React.ReactNode) =>\n React.isValidElement(element) && element.type === Action\n ) as React.ReactElement[]\n\n return (\n <OverlayTrigger\n overlay={\n <Card>\n <Menu\n ref={(node) => node?.focus()}\n usingHook={useMenu({\n isSelectable: ({ type }) => type === DropdownAction,\n })}\n >\n <Menu.Options>\n {actionButtons.map(({ props: actionButtonProps }, idx) => (\n <DropdownAction key={idx} {...actionButtonProps} />\n ))}\n </Menu.Options>\n </Menu>\n </Card>\n }\n ref={ref}\n placement=\"bottom-right\"\n >\n <StyledActionsTrigger\n data-qa=\"core-banner-actions-trigger\"\n variant=\"tertiary\"\n arrow={false}\n icon={<EllipsisVertical />}\n {...props}\n />\n </OverlayTrigger>\n )\n }\n)\n\nconst Icon = React.forwardRef<HTMLDivElement, DivAttributes & BannerIconProps>(\n function Icon({ children, icon, ...props }, ref) {\n return (\n <StyledIconContainer ref={ref} aria-hidden=\"true\" {...props}>\n {icon}\n </StyledIconContainer>\n )\n }\n)\n\nconst Dismiss = React.forwardRef<HTMLButtonElement, ButtonAttributes & Props>(\n function Dismiss({ children, ...props }, ref) {\n const I18n = useI18nContext()\n\n return (\n <Button\n aria-label={I18n.t('core.banner.dismissAlert')}\n ref={ref}\n {...props}\n icon={<Clear />}\n variant=\"tertiary\"\n />\n )\n }\n)\n\nexport const ErrorBanner = React.forwardRef<\n HTMLDivElement,\n DivAttributes & Props\n>(function ErrorBanner({ children, ...props }, ref) {\n return (\n <Banner ref={ref} variant=\"error\" {...props}>\n <Icon icon={<Error size=\"lg\" />} />\n {children}\n </Banner>\n )\n})\n\n/**\n * @deprecated Component will be removed in a future version. Instead, please consider using \"success\" variant of Toast component.\n * @deprecatedSince 10.7.0\n */\nexport const SuccessBanner = React.forwardRef<\n HTMLDivElement,\n DivAttributes & Props\n>(function SuccessBanner({ children, ...props }, ref) {\n return (\n <Banner ref={ref} variant=\"success\" {...props}>\n <Icon icon={<Check size=\"lg\" />} />\n {children}\n </Banner>\n )\n})\n\nexport const InfoBanner = React.forwardRef<\n HTMLDivElement,\n DivAttributes & Props\n>(function InfoBanner({ children, ...props }, ref) {\n return (\n <Banner ref={ref} variant=\"info\" {...props}>\n <Icon icon={<Info size=\"lg\" />} />\n {children}\n </Banner>\n )\n})\n\n/**\n * @since 11.26.0\n */\nexport const AttentionBanner = React.forwardRef<\n HTMLDivElement,\n DivAttributes & Props\n>(function AttentionBanner({ children, ...props }, ref) {\n return (\n <Banner ref={ref} variant=\"attention\" {...props}>\n <Icon icon={<Warning size=\"lg\" />} />\n {children}\n </Banner>\n )\n})\n\n/**\n * @deprecated ActionBanner was renamed to AttentionBanner.\n * @deprecatedSince 11.26.0\n */\nexport const ActionBanner = AttentionBanner\n\nexport const UNSAFE_MiniBanner = React.forwardRef<\n HTMLDivElement,\n DivAttributes & Props & { variant?: BannerVariant }\n>(function MiniBanner({ children, variant = 'info', ...props }, ref) {\n return (\n <StyledMiniBannerContainer ref={ref} variant={variant} {...props}>\n {children}\n </StyledMiniBannerContainer>\n )\n})\n\nBanner_.displayName = 'Banner'\n\nBody.displayName = 'Banner.Body'\n\nContent.displayName = 'Banner.Content'\n\nExpandableContent.displayName = 'Banner.ExpandableContent'\n\nTitle.displayName = 'Banner.Title'\n\nAction.displayName = 'Banner.Action'\n\nActions.displayName = 'Banner.Actions'\n\nDropdownAction.displayName = 'Banner.DropdownAction'\n\nIcon.displayName = 'Banner.Icon'\n\nDismiss.displayName = 'Banner.Dismiss'\n\nErrorBanner.displayName = 'ErrorBanner'\n\nSuccessBanner.displayName = 'SuccessBanner'\n\nInfoBanner.displayName = 'InfoBanner'\n\nAttentionBanner.displayName = 'AttentionBanner'\n\nActionBanner.displayName = 'ActionBanner'\n\nUNSAFE_MiniBanner.displayName = 'MiniBanner'\n\nexport const Banner = addSubcomponents(\n {\n Body,\n Content,\n ExpandableContent,\n Title,\n Action,\n Actions,\n Icon,\n Dismiss,\n },\n Banner_\n)\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,SACEA,KAAK,EACLC,KAAK,EACLC,gBAAgB,EAChBC,KAAK,EACLC,IAAI,EACJC,OAAO,QACF,0BAA0B;AACjC,SAASC,SAAS,QAAQ,OAAO;AACjC,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,MAAM,QAAQ,kBAAkB;AACzC,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,IAAI,EAAEC,OAAO,QAAQ,cAAc;AAC5C,SAASC,cAAc,QAAQ,kCAAkC;AACjE,SAASC,cAAc,QAAQ,gBAAgB;AAC/C,SAASC,gBAAgB,QAAQ,4BAA4B;AAC7D,SAASC,gBAAgB,QAAQ,4BAA4B;AAC7D,SAASC,SAAS,QAAQ,qBAAqB;AAE/C,SACEC,YAAY,EACZC,oBAAoB,EACpBC,qBAAqB,EACrBC,UAAU,EACVC,aAAa,EACbC,uBAAuB,EACvBC,gCAAgC,EAChCC,mBAAmB,EACnBC,yBAAyB,EACzBC,WAAW,QACN,iBAAiB;AAQxB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAMC,OAAO,gBAAGpB,KAAK,CAACqB,UAAU,CAC9B,SAASC,MAAMA,CAAAC,IAAA,EAAkCC,GAAG,EAAE;EAAA,IAApCC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAEC,OAAO,GAAAH,IAAA,CAAPG,OAAO;IAAKC,KAAK,GAAAC,wBAAA,CAAAL,IAAA,EAAAM,SAAA;EAC3C,IAAAC,KAAA,GAA0C/B,SAAS,CACjD,UAACgC,OAAwB;MAAA,OACvB,aAAA/B,KAAK,CAACgC,cAAc,CAACD,OAAO,CAAC,IAAIA,OAAO,CAACE,IAAI,KAAKC,iBAAiB;IAAA,GACrElC,KAAK,CAACmC,QAAQ,CAACC,OAAO,CAACX,QAAQ,CACjC,CAAC;IAAAY,KAAA,GAAAC,cAAA,CAAAR,KAAA;IAJMS,sBAAsB,GAAAF,KAAA;IAAEG,OAAO,GAAAH,KAAA;EAMtC,IAAMI,YAAY,GAAGF,sBAAsB,CAACG,MAAM,KAAK,CAAC;EAExD,oBACE1C,KAAA,CAAA2C,aAAA,CAAC/B,qBAAqB,EAAAgC,QAAA;IACpBpB,GAAG,EAAEA,GAAI;IACTiB,YAAY,EAAEA,YAAa;IAC3Bf,OAAO,EAAEA;EAAQ,GACbC,KAAK,GAERc,YAAY,gBACXzC,KAAA,CAAA2C,aAAA,CAAA3C,KAAA,CAAA6C,QAAA,qBACE7C,KAAA,CAAA2C,aAAA,CAAC3B,gCAAgC;IAC/B8B,cAAc,EAAC,eAAe;IAC9BC,UAAU,EAAC;EAAQ,GAElBP,OAC+B,CAAC,EAClCD,sBACD,CAAC,GAEHC,OAEmB,CAAC;AAE5B,CACF,CAAC;AAED,IAAMQ,OAAO,gBAAGhD,KAAK,CAACqB,UAAU,CAC9B,SAAS2B,OAAOA,CAAAC,KAAA,EAAyBzB,GAAG,EAAE;EAAA,IAA3BC,QAAQ,GAAAwB,KAAA,CAARxB,QAAQ;IAAKE,KAAK,GAAAC,wBAAA,CAAAqB,KAAA,EAAAC,UAAA;EACnC,oBACElD,KAAA,CAAA2C,aAAA,CAAC7B,aAAa,EAAA8B,QAAA,KAAKjB,KAAK;IAAEH,GAAG,EAAEA;EAAI,IAChCC,QACY,CAAC;AAEpB,CACF,CAAC;AAED,IAAMS,iBAAiB,gBAAGlC,KAAK,CAACqB,UAAU,CAGxC,SAASa,iBAAiBA,CAAAiB,KAAA,EAE1B3B,GAAG,EACH;EAAA,IAFEC,QAAQ,GAAA0B,KAAA,CAAR1B,QAAQ;IAAA2B,cAAA,GAAAD,KAAA,CAAEE,QAAQ;IAARA,QAAQ,GAAAD,cAAA,cAAG,KAAK,GAAAA,cAAA;IAAAE,qBAAA,GAAAH,KAAA,CAAEI,0BAA0B;IAA1BA,0BAA0B,GAAAD,qBAAA,cAAG,GAAG,GAAAA,qBAAA;IAAK3B,KAAK,GAAAC,wBAAA,CAAAuB,KAAA,EAAAK,UAAA;EAGxE,IAAMC,YAAY,GAAGzD,KAAK,CAAC0D,MAAM,CAAiB,IAAI,CAAC;EAEvD,OAAOL,QAAQ,gBACbrD,KAAA,CAAA2C,aAAA,CAACpC,gBAAgB,QACd,UAAAoD,KAAA;IAAA,IAAQC,WAAW,GAAAD,KAAA,CAAhBnC,GAAG;MAAeqC,cAAc,GAAAF,KAAA,CAAdE,cAAc;IAAA,oBAClC7D,KAAA,CAAA2C,aAAA,CAAC5B,uBAAuB,EAAA6B,QAAA;MACtBpB,GAAG,EAAEf,SAAS,CAACe,GAAG,EAAEiC,YAAY,CAAE;MAClC,WAAQ,gCAAgC;MACxCK,cAAc,EAAE,SAAAA,eAAA;QAAA,OAAMF,WAAW,CAACH,YAAY,CAACM,OAAO,CAAC;MAAA,CAAC;MACxDF,cAAc,EAAEA,cAAe;MAC/BN,0BAA0B,EAAEA;IAA2B,GACnD5B,KAAK,EACJkC,cAAc,IAAI;MAAEG,QAAQ,EAAE;IAAE,CAAC,GAErCvC,QACsB,CAAC;EAAA,CAEZ,CAAC,GACjB,IAAI;AACV,CAAC,CAAC;AAEF,IAAMwC,KAAK,gBAAGjE,KAAK,CAACqB,UAAU,CAC5B,SAAS4C,KAAKA,CAAAC,KAAA,EAAyB1C,GAAG,EAAE;EAAA,IAA3BC,QAAQ,GAAAyC,KAAA,CAARzC,QAAQ;IAAKE,KAAK,GAAAC,wBAAA,CAAAsC,KAAA,EAAAC,UAAA;EACjC,oBACEnE,KAAA,CAAA2C,aAAA,CAACxB,WAAW,EAAAyB,QAAA,KAAKjB,KAAK;IAAEH,GAAG,EAAEA;EAAI,IAC9BC,QACU,CAAC;AAElB,CACF,CAAC;AAED,IAAM2C,IAAI,gBAAGpE,KAAK,CAACqB,UAAU,CAC3B,SAAS+C,IAAIA,CAAAC,KAAA,EAAyB7C,GAAG,EAAE;EAAA,IAA3BC,QAAQ,GAAA4C,KAAA,CAAR5C,QAAQ;IAAKE,KAAK,GAAAC,wBAAA,CAAAyC,KAAA,EAAAC,UAAA;EAChC,oBACEtE,KAAA,CAAA2C,aAAA,CAAC9B,UAAU,EAAA+B,QAAA,KAAKjB,KAAK;IAAEH,GAAG,EAAEA;EAAI,IAC7BC,QACS,CAAC;AAEjB,CACF,CAAC;AAED,IAAM8C,MAAM,gBAAGvE,KAAK,CAACqB,UAAU,CAC7B,SAASkD,MAAMA,CAAAC,KAAA,EAAyBhD,GAAG,EAAE;EAAA,IAA3BC,QAAQ,GAAA+C,KAAA,CAAR/C,QAAQ;IAAKE,KAAK,GAAAC,wBAAA,CAAA4C,KAAA,EAAAC,UAAA;EAClC,oBACEzE,KAAA,CAAA2C,aAAA,CAACjC,YAAY,EAAAkC,QAAA,KAAKjB,KAAK;IAAEH,GAAG,EAAEA;EAAI,IAC/BC,QACW,CAAC;AAEnB,CACF,CAAC;AAED,IAAMiD,cAAc,gBAAG1E,KAAK,CAACqB,UAAU,CACrC,SAASqD,cAAcA,CAAAC,MAAA,EAAyBnD,GAAG,EAAE;EAAA,IAA3BC,QAAQ,GAAAkD,MAAA,CAARlD,QAAQ;IAAKE,KAAK,GAAAC,wBAAA,CAAA+C,MAAA,EAAAC,UAAA;EAC1C,oBACE5E,KAAA,CAAA2C,aAAA,CAACxC,IAAI,CAAC0E,IAAI,EAAAjC,QAAA;IAACpB,GAAG,EAAEA,GAAI;IAACsD,IAAI,EAAE;EAAK,GAAMnD,KAAK,GACxCF,QACQ,CAAC;AAEhB,CACF,CAAC;AAED,IAAMsD,OAAO,gBAAG/E,KAAK,CAACqB,UAAU,CAC9B,SAAS0D,OAAOA,CAAAC,MAAA,EAAyBxD,GAAG,EAAE;EAAA,IAA3BC,QAAQ,GAAAuD,MAAA,CAARvD,QAAQ;IAAKE,KAAK,GAAAC,wBAAA,CAAAoD,MAAA,EAAAC,UAAA;EACnC,IAAMC,aAAa,GAAGlF,KAAK,CAACmC,QAAQ,CAACC,OAAO,CAACX,QAAQ,CAAC,CAAC0D,MAAM,CAC3D,UAACpD,OAAwB;IAAA,OACvB,aAAA/B,KAAK,CAACgC,cAAc,CAACD,OAAO,CAAC,IAAIA,OAAO,CAACE,IAAI,KAAKsC,MAAM;EAAA,CAC5D,CAAyB;EAEzB,oBACEvE,KAAA,CAAA2C,aAAA,CAACtC,cAAc;IACb+E,OAAO,eACLpF,KAAA,CAAA2C,aAAA,CAACzC,IAAI,qBACHF,KAAA,CAAA2C,aAAA,CAACxC,IAAI;MACHqB,GAAG,EAAE,SAAAA,IAAC6D,IAAI;QAAA,OAAKA,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEC,KAAK,CAAC,CAAC;MAAA,CAAC;MAC7BC,SAAS,EAAEnF,OAAO,CAAC;QACjBoF,YAAY,EAAE,SAAAA,aAAAC,MAAA;UAAA,IAAGxD,IAAI,GAAAwD,MAAA,CAAJxD,IAAI;UAAA,OAAOA,IAAI,KAAKyC,cAAc;QAAA;MACrD,CAAC;IAAE,gBAEH1E,KAAA,CAAA2C,aAAA,CAACxC,IAAI,CAACuF,OAAO,QACVR,aAAa,CAACS,GAAG,CAAC,UAAAC,MAAA,EAA+BC,GAAG;MAAA,IAAxBC,iBAAiB,GAAAF,MAAA,CAAxBjE,KAAK;MAAA,oBACzB3B,KAAA,CAAA2C,aAAA,CAAC+B,cAAc,EAAA9B,QAAA;QAACmD,GAAG,EAAEF;MAAI,GAAKC,iBAAiB,CAAG,CAAC;IAAA,CACpD,CACW,CACV,CACF,CACP;IACDtE,GAAG,EAAEA,GAAI;IACTwE,SAAS,EAAC;EAAc,gBAExBhG,KAAA,CAAA2C,aAAA,CAAChC,oBAAoB,EAAAiC,QAAA;IACnB,WAAQ,6BAA6B;IACrClB,OAAO,EAAC,UAAU;IAClBuE,KAAK,EAAE,KAAM;IACbC,IAAI,eAAElG,KAAA,CAAA2C,aAAA,CAAChD,gBAAgB,MAAE;EAAE,GACvBgC,KAAK,CACV,CACa,CAAC;AAErB,CACF,CAAC;AAED,IAAMwE,IAAI,gBAAGnG,KAAK,CAACqB,UAAU,CAC3B,SAAS8E,IAAIA,CAAAC,MAAA,EAA+B5E,GAAG,EAAE;EAAA,IAAjCC,QAAQ,GAAA2E,MAAA,CAAR3E,QAAQ;IAAEyE,IAAI,GAAAE,MAAA,CAAJF,IAAI;IAAKvE,KAAK,GAAAC,wBAAA,CAAAwE,MAAA,EAAAC,UAAA;EACtC,oBACErG,KAAA,CAAA2C,aAAA,CAAC1B,mBAAmB,EAAA2B,QAAA;IAACpB,GAAG,EAAEA,GAAI;IAAC,eAAY;EAAM,GAAKG,KAAK,GACxDuE,IACkB,CAAC;AAE1B,CACF,CAAC;AAED,IAAMI,OAAO,gBAAGtG,KAAK,CAACqB,UAAU,CAC9B,SAASiF,OAAOA,CAAAC,MAAA,EAAyB/E,GAAG,EAAE;EAAA,IAA3BC,QAAQ,GAAA8E,MAAA,CAAR9E,QAAQ;IAAKE,KAAK,GAAAC,wBAAA,CAAA2E,MAAA,EAAAC,WAAA;EACnC,IAAMC,IAAI,GAAGnG,cAAc,CAAC,CAAC;EAE7B,oBACEN,KAAA,CAAA2C,aAAA,CAAC1C,MAAM,EAAA2C,QAAA;IACL,cAAY6D,IAAI,CAACC,CAAC,CAAC,0BAA0B,CAAE;IAC/ClF,GAAG,EAAEA;EAAI,GACLG,KAAK;IACTuE,IAAI,eAAElG,KAAA,CAAA2C,aAAA,CAACjD,KAAK,MAAE,CAAE;IAChBgC,OAAO,EAAC;EAAU,EACnB,CAAC;AAEN,CACF,CAAC;AAED,OAAO,IAAMiF,WAAW,gBAAG3G,KAAK,CAACqB,UAAU,CAGzC,SAASsF,WAAWA,CAAAC,MAAA,EAAyBpF,GAAG,EAAE;EAAA,IAA3BC,QAAQ,GAAAmF,MAAA,CAARnF,QAAQ;IAAKE,KAAK,GAAAC,wBAAA,CAAAgF,MAAA,EAAAC,WAAA;EACzC,oBACE7G,KAAA,CAAA2C,aAAA,CAACrB,MAAM,EAAAsB,QAAA;IAACpB,GAAG,EAAEA,GAAI;IAACE,OAAO,EAAC;EAAO,GAAKC,KAAK,gBACzC3B,KAAA,CAAA2C,aAAA,CAACwD,IAAI;IAACD,IAAI,eAAElG,KAAA,CAAA2C,aAAA,CAAC/C,KAAK;MAACkH,IAAI,EAAC;IAAI,CAAE;EAAE,CAAE,CAAC,EAClCrF,QACK,CAAC;AAEb,CAAC,CAAC;;AAEF;AACA;AACA;AACA;AACA,OAAO,IAAMsF,aAAa,gBAAG/G,KAAK,CAACqB,UAAU,CAG3C,SAAS0F,aAAaA,CAAAC,MAAA,EAAyBxF,GAAG,EAAE;EAAA,IAA3BC,QAAQ,GAAAuF,MAAA,CAARvF,QAAQ;IAAKE,KAAK,GAAAC,wBAAA,CAAAoF,MAAA,EAAAC,WAAA;EAC3C,oBACEjH,KAAA,CAAA2C,aAAA,CAACrB,MAAM,EAAAsB,QAAA;IAACpB,GAAG,EAAEA,GAAI;IAACE,OAAO,EAAC;EAAS,GAAKC,KAAK,gBAC3C3B,KAAA,CAAA2C,aAAA,CAACwD,IAAI;IAACD,IAAI,eAAElG,KAAA,CAAA2C,aAAA,CAAClD,KAAK;MAACqH,IAAI,EAAC;IAAI,CAAE;EAAE,CAAE,CAAC,EAClCrF,QACK,CAAC;AAEb,CAAC,CAAC;AAEF,OAAO,IAAMyF,UAAU,gBAAGlH,KAAK,CAACqB,UAAU,CAGxC,SAAS6F,UAAUA,CAAAC,MAAA,EAAyB3F,GAAG,EAAE;EAAA,IAA3BC,QAAQ,GAAA0F,MAAA,CAAR1F,QAAQ;IAAKE,KAAK,GAAAC,wBAAA,CAAAuF,MAAA,EAAAC,WAAA;EACxC,oBACEpH,KAAA,CAAA2C,aAAA,CAACrB,MAAM,EAAAsB,QAAA;IAACpB,GAAG,EAAEA,GAAI;IAACE,OAAO,EAAC;EAAM,GAAKC,KAAK,gBACxC3B,KAAA,CAAA2C,aAAA,CAACwD,IAAI;IAACD,IAAI,eAAElG,KAAA,CAAA2C,aAAA,CAAC9C,IAAI;MAACiH,IAAI,EAAC;IAAI,CAAE;EAAE,CAAE,CAAC,EACjCrF,QACK,CAAC;AAEb,CAAC,CAAC;;AAEF;AACA;AACA;AACA,OAAO,IAAM4F,eAAe,gBAAGrH,KAAK,CAACqB,UAAU,CAG7C,SAASgG,eAAeA,CAAAC,MAAA,EAAyB9F,GAAG,EAAE;EAAA,IAA3BC,QAAQ,GAAA6F,MAAA,CAAR7F,QAAQ;IAAKE,KAAK,GAAAC,wBAAA,CAAA0F,MAAA,EAAAC,WAAA;EAC7C,oBACEvH,KAAA,CAAA2C,aAAA,CAACrB,MAAM,EAAAsB,QAAA;IAACpB,GAAG,EAAEA,GAAI;IAACE,OAAO,EAAC;EAAW,GAAKC,KAAK,gBAC7C3B,KAAA,CAAA2C,aAAA,CAACwD,IAAI;IAACD,IAAI,eAAElG,KAAA,CAAA2C,aAAA,CAAC7C,OAAO;MAACgH,IAAI,EAAC;IAAI,CAAE;EAAE,CAAE,CAAC,EACpCrF,QACK,CAAC;AAEb,CAAC,CAAC;;AAEF;AACA;AACA;AACA;AACA,OAAO,IAAM+F,YAAY,GAAGH,eAAe;AAE3C,OAAO,IAAMI,iBAAiB,gBAAGzH,KAAK,CAACqB,UAAU,CAG/C,SAASqG,UAAUA,CAAAC,MAAA,EAA2CnG,GAAG,EAAE;EAAA,IAA7CC,QAAQ,GAAAkG,MAAA,CAARlG,QAAQ;IAAAmG,cAAA,GAAAD,MAAA,CAAEjG,OAAO;IAAPA,OAAO,GAAAkG,cAAA,cAAG,MAAM,GAAAA,cAAA;IAAKjG,KAAK,GAAAC,wBAAA,CAAA+F,MAAA,EAAAE,WAAA;EAC1D,oBACE7H,KAAA,CAAA2C,aAAA,CAACzB,yBAAyB,EAAA0B,QAAA;IAACpB,GAAG,EAAEA,GAAI;IAACE,OAAO,EAAEA;EAAQ,GAAKC,KAAK,GAC7DF,QACwB,CAAC;AAEhC,CAAC,CAAC;AAEFL,OAAO,CAAC0G,WAAW,GAAG,QAAQ;AAE9B1D,IAAI,CAAC0D,WAAW,GAAG,aAAa;AAEhC9E,OAAO,CAAC8E,WAAW,GAAG,gBAAgB;AAEtC5F,iBAAiB,CAAC4F,WAAW,GAAG,0BAA0B;AAE1D7D,KAAK,CAAC6D,WAAW,GAAG,cAAc;AAElCvD,MAAM,CAACuD,WAAW,GAAG,eAAe;AAEpC/C,OAAO,CAAC+C,WAAW,GAAG,gBAAgB;AAEtCpD,cAAc,CAACoD,WAAW,GAAG,uBAAuB;AAEpD3B,IAAI,CAAC2B,WAAW,GAAG,aAAa;AAEhCxB,OAAO,CAACwB,WAAW,GAAG,gBAAgB;AAEtCnB,WAAW,CAACmB,WAAW,GAAG,aAAa;AAEvCf,aAAa,CAACe,WAAW,GAAG,eAAe;AAE3CZ,UAAU,CAACY,WAAW,GAAG,YAAY;AAErCT,eAAe,CAACS,WAAW,GAAG,iBAAiB;AAE/CN,YAAY,CAACM,WAAW,GAAG,cAAc;AAEzCL,iBAAiB,CAACK,WAAW,GAAG,YAAY;AAE5C,OAAO,IAAMxG,MAAM,GAAGd,gBAAgB,CACpC;EACE4D,IAAI,EAAJA,IAAI;EACJpB,OAAO,EAAPA,OAAO;EACPd,iBAAiB,EAAjBA,iBAAiB;EACjB+B,KAAK,EAALA,KAAK;EACLM,MAAM,EAANA,MAAM;EACNQ,OAAO,EAAPA,OAAO;EACPoB,IAAI,EAAJA,IAAI;EACJG,OAAO,EAAPA;AACF,CAAC,EACDlF,OACF,CAAC"}
1
+ {"version":3,"file":"Banner.js","names":["Check","Clear","EllipsisVertical","Error","Info","Warning","partition","React","Button","Card","Menu","useMenu","OverlayTrigger","useI18nContext","OverflowObserver","addSubcomponents","mergeRefs","StyledAction","StyledActionsTrigger","StyledBannerContainer","StyledBody","StyledContent","StyledExpandableContent","StyledExpandableContentContainer","StyledIconContainer","StyledMiniBannerContainer","StyledTitle","Banner_","forwardRef","Banner","_ref","ref","children","variant","props","_objectWithoutProperties","_excluded","_ref2","element","isValidElement","type","ExpandableContent","Children","toArray","_ref3","_slicedToArray","expandableContentNodes","content","isExpandable","length","createElement","_extends","Fragment","justifyContent","alignItems","Content","_ref4","_excluded2","_ref5","_ref5$expanded","expanded","_ref5$expandableConte","expandableContentMaxHeight","_excluded3","containerRef","useRef","_ref6","overflowRef","isOverflowingY","onAnimationEnd","current","tabIndex","Title","_ref7","_excluded4","Body","_ref8","_excluded5","Action","_ref9","_excluded6","DropdownAction","_ref10","_excluded7","Item","item","Actions","_ref11","_excluded8","actionButtons","filter","overlay","node","focus","usingHook","isSelectable","_ref12","Options","map","_ref13","idx","actionButtonProps","key","placement","arrow","icon","Icon","_ref14","_excluded9","Dismiss","_ref15","_excluded10","I18n","t","ErrorBanner","_ref16","_excluded11","size","SuccessBanner","_ref17","_excluded12","InfoBanner","_ref18","_excluded13","AttentionBanner","_ref19","_excluded14","ActionBanner","UNSAFE_MiniBanner","MiniBanner","_ref20","_ref20$variant","_excluded15","displayName"],"sources":["../../src/Banner/Banner.tsx"],"sourcesContent":["import {\n Check,\n Clear,\n EllipsisVertical,\n Error,\n Info,\n Warning,\n} from '@procore/core-icons/dist'\nimport { partition } from 'ramda'\nimport React from 'react'\nimport { Button } from '../Button/Button'\nimport { Card } from '../Card/Card'\nimport { Menu, useMenu } from '../Menu/Menu'\nimport { OverlayTrigger } from '../OverlayTrigger/OverlayTrigger'\nimport { useI18nContext } from '../_hooks/I18n'\nimport { OverflowObserver } from '../_hooks/OverflowObserver'\nimport { addSubcomponents } from '../_utils/addSubcomponents'\nimport { mergeRefs } from '../_utils/mergeRefs'\nimport type { ButtonAttributes, DivAttributes, Props } from '../_utils/types'\nimport {\n StyledAction,\n StyledActionsTrigger,\n StyledBannerContainer,\n StyledBody,\n StyledContent,\n StyledExpandableContent,\n StyledExpandableContentContainer,\n StyledIconContainer,\n StyledMiniBannerContainer,\n StyledTitle,\n} from './Banner.styles'\nimport type {\n BannerExpandableContentProps,\n BannerIconProps,\n BannerProps,\n BannerVariant,\n} from './Banner.types'\n\nconst Banner_ = React.forwardRef<HTMLDivElement, DivAttributes & BannerProps>(\n function Banner({ children, variant, ...props }, ref) {\n const [expandableContentNodes, content] = partition(\n (element: React.ReactNode) =>\n React.isValidElement(element) && element.type === ExpandableContent,\n React.Children.toArray(children)\n ) as [React.ReactElement[], React.ReactElement[]]\n\n const isExpandable = expandableContentNodes.length !== 0\n\n return (\n <StyledBannerContainer\n ref={ref}\n isExpandable={isExpandable}\n variant={variant}\n {...props}\n >\n {isExpandable ? (\n <>\n <StyledExpandableContentContainer\n justifyContent=\"space-between\"\n alignItems=\"center\"\n >\n {content}\n </StyledExpandableContentContainer>\n {expandableContentNodes}\n </>\n ) : (\n content\n )}\n </StyledBannerContainer>\n )\n }\n)\n\nconst Content = React.forwardRef<HTMLDivElement, DivAttributes & Props>(\n function Content({ children, ...props }, ref) {\n return (\n <StyledContent {...props} ref={ref}>\n {children}\n </StyledContent>\n )\n }\n)\n\nconst ExpandableContent = React.forwardRef<\n HTMLDivElement,\n DivAttributes & BannerExpandableContentProps\n>(function ExpandableContent(\n { children, expanded = false, expandableContentMaxHeight = 120, ...props },\n ref\n) {\n const containerRef = React.useRef<HTMLDivElement>(null)\n\n return expanded ? (\n <OverflowObserver>\n {({ ref: overflowRef, isOverflowingY }) => (\n <StyledExpandableContent\n ref={mergeRefs(ref, containerRef)}\n data-qa=\"core-banner-expandable-content\"\n onAnimationEnd={() => overflowRef(containerRef.current)}\n isOverflowingY={isOverflowingY}\n expandableContentMaxHeight={expandableContentMaxHeight}\n {...props}\n {...(isOverflowingY && { tabIndex: 0 })}\n >\n {children}\n </StyledExpandableContent>\n )}\n </OverflowObserver>\n ) : null\n})\n\nconst Title = React.forwardRef<HTMLDivElement, DivAttributes & Props>(\n function Title({ children, ...props }, ref) {\n return (\n <StyledTitle {...props} ref={ref}>\n {children}\n </StyledTitle>\n )\n }\n)\n\nconst Body = React.forwardRef<HTMLDivElement, DivAttributes & Props>(\n function Body({ children, ...props }, ref) {\n return (\n <StyledBody {...props} ref={ref}>\n {children}\n </StyledBody>\n )\n }\n)\n\nconst Action = React.forwardRef<HTMLDivElement, DivAttributes & Props>(\n function Action({ children, ...props }, ref) {\n return (\n <StyledAction {...props} ref={ref}>\n {children}\n </StyledAction>\n )\n }\n)\n\nconst DropdownAction = React.forwardRef<HTMLDivElement, DivAttributes & Props>(\n function DropdownAction({ children, ...props }, ref) {\n return (\n <Menu.Item ref={ref} item={null} {...(props as any)}>\n {children}\n </Menu.Item>\n )\n }\n)\n\nconst Actions = React.forwardRef<HTMLButtonElement, ButtonAttributes & Props>(\n function Actions({ children, ...props }, ref) {\n const actionButtons = React.Children.toArray(children).filter(\n (element: React.ReactNode) =>\n React.isValidElement(element) && element.type === Action\n ) as React.ReactElement[]\n\n return (\n <OverlayTrigger\n overlay={\n <Card>\n <Menu\n ref={(node) => node?.focus()}\n usingHook={useMenu({\n isSelectable: ({ type }) => type === DropdownAction,\n })}\n >\n <Menu.Options>\n {actionButtons.map(({ props: actionButtonProps }, idx) => (\n <DropdownAction key={idx} {...actionButtonProps} />\n ))}\n </Menu.Options>\n </Menu>\n </Card>\n }\n ref={ref}\n placement=\"bottom-right\"\n >\n <StyledActionsTrigger\n data-qa=\"core-banner-actions-trigger\"\n variant=\"tertiary\"\n arrow={false}\n icon={<EllipsisVertical />}\n {...props}\n />\n </OverlayTrigger>\n )\n }\n)\n\nconst Icon = React.forwardRef<HTMLDivElement, DivAttributes & BannerIconProps>(\n function Icon({ children, icon, ...props }, ref) {\n return (\n <StyledIconContainer ref={ref} aria-hidden=\"true\" {...props}>\n {icon}\n </StyledIconContainer>\n )\n }\n)\n\nconst Dismiss = React.forwardRef<HTMLButtonElement, ButtonAttributes & Props>(\n function Dismiss({ children, ...props }, ref) {\n const I18n = useI18nContext()\n\n return (\n <Button\n aria-label={I18n.t('core.banner.dismissAlert')}\n ref={ref}\n {...props}\n icon={<Clear />}\n variant=\"tertiary\"\n />\n )\n }\n)\n\nexport const ErrorBanner = React.forwardRef<\n HTMLDivElement,\n DivAttributes & Props\n>(function ErrorBanner({ children, ...props }, ref) {\n return (\n <Banner ref={ref} variant=\"error\" {...props}>\n <Icon icon={<Error size=\"lg\" />} />\n {children}\n </Banner>\n )\n})\n\n/**\n * @deprecated Component will be removed in a future version. Instead, please consider using \"success\" variant of Toast component.\n * @deprecatedSince 10.7.0\n */\nexport const SuccessBanner = React.forwardRef<\n HTMLDivElement,\n DivAttributes & Props\n>(function SuccessBanner({ children, ...props }, ref) {\n return (\n <Banner ref={ref} variant=\"success\" {...props}>\n <Icon icon={<Check size=\"lg\" />} />\n {children}\n </Banner>\n )\n})\n\nexport const InfoBanner = React.forwardRef<\n HTMLDivElement,\n DivAttributes & Props\n>(function InfoBanner({ children, ...props }, ref) {\n return (\n <Banner ref={ref} variant=\"info\" {...props}>\n <Icon icon={<Info size=\"lg\" />} />\n {children}\n </Banner>\n )\n})\n\n/**\n * @since 11.26.0\n */\nexport const AttentionBanner = React.forwardRef<\n HTMLDivElement,\n DivAttributes & Props\n>(function AttentionBanner({ children, ...props }, ref) {\n return (\n <Banner ref={ref} variant=\"attention\" {...props}>\n <Icon icon={<Warning size=\"lg\" />} />\n {children}\n </Banner>\n )\n})\n\n/**\n * @deprecated ActionBanner was renamed to AttentionBanner.\n * @deprecatedSince 11.26.0\n */\nexport const ActionBanner = AttentionBanner\n\nexport const UNSAFE_MiniBanner = React.forwardRef<\n HTMLDivElement,\n DivAttributes & Props & { variant?: BannerVariant }\n>(function MiniBanner({ children, variant = 'info', ...props }, ref) {\n return (\n <StyledMiniBannerContainer ref={ref} variant={variant} {...props}>\n {children}\n </StyledMiniBannerContainer>\n )\n})\n\nBanner_.displayName = 'Banner'\n\nBody.displayName = 'Banner.Body'\n\nContent.displayName = 'Banner.Content'\n\nExpandableContent.displayName = 'Banner.ExpandableContent'\n\nTitle.displayName = 'Banner.Title'\n\nAction.displayName = 'Banner.Action'\n\nActions.displayName = 'Banner.Actions'\n\nDropdownAction.displayName = 'Banner.DropdownAction'\n\nIcon.displayName = 'Banner.Icon'\n\nDismiss.displayName = 'Banner.Dismiss'\n\nErrorBanner.displayName = 'ErrorBanner'\n\nSuccessBanner.displayName = 'SuccessBanner'\n\nInfoBanner.displayName = 'InfoBanner'\n\nAttentionBanner.displayName = 'AttentionBanner'\n\nActionBanner.displayName = 'ActionBanner'\n\nUNSAFE_MiniBanner.displayName = 'MiniBanner'\n\n/**\n\n\n We use banners to contextually convey complicated or supplemental information\n to a user. Depending on the type of banner, we can provide more information\n about a feature or page the user is on, an action the user needs to perform,\n or an error the user has encountered.\n\n Procore banners are informative and actionable. Always explain what the user\n needs to know (and in some cases, why they’re seeing the banner), and provide\n an actionable next step.\n\n @since 10.19.0\n\n @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-banner--demo)\n\n @see [Design Guidelines](https://design.procore.com/banner)\n\n */\nexport const Banner = addSubcomponents(\n {\n Body,\n Content,\n ExpandableContent,\n Title,\n Action,\n Actions,\n Icon,\n Dismiss,\n },\n Banner_\n)\n"],"mappings":"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"}