flipper-ui 0.25.17 → 0.26.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.
- package/colors.js +3 -2
- package/core/Advertise.js +13 -36
- package/core/AutoComplete.js +12 -53
- package/core/Avatar.js +4 -12
- package/core/Badge.js +10 -21
- package/core/Box.js +11 -20
- package/core/Breadcrumb.js +0 -3
- package/core/Button.js +11 -32
- package/core/Card.js +27 -46
- package/core/Chapter.js +12 -47
- package/core/Checkbox.js +8 -27
- package/core/Chip.js +8 -19
- package/core/ChipField.js +5 -22
- package/core/Collapse.js +8 -17
- package/core/Container.js +10 -30
- package/core/Content.js +10 -30
- package/core/DataTable/DataTable.js +35 -72
- package/core/DataTable/DataTableAction.js +4 -9
- package/core/DataTable/DataTablePaginationActions.js +6 -20
- package/core/DataTable/DataTableQueryPaginated.js +32 -65
- package/core/DataTable/Rows.js +23 -56
- package/core/DataTable/index.js +4 -9
- package/core/DataTable/types.js +0 -2
- package/core/DataTable/usePaginated.js +10 -30
- package/core/DataTable/useRowsState.js +12 -37
- package/core/DateTime.js +22 -38
- package/core/Dialog.js +30 -97
- package/core/Divider.js +7 -16
- package/core/Drawer.js +9 -20
- package/core/EditableTable.js +26 -140
- package/core/ExpansionPanel.js +19 -47
- package/core/Fab.js +9 -18
- package/core/Fade.js +8 -17
- package/core/Grow.js +8 -17
- package/core/Header.js +10 -20
- package/core/IconButton.js +7 -16
- package/core/InputAdornment.js +2 -7
- package/core/InputBase.js +9 -18
- package/core/Line.js +8 -29
- package/core/Link.js +0 -3
- package/core/List.js +12 -24
- package/core/ListItem.js +7 -24
- package/core/MaskField.js +7 -23
- package/core/Menu.js +9 -18
- package/core/Node.js +13 -56
- package/core/Pagination.js +15 -49
- package/core/Paper.js +8 -17
- package/core/PinInput.js +18 -66
- package/core/Progress.js +8 -18
- package/core/Radio.js +6 -15
- package/core/RadioGroup.js +16 -29
- package/core/Select.js +12 -27
- package/core/Sidebar.js +32 -60
- package/core/Slide.js +10 -19
- package/core/Slider.js +8 -17
- package/core/Snackbar.js +21 -43
- package/core/Stepper.js +16 -38
- package/core/StylesProvider.js +0 -2
- package/core/Tab.js +12 -30
- package/core/Table.js +8 -18
- package/core/TableBody.js +7 -16
- package/core/TableCell.js +14 -27
- package/core/TableHead.js +16 -30
- package/core/TableRow.js +8 -18
- package/core/Tabs.js +14 -23
- package/core/TextField.js +28 -84
- package/core/ThemeProvider.js +2 -7
- package/core/Tooltip.js +9 -18
- package/core/Tree.js +6 -21
- package/core/Typography.js +10 -19
- package/core/Zoom.js +8 -17
- package/core/types.js +5 -1
- package/icons/index.js +0 -2
- package/index.js +30 -92
- package/lab/Autocomplete.js +17 -27
- package/lab/index.js +0 -2
- package/lib/localization.js +0 -4
- package/package.json +25 -14
- package/stories/Advertise.stories.js +1 -7
- package/stories/AutoComplete.stories.js +1 -15
- package/stories/AutoCompleteLab.stories.js +1 -10
- package/stories/Avatar.stories.js +1 -7
- package/stories/Badge.stories.js +1 -8
- package/stories/Box.stories.js +1 -7
- package/stories/Breadcrumb.stories.js +1 -8
- package/stories/Button.stories.js +3 -13
- package/stories/Card.stories.js +4 -10
- package/stories/Chapter.stories.js +1 -7
- package/stories/Checkbox.stories.js +1 -8
- package/stories/Chip.stories.js +3 -14
- package/stories/ChipField.stories.js +9 -20
- package/stories/Collapse.stories.js +10 -21
- package/stories/Container.stories.js +1 -7
- package/stories/Content.stories.js +1 -7
- package/stories/DataTable.stories.js +67 -124
- package/stories/DataTableQueryPaginated.stories.js +43 -108
- package/stories/Dialog.stories.js +13 -29
- package/stories/Divider.stories.js +1 -13
- package/stories/Drawer.stories.js +7 -19
- package/stories/EditTable.stories.js +1 -10
- package/stories/ExpansionPanel.stories.js +1 -10
- package/stories/Fab.stories.js +1 -7
- package/stories/Fade.stories.js +10 -20
- package/stories/Grow.stories.js +10 -20
- package/stories/Header.stories.js +1 -7
- package/stories/IconButton.stories.js +1 -8
- package/stories/InputAdornment.stories.js +1 -7
- package/stories/InputBase.stories.js +1 -7
- package/stories/Line.stories.js +1 -7
- package/stories/List.stories.js +1 -10
- package/stories/MaskField.stories.js +1 -9
- package/stories/Menu.stories.js +7 -19
- package/stories/Node.stories.js +1 -7
- package/stories/Pagination.stories.js +1 -7
- package/stories/Paper.stories.js +3 -15
- package/stories/PinInput.stories.js +25 -73
- package/stories/Progress.stories.js +3 -12
- package/stories/Radio.stories.js +3 -12
- package/stories/RadioGroup.stories.js +7 -14
- package/stories/Select.stories.js +10 -24
- package/stories/Sidebar.stories.js +1 -10
- package/stories/Slide.stories.js +10 -21
- package/stories/Slider.stories.js +1 -8
- package/stories/Snackbar.stories.js +11 -22
- package/stories/Stepper.stories.js +1 -8
- package/stories/Table.stories.js +1 -11
- package/stories/Tabs.stories.js +1 -8
- package/stories/TextField.stories.js +10 -26
- package/stories/Tooltip.stories.js +1 -10
- package/stories/Tree.stories.js +1 -7
- package/stories/Typography.stories.js +1 -7
- package/stories/Zooms.stories.js +10 -20
- package/tests/CheckBox.test.js +8 -17
package/colors.js
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.
|
|
6
|
+
exports.white = exports.warning = exports.transparent = exports.text = exports.success = exports.silver = exports.primary = exports.error = exports.black = exports.background = exports.GREY = exports.DARK = void 0;
|
|
7
7
|
var primary = {
|
|
8
8
|
dark: '#00695C',
|
|
9
9
|
light: '#B2DFDB',
|
|
@@ -37,8 +37,9 @@ var error = {
|
|
|
37
37
|
exports.error = error;
|
|
38
38
|
var warning = '#FFC107';
|
|
39
39
|
exports.warning = warning;
|
|
40
|
-
var success = '#4CAF50';
|
|
40
|
+
var success = '#4CAF50';
|
|
41
41
|
|
|
42
|
+
// Table gradient hover colors with opacity
|
|
42
43
|
exports.success = success;
|
|
43
44
|
var DARK = 'rgba(189,189,189,0)';
|
|
44
45
|
exports.DARK = DARK;
|
package/core/Advertise.js
CHANGED
|
@@ -1,61 +1,39 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports["default"] = void 0;
|
|
9
|
-
|
|
10
8
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
11
|
-
|
|
12
9
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
13
|
-
|
|
14
10
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
15
|
-
|
|
16
11
|
var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
|
|
17
|
-
|
|
18
12
|
var _react = _interopRequireDefault(require("react"));
|
|
19
|
-
|
|
20
13
|
var _colors = require("../colors");
|
|
21
|
-
|
|
22
14
|
var _Paper = _interopRequireDefault(require("./Paper"));
|
|
23
|
-
|
|
24
15
|
var _Typography = _interopRequireDefault(require("./Typography"));
|
|
25
|
-
|
|
26
16
|
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
31
|
-
|
|
32
|
-
function _templateObject() {
|
|
33
|
-
var data = (0, _taggedTemplateLiteral2["default"])(["\n display: flex;\n flex-direction: column;\n"]);
|
|
34
|
-
|
|
35
|
-
_templateObject = function _templateObject() {
|
|
36
|
-
return data;
|
|
37
|
-
};
|
|
38
|
-
|
|
39
|
-
return data;
|
|
40
|
-
}
|
|
41
|
-
|
|
17
|
+
var _excluded = ["comment", "author", "padding", "commentStyle", "authorStyle"];
|
|
18
|
+
var _templateObject;
|
|
19
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
20
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
42
21
|
var styles = {
|
|
43
22
|
border: {
|
|
44
23
|
borderLeft: "1px solid ".concat(_colors.background.dark)
|
|
45
24
|
}
|
|
46
25
|
};
|
|
47
|
-
var Paper = (0, _styledComponents["default"])(_Paper["default"])(_templateObject());
|
|
48
|
-
|
|
26
|
+
var Paper = (0, _styledComponents["default"])(_Paper["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n display: flex;\n flex-direction: column;\n"])));
|
|
49
27
|
var Advertise = function Advertise(_ref) {
|
|
50
28
|
var comment = _ref.comment,
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
29
|
+
author = _ref.author,
|
|
30
|
+
_ref$padding = _ref.padding,
|
|
31
|
+
padding = _ref$padding === void 0 ? 4 : _ref$padding,
|
|
32
|
+
_ref$commentStyle = _ref.commentStyle,
|
|
33
|
+
commentStyle = _ref$commentStyle === void 0 ? {} : _ref$commentStyle,
|
|
34
|
+
_ref$authorStyle = _ref.authorStyle,
|
|
35
|
+
authorStyle = _ref$authorStyle === void 0 ? {} : _ref$authorStyle,
|
|
36
|
+
otherProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
|
|
59
37
|
return /*#__PURE__*/_react["default"].createElement(Paper, (0, _extends2["default"])({
|
|
60
38
|
padding: padding
|
|
61
39
|
}, otherProps), /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
|
|
@@ -69,6 +47,5 @@ var Advertise = function Advertise(_ref) {
|
|
|
69
47
|
style: _objectSpread(_objectSpread({}, styles.border), authorStyle)
|
|
70
48
|
}, author));
|
|
71
49
|
};
|
|
72
|
-
|
|
73
50
|
var _default = Advertise;
|
|
74
51
|
exports["default"] = _default;
|
package/core/AutoComplete.js
CHANGED
|
@@ -1,59 +1,44 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
|
|
4
|
-
|
|
5
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
6
|
-
|
|
4
|
+
var _typeof3 = require("@babel/runtime/helpers/typeof");
|
|
7
5
|
Object.defineProperty(exports, "__esModule", {
|
|
8
6
|
value: true
|
|
9
7
|
});
|
|
10
8
|
exports["default"] = void 0;
|
|
11
|
-
|
|
12
9
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
13
|
-
|
|
14
10
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
15
|
-
|
|
16
11
|
var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
|
|
17
|
-
|
|
18
12
|
var _react = _interopRequireWildcard(require("react"));
|
|
19
|
-
|
|
20
13
|
var _Paper = _interopRequireDefault(require("./Paper"));
|
|
21
|
-
|
|
22
14
|
var _Fade = _interopRequireDefault(require("./Fade"));
|
|
23
|
-
|
|
24
|
-
function
|
|
25
|
-
|
|
26
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
27
|
-
|
|
15
|
+
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); }
|
|
16
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof3(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; }
|
|
17
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
18
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
28
19
|
var removeAccents = function removeAccents(text) {
|
|
29
20
|
return text.normalize('NFD').replace(/[\u0300-\u036f]/g, '');
|
|
30
21
|
};
|
|
31
|
-
|
|
32
22
|
var AutoComplete = function AutoComplete(props) {
|
|
33
23
|
var inputRef = (0, _react.useRef)(null);
|
|
34
24
|
var index = props.suggestions.findIndex(function (suggestion) {
|
|
35
25
|
if (props.value && (0, _typeof2["default"])(props.value) === 'object') {
|
|
36
26
|
return props.value.value === suggestion.value;
|
|
37
27
|
}
|
|
38
|
-
|
|
39
28
|
return false;
|
|
40
29
|
});
|
|
41
|
-
|
|
42
30
|
var _useState = (0, _react.useState)(Math.max(0, index)),
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
31
|
+
_useState2 = (0, _slicedToArray2["default"])(_useState, 2),
|
|
32
|
+
highlighted = _useState2[0],
|
|
33
|
+
setHighlighted = _useState2[1];
|
|
47
34
|
var _useState3 = (0, _react.useState)(Boolean(props.defaultIsOpen)),
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
35
|
+
_useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
|
|
36
|
+
open = _useState4[0],
|
|
37
|
+
setOpen = _useState4[1];
|
|
52
38
|
(0, _react.useEffect)(function () {
|
|
53
39
|
if (props.autoFocus) {
|
|
54
40
|
if (inputRef.current) {
|
|
55
41
|
inputRef.current.focus();
|
|
56
|
-
|
|
57
42
|
if (props.openOnFocus) {
|
|
58
43
|
setOpen(true);
|
|
59
44
|
}
|
|
@@ -63,7 +48,6 @@ var AutoComplete = function AutoComplete(props) {
|
|
|
63
48
|
if (inputRef.current) {
|
|
64
49
|
inputRef.current.focus();
|
|
65
50
|
}
|
|
66
|
-
|
|
67
51
|
if (props.openOnFocus) {
|
|
68
52
|
setOpen(true);
|
|
69
53
|
}
|
|
@@ -71,58 +55,45 @@ var AutoComplete = function AutoComplete(props) {
|
|
|
71
55
|
}
|
|
72
56
|
}, []);
|
|
73
57
|
var inputValue = (0, _typeof2["default"])(props.value) === 'object' ? props.value.label : props.value || '';
|
|
74
|
-
|
|
75
58
|
var handleSelect = function handleSelect(item) {
|
|
76
59
|
if ((0, _typeof2["default"])(item) === 'object' && item.subheader) {
|
|
77
60
|
return;
|
|
78
61
|
}
|
|
79
|
-
|
|
80
62
|
setOpen(false);
|
|
81
63
|
props.onChange(item);
|
|
82
64
|
};
|
|
83
|
-
|
|
84
65
|
var getSuggestions = function getSuggestions() {
|
|
85
66
|
var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : inputValue;
|
|
86
|
-
|
|
87
67
|
if (props.openOnFocus && !value) {
|
|
88
68
|
return props.suggestions;
|
|
89
69
|
}
|
|
90
|
-
|
|
91
70
|
var items = value ? props.suggestions : [];
|
|
92
71
|
return items.filter(function (item) {
|
|
93
72
|
if (!item.subheader) {
|
|
94
73
|
return props.caseSensitive ? removeAccents(item.label).includes(removeAccents(value)) : removeAccents(item.label).toLocaleLowerCase().includes(removeAccents(value).toLocaleLowerCase());
|
|
95
74
|
}
|
|
96
|
-
|
|
97
75
|
return true;
|
|
98
76
|
});
|
|
99
77
|
};
|
|
100
|
-
|
|
101
78
|
(0, _react.useEffect)(function () {
|
|
102
79
|
var isFocused = inputRef && inputRef.current ? document.activeElement === inputRef.current : false;
|
|
103
80
|
var isSearching = props.value && typeof props.value === 'string';
|
|
104
81
|
var hasSuggestions = getSuggestions().length > 0;
|
|
105
|
-
|
|
106
82
|
if (isSearching && hasSuggestions && isFocused) {
|
|
107
83
|
setOpen(true);
|
|
108
84
|
}
|
|
109
85
|
}, [getSuggestions(), props.value]);
|
|
110
|
-
|
|
111
86
|
var getPaperPosition = function getPaperPosition() {
|
|
112
87
|
if (inputRef.current !== null) {
|
|
113
88
|
var height = props.maxHeight || getSuggestions().length * 48;
|
|
114
|
-
|
|
115
89
|
var _inputRef$current$get = inputRef.current.getBoundingClientRect(),
|
|
116
|
-
|
|
117
|
-
|
|
90
|
+
top = _inputRef$current$get.top;
|
|
118
91
|
if (top + height > window.innerHeight) {
|
|
119
92
|
return 'above';
|
|
120
93
|
}
|
|
121
94
|
}
|
|
122
|
-
|
|
123
95
|
return 'below';
|
|
124
96
|
};
|
|
125
|
-
|
|
126
97
|
var getItemProps = function getItemProps(item) {
|
|
127
98
|
return {
|
|
128
99
|
onClick: function onClick(event) {
|
|
@@ -132,40 +103,32 @@ var AutoComplete = function AutoComplete(props) {
|
|
|
132
103
|
}
|
|
133
104
|
};
|
|
134
105
|
};
|
|
135
|
-
|
|
136
106
|
var handleFocus = function handleFocus(event) {
|
|
137
107
|
if (props.openOnFocus) {
|
|
138
108
|
setOpen(true);
|
|
139
109
|
}
|
|
140
|
-
|
|
141
110
|
if (props.selectTextOnFocus && event.target) {
|
|
142
111
|
var input = event.target;
|
|
143
|
-
|
|
144
112
|
if (input.select) {
|
|
145
113
|
input.select();
|
|
146
114
|
}
|
|
147
115
|
}
|
|
148
|
-
|
|
149
116
|
if (props.onFocus) {
|
|
150
117
|
props.onFocus(event);
|
|
151
118
|
}
|
|
152
119
|
};
|
|
153
|
-
|
|
154
120
|
var handleBlur = function handleBlur(event) {
|
|
155
121
|
setTimeout(function () {
|
|
156
122
|
return setOpen(false);
|
|
157
123
|
}, 200);
|
|
158
|
-
|
|
159
124
|
if (props.onBlur) {
|
|
160
125
|
props.onBlur(event);
|
|
161
126
|
}
|
|
162
127
|
};
|
|
163
|
-
|
|
164
128
|
var handleChange = function handleChange(event) {
|
|
165
129
|
setHighlighted(0);
|
|
166
130
|
props.onChange(event.target.value);
|
|
167
131
|
};
|
|
168
|
-
|
|
169
132
|
var renderSuggestions = function renderSuggestions() {
|
|
170
133
|
var paperStyle = {
|
|
171
134
|
position: 'absolute',
|
|
@@ -187,13 +150,11 @@ var AutoComplete = function AutoComplete(props) {
|
|
|
187
150
|
}, props.renderSuggestion(suggestion, getItemProps(suggestion), highlighted === index));
|
|
188
151
|
})), props.actions);
|
|
189
152
|
};
|
|
190
|
-
|
|
191
153
|
var renderPaper = function renderPaper() {
|
|
192
154
|
return props.fade ? /*#__PURE__*/_react["default"].createElement(_Fade["default"], {
|
|
193
155
|
"in": open
|
|
194
156
|
}, renderSuggestions()) : renderSuggestions();
|
|
195
157
|
};
|
|
196
|
-
|
|
197
158
|
var handleNavigate = function handleNavigate(event) {
|
|
198
159
|
if (event.key === 'ArrowDown' && highlighted < getSuggestions().length - 1) {
|
|
199
160
|
setHighlighted(highlighted + 1);
|
|
@@ -206,7 +167,6 @@ var AutoComplete = function AutoComplete(props) {
|
|
|
206
167
|
handleSelect(item);
|
|
207
168
|
}
|
|
208
169
|
};
|
|
209
|
-
|
|
210
170
|
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
211
171
|
style: _objectSpread({
|
|
212
172
|
position: 'relative'
|
|
@@ -222,6 +182,5 @@ var AutoComplete = function AutoComplete(props) {
|
|
|
222
182
|
onKeyDown: handleNavigate
|
|
223
183
|
}), open && renderPaper());
|
|
224
184
|
};
|
|
225
|
-
|
|
226
185
|
var _default = AutoComplete;
|
|
227
186
|
exports["default"] = _default;
|
package/core/Avatar.js
CHANGED
|
@@ -1,22 +1,16 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports["default"] = void 0;
|
|
9
|
-
|
|
10
8
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
11
|
-
|
|
12
9
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
13
|
-
|
|
14
10
|
var _Avatar = _interopRequireDefault(require("@material-ui/core/Avatar"));
|
|
15
|
-
|
|
16
11
|
var _styles = require("@material-ui/core/styles");
|
|
17
|
-
|
|
18
12
|
var _react = _interopRequireDefault(require("react"));
|
|
19
|
-
|
|
13
|
+
var _excluded = ["children", "primary", "className"];
|
|
20
14
|
var useStyles = (0, _styles.makeStyles)(function (theme) {
|
|
21
15
|
return (0, _styles.createStyles)({
|
|
22
16
|
primary: {
|
|
@@ -24,17 +18,15 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
|
|
|
24
18
|
}
|
|
25
19
|
});
|
|
26
20
|
});
|
|
27
|
-
|
|
28
21
|
var Avatar = function Avatar(_ref) {
|
|
29
22
|
var children = _ref.children,
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
23
|
+
primary = _ref.primary,
|
|
24
|
+
className = _ref.className,
|
|
25
|
+
otherProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
|
|
33
26
|
var classes = useStyles();
|
|
34
27
|
return /*#__PURE__*/_react["default"].createElement(_Avatar["default"], (0, _extends2["default"])({}, otherProps, {
|
|
35
28
|
className: "".concat(className, " ").concat(primary ? classes['primary'] : '')
|
|
36
29
|
}), children);
|
|
37
30
|
};
|
|
38
|
-
|
|
39
31
|
var _default = Avatar;
|
|
40
32
|
exports["default"] = _default;
|
package/core/Badge.js
CHANGED
|
@@ -1,44 +1,34 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports["default"] = void 0;
|
|
9
|
-
|
|
10
8
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
11
|
-
|
|
12
9
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
13
|
-
|
|
14
10
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
15
|
-
|
|
16
11
|
var _Badge = _interopRequireDefault(require("@material-ui/core/Badge"));
|
|
17
|
-
|
|
18
12
|
var _react = _interopRequireDefault(require("react"));
|
|
19
|
-
|
|
20
13
|
var _styles = require("@material-ui/core/styles");
|
|
21
|
-
|
|
22
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object);
|
|
23
|
-
|
|
24
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
25
|
-
|
|
14
|
+
var _excluded = ["children", "counter", "padding", "margin", "position", "style"];
|
|
15
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
16
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
26
17
|
var useBadgeStyles = function useBadgeStyles(position) {
|
|
27
18
|
var getStyles = (0, _styles.makeStyles)({
|
|
28
19
|
badge: _objectSpread({}, position)
|
|
29
20
|
});
|
|
30
21
|
return getStyles();
|
|
31
22
|
};
|
|
32
|
-
|
|
33
23
|
var Badge = function Badge(props) {
|
|
34
24
|
var children = props.children,
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
25
|
+
counter = props.counter,
|
|
26
|
+
padding = props.padding,
|
|
27
|
+
margin = props.margin,
|
|
28
|
+
position = props.position,
|
|
29
|
+
_props$style = props.style,
|
|
30
|
+
style = _props$style === void 0 ? {} : _props$style,
|
|
31
|
+
otherProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
|
|
42
32
|
var classes = useBadgeStyles(position);
|
|
43
33
|
return counter ? /*#__PURE__*/_react["default"].createElement(_Badge["default"], (0, _extends2["default"])({
|
|
44
34
|
badgeContent: counter,
|
|
@@ -49,6 +39,5 @@ var Badge = function Badge(props) {
|
|
|
49
39
|
}, style)
|
|
50
40
|
}, otherProps), children) : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, children);
|
|
51
41
|
};
|
|
52
|
-
|
|
53
42
|
var _default = Badge;
|
|
54
43
|
exports["default"] = _default;
|
package/core/Box.js
CHANGED
|
@@ -1,36 +1,28 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports["default"] = void 0;
|
|
9
|
-
|
|
10
8
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
11
|
-
|
|
12
9
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
13
|
-
|
|
14
10
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
15
|
-
|
|
16
11
|
var _react = _interopRequireDefault(require("react"));
|
|
17
|
-
|
|
18
12
|
var _Paper = _interopRequireDefault(require("./Paper"));
|
|
19
|
-
|
|
20
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object);
|
|
21
|
-
|
|
22
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
23
|
-
|
|
13
|
+
var _excluded = ["children", "margin", "padding", "style", "minHeight"];
|
|
14
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
15
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
24
16
|
var Box = function Box(_ref) {
|
|
25
17
|
var children = _ref.children,
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
18
|
+
margin = _ref.margin,
|
|
19
|
+
_ref$padding = _ref.padding,
|
|
20
|
+
padding = _ref$padding === void 0 ? 18 : _ref$padding,
|
|
21
|
+
_ref$style = _ref.style,
|
|
22
|
+
style = _ref$style === void 0 ? {} : _ref$style,
|
|
23
|
+
_ref$minHeight = _ref.minHeight,
|
|
24
|
+
minHeight = _ref$minHeight === void 0 ? 400 : _ref$minHeight,
|
|
25
|
+
otherProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
|
|
34
26
|
return /*#__PURE__*/_react["default"].createElement(_Paper["default"], (0, _extends2["default"])({
|
|
35
27
|
padding: padding,
|
|
36
28
|
margin: margin,
|
|
@@ -39,6 +31,5 @@ var Box = function Box(_ref) {
|
|
|
39
31
|
}, style)
|
|
40
32
|
}, otherProps), children);
|
|
41
33
|
};
|
|
42
|
-
|
|
43
34
|
var _default = Box;
|
|
44
35
|
exports["default"] = _default;
|
package/core/Breadcrumb.js
CHANGED
|
@@ -1,13 +1,10 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports["default"] = void 0;
|
|
9
|
-
|
|
10
8
|
var _Breadcrumbs = _interopRequireDefault(require("@material-ui/core/Breadcrumbs"));
|
|
11
|
-
|
|
12
9
|
var _default = _Breadcrumbs["default"];
|
|
13
10
|
exports["default"] = _default;
|
package/core/Button.js
CHANGED
|
@@ -1,54 +1,34 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports["default"] = void 0;
|
|
9
|
-
|
|
10
8
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
11
|
-
|
|
12
9
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
13
|
-
|
|
14
10
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
15
|
-
|
|
16
11
|
var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
|
|
17
|
-
|
|
18
12
|
var _Button = _interopRequireDefault(require("@material-ui/core/Button"));
|
|
19
|
-
|
|
20
13
|
var _react = _interopRequireDefault(require("react"));
|
|
21
|
-
|
|
22
14
|
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
27
|
-
|
|
28
|
-
function _templateObject() {
|
|
29
|
-
var data = (0, _taggedTemplateLiteral2["default"])(["\n border-style: ", ";\n opacity: ", ";\n"]);
|
|
30
|
-
|
|
31
|
-
_templateObject = function _templateObject() {
|
|
32
|
-
return data;
|
|
33
|
-
};
|
|
34
|
-
|
|
35
|
-
return data;
|
|
36
|
-
}
|
|
37
|
-
|
|
38
|
-
var StyledButton = (0, _styledComponents["default"])(_Button["default"])(_templateObject(), function (props) {
|
|
15
|
+
var _excluded = ["children", "margin", "padding", "style", "variant"];
|
|
16
|
+
var _templateObject;
|
|
17
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
18
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
19
|
+
var StyledButton = (0, _styledComponents["default"])(_Button["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n border-style: ", ";\n opacity: ", ";\n"])), function (props) {
|
|
39
20
|
return props.dashed === 'true' ? 'dashed !important' : 'initial';
|
|
40
21
|
}, function (props) {
|
|
41
22
|
return props.selected ? 0.5 : 1;
|
|
42
23
|
});
|
|
43
|
-
|
|
44
24
|
var Button = function Button(_ref) {
|
|
45
25
|
var children = _ref.children,
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
26
|
+
margin = _ref.margin,
|
|
27
|
+
padding = _ref.padding,
|
|
28
|
+
_ref$style = _ref.style,
|
|
29
|
+
style = _ref$style === void 0 ? {} : _ref$style,
|
|
30
|
+
variant = _ref.variant,
|
|
31
|
+
otherProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
|
|
52
32
|
return /*#__PURE__*/_react["default"].createElement(StyledButton, (0, _extends2["default"])({}, otherProps, {
|
|
53
33
|
dashed: variant === 'dashed' ? 'true' : 'false',
|
|
54
34
|
variant: variant === 'dashed' ? 'outlined' : variant,
|
|
@@ -58,6 +38,5 @@ var Button = function Button(_ref) {
|
|
|
58
38
|
}, style)
|
|
59
39
|
}), children);
|
|
60
40
|
};
|
|
61
|
-
|
|
62
41
|
var _default = Button;
|
|
63
42
|
exports["default"] = _default;
|