@sproutsocial/racine 11.3.1-beta-deps.3 → 11.4.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 +34 -0
- package/__flow__/Button/__snapshots__/index.test.js.snap +511 -0
- package/__flow__/Button/index.js +0 -2
- package/__flow__/Button/index.stories.js +67 -51
- package/__flow__/Button/index.test.js +113 -0
- package/__flow__/Button/styles.js +1 -1
- package/__flow__/EmptyState/index.test.js +1 -1
- package/__flow__/Input/index.js +185 -66
- package/__flow__/Input/index.stories.js +65 -0
- package/__flow__/Input/index.test.js +230 -1
- package/__flow__/Input/styles.js +1 -1
- package/__flow__/Link/index.js +2 -1
- package/__flow__/Menu/__snapshots__/index.test.js.snap +2 -2
- package/__flow__/TokenInput/index.js +1 -1
- package/__flow__/setupTests.js +1 -1
- package/__flow__/systemProps/tests/__snapshots__/layout.test.js.snap +14 -0
- package/__flow__/systemProps/tests/layout.test.js +9 -0
- package/__flow__/themes/dark/theme.js +3 -0
- package/__flow__/themes/light/theme.js +3 -0
- package/__flow__/types/theme.colors.flow.js +3 -0
- package/commonjs/Avatar/index.js +4 -7
- package/commonjs/Badge/index.js +1 -3
- package/commonjs/Badge/styles.js +1 -1
- package/commonjs/Banner/index.js +1 -3
- package/commonjs/Banner/styles.js +1 -1
- package/commonjs/Box/styles.js +1 -1
- package/commonjs/Breadcrumb/index.js +2 -5
- package/commonjs/Button/index.js +1 -4
- package/commonjs/Button/styles.js +0 -1
- package/commonjs/Card/index.js +1 -3
- package/commonjs/Card/styles.js +3 -3
- package/commonjs/CharacterCounter/index.js +1 -3
- package/commonjs/CharacterCounter/styles.js +1 -1
- package/commonjs/ChartLegend/index.js +1 -3
- package/commonjs/ChartLegend/styles.js +3 -3
- package/commonjs/Checkbox/index.js +1 -3
- package/commonjs/Checkbox/styles.js +1 -1
- package/commonjs/Collapsible/index.js +2 -5
- package/commonjs/DatePicker/DateRangePicker.js +1 -3
- package/commonjs/DatePicker/SingleDatePicker.js +1 -3
- package/commonjs/DatePicker/StatefulDateRangePicker.js +1 -3
- package/commonjs/DatePicker/StatefulSingleDatePicker.js +1 -3
- package/commonjs/DatePicker/common.js +1 -1
- package/commonjs/DatePicker/styles.js +1 -1
- package/commonjs/Drawer/SlideTransition.js +1 -3
- package/commonjs/Drawer/index.js +4 -9
- package/commonjs/Drawer/styles.js +2 -2
- package/commonjs/EmptyState/index.js +1 -3
- package/commonjs/Fieldset/index.js +3 -7
- package/commonjs/FormField/index.js +1 -3
- package/commonjs/Icon/index.js +2 -5
- package/commonjs/Icon/styles.js +1 -1
- package/commonjs/Image/index.js +1 -3
- package/commonjs/Image/styles.js +1 -1
- package/commonjs/Indicator/index.js +1 -3
- package/commonjs/Input/index.js +123 -31
- package/commonjs/Input/styles.js +3 -3
- package/commonjs/KeyboardKey/index.js +1 -3
- package/commonjs/Label/index.js +2 -4
- package/commonjs/Link/index.js +1 -3
- package/commonjs/Link/styles.js +1 -1
- package/commonjs/Listbox/index.js +4 -7
- package/commonjs/Loader/index.js +1 -3
- package/commonjs/Loader/styles.js +2 -2
- package/commonjs/LoaderButton/index.js +1 -3
- package/commonjs/Menu/constants.js +1 -1
- package/commonjs/Menu/descendants.js +7 -10
- package/commonjs/Menu/hooks.js +1 -1
- package/commonjs/Menu/index.js +6 -12
- package/commonjs/Menu/styles.js +2 -2
- package/commonjs/Message/index.js +1 -3
- package/commonjs/Message/styles.js +1 -1
- package/commonjs/Modal/index.js +3 -7
- package/commonjs/Modal/styles.js +2 -4
- package/commonjs/Numeral/constants.js +1 -1
- package/commonjs/Numeral/index.js +1 -3
- package/commonjs/Numeral/styles.js +3 -3
- package/commonjs/OverflowList/styles.js +1 -1
- package/commonjs/Popout/index.js +3 -7
- package/commonjs/Popout/styles.js +1 -1
- package/commonjs/Radio/index.js +1 -3
- package/commonjs/Radio/styles.js +4 -4
- package/commonjs/SegmentedControl/index.js +2 -5
- package/commonjs/Select/index.js +1 -3
- package/commonjs/Stack/index.js +1 -3
- package/commonjs/Switch/index.js +1 -3
- package/commonjs/Switch/styles.js +1 -1
- package/commonjs/Table/index.js +5 -10
- package/commonjs/TableCell/index.js +1 -3
- package/commonjs/TableHeaderCell/index.js +1 -3
- package/commonjs/TableRowAccordion/index.js +1 -3
- package/commonjs/Tabs/index.js +2 -5
- package/commonjs/Tabs/styles.js +4 -4
- package/commonjs/Text/index.js +1 -3
- package/commonjs/Text/styles.js +1 -1
- package/commonjs/Textarea/index.js +1 -3
- package/commonjs/Toast/index.js +1 -1
- package/commonjs/Toast/styles.js +2 -2
- package/commonjs/ToggleHint/index.js +1 -3
- package/commonjs/Token/index.js +1 -3
- package/commonjs/Token/styles.js +1 -1
- package/commonjs/TokenInput/index.js +2 -4
- package/commonjs/Tooltip/index.js +2 -5
- package/commonjs/Tooltip/styles.js +1 -1
- package/commonjs/VisuallyHidden/index.js +1 -1
- package/commonjs/index.js +1 -1
- package/commonjs/themes/dark/decorative-palettes.js +1 -1
- package/commonjs/themes/dark/theme.js +5 -2
- package/commonjs/themes/light/decorative-palettes.js +1 -1
- package/commonjs/themes/light/theme.js +5 -2
- package/commonjs/utils/hooks.js +2 -3
- package/commonjs/utils/mixins.js +1 -1
- package/commonjs/utils/system-props.js +1 -1
- package/dist/themes/dark/dark.scss +9 -6
- package/dist/themes/light/light.scss +99 -96
- package/lib/Avatar/index.js +4 -7
- package/lib/Badge/index.js +1 -3
- package/lib/Badge/styles.js +1 -1
- package/lib/Banner/index.js +1 -3
- package/lib/Banner/styles.js +1 -1
- package/lib/Box/styles.js +1 -1
- package/lib/Breadcrumb/index.js +2 -5
- package/lib/Button/index.js +1 -4
- package/lib/Button/styles.js +0 -1
- package/lib/Card/index.js +1 -3
- package/lib/Card/styles.js +2 -2
- package/lib/CharacterCounter/index.js +1 -3
- package/lib/CharacterCounter/styles.js +1 -1
- package/lib/ChartLegend/index.js +1 -3
- package/lib/ChartLegend/styles.js +3 -3
- package/lib/Checkbox/index.js +1 -3
- package/lib/Collapsible/index.js +2 -5
- package/lib/DatePicker/DateRangePicker.js +1 -3
- package/lib/DatePicker/SingleDatePicker.js +1 -3
- package/lib/DatePicker/StatefulDateRangePicker.js +1 -3
- package/lib/DatePicker/StatefulSingleDatePicker.js +1 -3
- package/lib/DatePicker/styles.js +1 -1
- package/lib/Drawer/SlideTransition.js +1 -3
- package/lib/Drawer/index.js +4 -9
- package/lib/Drawer/styles.js +2 -2
- package/lib/EmptyState/index.js +1 -3
- package/lib/Fieldset/index.js +3 -7
- package/lib/FormField/index.js +1 -3
- package/lib/Icon/index.js +2 -5
- package/lib/Icon/styles.js +1 -1
- package/lib/Image/index.js +1 -3
- package/lib/Image/styles.js +1 -1
- package/lib/Indicator/index.js +1 -3
- package/lib/Input/index.js +117 -32
- package/lib/Input/styles.js +3 -3
- package/lib/KeyboardKey/index.js +1 -3
- package/lib/Label/index.js +2 -4
- package/lib/Link/index.js +1 -3
- package/lib/Link/styles.js +1 -1
- package/lib/Listbox/index.js +3 -6
- package/lib/Loader/index.js +1 -3
- package/lib/Loader/styles.js +2 -2
- package/lib/LoaderButton/index.js +1 -3
- package/lib/Menu/descendants.js +2 -5
- package/lib/Menu/index.js +5 -10
- package/lib/Menu/styles.js +2 -2
- package/lib/Message/index.js +1 -3
- package/lib/Modal/index.js +3 -7
- package/lib/Modal/styles.js +1 -3
- package/lib/Numeral/index.js +1 -3
- package/lib/Numeral/styles.js +2 -2
- package/lib/OverflowList/styles.js +1 -1
- package/lib/Popout/index.js +3 -7
- package/lib/Popout/styles.js +1 -1
- package/lib/Radio/index.js +1 -3
- package/lib/Radio/styles.js +4 -4
- package/lib/SegmentedControl/index.js +2 -5
- package/lib/Select/index.js +1 -3
- package/lib/Stack/index.js +1 -3
- package/lib/Switch/index.js +1 -3
- package/lib/Switch/styles.js +1 -1
- package/lib/Table/index.js +4 -9
- package/lib/TableCell/index.js +1 -3
- package/lib/TableHeaderCell/index.js +1 -3
- package/lib/TableRowAccordion/index.js +1 -3
- package/lib/Tabs/index.js +2 -5
- package/lib/Tabs/styles.js +3 -3
- package/lib/Text/index.js +1 -3
- package/lib/Text/styles.js +1 -1
- package/lib/Textarea/index.js +1 -3
- package/lib/Toast/styles.js +2 -2
- package/lib/ToggleHint/index.js +1 -3
- package/lib/Token/index.js +1 -3
- package/lib/Token/styles.js +1 -1
- package/lib/TokenInput/index.js +2 -4
- package/lib/Tooltip/index.js +2 -5
- package/lib/Tooltip/styles.js +1 -1
- package/lib/VisuallyHidden/index.js +1 -1
- package/lib/themes/dark/theme.js +4 -1
- package/lib/themes/light/theme.js +4 -1
- package/package.json +20 -24
- package/bin/buildNpm.js +0 -58
package/lib/Card/styles.js
CHANGED
|
@@ -3,7 +3,7 @@ import Button from "../Button";
|
|
|
3
3
|
import Box from "../Box";
|
|
4
4
|
var Container = styled(Box).withConfig({
|
|
5
5
|
displayName: "styles__Container",
|
|
6
|
-
componentId: "
|
|
6
|
+
componentId: "p098yi-0"
|
|
7
7
|
})(["width:100%;border-radius:", ";position:relative;z-index:0;::after{content:\"\";top:0;left:0;position:absolute;border-radius:", ";z-index:-1;width:100%;height:100%;opacity:0;box-shadow:", ";transition:opacity ", " ", ";}&:hover{&::after{opacity:1;}}[role=\"button\"],[type=\"button\"],a{position:relative;}"], function (props) {
|
|
8
8
|
return props.theme.radii.outer;
|
|
9
9
|
}, function (props) {
|
|
@@ -17,6 +17,6 @@ var Container = styled(Box).withConfig({
|
|
|
17
17
|
});
|
|
18
18
|
var ClickableArea = styled(Button).withConfig({
|
|
19
19
|
displayName: "styles__ClickableArea",
|
|
20
|
-
componentId: "
|
|
20
|
+
componentId: "p098yi-1"
|
|
21
21
|
})(["position:absolute !important;top:0;bottom:0;left:0;right:0;width:100%;"]);
|
|
22
22
|
export { Container, ClickableArea };
|
|
@@ -1,5 +1,3 @@
|
|
|
1
|
-
var _excluded = ["size"];
|
|
2
|
-
|
|
3
1
|
function _extends() { _extends = Object.assign || 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); }
|
|
4
2
|
|
|
5
3
|
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; }
|
|
@@ -23,7 +21,7 @@ var CharacterCounter = /*#__PURE__*/function (_React$Component) {
|
|
|
23
21
|
_proto.render = function render() {
|
|
24
22
|
var _this$props = this.props,
|
|
25
23
|
size = _this$props.size,
|
|
26
|
-
rest = _objectWithoutPropertiesLoose(_this$props,
|
|
24
|
+
rest = _objectWithoutPropertiesLoose(_this$props, ["size"]);
|
|
27
25
|
|
|
28
26
|
var remaining = this.props.maxValue - this.props.currentValue;
|
|
29
27
|
return (
|
|
@@ -2,7 +2,7 @@ import styled, { css } from "styled-components";
|
|
|
2
2
|
import { COMMON } from "../utils/system-props";
|
|
3
3
|
var Container = styled.div.withConfig({
|
|
4
4
|
displayName: "styles__Container",
|
|
5
|
-
componentId: "
|
|
5
|
+
componentId: "do9szx-0"
|
|
6
6
|
})(["font-family:", ";", ";font-weight:", ";line-height:1;font-variant-numeric:tabular-nums;color:", ";", " ", ""], function (props) {
|
|
7
7
|
return props.theme.fontFamily;
|
|
8
8
|
}, function (props) {
|
package/lib/ChartLegend/index.js
CHANGED
|
@@ -1,5 +1,3 @@
|
|
|
1
|
-
var _excluded = ["legendLabels", "stacked", "theme"];
|
|
2
|
-
|
|
3
1
|
function _extends() { _extends = Object.assign || 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); }
|
|
4
2
|
|
|
5
3
|
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; }
|
|
@@ -34,7 +32,7 @@ var ChartLegend = function ChartLegend(props) {
|
|
|
34
32
|
stacked = props.stacked,
|
|
35
33
|
_props$theme = props.theme,
|
|
36
34
|
theme = _props$theme === void 0 ? "compare" : _props$theme,
|
|
37
|
-
rest = _objectWithoutPropertiesLoose(props,
|
|
35
|
+
rest = _objectWithoutPropertiesLoose(props, ["legendLabels", "stacked", "theme"]);
|
|
38
36
|
|
|
39
37
|
return /*#__PURE__*/React.createElement(Container, _extends({
|
|
40
38
|
inline: !stacked,
|
|
@@ -2,13 +2,13 @@ import styled, { css } from "styled-components";
|
|
|
2
2
|
import { COMMON, LAYOUT } from "../utils/system-props";
|
|
3
3
|
export var Label = styled.span.withConfig({
|
|
4
4
|
displayName: "styles__Label",
|
|
5
|
-
componentId: "
|
|
5
|
+
componentId: "se0ijc-0"
|
|
6
6
|
})(["display:flex;align-items:center;color:", ";white-space:nowrap;text-transform:capitalize;"], function (props) {
|
|
7
7
|
return props.theme.colors.text.subtext;
|
|
8
8
|
});
|
|
9
9
|
export var Swatch = styled.span.withConfig({
|
|
10
10
|
displayName: "styles__Swatch",
|
|
11
|
-
componentId: "
|
|
11
|
+
componentId: "se0ijc-1"
|
|
12
12
|
})(["margin-right:", ";width:", ";height:", ";border-radius:4px;", ""], function (props) {
|
|
13
13
|
return props.theme.space[300];
|
|
14
14
|
}, function (props) {
|
|
@@ -18,7 +18,7 @@ export var Swatch = styled.span.withConfig({
|
|
|
18
18
|
}, COMMON);
|
|
19
19
|
var Container = styled.div.withConfig({
|
|
20
20
|
displayName: "styles__Container",
|
|
21
|
-
componentId: "
|
|
21
|
+
componentId: "se0ijc-2"
|
|
22
22
|
})(["", " ", " ", ""], function (props) {
|
|
23
23
|
return props.inline && css(["display:flex;justify-content:center;", " + ", "{margin-left:", ";}"], Label, Label, function (props) {
|
|
24
24
|
return props.theme.space[450];
|
package/lib/Checkbox/index.js
CHANGED
|
@@ -1,5 +1,3 @@
|
|
|
1
|
-
var _excluded = ["id", "value", "name", "label", "checked", "disabled", "indeterminate", "onChange", "ariaLabel", "appearance", "qa", "tabIndex", "inputProps"];
|
|
2
|
-
|
|
3
1
|
function _extends() { _extends = Object.assign || 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); }
|
|
4
2
|
|
|
5
3
|
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; }
|
|
@@ -65,7 +63,7 @@ var Checkbox = /*#__PURE__*/function (_React$Component) {
|
|
|
65
63
|
tabIndex = _this$props.tabIndex,
|
|
66
64
|
_this$props$inputProp = _this$props.inputProps,
|
|
67
65
|
inputProps = _this$props$inputProp === void 0 ? {} : _this$props$inputProp,
|
|
68
|
-
rest = _objectWithoutPropertiesLoose(_this$props,
|
|
66
|
+
rest = _objectWithoutPropertiesLoose(_this$props, ["id", "value", "name", "label", "checked", "disabled", "indeterminate", "onChange", "ariaLabel", "appearance", "qa", "tabIndex", "inputProps"]);
|
|
69
67
|
|
|
70
68
|
var isPill = appearance === "pill"; // TODO: Refactor pill checkboxes to use fewer elements for performance gains
|
|
71
69
|
|
package/lib/Collapsible/index.js
CHANGED
|
@@ -1,6 +1,3 @@
|
|
|
1
|
-
var _excluded = ["children"],
|
|
2
|
-
_excluded2 = ["children"];
|
|
3
|
-
|
|
4
1
|
function _extends() { _extends = Object.assign || 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); }
|
|
5
2
|
|
|
6
3
|
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; }
|
|
@@ -51,7 +48,7 @@ var determineMaxHeight = function determineMaxHeight(isHidden, openHeight, compu
|
|
|
51
48
|
|
|
52
49
|
var Trigger = function Trigger(_ref2) {
|
|
53
50
|
var children = _ref2.children,
|
|
54
|
-
rest = _objectWithoutPropertiesLoose(_ref2,
|
|
51
|
+
rest = _objectWithoutPropertiesLoose(_ref2, ["children"]);
|
|
55
52
|
|
|
56
53
|
var _useContext = useContext(CollapsibleContext),
|
|
57
54
|
isOpen = _useContext.isOpen,
|
|
@@ -65,7 +62,7 @@ var Trigger = function Trigger(_ref2) {
|
|
|
65
62
|
|
|
66
63
|
var Panel = function Panel(_ref3) {
|
|
67
64
|
var children = _ref3.children,
|
|
68
|
-
rest = _objectWithoutPropertiesLoose(_ref3,
|
|
65
|
+
rest = _objectWithoutPropertiesLoose(_ref3, ["children"]);
|
|
69
66
|
|
|
70
67
|
var _useContext2 = useContext(CollapsibleContext),
|
|
71
68
|
isOpen = _useContext2.isOpen,
|
|
@@ -1,5 +1,3 @@
|
|
|
1
|
-
var _excluded = ["startDate", "endDate", "onDatesChange"];
|
|
2
|
-
|
|
3
1
|
function _extends() { _extends = Object.assign || 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); }
|
|
4
2
|
|
|
5
3
|
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,7 +11,7 @@ var DateRangePicker = function DateRangePicker(_ref) {
|
|
|
13
11
|
var startDate = _ref.startDate,
|
|
14
12
|
endDate = _ref.endDate,
|
|
15
13
|
onDatesChange = _ref.onDatesChange,
|
|
16
|
-
rest = _objectWithoutPropertiesLoose(_ref,
|
|
14
|
+
rest = _objectWithoutPropertiesLoose(_ref, ["startDate", "endDate", "onDatesChange"]);
|
|
17
15
|
|
|
18
16
|
return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(ReactDatesCssOverrides, null), /*#__PURE__*/React.createElement(DayPickerRangeController, _extends({
|
|
19
17
|
startDate: startDate,
|
|
@@ -1,5 +1,3 @@
|
|
|
1
|
-
var _excluded = ["onDateChange", "date"];
|
|
2
|
-
|
|
3
1
|
function _extends() { _extends = Object.assign || 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); }
|
|
4
2
|
|
|
5
3
|
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; }
|
|
@@ -12,7 +10,7 @@ import { commonDatePickerProps } from "./common";
|
|
|
12
10
|
var SingleDatePicker = function SingleDatePicker(_ref) {
|
|
13
11
|
var onDateChange = _ref.onDateChange,
|
|
14
12
|
date = _ref.date,
|
|
15
|
-
rest = _objectWithoutPropertiesLoose(_ref,
|
|
13
|
+
rest = _objectWithoutPropertiesLoose(_ref, ["onDateChange", "date"]);
|
|
16
14
|
|
|
17
15
|
return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(ReactDatesCssOverrides, null), /*#__PURE__*/React.createElement(DayPickerSingleDateController, _extends({
|
|
18
16
|
date: date,
|
|
@@ -1,5 +1,3 @@
|
|
|
1
|
-
var _excluded = ["startDate", "endDate", "onDatesChange", "onFocusChange"];
|
|
2
|
-
|
|
3
1
|
function _extends() { _extends = Object.assign || 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); }
|
|
4
2
|
|
|
5
3
|
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; }
|
|
@@ -12,7 +10,7 @@ export var StatefulDateRangePicker = function StatefulDateRangePicker(_ref) {
|
|
|
12
10
|
endDate = _ref.endDate,
|
|
13
11
|
onDatesChange = _ref.onDatesChange,
|
|
14
12
|
onFocusChange = _ref.onFocusChange,
|
|
15
|
-
rest = _objectWithoutPropertiesLoose(_ref,
|
|
13
|
+
rest = _objectWithoutPropertiesLoose(_ref, ["startDate", "endDate", "onDatesChange", "onFocusChange"]);
|
|
16
14
|
|
|
17
15
|
var _useState = useState({
|
|
18
16
|
startDate: startDate,
|
|
@@ -1,5 +1,3 @@
|
|
|
1
|
-
var _excluded = ["date", "onDateChange"];
|
|
2
|
-
|
|
3
1
|
function _extends() { _extends = Object.assign || 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); }
|
|
4
2
|
|
|
5
3
|
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; }
|
|
@@ -9,7 +7,7 @@ import SingleDatePicker from "./SingleDatePicker";
|
|
|
9
7
|
export var StatefulSingleDatePicker = function StatefulSingleDatePicker(_ref) {
|
|
10
8
|
var date = _ref.date,
|
|
11
9
|
onDateChange = _ref.onDateChange,
|
|
12
|
-
rest = _objectWithoutPropertiesLoose(_ref,
|
|
10
|
+
rest = _objectWithoutPropertiesLoose(_ref, ["date", "onDateChange"]);
|
|
13
11
|
|
|
14
12
|
var _useState = useState(date),
|
|
15
13
|
stateDate = _useState[0],
|
package/lib/DatePicker/styles.js
CHANGED
|
@@ -56,7 +56,7 @@ var shouldHaveRightPill = function shouldHaveRightPill(modifiers, day) {
|
|
|
56
56
|
|
|
57
57
|
export var CalendarDay = styled(Box).withConfig({
|
|
58
58
|
displayName: "styles__CalendarDay",
|
|
59
|
-
componentId: "
|
|
59
|
+
componentId: "fso9yi-0"
|
|
60
60
|
})(["", ";"], function (_ref) {
|
|
61
61
|
var modifiers = _ref.modifiers,
|
|
62
62
|
day = _ref.day,
|
|
@@ -1,5 +1,3 @@
|
|
|
1
|
-
var _excluded = ["isVisible", "children", "width", "direction"];
|
|
2
|
-
|
|
3
1
|
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; }
|
|
4
2
|
|
|
5
3
|
import * as React from "react";
|
|
@@ -10,7 +8,7 @@ export var SlideTransition = function SlideTransition(_ref) {
|
|
|
10
8
|
children = _ref.children,
|
|
11
9
|
width = _ref.width,
|
|
12
10
|
direction = _ref.direction,
|
|
13
|
-
rest = _objectWithoutPropertiesLoose(_ref,
|
|
11
|
+
rest = _objectWithoutPropertiesLoose(_ref, ["isVisible", "children", "width", "direction"]);
|
|
14
12
|
|
|
15
13
|
var offset = width * (direction === "left" ? -1 : 1);
|
|
16
14
|
var transitions = useTransition(isVisible, null, {
|
package/lib/Drawer/index.js
CHANGED
|
@@ -1,8 +1,3 @@
|
|
|
1
|
-
var _excluded = ["title", "children", "render"],
|
|
2
|
-
_excluded2 = ["children"],
|
|
3
|
-
_excluded3 = ["id", "style", "offset", "direction", "children", "disableCloseOnClickOutside", "onClose", "zIndex", "closeTargets"],
|
|
4
|
-
_excluded4 = ["children", "closeButtonLabel", "direction", "disableCloseOnClickOutside", "id", "isOpen", "offset", "onClose", "zIndex", "closeTargets"];
|
|
5
|
-
|
|
6
1
|
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; }
|
|
7
2
|
|
|
8
3
|
function _extends() { _extends = Object.assign || 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); }
|
|
@@ -58,7 +53,7 @@ var DrawerHeader = function DrawerHeader(_ref) {
|
|
|
58
53
|
title = _ref$title === void 0 ? "" : _ref$title,
|
|
59
54
|
children = _ref.children,
|
|
60
55
|
render = _ref.render,
|
|
61
|
-
rest = _objectWithoutPropertiesLoose(_ref,
|
|
56
|
+
rest = _objectWithoutPropertiesLoose(_ref, ["title", "children", "render"]);
|
|
62
57
|
|
|
63
58
|
var drawerContext = useContext(DrawerContext);
|
|
64
59
|
|
|
@@ -84,7 +79,7 @@ var DrawerHeader = function DrawerHeader(_ref) {
|
|
|
84
79
|
|
|
85
80
|
var DrawerContent = function DrawerContent(_ref2) {
|
|
86
81
|
var children = _ref2.children,
|
|
87
|
-
rest = _objectWithoutPropertiesLoose(_ref2,
|
|
82
|
+
rest = _objectWithoutPropertiesLoose(_ref2, ["children"]);
|
|
88
83
|
|
|
89
84
|
return (
|
|
90
85
|
/*#__PURE__*/
|
|
@@ -107,7 +102,7 @@ var Drawer = function Drawer(_ref3) {
|
|
|
107
102
|
onClose = _ref3.onClose,
|
|
108
103
|
zIndex = _ref3.zIndex,
|
|
109
104
|
closeTargets = _ref3.closeTargets,
|
|
110
|
-
rest = _objectWithoutPropertiesLoose(_ref3,
|
|
105
|
+
rest = _objectWithoutPropertiesLoose(_ref3, ["id", "style", "offset", "direction", "children", "disableCloseOnClickOutside", "onClose", "zIndex", "closeTargets"]);
|
|
111
106
|
|
|
112
107
|
var drawerRef = useRef(null);
|
|
113
108
|
useEffect(function () {
|
|
@@ -179,7 +174,7 @@ var DrawerContainer = function DrawerContainer(_ref4) {
|
|
|
179
174
|
zIndex = _ref4$zIndex === void 0 ? 7 : _ref4$zIndex,
|
|
180
175
|
_ref4$closeTargets = _ref4.closeTargets,
|
|
181
176
|
closeTargets = _ref4$closeTargets === void 0 ? [] : _ref4$closeTargets,
|
|
182
|
-
rest = _objectWithoutPropertiesLoose(_ref4,
|
|
177
|
+
rest = _objectWithoutPropertiesLoose(_ref4, ["children", "closeButtonLabel", "direction", "disableCloseOnClickOutside", "id", "isOpen", "offset", "onClose", "zIndex", "closeTargets"]);
|
|
183
178
|
|
|
184
179
|
return /*#__PURE__*/React.createElement(Portal, {
|
|
185
180
|
id: id
|
package/lib/Drawer/styles.js
CHANGED
|
@@ -3,11 +3,11 @@ import { COMMON } from "../utils/system-props";
|
|
|
3
3
|
import Box from "../Box";
|
|
4
4
|
export var Content = styled(Box).withConfig({
|
|
5
5
|
displayName: "styles__Content",
|
|
6
|
-
componentId: "
|
|
6
|
+
componentId: "bo5voc-0"
|
|
7
7
|
})(["overflow-y:auto;"]);
|
|
8
8
|
var Container = styled.div.withConfig({
|
|
9
9
|
displayName: "styles__Container",
|
|
10
|
-
componentId: "
|
|
10
|
+
componentId: "bo5voc-1"
|
|
11
11
|
})(["display:flex;flex-direction:column;position:fixed;top:0;height:100%;width:", "px;background-color:", ";box-shadow:", ";filter:blur(0);", " ", ""], function (props) {
|
|
12
12
|
return props.width;
|
|
13
13
|
}, function (props) {
|
package/lib/EmptyState/index.js
CHANGED
|
@@ -1,5 +1,3 @@
|
|
|
1
|
-
var _excluded = ["media", "headline", "subtext", "primaryAction", "secondaryAction"];
|
|
2
|
-
|
|
3
1
|
function _extends() { _extends = Object.assign || 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); }
|
|
4
2
|
|
|
5
3
|
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; }
|
|
@@ -14,7 +12,7 @@ var EmptyState = function EmptyState(_ref) {
|
|
|
14
12
|
subtext = _ref.subtext,
|
|
15
13
|
primaryAction = _ref.primaryAction,
|
|
16
14
|
secondaryAction = _ref.secondaryAction,
|
|
17
|
-
rest = _objectWithoutPropertiesLoose(_ref,
|
|
15
|
+
rest = _objectWithoutPropertiesLoose(_ref, ["media", "headline", "subtext", "primaryAction", "secondaryAction"]);
|
|
18
16
|
|
|
19
17
|
return (
|
|
20
18
|
/*#__PURE__*/
|
package/lib/Fieldset/index.js
CHANGED
|
@@ -1,7 +1,3 @@
|
|
|
1
|
-
var _excluded = ["layout", "label", "helperText", "children"],
|
|
2
|
-
_excluded2 = ["children"],
|
|
3
|
-
_excluded3 = ["children"];
|
|
4
|
-
|
|
5
1
|
function _extends() { _extends = Object.assign || 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); }
|
|
6
2
|
|
|
7
3
|
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; }
|
|
@@ -20,7 +16,7 @@ var Fieldset = function Fieldset(_ref) {
|
|
|
20
16
|
label = _ref.label,
|
|
21
17
|
helperText = _ref.helperText,
|
|
22
18
|
children = _ref.children,
|
|
23
|
-
rest = _objectWithoutPropertiesLoose(_ref,
|
|
19
|
+
rest = _objectWithoutPropertiesLoose(_ref, ["layout", "label", "helperText", "children"]);
|
|
24
20
|
|
|
25
21
|
return (
|
|
26
22
|
/*#__PURE__*/
|
|
@@ -43,7 +39,7 @@ var Fieldset = function Fieldset(_ref) {
|
|
|
43
39
|
|
|
44
40
|
var FieldsetLegend = function FieldsetLegend(_ref2) {
|
|
45
41
|
var children = _ref2.children,
|
|
46
|
-
rest = _objectWithoutPropertiesLoose(_ref2,
|
|
42
|
+
rest = _objectWithoutPropertiesLoose(_ref2, ["children"]);
|
|
47
43
|
|
|
48
44
|
return /*#__PURE__*/React.createElement(Text, _extends({
|
|
49
45
|
as: "legend",
|
|
@@ -56,7 +52,7 @@ var FieldsetLegend = function FieldsetLegend(_ref2) {
|
|
|
56
52
|
|
|
57
53
|
var FieldsetHelperText = function FieldsetHelperText(_ref3) {
|
|
58
54
|
var children = _ref3.children,
|
|
59
|
-
rest = _objectWithoutPropertiesLoose(_ref3,
|
|
55
|
+
rest = _objectWithoutPropertiesLoose(_ref3, ["children"]);
|
|
60
56
|
|
|
61
57
|
return /*#__PURE__*/React.createElement(Text, _extends({
|
|
62
58
|
as: "p",
|
package/lib/FormField/index.js
CHANGED
|
@@ -1,7 +1,5 @@
|
|
|
1
1
|
"no babel-plugin-flow-react-proptypes";
|
|
2
2
|
|
|
3
|
-
var _excluded = ["children", "error", "helperText", "id", "isInvalid", "label", "mb", "qa", "isLabelHidden"];
|
|
4
|
-
|
|
5
3
|
function _extends() { _extends = Object.assign || 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); }
|
|
6
4
|
|
|
7
5
|
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; }
|
|
@@ -29,7 +27,7 @@ var FormField = function FormField(_ref) {
|
|
|
29
27
|
qa = _ref.qa,
|
|
30
28
|
_ref$isLabelHidden = _ref.isLabelHidden,
|
|
31
29
|
isLabelHidden = _ref$isLabelHidden === void 0 ? false : _ref$isLabelHidden,
|
|
32
|
-
rest = _objectWithoutPropertiesLoose(_ref,
|
|
30
|
+
rest = _objectWithoutPropertiesLoose(_ref, ["children", "error", "helperText", "id", "isInvalid", "label", "mb", "qa", "isLabelHidden"]);
|
|
33
31
|
|
|
34
32
|
var _useState = useState(identifier || "FormField-" + idCounter++),
|
|
35
33
|
id = _useState[0];
|
package/lib/Icon/index.js
CHANGED
|
@@ -1,6 +1,3 @@
|
|
|
1
|
-
var _excluded = ["name", "size", "fixedWidth", "ariaLabel"],
|
|
2
|
-
_excluded2 = ["activeName", "inactiveName", "isActive", "size", "fixedWidth", "ariaLabel"];
|
|
3
|
-
|
|
4
1
|
function _extends() { _extends = Object.assign || 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); }
|
|
5
2
|
|
|
6
3
|
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; }
|
|
@@ -19,7 +16,7 @@ var Icon = function Icon(_ref) {
|
|
|
19
16
|
_ref$fixedWidth = _ref.fixedWidth,
|
|
20
17
|
fixedWidth = _ref$fixedWidth === void 0 ? false : _ref$fixedWidth,
|
|
21
18
|
ariaLabel = _ref.ariaLabel,
|
|
22
|
-
rest = _objectWithoutPropertiesLoose(_ref,
|
|
19
|
+
rest = _objectWithoutPropertiesLoose(_ref, ["name", "size", "fixedWidth", "ariaLabel"]);
|
|
23
20
|
|
|
24
21
|
var iconName = deprecatedIcons[name] || name;
|
|
25
22
|
var iconViewBox = iconViewBoxes[iconName];
|
|
@@ -60,7 +57,7 @@ var IconToggle = function IconToggle(_ref2) {
|
|
|
60
57
|
_ref2$fixedWidth = _ref2.fixedWidth,
|
|
61
58
|
fixedWidth = _ref2$fixedWidth === void 0 ? false : _ref2$fixedWidth,
|
|
62
59
|
ariaLabel = _ref2.ariaLabel,
|
|
63
|
-
rest = _objectWithoutPropertiesLoose(_ref2,
|
|
60
|
+
rest = _objectWithoutPropertiesLoose(_ref2, ["activeName", "inactiveName", "isActive", "size", "fixedWidth", "ariaLabel"]);
|
|
64
61
|
|
|
65
62
|
return (
|
|
66
63
|
/*#__PURE__*/
|
package/lib/Icon/styles.js
CHANGED
|
@@ -19,7 +19,7 @@ var Container = styled.span.attrs({
|
|
|
19
19
|
className: "Icon"
|
|
20
20
|
}).withConfig({
|
|
21
21
|
displayName: "styles__Container",
|
|
22
|
-
componentId: "
|
|
22
|
+
componentId: "x0vwa5-0"
|
|
23
23
|
})(["display:inline-block;color:inherit;vertical-align:middle;", " ", " ", ""], function (props) {
|
|
24
24
|
return stylesForSize(sizes[props.iconSize], props.fixedWidth);
|
|
25
25
|
}, COMMON, verticalAlign);
|
package/lib/Image/index.js
CHANGED
|
@@ -1,5 +1,3 @@
|
|
|
1
|
-
var _excluded = ["alt", "title", "onClick", "onError", "onLoad", "src", "qa"];
|
|
2
|
-
|
|
3
1
|
function _extends() { _extends = Object.assign || 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); }
|
|
4
2
|
|
|
5
3
|
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; }
|
|
@@ -87,7 +85,7 @@ var Image = /*#__PURE__*/function (_React$Component) {
|
|
|
87
85
|
onLoad = _this$props.onLoad,
|
|
88
86
|
src = _this$props.src,
|
|
89
87
|
qa = _this$props.qa,
|
|
90
|
-
rest = _objectWithoutPropertiesLoose(_this$props,
|
|
88
|
+
rest = _objectWithoutPropertiesLoose(_this$props, ["alt", "title", "onClick", "onError", "onLoad", "src", "qa"]);
|
|
91
89
|
|
|
92
90
|
return /*#__PURE__*/React.createElement(ImageContainer, _extends({
|
|
93
91
|
isLoading: !this.state.didLoad,
|
package/lib/Image/styles.js
CHANGED
|
@@ -5,7 +5,7 @@ var ImageContainer = styled.img.attrs({
|
|
|
5
5
|
className: "Image"
|
|
6
6
|
}).withConfig({
|
|
7
7
|
displayName: "styles__ImageContainer",
|
|
8
|
-
componentId: "
|
|
8
|
+
componentId: "ub2idf-0"
|
|
9
9
|
})(["display:block;", " ", " ", ""], function (props) {
|
|
10
10
|
return props.isLoading && css(["visibility:hidden;"]);
|
|
11
11
|
}, COMMON, LAYOUT);
|
package/lib/Indicator/index.js
CHANGED
|
@@ -1,5 +1,3 @@
|
|
|
1
|
-
var _excluded = ["tooltip"];
|
|
2
|
-
|
|
3
1
|
function _extends() { _extends = Object.assign || 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); }
|
|
4
2
|
|
|
5
3
|
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; }
|
|
@@ -24,7 +22,7 @@ var Indicator = /*#__PURE__*/function (_React$Component) {
|
|
|
24
22
|
_proto.render = function render() {
|
|
25
23
|
var _this$props = this.props,
|
|
26
24
|
tooltip = _this$props.tooltip,
|
|
27
|
-
rest = _objectWithoutPropertiesLoose(_this$props,
|
|
25
|
+
rest = _objectWithoutPropertiesLoose(_this$props, ["tooltip"]);
|
|
28
26
|
|
|
29
27
|
return /*#__PURE__*/React.createElement(Container, _extends({
|
|
30
28
|
"data-tip": tooltip,
|