@sproutsocial/racine 12.21.2 → 12.22.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 (324) hide show
  1. package/CHANGELOG.md +20 -0
  2. package/README.md +2 -0
  3. package/__flow__/Avatar/__tests__/features.test.js +98 -0
  4. package/__flow__/Banner/index.js +2 -1
  5. package/__flow__/CharacterCounter/index.test.js +1 -1
  6. package/__flow__/Collapsible/index.js +3 -3
  7. package/__flow__/Drawer/index.js +11 -0
  8. package/__flow__/Drawer/index.stories.js +2 -1
  9. package/__flow__/EmptyState/index.test.js +1 -1
  10. package/__flow__/Fieldset/index.js +1 -1
  11. package/__flow__/Indicator/index.js +1 -1
  12. package/__flow__/Input/index.js +2 -1
  13. package/__flow__/Input/styles.js +1 -1
  14. package/__flow__/Link/index.js +2 -1
  15. package/__flow__/Link/index.test.js +2 -0
  16. package/__flow__/Listbox/index.stories.js +1 -0
  17. package/__flow__/Loader/index.js +1 -1
  18. package/__flow__/Modal/index.stories.js +1 -1
  19. package/__flow__/Numeral/tests/testNumeral.js +1 -0
  20. package/__flow__/Popout/index.js +1 -1
  21. package/__flow__/Portal/index.stories.js +7 -7
  22. package/__flow__/SegmentedControl/index.js +1 -1
  23. package/__flow__/Table/index.js +4 -4
  24. package/__flow__/TableCell/index.js +1 -1
  25. package/__flow__/TableHeaderCell/index.js +1 -1
  26. package/__flow__/Tabs/index.js +1 -1
  27. package/__flow__/Textarea/index.js +1 -1
  28. package/__flow__/Toast/index.js +1 -1
  29. package/__flow__/Toast/styles.js +1 -1
  30. package/__flow__/TokenInput/index.stories.js +4 -4
  31. package/__flow__/TokenInput/tests/default/pasting.test.js +6 -2
  32. package/__flow__/code-guidelines.mdx +244 -0
  33. package/__flow__/setupTests.js +1 -0
  34. package/__flow__/utils/a11yTest.js +1 -0
  35. package/__flow__/utils/system-props.js +1 -0
  36. package/commonjs/Avatar/index.js +19 -10
  37. package/commonjs/Badge/constants.js +3 -1
  38. package/commonjs/Badge/index.js +7 -3
  39. package/commonjs/Badge/styles.js +4 -2
  40. package/commonjs/Banner/index.js +9 -4
  41. package/commonjs/Banner/styles.js +5 -2
  42. package/commonjs/Box/index.js +5 -2
  43. package/commonjs/Box/styles.js +3 -1
  44. package/commonjs/Breadcrumb/index.js +12 -5
  45. package/commonjs/Breadcrumb/styles.js +3 -1
  46. package/commonjs/Button/index.js +7 -3
  47. package/commonjs/Button/styles.js +6 -3
  48. package/commonjs/Card/index.js +7 -3
  49. package/commonjs/Card/styles.js +3 -1
  50. package/commonjs/CharacterCounter/index.js +39 -22
  51. package/commonjs/CharacterCounter/styles.js +5 -2
  52. package/commonjs/ChartLegend/index.js +7 -3
  53. package/commonjs/ChartLegend/styles.js +5 -2
  54. package/commonjs/Checkbox/index.js +117 -97
  55. package/commonjs/Checkbox/styles.js +5 -2
  56. package/commonjs/Collapsible/index.js +28 -13
  57. package/commonjs/Collapsible/styles.js +4 -2
  58. package/commonjs/DatePicker/DateRangePicker.js +7 -3
  59. package/commonjs/DatePicker/SingleDatePicker.js +7 -3
  60. package/commonjs/DatePicker/StatefulDateRangePicker.js +19 -7
  61. package/commonjs/DatePicker/StatefulSingleDatePicker.js +16 -5
  62. package/commonjs/DatePicker/common.js +4 -2
  63. package/commonjs/DatePicker/index.js +15 -3
  64. package/commonjs/DatePicker/styles.js +5 -2
  65. package/commonjs/Drawer/SlideTransition.js +9 -5
  66. package/commonjs/Drawer/index.js +15 -7
  67. package/commonjs/Drawer/styles.js +5 -2
  68. package/commonjs/EmptyState/index.js +7 -3
  69. package/commonjs/Fieldset/index.js +10 -6
  70. package/commonjs/Fieldset/styles.js +5 -2
  71. package/commonjs/FormField/index.js +17 -6
  72. package/commonjs/Icon/deprecatedIcons.js +3 -1
  73. package/commonjs/Icon/index.js +9 -5
  74. package/commonjs/Icon/styles.js +6 -3
  75. package/commonjs/Image/index.js +78 -58
  76. package/commonjs/Image/styles.js +5 -2
  77. package/commonjs/Indicator/index.js +40 -23
  78. package/commonjs/Indicator/styles.js +4 -2
  79. package/commonjs/Input/index.js +156 -132
  80. package/commonjs/Input/styles.js +6 -3
  81. package/commonjs/KeyboardKey/index.js +30 -14
  82. package/commonjs/KeyboardKey/styles.js +3 -1
  83. package/commonjs/Label/index.js +32 -16
  84. package/commonjs/Link/constants.js +3 -1
  85. package/commonjs/Link/index.js +9 -4
  86. package/commonjs/Link/styles.js +5 -2
  87. package/commonjs/Listbox/index.js +15 -8
  88. package/commonjs/Loader/index.js +43 -26
  89. package/commonjs/Loader/styles.js +5 -2
  90. package/commonjs/LoaderButton/index.js +7 -3
  91. package/commonjs/Menu/constants.js +3 -1
  92. package/commonjs/Menu/descendants.js +35 -20
  93. package/commonjs/Menu/hooks.js +8 -8
  94. package/commonjs/Menu/index.flow.js +2 -1
  95. package/commonjs/Menu/index.js +44 -27
  96. package/commonjs/Menu/names.js +3 -1
  97. package/commonjs/Menu/styles.js +6 -3
  98. package/commonjs/Message/index.js +7 -3
  99. package/commonjs/Message/styles.js +4 -2
  100. package/commonjs/Modal/index.js +9 -5
  101. package/commonjs/Modal/styles.js +9 -5
  102. package/commonjs/Numeral/constants.js +3 -1
  103. package/commonjs/Numeral/index.js +16 -5
  104. package/commonjs/Numeral/styles.js +3 -1
  105. package/commonjs/Numeral/tests/testNumeral.js +16 -11
  106. package/commonjs/OverflowList/index.flow.js +2 -1
  107. package/commonjs/OverflowList/index.js +6 -3
  108. package/commonjs/OverflowList/styles.js +5 -2
  109. package/commonjs/PartnerLogo/index.js +9 -6
  110. package/commonjs/PartnerLogo/styles.js +5 -2
  111. package/commonjs/Popout/index.js +28 -13
  112. package/commonjs/Popout/styles.js +3 -1
  113. package/commonjs/Portal/index.js +50 -30
  114. package/commonjs/Radio/index.js +75 -57
  115. package/commonjs/Radio/styles.js +5 -2
  116. package/commonjs/SegmentedControl/index.js +21 -9
  117. package/commonjs/SegmentedControl/styles.js +5 -2
  118. package/commonjs/Select/index.js +78 -61
  119. package/commonjs/Select/styles.js +8 -5
  120. package/commonjs/Skeleton/index.js +4 -2
  121. package/commonjs/SpotIllustration/illustrationNames.js +3 -1
  122. package/commonjs/SpotIllustration/index.js +5 -3
  123. package/commonjs/Stack/index.js +7 -3
  124. package/commonjs/Switch/index.js +54 -36
  125. package/commonjs/Switch/styles.js +6 -3
  126. package/commonjs/Table/index.js +14 -10
  127. package/commonjs/Table/styles.js +3 -1
  128. package/commonjs/TableCell/index.js +41 -24
  129. package/commonjs/TableCell/styles.js +3 -1
  130. package/commonjs/TableHeaderCell/index.js +56 -38
  131. package/commonjs/TableHeaderCell/styles.js +5 -2
  132. package/commonjs/TableRowAccordion/index.js +63 -45
  133. package/commonjs/TableRowAccordion/styles.js +5 -2
  134. package/commonjs/Tabs/index.js +118 -91
  135. package/commonjs/Tabs/styles.js +8 -5
  136. package/commonjs/Text/index.js +7 -3
  137. package/commonjs/Text/styles.js +5 -2
  138. package/commonjs/Textarea/index.js +104 -87
  139. package/commonjs/Textarea/styles.js +5 -2
  140. package/commonjs/ThemeProvider/index.js +5 -2
  141. package/commonjs/Toast/index.js +7 -8
  142. package/commonjs/Toast/styles.js +5 -2
  143. package/commonjs/ToggleHint/index.js +45 -27
  144. package/commonjs/ToggleHint/styles.js +6 -3
  145. package/commonjs/Token/index.js +7 -3
  146. package/commonjs/Token/styles.js +5 -2
  147. package/commonjs/TokenInput/index.js +221 -192
  148. package/commonjs/TokenInput/styles.js +5 -2
  149. package/commonjs/TokenInput/util.js +5 -3
  150. package/commonjs/Tooltip/index.js +30 -14
  151. package/commonjs/Tooltip/styles.js +3 -1
  152. package/commonjs/VisuallyHidden/index.js +3 -1
  153. package/commonjs/dataviz/index.js +3 -1
  154. package/commonjs/index.js +451 -84
  155. package/commonjs/systemProps/background.js +3 -1
  156. package/commonjs/systemProps/border.js +3 -1
  157. package/commonjs/systemProps/color.js +3 -1
  158. package/commonjs/systemProps/custom.js +3 -1
  159. package/commonjs/systemProps/flexbox.js +3 -1
  160. package/commonjs/systemProps/grid.js +3 -1
  161. package/commonjs/systemProps/index.js +87 -15
  162. package/commonjs/systemProps/layout.js +3 -1
  163. package/commonjs/systemProps/position.js +3 -1
  164. package/commonjs/systemProps/shadow.js +3 -1
  165. package/commonjs/systemProps/space.js +3 -1
  166. package/commonjs/systemProps/systemProps.js +3 -1
  167. package/commonjs/systemProps/typography.js +3 -1
  168. package/commonjs/systemProps/variant.js +3 -1
  169. package/commonjs/themes/dark/dataviz-palette.js +3 -1
  170. package/commonjs/themes/dark/decorative-palettes.js +3 -1
  171. package/commonjs/themes/dark/theme.js +11 -7
  172. package/commonjs/themes/extendedThemes/sproutTheme/dark/theme.js +9 -5
  173. package/commonjs/themes/extendedThemes/sproutTheme/index.js +15 -4
  174. package/commonjs/themes/extendedThemes/sproutTheme/light/theme.js +8 -4
  175. package/commonjs/themes/light/dataviz-palette.js +3 -1
  176. package/commonjs/themes/light/decorative-palettes.js +3 -1
  177. package/commonjs/themes/light/literal-colors.js +3 -1
  178. package/commonjs/themes/light/theme.js +17 -13
  179. package/commonjs/utils/a11yTest.js +5 -2
  180. package/commonjs/utils/chartColors.js +3 -1
  181. package/commonjs/utils/constants.js +3 -1
  182. package/commonjs/utils/dataQaLabelQueries.js +26 -16
  183. package/commonjs/utils/hooks.js +39 -26
  184. package/commonjs/utils/index.js +18 -8
  185. package/commonjs/utils/innerText.js +4 -2
  186. package/commonjs/utils/mixins.js +3 -1
  187. package/commonjs/utils/react-testing-library.js +74 -18
  188. package/commonjs/utils/responsiveProps/index.js +16 -8
  189. package/commonjs/utils/system-props.js +6 -2
  190. package/commonjs/utils/useInteractiveColor.js +3 -1
  191. package/dist/themes/dark/theme.scss +0 -1
  192. package/dist/themes/extendedThemes/sproutTheme/dark/theme.scss +0 -1
  193. package/dist/themes/extendedThemes/sproutTheme/light/theme.scss +0 -1
  194. package/dist/themes/light/theme.scss +0 -1
  195. package/lib/Avatar/index.js +17 -11
  196. package/lib/Badge/index.js +5 -4
  197. package/lib/Badge/styles.js +3 -3
  198. package/lib/Banner/index.js +7 -5
  199. package/lib/Banner/styles.js +1 -1
  200. package/lib/Box/index.js +1 -1
  201. package/lib/Box/styles.js +1 -1
  202. package/lib/Breadcrumb/index.js +11 -7
  203. package/lib/Button/index.js +3 -2
  204. package/lib/Button/styles.js +4 -4
  205. package/lib/Card/index.js +3 -2
  206. package/lib/Card/styles.js +2 -2
  207. package/lib/CharacterCounter/index.js +36 -21
  208. package/lib/CharacterCounter/styles.js +1 -1
  209. package/lib/ChartLegend/index.js +5 -4
  210. package/lib/ChartLegend/styles.js +1 -1
  211. package/lib/Checkbox/index.js +114 -96
  212. package/lib/Checkbox/styles.js +5 -5
  213. package/lib/Collapsible/index.js +25 -13
  214. package/lib/Collapsible/styles.js +2 -2
  215. package/lib/DatePicker/DateRangePicker.js +4 -3
  216. package/lib/DatePicker/SingleDatePicker.js +4 -3
  217. package/lib/DatePicker/StatefulDateRangePicker.js +15 -6
  218. package/lib/DatePicker/StatefulSingleDatePicker.js +12 -4
  219. package/lib/DatePicker/common.js +3 -3
  220. package/lib/DatePicker/index.js +2 -2
  221. package/lib/DatePicker/styles.js +2 -2
  222. package/lib/Drawer/SlideTransition.js +4 -3
  223. package/lib/Drawer/index.js +17 -12
  224. package/lib/Drawer/styles.js +2 -2
  225. package/lib/EmptyState/index.js +4 -3
  226. package/lib/Fieldset/index.js +8 -7
  227. package/lib/Fieldset/styles.js +1 -1
  228. package/lib/FormField/index.js +17 -9
  229. package/lib/Icon/index.js +8 -7
  230. package/lib/Icon/styles.js +2 -2
  231. package/lib/Image/index.js +75 -57
  232. package/lib/Image/styles.js +1 -1
  233. package/lib/Indicator/index.js +38 -23
  234. package/lib/Indicator/styles.js +3 -3
  235. package/lib/Input/index.js +157 -135
  236. package/lib/Input/styles.js +3 -3
  237. package/lib/KeyboardKey/index.js +28 -14
  238. package/lib/KeyboardKey/styles.js +1 -1
  239. package/lib/Label/index.js +29 -15
  240. package/lib/Link/index.js +5 -3
  241. package/lib/Link/styles.js +3 -3
  242. package/lib/Listbox/index.js +14 -10
  243. package/lib/Loader/index.js +40 -25
  244. package/lib/Loader/styles.js +2 -2
  245. package/lib/LoaderButton/index.js +5 -4
  246. package/lib/Menu/descendants.js +30 -18
  247. package/lib/Menu/hooks.js +7 -9
  248. package/lib/Menu/index.flow.js +4 -4
  249. package/lib/Menu/index.js +54 -40
  250. package/lib/Menu/styles.js +3 -3
  251. package/lib/Message/index.js +6 -5
  252. package/lib/Message/styles.js +4 -4
  253. package/lib/Modal/index.js +9 -8
  254. package/lib/Modal/styles.js +6 -5
  255. package/lib/Numeral/index.js +15 -7
  256. package/lib/Numeral/styles.js +1 -1
  257. package/lib/Numeral/tests/testNumeral.js +15 -11
  258. package/lib/OverflowList/index.js +3 -3
  259. package/lib/OverflowList/styles.js +1 -1
  260. package/lib/PartnerLogo/index.js +8 -7
  261. package/lib/PartnerLogo/styles.js +1 -1
  262. package/lib/Popout/index.js +27 -15
  263. package/lib/Popout/styles.js +1 -1
  264. package/lib/Portal/index.js +47 -29
  265. package/lib/Radio/index.js +72 -56
  266. package/lib/Radio/styles.js +3 -3
  267. package/lib/SegmentedControl/index.js +18 -9
  268. package/lib/SegmentedControl/styles.js +3 -3
  269. package/lib/Select/index.js +76 -61
  270. package/lib/Select/styles.js +5 -5
  271. package/lib/Skeleton/index.js +2 -2
  272. package/lib/SpotIllustration/index.js +3 -3
  273. package/lib/Stack/index.js +4 -3
  274. package/lib/Switch/index.js +53 -37
  275. package/lib/Switch/styles.js +4 -4
  276. package/lib/Table/index.js +12 -11
  277. package/lib/Table/styles.js +1 -1
  278. package/lib/TableCell/index.js +38 -23
  279. package/lib/TableCell/styles.js +1 -1
  280. package/lib/TableHeaderCell/index.js +54 -38
  281. package/lib/TableHeaderCell/styles.js +1 -1
  282. package/lib/TableRowAccordion/index.js +62 -46
  283. package/lib/TableRowAccordion/styles.js +1 -1
  284. package/lib/Tabs/index.js +115 -90
  285. package/lib/Tabs/styles.js +5 -5
  286. package/lib/Text/index.js +3 -2
  287. package/lib/Text/styles.js +1 -1
  288. package/lib/Textarea/index.js +101 -86
  289. package/lib/Textarea/styles.js +2 -2
  290. package/lib/ThemeProvider/index.js +1 -1
  291. package/lib/Toast/index.js +6 -10
  292. package/lib/Toast/styles.js +4 -3
  293. package/lib/ToggleHint/index.js +43 -27
  294. package/lib/ToggleHint/styles.js +3 -3
  295. package/lib/Token/index.js +6 -5
  296. package/lib/Token/styles.js +3 -3
  297. package/lib/TokenInput/index.js +223 -196
  298. package/lib/TokenInput/styles.js +2 -2
  299. package/lib/TokenInput/util.js +2 -2
  300. package/lib/Tooltip/index.js +28 -14
  301. package/lib/Tooltip/styles.js +1 -1
  302. package/lib/VisuallyHidden/index.js +1 -1
  303. package/lib/dataviz/index.js +1 -1
  304. package/lib/index.js +64 -64
  305. package/lib/systemProps/index.js +14 -14
  306. package/lib/systemProps/systemProps.js +12 -12
  307. package/lib/themes/dark/theme.js +11 -9
  308. package/lib/themes/extendedThemes/sproutTheme/dark/theme.js +7 -5
  309. package/lib/themes/extendedThemes/sproutTheme/index.js +2 -2
  310. package/lib/themes/extendedThemes/sproutTheme/light/theme.js +6 -4
  311. package/lib/themes/light/theme.js +17 -15
  312. package/lib/types/theme.colors.flow.js +2 -2
  313. package/lib/types/theme.flow.js +2 -2
  314. package/lib/utils/a11yTest.js +3 -1
  315. package/lib/utils/dataQaLabelQueries.js +23 -15
  316. package/lib/utils/hooks.js +37 -26
  317. package/lib/utils/index.js +15 -7
  318. package/lib/utils/innerText.js +1 -1
  319. package/lib/utils/mixins.js +1 -1
  320. package/lib/utils/react-testing-library.js +11 -8
  321. package/lib/utils/responsiveProps/index.js +14 -8
  322. package/lib/utils/system-props.js +1 -0
  323. package/package.json +21 -35
  324. package/__flow__/Avatar/index.test.js +0 -23
