@codacy/ui-components 0.66.24 → 0.66.26

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 (286) hide show
  1. package/lib/Avatar/Avatar.js +20 -28
  2. package/lib/Avatar/Avatar.types.js +1 -5
  3. package/lib/Avatar/gravatar.js +14 -22
  4. package/lib/Avatar/index.js +1 -16
  5. package/lib/Banner/Banner.js +33 -50
  6. package/lib/Banner/Banner.styles.d.ts +1 -1
  7. package/lib/Banner/Banner.styles.js +11 -20
  8. package/lib/Banner/Banner.types.js +1 -5
  9. package/lib/Banner/index.js +2 -27
  10. package/lib/Bannerol/Bannerol.js +44 -61
  11. package/lib/Bannerol/Bannerol.styles.js +9 -18
  12. package/lib/Bannerol/Bannerol.types.js +1 -5
  13. package/lib/Bannerol/index.js +3 -38
  14. package/lib/BigTabs/BigTabs.js +39 -54
  15. package/lib/BigTabs/BigTabs.styles.js +79 -107
  16. package/lib/BigTabs/BigTabs.types.js +1 -5
  17. package/lib/BigTabs/index.js +1 -16
  18. package/lib/Button/Button.js +45 -67
  19. package/lib/Button/index.js +2 -27
  20. package/lib/Button/styles.js +101 -130
  21. package/lib/Button/types.js +1 -5
  22. package/lib/Checkbox/Checkbox.js +55 -68
  23. package/lib/Checkbox/CheckboxFilterList.js +33 -66
  24. package/lib/Checkbox/index.js +3 -38
  25. package/lib/Checkbox/styles.js +64 -86
  26. package/lib/Checkbox/types.js +1 -5
  27. package/lib/CloseButton/index.d.ts +1 -1
  28. package/lib/CloseButton/index.js +24 -36
  29. package/lib/Divider/Divider.js +14 -25
  30. package/lib/Divider/Divider.styles.d.ts +1 -1
  31. package/lib/Divider/Divider.styles.js +24 -38
  32. package/lib/Divider/Divider.types.js +1 -5
  33. package/lib/Divider/index.js +1 -16
  34. package/lib/Dropdown/Content/DropdownInput.js +10 -20
  35. package/lib/Dropdown/Content/DropdownItem.js +22 -36
  36. package/lib/Dropdown/Content/DropdownSeparator.js +8 -19
  37. package/lib/Dropdown/Content/DropdownTitle.js +8 -22
  38. package/lib/Dropdown/Content/index.js +4 -49
  39. package/lib/Dropdown/Dropdown.js +74 -102
  40. package/lib/Dropdown/Dropdown.styles.d.ts +1 -1
  41. package/lib/Dropdown/Dropdown.styles.js +60 -82
  42. package/lib/Dropdown/Dropdown.types.js +1 -5
  43. package/lib/Dropdown/Triggers/DropdownButtonTrigger.js +19 -32
  44. package/lib/Dropdown/Triggers/DropdownItemTrigger.js +18 -30
  45. package/lib/Dropdown/Triggers/FilterTrigger.js +66 -93
  46. package/lib/Dropdown/Triggers/InputTrigger.js +15 -24
  47. package/lib/Dropdown/Triggers/SelectTrigger.js +12 -21
  48. package/lib/Dropdown/Triggers/hooks.js +17 -26
  49. package/lib/Dropdown/Triggers/index.js +6 -71
  50. package/lib/Dropdown/Triggers/types.js +1 -5
  51. package/lib/Dropdown/index.js +4 -49
  52. package/lib/ExpandableBox/ExpandableBox.js +28 -43
  53. package/lib/ExpandableBox/ExpandableBox.styles.d.ts +2 -2
  54. package/lib/ExpandableBox/ExpandableBox.styles.js +27 -40
  55. package/lib/ExpandableBox/ExpandableBox.types.js +1 -5
  56. package/lib/ExpandableBox/index.js +1 -16
  57. package/lib/Flexbox/Flexbox.js +14 -21
  58. package/lib/Flexbox/index.js +1 -16
  59. package/lib/Group/Group.js +7 -18
  60. package/lib/Group/Group.styles.js +8 -16
  61. package/lib/Group/Group.types.js +1 -5
  62. package/lib/Group/index.js +1 -16
  63. package/lib/Icon/Icon.js +15 -26
  64. package/lib/Icon/Icon.styles.d.ts +1 -1
  65. package/lib/Icon/Icon.styles.js +57 -50
  66. package/lib/Icon/Icon.types.js +1 -5
  67. package/lib/Icon/index.js +1 -16
  68. package/lib/IconAndText/IconAndText.js +23 -36
  69. package/lib/IconAndText/IconAndText.styles.js +19 -29
  70. package/lib/IconAndText/IconAndText.types.js +1 -5
  71. package/lib/IconAndText/index.js +1 -16
  72. package/lib/Icons/Chevrons.js +45 -65
  73. package/lib/Icons/CodacyIcon.js +9 -20
  74. package/lib/Icons/Ellipsis.js +18 -29
  75. package/lib/Icons/Messages.js +58 -79
  76. package/lib/Icons/Search.js +8 -19
  77. package/lib/Icons/Severities.js +113 -149
  78. package/lib/Icons/Sorting.js +15 -29
  79. package/lib/Icons/Spinner.js +11 -22
  80. package/lib/Icons/Symbols.js +67 -90
  81. package/lib/Icons/index.js +8 -93
  82. package/lib/Img/Img.js +26 -45
  83. package/lib/Img/Img.styles.d.ts +2 -2
  84. package/lib/Img/Img.styles.js +21 -29
  85. package/lib/Img/Img.types.js +1 -5
  86. package/lib/Img/index.js +1 -16
  87. package/lib/InlineMessage/InlineMessage.js +43 -70
  88. package/lib/InlineMessage/index.js +1 -16
  89. package/lib/InlineMessage/types.js +1 -5
  90. package/lib/Input/Input.js +115 -143
  91. package/lib/Input/hooks.js +107 -208
  92. package/lib/Input/index.js +2 -27
  93. package/lib/Input/styles.d.ts +2 -2
  94. package/lib/Input/styles.js +116 -151
  95. package/lib/Input/types.js +1 -5
  96. package/lib/Labeled/Labeled.js +22 -35
  97. package/lib/Labeled/index.js +1 -16
  98. package/lib/Labeled/styles.js +23 -37
  99. package/lib/Labeled/types.js +1 -5
  100. package/lib/LeftMenu/LeftMenu.js +10 -21
  101. package/lib/LeftMenu/LeftMenu.styles.js +25 -43
  102. package/lib/LeftMenu/LeftMenu.types.js +1 -5
  103. package/lib/LeftMenu/index.js +1 -16
  104. package/lib/Link/Link.js +32 -50
  105. package/lib/Link/Link.styles.js +11 -23
  106. package/lib/Link/Link.types.js +1 -5
  107. package/lib/Link/index.js +3 -38
  108. package/lib/Message/Message.js +31 -42
  109. package/lib/Message/Message.styles.js +18 -31
  110. package/lib/Message/Message.types.js +1 -5
  111. package/lib/Message/index.js +1 -16
  112. package/lib/Modal/ConfirmationModal.js +40 -67
  113. package/lib/Modal/Modal.js +107 -137
  114. package/lib/Modal/index.js +2 -27
  115. package/lib/Modal/styles.js +44 -62
  116. package/lib/Modal/types.js +1 -5
  117. package/lib/MoreInfo/MoreInfo.js +41 -53
  118. package/lib/MoreInfo/index.js +1 -16
  119. package/lib/MoreInfo/types.js +1 -5
  120. package/lib/MultiSlider/MultiSlider.js +17 -31
  121. package/lib/MultiSlider/index.js +1 -16
  122. package/lib/MultiSlider/styles.js +18 -34
  123. package/lib/MultiSlider/types.js +1 -5
  124. package/lib/Panel/Panel.js +9 -19
  125. package/lib/Panel/Panel.styles.js +15 -22
  126. package/lib/Panel/Panel.types.js +1 -5
  127. package/lib/Panel/index.js +2 -27
  128. package/lib/PillLabel/PillLabel.js +35 -49
  129. package/lib/PillLabel/PillLabel.styles.js +33 -44
  130. package/lib/PillLabel/PillLabel.types.js +1 -5
  131. package/lib/PillLabel/index.js +1 -16
  132. package/lib/Popup/Popup.js +43 -61
  133. package/lib/Popup/index.js +1 -16
  134. package/lib/Popup/styles.js +22 -34
  135. package/lib/Popup/types.js +1 -5
  136. package/lib/ProgressBar/ProgressBar.js +19 -35
  137. package/lib/ProgressBar/index.js +2 -27
  138. package/lib/ProgressBar/styles.d.ts +2 -2
  139. package/lib/ProgressBar/styles.js +21 -37
  140. package/lib/ProgressBar/types.d.ts +0 -3
  141. package/lib/ProgressBar/types.js +1 -5
  142. package/lib/Radio/Radio.js +47 -59
  143. package/lib/Radio/index.js +1 -16
  144. package/lib/Radio/styles.js +48 -72
  145. package/lib/Radio/types.js +1 -5
  146. package/lib/ScrollableContent/ScrollableContent.js +27 -40
  147. package/lib/ScrollableContent/ScrollableContent.styles.js +22 -39
  148. package/lib/ScrollableContent/ScrollableContent.types.js +1 -5
  149. package/lib/ScrollableContent/index.js +2 -27
  150. package/lib/ScrollableContent/useScrollContainer.js +35 -50
  151. package/lib/Skeleton/Skeleton.js +25 -45
  152. package/lib/Skeleton/Skeleton.styles.js +28 -25
  153. package/lib/Skeleton/Skeleton.types.js +1 -5
  154. package/lib/Skeleton/index.js +2 -20
  155. package/lib/Slider/Slider.js +32 -56
  156. package/lib/Slider/index.js +1 -16
  157. package/lib/Slider/styles.js +41 -60
  158. package/lib/Slider/types.js +1 -5
  159. package/lib/StepNumber/StepNumber.js +26 -40
  160. package/lib/StepNumber/index.js +1 -16
  161. package/lib/StepNumber/styles.js +13 -24
  162. package/lib/StepNumber/types.js +1 -5
  163. package/lib/Stepper/Stepper.js +45 -62
  164. package/lib/Stepper/Stepper.styles.js +27 -44
  165. package/lib/Stepper/Stepper.types.js +1 -5
  166. package/lib/Stepper/index.js +1 -16
  167. package/lib/Switcher/Switcher.js +22 -34
  168. package/lib/Switcher/Switcher.styles.js +27 -42
  169. package/lib/Switcher/Switcher.types.js +1 -5
  170. package/lib/Switcher/index.js +1 -16
  171. package/lib/Tab/Tab.js +21 -33
  172. package/lib/Tab/Tab.styles.js +34 -50
  173. package/lib/Tab/Tab.types.js +1 -5
  174. package/lib/Tab/index.js +1 -16
  175. package/lib/Table/NewSelectableTable.js +59 -97
  176. package/lib/Table/SelectableTable.js +142 -189
  177. package/lib/Table/Table.js +110 -155
  178. package/lib/Table/Table.styles.js +67 -90
  179. package/lib/Table/Table.types.js +1 -5
  180. package/lib/Table/index.js +2 -27
  181. package/lib/TagsInput/TagsInput.js +32 -46
  182. package/lib/TagsInput/index.js +1 -16
  183. package/lib/TagsInput/style.js +45 -71
  184. package/lib/TagsInput/types.js +1 -5
  185. package/lib/Textarea/Textarea.js +52 -71
  186. package/lib/Textarea/Textarea.styles.js +91 -126
  187. package/lib/Textarea/Textarea.types.js +1 -5
  188. package/lib/Textarea/index.js +1 -16
  189. package/lib/ThemeProvider/ThemeProvider.js +41 -65
  190. package/lib/ThemeProvider/index.js +1 -16
  191. package/lib/Toast/Toast.js +53 -68
  192. package/lib/Toast/index.js +1 -16
  193. package/lib/Toast/styles.js +29 -49
  194. package/lib/Toast/types.js +1 -5
  195. package/lib/Toggle/Toggle.js +48 -65
  196. package/lib/Toggle/index.js +1 -16
  197. package/lib/Toggle/styles.d.ts +1 -1
  198. package/lib/Toggle/styles.js +66 -101
  199. package/lib/Toggle/types.js +1 -5
  200. package/lib/Tooltip/Tooltip.js +84 -121
  201. package/lib/Tooltip/index.js +2 -27
  202. package/lib/Tooltip/styles.js +63 -93
  203. package/lib/Tooltip/types.js +1 -5
  204. package/lib/Typography/Typography.js +78 -116
  205. package/lib/Typography/Typography.styles.js +61 -78
  206. package/lib/Typography/Typography.types.js +1 -5
  207. package/lib/Typography/index.js +3 -38
  208. package/lib/emotion.d.js +1 -3
  209. package/lib/hooks/index.js +3 -38
  210. package/lib/hooks/useForwardedRef.js +5 -11
  211. package/lib/hooks/useInfiniteScroll.js +13 -25
  212. package/lib/hooks/useStatefulRef.js +10 -23
  213. package/lib/index.js +49 -544
  214. package/lib/system-props/color.js +3 -9
  215. package/lib/system-props/index.js +2 -27
  216. package/lib/system-props/types.js +1 -5
  217. package/lib/theme/ColorSchemes/components/alerts.js +30 -38
  218. package/lib/theme/ColorSchemes/components/button.js +89 -97
  219. package/lib/theme/ColorSchemes/components/cards.js +16 -24
  220. package/lib/theme/ColorSchemes/components/charts.js +93 -101
  221. package/lib/theme/ColorSchemes/components/checkbox-input.js +13 -21
  222. package/lib/theme/ColorSchemes/components/divider.js +4 -12
  223. package/lib/theme/ColorSchemes/components/drawer.js +21 -29
  224. package/lib/theme/ColorSchemes/components/effects.js +5 -13
  225. package/lib/theme/ColorSchemes/components/filters.js +12 -20
  226. package/lib/theme/ColorSchemes/components/index.d.ts +2 -0
  227. package/lib/theme/ColorSchemes/components/index.js +23 -236
  228. package/lib/theme/ColorSchemes/components/input.js +38 -46
  229. package/lib/theme/ColorSchemes/components/issues.js +27 -35
  230. package/lib/theme/ColorSchemes/components/label.js +33 -41
  231. package/lib/theme/ColorSchemes/components/list-orb.js +8 -16
  232. package/lib/theme/ColorSchemes/components/loading.js +4 -12
  233. package/lib/theme/ColorSchemes/components/logo.js +6 -14
  234. package/lib/theme/ColorSchemes/components/modals.js +6 -14
  235. package/lib/theme/ColorSchemes/components/navigation.js +17 -25
  236. package/lib/theme/ColorSchemes/components/progress-bar.d.ts +5 -0
  237. package/lib/theme/ColorSchemes/components/progress-bar.js +5 -0
  238. package/lib/theme/ColorSchemes/components/selector.js +20 -28
  239. package/lib/theme/ColorSchemes/components/stepper.js +9 -17
  240. package/lib/theme/ColorSchemes/components/tables.js +12 -20
  241. package/lib/theme/ColorSchemes/components/tabs.js +13 -21
  242. package/lib/theme/ColorSchemes/components/tooltip.d.ts +6 -0
  243. package/lib/theme/ColorSchemes/components/tooltip.js +6 -0
  244. package/lib/theme/ColorSchemes/components/utils.js +1 -11
  245. package/lib/theme/ColorSchemes/dark/background.d.ts +27 -27
  246. package/lib/theme/ColorSchemes/dark/background.js +42 -50
  247. package/lib/theme/ColorSchemes/dark/border.d.ts +27 -27
  248. package/lib/theme/ColorSchemes/dark/border.js +37 -45
  249. package/lib/theme/ColorSchemes/dark/data.js +18 -24
  250. package/lib/theme/ColorSchemes/dark/icon.d.ts +27 -27
  251. package/lib/theme/ColorSchemes/dark/icon.js +40 -48
  252. package/lib/theme/ColorSchemes/dark/illustration.js +11 -17
  253. package/lib/theme/ColorSchemes/dark/index.js +60 -26
  254. package/lib/theme/ColorSchemes/dark/text.d.ts +27 -27
  255. package/lib/theme/ColorSchemes/dark/text.js +47 -54
  256. package/lib/theme/ColorSchemes/index.js +4 -49
  257. package/lib/theme/ColorSchemes/light/background.d.ts +27 -27
  258. package/lib/theme/ColorSchemes/light/background.js +42 -50
  259. package/lib/theme/ColorSchemes/light/border.d.ts +27 -27
  260. package/lib/theme/ColorSchemes/light/border.js +37 -45
  261. package/lib/theme/ColorSchemes/light/data.js +18 -24
  262. package/lib/theme/ColorSchemes/light/icon.d.ts +27 -27
  263. package/lib/theme/ColorSchemes/light/icon.js +40 -48
  264. package/lib/theme/ColorSchemes/light/illustration.js +11 -17
  265. package/lib/theme/ColorSchemes/light/index.d.ts +59 -54
  266. package/lib/theme/ColorSchemes/light/index.js +43 -19
  267. package/lib/theme/ColorSchemes/light/text.d.ts +27 -27
  268. package/lib/theme/ColorSchemes/light/text.js +47 -54
  269. package/lib/theme/ColorSchemes/primitives/blue.js +1 -7
  270. package/lib/theme/ColorSchemes/primitives/green.js +1 -7
  271. package/lib/theme/ColorSchemes/primitives/grey.js +1 -7
  272. package/lib/theme/ColorSchemes/primitives/index.d.ts +9 -9
  273. package/lib/theme/ColorSchemes/primitives/index.js +20 -18
  274. package/lib/theme/ColorSchemes/primitives/magenta.js +1 -7
  275. package/lib/theme/ColorSchemes/primitives/orange.js +1 -7
  276. package/lib/theme/ColorSchemes/primitives/purple.js +1 -7
  277. package/lib/theme/ColorSchemes/primitives/red.js +1 -7
  278. package/lib/theme/ColorSchemes/primitives/teal.js +1 -7
  279. package/lib/theme/ColorSchemes/primitives/yellow.js +1 -7
  280. package/lib/theme/ColorSchemes/semantics.js +7 -13
  281. package/lib/theme/index.js +2 -27
  282. package/lib/theme/theme.js +68 -77
  283. package/lib/types.js +1 -5
  284. package/lib/utils/hash.js +3 -9
  285. package/lib/utils/reactNodeToText.js +9 -17
  286. package/package.json +21 -11
