@sproutsocial/racine 18.0.0 → 19.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (95) hide show
  1. package/CHANGELOG.md +25 -0
  2. package/__flow__/index.flow.js +1 -8
  3. package/commonjs/Collapsible/Collapsible.js +2 -2
  4. package/commonjs/TableHeaderCell/TableHeaderCell.js +3 -1
  5. package/commonjs/Toast/styles.js +2 -4
  6. package/commonjs/index.flow.js +48 -64
  7. package/commonjs/index.js +8 -24
  8. package/commonjs/themes/light/theme.js +33 -1
  9. package/commonjs/utils/use-measure.js +65 -0
  10. package/dist/themes/dark/theme.scss +28 -0
  11. package/dist/themes/extendedThemes/sproutTheme/dark/theme.scss +28 -0
  12. package/dist/themes/extendedThemes/sproutTheme/light/theme.scss +28 -0
  13. package/dist/themes/light/theme.scss +56 -0
  14. package/dist/types/Box/Box.d.ts +1 -1
  15. package/dist/types/Box/Box.d.ts.map +1 -1
  16. package/dist/types/Checkbox/styles.d.ts +1 -1
  17. package/dist/types/Checkbox/styles.d.ts.map +1 -1
  18. package/dist/types/Collapsible/styles.d.ts +1 -1
  19. package/dist/types/DatePicker/styles.d.ts +1 -1
  20. package/dist/types/Drawer/styles.d.ts +1 -1
  21. package/dist/types/Drawer/styles.d.ts.map +1 -1
  22. package/dist/types/Fieldset/styles.d.ts +1 -1
  23. package/dist/types/Fieldset/styles.d.ts.map +1 -1
  24. package/dist/types/Menu/styles.d.ts +2 -2
  25. package/dist/types/Menu/styles.d.ts.map +1 -1
  26. package/dist/types/Message/styles.d.ts +5 -5
  27. package/dist/types/Message/styles.d.ts.map +1 -1
  28. package/dist/types/Modal/Modal.d.ts +1 -1
  29. package/dist/types/Modal/styles.d.ts +4 -4
  30. package/dist/types/Modal/styles.d.ts.map +1 -1
  31. package/dist/types/SegmentedControl/styles.d.ts +2 -2
  32. package/dist/types/SegmentedControl/styles.d.ts.map +1 -1
  33. package/dist/types/Skeleton/Skeleton.d.ts +1 -1
  34. package/dist/types/Skeleton/Skeleton.d.ts.map +1 -1
  35. package/dist/types/TableHeaderCell/TableHeaderCell.d.ts.map +1 -1
  36. package/dist/types/Toast/styles.d.ts +2 -1
  37. package/dist/types/Toast/styles.d.ts.map +1 -1
  38. package/dist/types/Tooltip/styles.d.ts +1 -1
  39. package/dist/types/Tooltip/styles.d.ts.map +1 -1
  40. package/dist/types/index.d.ts +1 -5
  41. package/dist/types/index.d.ts.map +1 -1
  42. package/dist/types/themes/dark/theme.d.ts +28 -0
  43. package/dist/types/themes/dark/theme.d.ts.map +1 -1
  44. package/dist/types/themes/light/theme.d.ts +56 -0
  45. package/dist/types/themes/light/theme.d.ts.map +1 -1
  46. package/dist/types/utils/use-measure.d.ts +14 -0
  47. package/dist/types/utils/use-measure.d.ts.map +1 -0
  48. package/lib/Collapsible/Collapsible.js +1 -1
  49. package/lib/TableHeaderCell/TableHeaderCell.js +3 -1
  50. package/lib/Toast/styles.js +2 -3
  51. package/lib/index.flow.js +1 -7
  52. package/lib/index.js +2 -7
  53. package/lib/themes/light/theme.js +30 -0
  54. package/lib/utils/use-measure.js +59 -0
  55. package/package.json +14 -20
  56. package/__flow__/OverflowList/OverflowList.flow.js +0 -22
  57. package/__flow__/OverflowList/index.flow.js +0 -2
  58. package/__flow__/dataviz/DataVizRotation.flow.js +0 -12
  59. package/__flow__/dataviz/index.flow.js +0 -2
  60. package/commonjs/OverflowList/OverflowList.flow.js +0 -6
  61. package/commonjs/OverflowList/OverflowList.js +0 -115
  62. package/commonjs/OverflowList/OverflowListTypes.js +0 -5
  63. package/commonjs/OverflowList/index.flow.js +0 -16
  64. package/commonjs/OverflowList/index.js +0 -31
  65. package/commonjs/OverflowList/styles.js +0 -25
  66. package/commonjs/dataviz/DataVizRotation.flow.js +0 -6
  67. package/commonjs/dataviz/DataVizRotation.js +0 -21
  68. package/commonjs/dataviz/DataVizRotationTypes.js +0 -5
  69. package/commonjs/dataviz/index.flow.js +0 -16
  70. package/commonjs/dataviz/index.js +0 -27
  71. package/dist/types/OverflowList/OverflowList.d.ts +0 -5
  72. package/dist/types/OverflowList/OverflowList.d.ts.map +0 -1
  73. package/dist/types/OverflowList/OverflowListTypes.d.ts +0 -16
  74. package/dist/types/OverflowList/OverflowListTypes.d.ts.map +0 -1
  75. package/dist/types/OverflowList/index.d.ts +0 -5
  76. package/dist/types/OverflowList/index.d.ts.map +0 -1
  77. package/dist/types/OverflowList/styles.d.ts +0 -4
  78. package/dist/types/OverflowList/styles.d.ts.map +0 -1
  79. package/dist/types/dataviz/DataVizRotation.d.ts +0 -5
  80. package/dist/types/dataviz/DataVizRotation.d.ts.map +0 -1
  81. package/dist/types/dataviz/DataVizRotationTypes.d.ts +0 -5
  82. package/dist/types/dataviz/DataVizRotationTypes.d.ts.map +0 -1
  83. package/dist/types/dataviz/index.d.ts +0 -3
  84. package/dist/types/dataviz/index.d.ts.map +0 -1
  85. package/lib/OverflowList/OverflowList.flow.js +0 -1
  86. package/lib/OverflowList/OverflowList.js +0 -104
  87. package/lib/OverflowList/OverflowListTypes.js +0 -1
  88. package/lib/OverflowList/index.flow.js +0 -1
  89. package/lib/OverflowList/index.js +0 -4
  90. package/lib/OverflowList/styles.js +0 -14
  91. package/lib/dataviz/DataVizRotation.flow.js +0 -1
  92. package/lib/dataviz/DataVizRotation.js +0 -13
  93. package/lib/dataviz/DataVizRotationTypes.js +0 -1
  94. package/lib/dataviz/index.flow.js +0 -1
  95. package/lib/dataviz/index.js +0 -2