@@ -1,6 +1,9 @@
1
1
  "use strict";
2
2
 
3
- exports.__esModule = true;
3
+ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
4
+ Object.defineProperty(exports, "__esModule", {
5
+ value: true
6
+ });
4
7
  exports.default = void 0;
5
8
  var React = _interopRequireWildcard(require("react"));
6
9
  var _styles = _interopRequireWildcard(require("./styles"));
@@ -12,11 +15,21 @@ var _useInteractiveColor = require("../utils/useInteractiveColor");
12
15
  var _excluded = ["autoComplete", "autoFocus", "disabled", "readOnly", "isInvalid", "hasWarning", "id", "name", "placeholder", "type", "required", "value", "elemBefore", "elemAfter", "maxLength", "ariaLabel", "ariaDescribedby", "clearButtonLabel", "innerRef", "onBlur", "onChange", "onClear", "onFocus", "onKeyDown", "onKeyUp", "onPaste", "inputProps", "qa", "appearance", "size"];
13
16
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
14
17
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
15
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
18
+ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
16
19
  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); }
20
+ function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
17
21
  function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
18
- function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; _setPrototypeOf(subClass, superClass); }
22
+ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
23
+ function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
24
+ function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
25
+ function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
19
26
  function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
27
+ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
28
+ function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
29
+ function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
30
+ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
31
+ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
32
+ function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
20
33
  var InputContext = /*#__PURE__*/React.createContext({});