@@ -1,56 +1,44 @@
1
- "use strict";
1
+ import React, { useCallback, useEffect, useRef } from 'react';
2
2
 
3
- var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard")["default"];
4
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- exports["default"] = useInfiniteScrollRef;
9
- exports.useInfiniteScroll = useInfiniteScroll;
10
- var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
11
- var _react = _interopRequireWildcard(require("react"));
12
3
  /** @deprecated Use useInfiniteScrollRef instead */
13
- function useInfiniteScroll(ref, onLoadMore, containerRef) {
14
- var observer = (0, _react.useRef)();
15
- var handleLoadMore = (0, _react.useCallback)(function (entries, _) {
4
+ export function useInfiniteScroll(ref, onLoadMore, containerRef) {
5
+ const observer = useRef();
6
+ const handleLoadMore = useCallback((entries, _) => {
16
7
  if (entries[0].isIntersecting && onLoadMore) {
17
8
  onLoadMore();
18
9
  }
19
10
  }, [onLoadMore]);
20
- (0, _react.useEffect)(function () {
11
+ useEffect(() => {
21
12
  if (ref.current) {
22
13
  observer.current = new IntersectionObserver(handleLoadMore, {
23
14
  root: containerRef
24
15
  });
25
16
  observer.current.observe(ref.current);
26
17
  }
27
- return function () {
18
+ return () => {
28
19
  if (observer.current) observer.current.disconnect();
29
20
  };
30
21
  }, [ref, handleLoadMore, containerRef]);
31
22
  }
32
- function useInfiniteScrollRef(onLoadMore, containerRef) {
33
- var observer = (0, _react.useRef)();
34
- var _React$useState = _react["default"].useState(null),
35
- _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
36
- ref = _React$useState2[0],
37
- setRef = _React$useState2[1];
38
- var handleLoadMore = (0, _react.useCallback)(function (entries, _) {
23
+ export default function useInfiniteScrollRef(onLoadMore, containerRef) {
24
+ const observer = useRef();
25
+ const [ref, setRef] = React.useState(null);
26
+ const handleLoadMore = useCallback((entries, _) => {
39
27
  if (entries[0].isIntersecting && onLoadMore) {
40
28
  onLoadMore();
41
29
  }
42
30
  }, [onLoadMore]);
43
- var refCallback = (0, _react.useCallback)(function (node) {
31
+ const refCallback = useCallback(node => {
44
32
  setRef(node);
45
33
  }, []);
46
- (0, _react.useEffect)(function () {
34
+ useEffect(() => {
47
35
  if (ref) {
48
36
  observer.current = new IntersectionObserver(handleLoadMore, {
49
37
  root: containerRef
50
38
  });
51
39
  observer.current.observe(ref);
52
40
  }
53
- return function () {
41
+ return () => {
54
42
  if (observer.current) observer.current.disconnect();
55
43
  };
56
44
  }, [ref, handleLoadMore, containerRef]);
@@ -1,28 +1,15 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports.useStatefulRef = useStatefulRef;
8
- var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
9
- var _react = require("react");
10
- function useStatefulRef() {
11
- var initialVal = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
1
+ import { useRef, useState } from 'react';
2
+ export function useStatefulRef(initialVal = null) {
12
3
  // eslint-disable-next-line prefer-const
13
- var _useState = (0, _react.useState)(initialVal),
14
- _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
15
- cur = _useState2[0],
16
- setCur = _useState2[1];
17
- var _useRef = (0, _react.useRef)({
18
- current: cur
19
- }),
20
- ref = _useRef.current;
4
+ let [cur, setCur] = useState(initialVal);
5
+ const {
6
+ current: ref
7
+ } = useRef({
8
+ current: cur
9
+ });
21
10
  Object.defineProperty(ref, 'current', {
22
- get: function get() {
23
- return cur;
24
- },
25
- set: function set(value) {
11
+ get: () => cur,
12
+ set: value => {
26
13
  if (!Object.is(cur, value)) {
27
14
  cur = value;
28
15
  setCur(value);