@@ -1,104 +0,0 @@
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
- import React, { useCallback, useMemo } from 'react';
3
- import { AutoSizer, CellMeasurer, CellMeasurerCache } from 'react-virtualized';
4
- import Box from "../Box";
5
- import List from "./styles";
6
- var VirtualizedList = function VirtualizedList(_ref) {
7
- var items = _ref.items,
8
- ItemComponent = _ref.ItemComponent,
9
- getItemProps = _ref.getItemProps,
10
- itemWrapperProps = _ref.itemWrapperProps,
11
- containerProps = _ref.containerProps;
12
- var cache = useMemo(function () {
13
- return new CellMeasurerCache({
14
- // eslint-disable-next-line @typescript-eslint/ban-ts-comment
15
- // @ts-ignore this should be able to accept a string but only accepts a number
16
- defaultWidth: '100%',
17
- // eslint-disable-next-line @typescript-eslint/ban-ts-comment
18
- // @ts-ignore this should be able to accept a string but only accepts a number
19
- defaultHeight: '20px',
20
- fixedWidth: true
21
- });
22
- }, []);
23
- var rowRenderer = useCallback(function (_ref2) {
24
- var index = _ref2.index,
25
- key = _ref2.key,
26
- style = _ref2.style,
27
- parent = _ref2.parent;
28
- return /*#__PURE__*/React.createElement(CellMeasurer, {
29
- columnIndex: 0,
30
- rowIndex: index,
31
- key: "CellMeasurer-".concat(key),
32
- cache: cache,
33
- parent: parent
34
- }, function (_ref3) {
35
- var measure = _ref3.measure,
36
- registerChild = _ref3.registerChild;
37
- return /*#__PURE__*/React.createElement(Box, _extends({
38
- ref: registerChild
39
- }, itemWrapperProps, {
40
- style: style
41
- }), /*#__PURE__*/React.createElement(ItemComponent, getItemProps({
42
- key: key,
43
- measure: measure,
44
- item: items[index]
45
- })));
46
- });
47
- },
48
- // eslint-disable-next-line react-hooks/exhaustive-deps
49
- [items, getItemProps, cache, itemWrapperProps]);
50
- return /*#__PURE__*/React.createElement(AutoSizer, null, function (_ref4) {
51
- var height = _ref4.height,
52
- width = _ref4.width;
53
- return /*#__PURE__*/React.createElement(List, _extends({
54
- height: height,
55
- width: width,
56
- rowHeight: cache.rowHeight,
57
- rowRenderer: rowRenderer,
58
- rowCount: items.length
59
- }, containerProps));
60
- });
61
- };
62
- var ListItem = function ListItem(_ref5) {
63
- var children = _ref5.children;
64
- return /*#__PURE__*/React.createElement(React.Fragment, null, children);
65
- };
66
- var propGetter = function propGetter(_ref6) {
67
- var item = _ref6.item,
68
- key = _ref6.key;
69
- return {
70
- children: /*#__PURE__*/React.cloneElement(item),
71
- key: key
72
- };
73
- };
74
- var defaultProp = {};
75
- var OverflowList = function OverflowList(_ref7) {
76
- var height = _ref7.height,
77
- width = _ref7.width,
78
- items = _ref7.items,
79
- children = _ref7.children,
80
- _ref7$ItemComponent = _ref7.ItemComponent,
81
- ItemComponent = _ref7$ItemComponent === void 0 ? ListItem : _ref7$ItemComponent,
82
- _ref7$getItemProps = _ref7.getItemProps,
83
- getItemProps = _ref7$getItemProps === void 0 ? propGetter : _ref7$getItemProps,
84
- _ref7$WrapperComponen = _ref7.WrapperComponent,
85
- WrapperComponent = _ref7$WrapperComponen === void 0 ? Box : _ref7$WrapperComponen,
86
- _ref7$itemWrapperProp = _ref7.itemWrapperProps,
87
- itemWrapperProps = _ref7$itemWrapperProp === void 0 ? defaultProp : _ref7$itemWrapperProp,
88
- _ref7$containerProps = _ref7.containerProps,
89
- containerProps = _ref7$containerProps === void 0 ? defaultProp : _ref7$containerProps;
90
- var itemsArray = useMemo(function () {
91
- return items ? items : React.Children.toArray(children);
92
- }, [children, items]);
93
- return /*#__PURE__*/React.createElement(WrapperComponent, {
94
- height: height,
95
- width: width
96
- }, /*#__PURE__*/React.createElement(VirtualizedList, {
97
- items: itemsArray,
98
- ItemComponent: ItemComponent,
99
- getItemProps: getItemProps,
100
- itemWrapperProps: itemWrapperProps,
101
- containerProps: containerProps
102
- }));
103
- };
104
- export default OverflowList;
@@ -1 +0,0 @@
1
- export {};
@@ -1 +0,0 @@
1
- export * from "./OverflowList.flow";
@@ -1,4 +0,0 @@
1
- import OverflowList from "./OverflowList";
2
- export default OverflowList;
3
- export { OverflowList };
4
- export * from "./OverflowListTypes";
@@ -1,14 +0,0 @@
1
- import * as React from 'react';
2
- import { List } from 'react-virtualized';
3
- import styled from 'styled-components';
4
- import { COMMON, BORDER, LAYOUT, POSITION, FLEXBOX, GRID } from "../utils/system-props";
5
- var Container = styled(function (props) {
6
- return /*#__PURE__*/React.createElement(List, props);
7
- }).withConfig({
8
- displayName: "styles__Container",
9
- componentId: "sc-8pkawp-0"
10
- })(["box-sizing:border-box;font-family:", ";", " ", " ", " ", " ", " ", ""], function (_ref) {
11
- var theme = _ref.theme;
12
- return theme.fontFamily;
13
- }, COMMON, BORDER, LAYOUT, POSITION, FLEXBOX, GRID);
14
- export default Container;
@@ -1 +0,0 @@
1
- import * as React from 'react';
@@ -1,13 +0,0 @@
1
- import React from 'react';
2
- import { withTheme } from 'styled-components';
3
- import Box from "../Box";
4
- export var DataVizRotation = withTheme(function (p) {
5
- return /*#__PURE__*/React.createElement(React.Fragment, null, p.theme.colors.DATAVIZ_COLORS_LIST.map(function (color, i) {
6
- return /*#__PURE__*/React.createElement(Box, {
7
- key: color,
8
- py: 300,
9
- px: 400,
10
- bg: color
11
- }, i + 1);
12
- }));
13
- });
@@ -1 +0,0 @@
1
- export {};
@@ -1 +0,0 @@
1
- export * from "./DataVizRotation.flow";
@@ -1,2 +0,0 @@
1
- export * from "./DataVizRotation";
2
- export * from "./DataVizRotationTypes";