21
34
  var StyledButton = (0, _styledComponents.default)(_Button.default).withConfig({
22
35
  displayName: "Input__StyledButton",
@@ -38,6 +51,7 @@ var ClearButton = function ClearButton() {
38
51
 
39
52
  // Warn if clearButtonLabel is not included, so that the unlocalized fallback will not be mistaken for a proper label.
40
53
  if (!clearButtonLabel) {
54
+ // eslint-disable-next-line no-console
41
55
  console.warn('Warning: clearButtonLabel prop is required when using Input.ClearButton. Please pass a localized clearButtonLabel to Input.');
42
56
  }
43
57
 
@@ -62,27 +76,30 @@ var ClearButton = function ClearButton() {
62
76
  // Used for positioning elementAfter. This logic will detect if the element is a ClearButton,
63
77
  // regardless of whether it was manually passed as elemAfter or automatically added to a search Input.
64
78
  var isClearButton = function isClearButton(elem) {
65
- if (elem != null && elem.type) {
79
+ if (elem !== null && elem !== void 0 && elem.type) {
66
80
  return elem.type.displayName === 'Input.ClearButton';
67
81
  }
68
82
  return false;
69
83
  };
70
84
  var Input = /*#__PURE__*/function (_React$Component) {
71
- _inheritsLoose(Input, _React$Component);
85
+ _inherits(Input, _React$Component);
86
+ var _super = _createSuper(Input);
72
87
  function Input(props) {
73
88
  var _this;
74
- _this = _React$Component.call(this, props) || this;
75
- _this.inputRef = /*#__PURE__*/React.createRef();
76
- _this.handleBlur = function (e) {
77
- return _this.props.onBlur == null ? void 0 : _this.props.onBlur(e);
78
- };
79
- _this.handleClear = function (e) {
89
+ _classCallCheck(this, Input);
90
+ _this = _super.call(this, props);
91
+ _defineProperty(_assertThisInitialized(_this), "inputRef", /*#__PURE__*/React.createRef());
92
+ _defineProperty(_assertThisInitialized(_this), "handleBlur", function (e) {
93
+ var _this$props$onBlur, _this$props;
94
+ return (_this$props$onBlur = (_this$props = _this.props).onBlur) === null || _this$props$onBlur === void 0 ? void 0 : _this$props$onBlur.call(_this$props, e);
95
+ });
96
+ _defineProperty(_assertThisInitialized(_this), "handleClear", function (e) {
80
97
  var input = _this.inputRef.current;
81
98
  if (input) {
82
- var _Object$getOwnPropert;
99
+ var _Object$getOwnPropert, _this$props$onClear, _this$props2;
83
100
  // Clear the value via the input prototype, then dispatch an input event in order to trigger handleChange
84
- var nativeInputValueSetter = (_Object$getOwnPropert = Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype, 'value')) == null ? void 0 : _Object$getOwnPropert.set;
85
- nativeInputValueSetter == null ? void 0 : nativeInputValueSetter.call(input, '');
101
+ var nativeInputValueSetter = (_Object$getOwnPropert = Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype, 'value')) === null || _Object$getOwnPropert === void 0 ? void 0 : _Object$getOwnPropert.set;
102
+ nativeInputValueSetter === null || nativeInputValueSetter === void 0 ? void 0 : nativeInputValueSetter.call(input, '');
86
103
  var inputEvent = new Event('input', {
87
104
  bubbles: true
88
105
  });
@@ -91,26 +108,31 @@ var Input = /*#__PURE__*/function (_React$Component) {
91
108
  // Focus the input, update hasValue, and call any onClear callback
92
109
  input.focus();
93
110
  _this.updateState('');
94
- _this.props.onClear == null ? void 0 : _this.props.onClear(e);
111
+ (_this$props$onClear = (_this$props2 = _this.props).onClear) === null || _this$props$onClear === void 0 ? void 0 : _this$props$onClear.call(_this$props2, e);
95
112
  }
96
- };
97
- _this.handleChange = function (e) {
98
- _this.props.onChange == null ? void 0 : _this.props.onChange(e, e.currentTarget.value);
113
+ });
114
+ _defineProperty(_assertThisInitialized(_this), "handleChange", function (e) {
115
+ var _this$props$onChange, _this$props3;
116
+ (_this$props$onChange = (_this$props3 = _this.props).onChange) === null || _this$props$onChange === void 0 ? void 0 : _this$props$onChange.call(_this$props3, e, e.currentTarget.value);
99
117
  _this.updateState(e.currentTarget.value);
100
- };
101
- _this.handleFocus = function (e) {
102
- return _this.props.onFocus == null ? void 0 : _this.props.onFocus(e);
103
- };
104
- _this.handleKeyDown = function (e) {
105
- return _this.props.onKeyDown == null ? void 0 : _this.props.onKeyDown(e, e.currentTarget.value);
106
- };
107
- _this.handleKeyUp = function (e) {
108
- return _this.props.onKeyUp == null ? void 0 : _this.props.onKeyUp(e, e.currentTarget.value);
109
- };
110
- _this.handlePaste = function (e) {
111
- return _this.props.onPaste == null ? void 0 : _this.props.onPaste(e, e.currentTarget.value);
112
- };
113
- _this.updateState = function (inputValue) {
118
+ });
119
+ _defineProperty(_assertThisInitialized(_this), "handleFocus", function (e) {
120
+ var _this$props$onFocus, _this$props4;
121
+ return (_this$props$onFocus = (_this$props4 = _this.props).onFocus) === null || _this$props$onFocus === void 0 ? void 0 : _this$props$onFocus.call(_this$props4, e);
122
+ });
123
+ _defineProperty(_assertThisInitialized(_this), "handleKeyDown", function (e) {
124
+ var _this$props$onKeyDown, _this$props5;
125
+ return (_this$props$onKeyDown = (_this$props5 = _this.props).onKeyDown) === null || _this$props$onKeyDown === void 0 ? void 0 : _this$props$onKeyDown.call(_this$props5, e, e.currentTarget.value);
126
+ });
127
+ _defineProperty(_assertThisInitialized(_this), "handleKeyUp", function (e) {
128
+ var _this$props$onKeyUp, _this$props6;
129
+ return (_this$props$onKeyUp = (_this$props6 = _this.props).onKeyUp) === null || _this$props$onKeyUp === void 0 ? void 0 : _this$props$onKeyUp.call(_this$props6, e, e.currentTarget.value);
130
+ });
131
+ _defineProperty(_assertThisInitialized(_this), "handlePaste", function (e) {
132
+ var _this$props$onPaste, _this$props7;
133
+ return (_this$props$onPaste = (_this$props7 = _this.props).onPaste) === null || _this$props$onPaste === void 0 ? void 0 : _this$props$onPaste.call(_this$props7, e, e.currentTarget.value);
134
+ });
135
+ _defineProperty(_assertThisInitialized(_this), "updateState", function (inputValue) {
114
136
  var hasValue = inputValue !== '';
115
137
  var previousHasValue = _this.state.hasValue;
116
138
  // Only update state if the value of `hasValue` has changed to avoid unnecessary renders.
@@ -119,7 +141,7 @@ var Input = /*#__PURE__*/function (_React$Component) {
119
141
  hasValue: hasValue
120
142
  });
121
143
  }
122
- };
144
+ });
123
145
  _this.state = {
124
146
  // Tracking hasValue in state allows us to hide ClearButton when there is no value to clear
125
147
  // for both controlled and uncontrolled inputs.
@@ -127,115 +149,117 @@ var Input = /*#__PURE__*/function (_React$Component) {
127
149
  };
128
150
  return _this;
129
151
  }
130
- var _proto = Input.prototype;
131
- _proto.render = function render() {
132
- var _this$props = this.props,
133
- autoComplete = _this$props.autoComplete,
134
- autoFocus = _this$props.autoFocus,
135
- disabled = _this$props.disabled,
136
- readOnly = _this$props.readOnly,
137
- isInvalid = _this$props.isInvalid,
138
- hasWarning = _this$props.hasWarning,
139
- id = _this$props.id,
140
- name = _this$props.name,
141
- placeholder = _this$props.placeholder,
142
- type = _this$props.type,
143
- required = _this$props.required,
144
- value = _this$props.value,
145
- elemBefore = _this$props.elemBefore,
146
- elemAfter = _this$props.elemAfter,
147
- maxLength = _this$props.maxLength,
148
- ariaLabel = _this$props.ariaLabel,
149
- ariaDescribedby = _this$props.ariaDescribedby,
150
- clearButtonLabel = _this$props.clearButtonLabel,
151
- innerRef = _this$props.innerRef,
152
- onBlur = _this$props.onBlur,
153
- onChange = _this$props.onChange,
154
- onClear = _this$props.onClear,
155
- onFocus = _this$props.onFocus,
156
- onKeyDown = _this$props.onKeyDown,
157
- onKeyUp = _this$props.onKeyUp,
158
- onPaste = _this$props.onPaste,
159
- _this$props$inputProp = _this$props.inputProps,
160
- inputProps = _this$props$inputProp === void 0 ? {} : _this$props$inputProp,
161
- _this$props$qa = _this$props.qa,
162
- qa = _this$props$qa === void 0 ? {} : _this$props$qa,
163
- appearance = _this$props.appearance,
164
- size = _this$props.size,
165
- rest = _objectWithoutPropertiesLoose(_this$props, _excluded);
152
+ _createClass(Input, [{
153
+ key: "render",
154
+ value: function render() {
155
+ var _this$props8 = this.props,
156
+ autoComplete = _this$props8.autoComplete,
157
+ autoFocus = _this$props8.autoFocus,
158
+ disabled = _this$props8.disabled,
159
+ readOnly = _this$props8.readOnly,
160
+ isInvalid = _this$props8.isInvalid,
161
+ hasWarning = _this$props8.hasWarning,
162
+ id = _this$props8.id,
163
+ name = _this$props8.name,
164
+ placeholder = _this$props8.placeholder,
165
+ type = _this$props8.type,
166
+ required = _this$props8.required,
167
+ value = _this$props8.value,
168
+ elemBefore = _this$props8.elemBefore,
169
+ elemAfter = _this$props8.elemAfter,
170
+ maxLength = _this$props8.maxLength,
171
+ ariaLabel = _this$props8.ariaLabel,
172
+ ariaDescribedby = _this$props8.ariaDescribedby,
173
+ clearButtonLabel = _this$props8.clearButtonLabel,
174
+ innerRef = _this$props8.innerRef,
175
+ onBlur = _this$props8.onBlur,
176
+ onChange = _this$props8.onChange,
177
+ onClear = _this$props8.onClear,
178
+ onFocus = _this$props8.onFocus,
179
+ onKeyDown = _this$props8.onKeyDown,
180
+ onKeyUp = _this$props8.onKeyUp,
181
+ onPaste = _this$props8.onPaste,
182
+ _this$props8$inputPro = _this$props8.inputProps,
183
+ inputProps = _this$props8$inputPro === void 0 ? {} : _this$props8$inputPro,
184
+ _this$props8$qa = _this$props8.qa,
185
+ qa = _this$props8$qa === void 0 ? {} : _this$props8$qa,
186
+ appearance = _this$props8.appearance,
187
+ size = _this$props8.size,
188
+ rest = _objectWithoutProperties(_this$props8, _excluded);
166
189
 
167
- // Convert autoComplete from a boolean prop to a string value.
168
- var autoCompleteValue = undefined;
169
- if (autoComplete !== undefined) {
170
- autoCompleteValue = autoComplete ? 'on' : 'off';
171
- }
190
+ // Convert autoComplete from a boolean prop to a string value.
191
+ var autoCompleteValue;
192
+ if (autoComplete !== undefined) {
193
+ autoCompleteValue = autoComplete ? 'on' : 'off';
194
+ }
172
195
 
173
- // Add default elemBefore and elemAfter elements if type is search.
174
- var elementBefore = type === 'search' && !elemBefore ? /*#__PURE__*/React.createElement(_Icon.default, {
175
- name: "search",
176
- ariaHidden: true,
177
- color: "icon.base"
178
- }) : elemBefore;
179
- // Do not add a ClearButton if an elemAfter prop was passed.
180
- var elementAfter = type === 'search' && !elemAfter ? /*#__PURE__*/React.createElement(ClearButton, null) : elemAfter;
181
- return /*#__PURE__*/React.createElement(_styles.default, _extends({
182
- hasBeforeElement: !!elementBefore,
183
- hasAfterElement: !!elementAfter,
184
- disabled: disabled,
185
- invalid: !!isInvalid,
186
- warning: hasWarning,
187
- appearance: appearance,
188
- size: size
189
- // $FlowIssue - upgrade v0.112.0
190
- }, rest), /*#__PURE__*/React.createElement(InputContext.Provider, {
191
- value: {
192
- handleClear: this.handleClear,
193
- hasValue: this.state.hasValue,
194
- clearButtonLabel: clearButtonLabel,
196
+ // Add default elemBefore and elemAfter elements if type is search.
197
+ var elementBefore = type === 'search' && !elemBefore ? /*#__PURE__*/React.createElement(_Icon.default, {
198
+ name: "search",
199
+ ariaHidden: true,
200
+ color: "icon.base"
201
+ }) : elemBefore;
202
+ // Do not add a ClearButton if an elemAfter prop was passed.
203
+ var elementAfter = type === 'search' && !elemAfter ? /*#__PURE__*/React.createElement(ClearButton, null) : elemAfter;
204
+ return /*#__PURE__*/React.createElement(_styles.default, _extends({
205
+ hasBeforeElement: !!elementBefore,
206
+ hasAfterElement: !!elementAfter,
207
+ disabled: disabled,
208
+ invalid: !!isInvalid,
209
+ warning: hasWarning,
210
+ appearance: appearance,
195
211
  size: size
196
- }
197
- }, elementBefore && /*#__PURE__*/React.createElement(_styles.Accessory, {
198
- before: true
199
- }, elementBefore), /*#__PURE__*/React.createElement("input", _extends({
200
- "aria-invalid": !!isInvalid,
201
- "aria-label": ariaLabel,
202
- "aria-describedby": ariaDescribedby,
203
- autoComplete: autoCompleteValue,
204
- autoFocus: autoFocus,
205
- disabled: disabled,
206
- readOnly: readOnly,
207
- id: id,
208
- name: name,
209
- placeholder: placeholder,
210
- type: type,
211
- required: required,
212
- value: value,
213
- maxLength: maxLength,
214
- onBlur: this.handleBlur,
215
- onChange: this.handleChange,
216
- onFocus: this.handleFocus,
217
- onKeyDown: this.handleKeyDown,
218
- onKeyUp: this.handleKeyUp,
219
- onPaste: this.handlePaste,
220
- ref: (0, _utils.mergeRefs)([innerRef, this.inputRef]),
221
- "data-qa-input": name || '',
222
- "data-qa-input-isdisabled": disabled === true,
223
- "data-qa-input-isrequired": required === true
224
- }, qa, inputProps)), elementAfter && /*#__PURE__*/React.createElement(_styles.Accessory, {
225
- after: true,
226
- isClearButton: isClearButton(elementAfter)
227
- }, elementAfter)));
228
- };
212
+ // $FlowIssue - upgrade v0.112.0
213
+ }, rest), /*#__PURE__*/React.createElement(InputContext.Provider, {
214
+ value: {
215
+ handleClear: this.handleClear,
216
+ hasValue: this.state.hasValue,
217
+ clearButtonLabel: clearButtonLabel,
218
+ size: size
219
+ }
220
+ }, elementBefore && /*#__PURE__*/React.createElement(_styles.Accessory, {
221
+ before: true
222
+ }, elementBefore), /*#__PURE__*/React.createElement("input", _extends({
223
+ "aria-invalid": !!isInvalid,
224
+ "aria-label": ariaLabel,
225
+ "aria-describedby": ariaDescribedby,
226
+ autoComplete: autoCompleteValue,
227
+ autoFocus: autoFocus,
228
+ disabled: disabled,
229
+ readOnly: readOnly,
230
+ id: id,
231
+ name: name,
232
+ placeholder: placeholder,
233
+ type: type,
234
+ required: required,
235
+ value: value,
236
+ maxLength: maxLength,
237
+ onBlur: this.handleBlur,
238
+ onChange: this.handleChange,
239
+ onFocus: this.handleFocus,
240
+ onKeyDown: this.handleKeyDown,
241
+ onKeyUp: this.handleKeyUp,
242
+ onPaste: this.handlePaste,
243
+ ref: (0, _utils.mergeRefs)([innerRef, this.inputRef]),
244
+ "data-qa-input": name || '',
245
+ "data-qa-input-isdisabled": disabled === true,
246
+ "data-qa-input-isrequired": required === true
247
+ }, qa, inputProps)), elementAfter && /*#__PURE__*/React.createElement(_styles.Accessory, {
248
+ after: true,
249
+ isClearButton: isClearButton(elementAfter)
250
+ }, elementAfter)));
251
+ }
252
+ }]);
229
253
  return Input;
230
254
  }(React.Component);
231
- Input.defaultProps = {
255
+ _defineProperty(Input, "defaultProps", {
232
256
  autoFocus: false,
233
257
  disabled: false,
234
258
  type: 'text',
235
259
  size: 'default',
236
260
  appearance: 'primary'
237
- };
238
- Input.ClearButton = ClearButton;
261
+ });
262
+ _defineProperty(Input, "ClearButton", ClearButton);
239
263
  Input.ClearButton.displayName = 'Input.ClearButton';
240
264
  var _default = Input;
241
265
  exports.default = _default;
@@ -1,17 +1,20 @@
1
1
  "use strict";
2
2
 
3
- exports.__esModule = true;
3
+ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
4
+ Object.defineProperty(exports, "__esModule", {
5
+ value: true
6
+ });
4
7
  exports.default = exports.Accessory = void 0;
5
8
  var _styledComponents = _interopRequireWildcard(require("styled-components"));
6
9
  var _systemProps = require("../utils/system-props");
7
10
  var _mixins = require("../utils/mixins");
8
11
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
9
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
12
+ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
10
13
 
11
14
  var Container = _styledComponents.default.div.withConfig({
12
15
  displayName: "styles__Container",
13
16
  componentId: "sc-uozj0s-0"
14
- })(["box-sizing:border-box;position:relative;input{box-sizing:border-box;width:100%;border:1px solid transparent;border-radius:", ";background-color:", ";color:", ";outline:none;transition:border-color ", " ", ",box-shadow ", " ", ";font-family:", ";font-weight:", ";appearance:none;line-height:16px;margin:0;padding:", ";font-size:", ";&::-ms-clear{display:none;}&::-webkit-search-cancel-button{appearance:none;}&:focus{", "}&:not(output):not(:focus):-moz-ui-invalid{box-shadow:none;}&:placeholder{color:", ";}", " ", "}", " ", " ", " ", " ", ""], function (props) {
17
+ })(["box-sizing:border-box;position:relative;input{box-sizing:border-box;width:100%;border:1px solid transparent;border-radius:", ";background-color:", ";color:", ";outline:none;transition:border-color ", " ", ",box-shadow ", " ", ";font-family:", ";font-weight:", ";appearance:none;line-height:16px;margin:0;padding:", ";font-size:", ";&::-ms-clear{display:none;}&::-webkit-search-cancel-button{appearance:none;}&:focus{", "}&:not(output):not(:focus):-moz-ui-invalid{box-shadow:none;}&::placeholder{color:", ";}", " ", "}", " ", " ", " ", " ", ""], function (props) {
15
18
  return props.theme.radii[500];
16
19
  }, function (props) {
17
20
  return props.theme.colors.form.background.base;
@@ -1,6 +1,9 @@
1
1
  "use strict";
2
2
 
3
- exports.__esModule = true;
3
+ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
4
+ Object.defineProperty(exports, "__esModule", {
5
+ value: true
6
+ });
4
7
  exports.default = void 0;
5
8
  var React = _interopRequireWildcard(require("react"));
6
9
  var _Text = _interopRequireDefault(require("../Text"));
@@ -8,24 +11,37 @@ var _styles = _interopRequireDefault(require("./styles"));
8
11
  var _excluded = ["children"];
9
12
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
10
13
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
11
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
14
+ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
15
+ function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
12
16
  function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
13
- function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; _setPrototypeOf(subClass, superClass); }
17
+ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
18
+ function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
19
+ function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
20
+ function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
14
21
  function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
22
+ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
23
+ function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
24
+ function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
25
+ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
26
+ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
15
27
  var KeyboardKey = /*#__PURE__*/function (_React$Component) {
16
- _inheritsLoose(KeyboardKey, _React$Component);
28
+ _inherits(KeyboardKey, _React$Component);
29
+ var _super = _createSuper(KeyboardKey);
17
30
  function KeyboardKey() {
18
- return _React$Component.apply(this, arguments) || this;
31
+ _classCallCheck(this, KeyboardKey);
32
+ return _super.apply(this, arguments);
19
33
  }
20
- var _proto = KeyboardKey.prototype;
21
- _proto.render = function render() {
22
- var _this$props = this.props,
23
- children = _this$props.children,
24
- rest = _objectWithoutPropertiesLoose(_this$props, _excluded);
25
- return /*#__PURE__*/React.createElement(_styles.default, rest, /*#__PURE__*/React.createElement("kbd", {
26
- "data-qa-keyboardkey": children
27
- }, /*#__PURE__*/React.createElement(_Text.default, null, children)));
28
- };
34
+ _createClass(KeyboardKey, [{
35
+ key: "render",
36
+ value: function render() {
37
+ var _this$props = this.props,
38
+ children = _this$props.children,
39
+ rest = _objectWithoutProperties(_this$props, _excluded);
40
+ return /*#__PURE__*/React.createElement(_styles.default, rest, /*#__PURE__*/React.createElement("kbd", {
41
+ "data-qa-keyboardkey": children
42
+ }, /*#__PURE__*/React.createElement(_Text.default, null, children)));
43
+ }
44
+ }]);
29
45
  return KeyboardKey;
30
46
  }(React.Component);
31
47
  exports.default = KeyboardKey;
@@ -1,6 +1,8 @@
1
1
  "use strict";
2
2
 
3
- exports.__esModule = true;
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
4
6
  exports.default = void 0;
5
7
  var _styledComponents = _interopRequireDefault(require("styled-components"));
6
8
  var _systemProps = require("../utils/system-props");
@@ -1,7 +1,10 @@
1
1
  "use strict";
2
2
  'no babel-plugin-flow-react-proptypes';
3
3
 
4
- exports.__esModule = true;
4
+ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
5
+ Object.defineProperty(exports, "__esModule", {
6
+ value: true
7
+ });
5
8
  exports.default = void 0;
6
9
  var React = _interopRequireWildcard(require("react"));
7
10
  var _styledComponents = _interopRequireDefault(require("styled-components"));
@@ -9,15 +12,24 @@ var _Text = _interopRequireDefault(require("../Text"));
9
12
  var _excluded = ["as"];
10
13
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
11
14
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
12
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
13
- function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; _setPrototypeOf(subClass, superClass); }
15
+ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
16
+ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
17
+ function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
18
+ function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
19
+ function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
14
20
  function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
21
+ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
22
+ function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
23
+ function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
24
+ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
25
+ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
15
26
  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); }
27
+ function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
16
28
  function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
17
29
  var LabelBase = function LabelBase(_ref) {
18
30
  var _ref$as = _ref.as,
19
31
  as = _ref$as === void 0 ? 'label' : _ref$as,
20
- rest = _objectWithoutPropertiesLoose(_ref, _excluded);
32
+ rest = _objectWithoutProperties(_ref, _excluded);
21
33
  return /*#__PURE__*/React.createElement(_Text.default, _extends({}, rest, {
22
34
  as: as
23
35
  }));
@@ -27,20 +39,24 @@ var StyledLabel = (0, _styledComponents.default)(LabelBase).withConfig({
27
39
  componentId: "sc-rqdi0a-0"
28
40
  })(["display:flex;align-items:center;"]);
29
41
  var Label = /*#__PURE__*/function (_React$Component) {
30
- _inheritsLoose(Label, _React$Component);
42
+ _inherits(Label, _React$Component);
43
+ var _super = _createSuper(Label);
31
44
  function Label() {
32
- return _React$Component.apply(this, arguments) || this;
45
+ _classCallCheck(this, Label);
46
+ return _super.apply(this, arguments);
33
47
  }
34
- var _proto = Label.prototype;
35
- _proto.render = function render() {
36
- return /*#__PURE__*/React.createElement(StyledLabel, _extends({
37
- fontSize: 200,
38
- fontWeight: "semibold",
39
- color: "text.headline",
40
- "data-qa-label": this.props.htmlFor
41
- // $FlowIssue - upgrade v0.112.0
42
- }, this.props));
43
- };
48
+ _createClass(Label, [{
49
+ key: "render",
50
+ value: function render() {
51
+ return /*#__PURE__*/React.createElement(StyledLabel, _extends({
52
+ fontSize: 200,
53
+ fontWeight: "semibold",
54
+ color: "text.headline",
55
+ "data-qa-label": this.props.htmlFor
56
+ // $FlowIssue - upgrade v0.112.0
57
+ }, this.props));
58
+ }
59
+ }]);
44
60
  return Label;
45
61
  }(React.Component);
46
62
  exports.default = Label;
@@ -1,6 +1,8 @@
1
1
  "use strict";
2
2
 
3
- exports.__esModule = true;
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
4
6
  exports.default = void 0;
5
7
  var _seedsColor = require("@sproutsocial/seeds-color");
6
8