@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.
- package/CHANGELOG.md +25 -0
- package/__flow__/index.flow.js +1 -8
- package/commonjs/Collapsible/Collapsible.js +2 -2
- package/commonjs/TableHeaderCell/TableHeaderCell.js +3 -1
- package/commonjs/Toast/styles.js +2 -4
- package/commonjs/index.flow.js +48 -64
- package/commonjs/index.js +8 -24
- package/commonjs/themes/light/theme.js +33 -1
- package/commonjs/utils/use-measure.js +65 -0
- package/dist/themes/dark/theme.scss +28 -0
- package/dist/themes/extendedThemes/sproutTheme/dark/theme.scss +28 -0
- package/dist/themes/extendedThemes/sproutTheme/light/theme.scss +28 -0
- package/dist/themes/light/theme.scss +56 -0
- package/dist/types/Box/Box.d.ts +1 -1
- package/dist/types/Box/Box.d.ts.map +1 -1
- package/dist/types/Checkbox/styles.d.ts +1 -1
- package/dist/types/Checkbox/styles.d.ts.map +1 -1
- package/dist/types/Collapsible/styles.d.ts +1 -1
- package/dist/types/DatePicker/styles.d.ts +1 -1
- package/dist/types/Drawer/styles.d.ts +1 -1
- package/dist/types/Drawer/styles.d.ts.map +1 -1
- package/dist/types/Fieldset/styles.d.ts +1 -1
- package/dist/types/Fieldset/styles.d.ts.map +1 -1
- package/dist/types/Menu/styles.d.ts +2 -2
- package/dist/types/Menu/styles.d.ts.map +1 -1
- package/dist/types/Message/styles.d.ts +5 -5
- package/dist/types/Message/styles.d.ts.map +1 -1
- package/dist/types/Modal/Modal.d.ts +1 -1
- package/dist/types/Modal/styles.d.ts +4 -4
- package/dist/types/Modal/styles.d.ts.map +1 -1
- package/dist/types/SegmentedControl/styles.d.ts +2 -2
- package/dist/types/SegmentedControl/styles.d.ts.map +1 -1
- package/dist/types/Skeleton/Skeleton.d.ts +1 -1
- package/dist/types/Skeleton/Skeleton.d.ts.map +1 -1
- package/dist/types/TableHeaderCell/TableHeaderCell.d.ts.map +1 -1
- package/dist/types/Toast/styles.d.ts +2 -1
- package/dist/types/Toast/styles.d.ts.map +1 -1
- package/dist/types/Tooltip/styles.d.ts +1 -1
- package/dist/types/Tooltip/styles.d.ts.map +1 -1
- package/dist/types/index.d.ts +1 -5
- package/dist/types/index.d.ts.map +1 -1
- package/dist/types/themes/dark/theme.d.ts +28 -0
- package/dist/types/themes/dark/theme.d.ts.map +1 -1
- package/dist/types/themes/light/theme.d.ts +56 -0
- package/dist/types/themes/light/theme.d.ts.map +1 -1
- package/dist/types/utils/use-measure.d.ts +14 -0
- package/dist/types/utils/use-measure.d.ts.map +1 -0
- package/lib/Collapsible/Collapsible.js +1 -1
- package/lib/TableHeaderCell/TableHeaderCell.js +3 -1
- package/lib/Toast/styles.js +2 -3
- package/lib/index.flow.js +1 -7
- package/lib/index.js +2 -7
- package/lib/themes/light/theme.js +30 -0
- package/lib/utils/use-measure.js +59 -0
- package/package.json +14 -20
- package/__flow__/OverflowList/OverflowList.flow.js +0 -22
- package/__flow__/OverflowList/index.flow.js +0 -2
- package/__flow__/dataviz/DataVizRotation.flow.js +0 -12
- package/__flow__/dataviz/index.flow.js +0 -2
- package/commonjs/OverflowList/OverflowList.flow.js +0 -6
- package/commonjs/OverflowList/OverflowList.js +0 -115
- package/commonjs/OverflowList/OverflowListTypes.js +0 -5
- package/commonjs/OverflowList/index.flow.js +0 -16
- package/commonjs/OverflowList/index.js +0 -31
- package/commonjs/OverflowList/styles.js +0 -25
- package/commonjs/dataviz/DataVizRotation.flow.js +0 -6
- package/commonjs/dataviz/DataVizRotation.js +0 -21
- package/commonjs/dataviz/DataVizRotationTypes.js +0 -5
- package/commonjs/dataviz/index.flow.js +0 -16
- package/commonjs/dataviz/index.js +0 -27
- package/dist/types/OverflowList/OverflowList.d.ts +0 -5
- package/dist/types/OverflowList/OverflowList.d.ts.map +0 -1
- package/dist/types/OverflowList/OverflowListTypes.d.ts +0 -16
- package/dist/types/OverflowList/OverflowListTypes.d.ts.map +0 -1
- package/dist/types/OverflowList/index.d.ts +0 -5
- package/dist/types/OverflowList/index.d.ts.map +0 -1
- package/dist/types/OverflowList/styles.d.ts +0 -4
- package/dist/types/OverflowList/styles.d.ts.map +0 -1
- package/dist/types/dataviz/DataVizRotation.d.ts +0 -5
- package/dist/types/dataviz/DataVizRotation.d.ts.map +0 -1
- package/dist/types/dataviz/DataVizRotationTypes.d.ts +0 -5
- package/dist/types/dataviz/DataVizRotationTypes.d.ts.map +0 -1
- package/dist/types/dataviz/index.d.ts +0 -3
- package/dist/types/dataviz/index.d.ts.map +0 -1
- package/lib/OverflowList/OverflowList.flow.js +0 -1
- package/lib/OverflowList/OverflowList.js +0 -104
- package/lib/OverflowList/OverflowListTypes.js +0 -1
- package/lib/OverflowList/index.flow.js +0 -1
- package/lib/OverflowList/index.js +0 -4
- package/lib/OverflowList/styles.js +0 -14
- package/lib/dataviz/DataVizRotation.flow.js +0 -1
- package/lib/dataviz/DataVizRotation.js +0 -13
- package/lib/dataviz/DataVizRotationTypes.js +0 -1
- package/lib/dataviz/index.flow.js +0 -1
- 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,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";
|
package/lib/dataviz/index.js
DELETED