flipper-ui 0.25.17 → 0.26.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/.babelrc.js +119 -0
- package/.eslintignore +1 -0
- package/.eslintrc.json +209 -0
- package/.github/workflows/build.yml +25 -0
- package/.github/workflows/publish-s3.yml +27 -0
- package/.github/workflows/release.yml +24 -0
- package/.prettierrc +8 -0
- package/.storybook/main.js +10 -0
- package/.storybook/preview-head.html +1 -0
- package/.storybook/preview.js +9 -0
- package/.tool-versions +1 -0
- package/.vscode/settings.json +21 -0
- package/.vscode/snippets/typescriptreact.json +89 -0
- package/.wakatime-project +1 -0
- package/{colors.d.ts → dist/colors.d.ts} +0 -0
- package/{colors.js → dist/colors.js} +3 -2
- package/{core → dist/core}/Advertise.d.ts +0 -0
- package/{core → dist/core}/Advertise.js +13 -36
- package/{core → dist/core}/AutoComplete.d.ts +0 -0
- package/{core → dist/core}/AutoComplete.js +12 -53
- package/{core → dist/core}/Avatar.d.ts +0 -0
- package/{core → dist/core}/Avatar.js +4 -12
- package/{core → dist/core}/Badge.d.ts +0 -0
- package/{core → dist/core}/Badge.js +10 -21
- package/{core → dist/core}/Box.d.ts +0 -0
- package/dist/core/Box.js +35 -0
- package/{core → dist/core}/Breadcrumb.d.ts +0 -0
- package/{core → dist/core}/Breadcrumb.js +0 -3
- package/{core → dist/core}/Button.d.ts +0 -0
- package/{core → dist/core}/Button.js +11 -32
- package/{core → dist/core}/Card.d.ts +0 -0
- package/{core → dist/core}/Card.js +27 -46
- package/{core → dist/core}/Chapter.d.ts +0 -0
- package/{core → dist/core}/Chapter.js +12 -47
- package/{core → dist/core}/Checkbox.d.ts +0 -0
- package/{core → dist/core}/Checkbox.js +8 -27
- package/{core → dist/core}/Chip.d.ts +0 -0
- package/{core → dist/core}/Chip.js +8 -19
- package/{core → dist/core}/ChipField.d.ts +0 -0
- package/dist/core/ChipField.js +30 -0
- package/{core → dist/core}/Collapse.d.ts +0 -0
- package/{core → dist/core}/Collapse.js +8 -17
- package/{core → dist/core}/Container.d.ts +0 -0
- package/{core → dist/core}/Container.js +10 -30
- package/{core → dist/core}/Content.d.ts +0 -0
- package/{core → dist/core}/Content.js +10 -30
- package/{core → dist/core}/DataTable/DataTable.d.ts +0 -0
- package/{core → dist/core}/DataTable/DataTable.js +35 -72
- package/{core → dist/core}/DataTable/DataTableAction.d.ts +0 -0
- package/{core → dist/core}/DataTable/DataTableAction.js +4 -9
- package/{core → dist/core}/DataTable/DataTablePaginationActions.d.ts +0 -0
- package/{core → dist/core}/DataTable/DataTablePaginationActions.js +6 -20
- package/{core → dist/core}/DataTable/DataTableQueryPaginated.d.ts +0 -0
- package/{core → dist/core}/DataTable/DataTableQueryPaginated.js +32 -65
- package/{core → dist/core}/DataTable/Rows.d.ts +0 -0
- package/{core → dist/core}/DataTable/Rows.js +23 -56
- package/{core → dist/core}/DataTable/index.d.ts +0 -0
- package/{core → dist/core}/DataTable/index.js +4 -9
- package/{core → dist/core}/DataTable/types.d.ts +0 -0
- package/{core → dist/core}/DataTable/types.js +0 -2
- package/{core → dist/core}/DataTable/usePaginated.d.ts +0 -0
- package/{core → dist/core}/DataTable/usePaginated.js +10 -30
- package/{core → dist/core}/DataTable/useRowsState.d.ts +0 -0
- package/{core → dist/core}/DataTable/useRowsState.js +12 -37
- package/{core → dist/core}/DateTime.d.ts +0 -0
- package/{core → dist/core}/DateTime.js +22 -38
- package/{core → dist/core}/Dialog.d.ts +0 -0
- package/{core → dist/core}/Dialog.js +30 -97
- package/{core → dist/core}/Divider.d.ts +0 -0
- package/{core → dist/core}/Divider.js +7 -16
- package/{core → dist/core}/Drawer.d.ts +0 -0
- package/{core → dist/core}/Drawer.js +9 -20
- package/{core → dist/core}/EditableTable.d.ts +0 -0
- package/{core → dist/core}/EditableTable.js +26 -140
- package/{core → dist/core}/ExpansionPanel.d.ts +0 -0
- package/{core → dist/core}/ExpansionPanel.js +19 -47
- package/{core → dist/core}/Fab.d.ts +0 -0
- package/{core → dist/core}/Fab.js +9 -18
- package/{core → dist/core}/Fade.d.ts +0 -0
- package/{core → dist/core}/Fade.js +8 -17
- package/{core → dist/core}/Grow.d.ts +0 -0
- package/{core → dist/core}/Grow.js +8 -17
- package/{core → dist/core}/Header.d.ts +0 -0
- package/{core → dist/core}/Header.js +10 -20
- package/{core → dist/core}/IconButton.d.ts +0 -0
- package/{core → dist/core}/IconButton.js +7 -16
- package/{core → dist/core}/InputAdornment.d.ts +0 -0
- package/{core → dist/core}/InputAdornment.js +2 -7
- package/{core → dist/core}/InputBase.d.ts +0 -0
- package/{core → dist/core}/InputBase.js +9 -18
- package/{core → dist/core}/Line.d.ts +0 -0
- package/{core → dist/core}/Line.js +8 -29
- package/{core → dist/core}/Link.d.ts +0 -0
- package/{core → dist/core}/Link.js +0 -3
- package/{core → dist/core}/List.d.ts +0 -0
- package/{core → dist/core}/List.js +12 -24
- package/{core → dist/core}/ListItem.d.ts +0 -0
- package/{core → dist/core}/ListItem.js +7 -24
- package/{core → dist/core}/MaskField.d.ts +0 -0
- package/{core → dist/core}/MaskField.js +7 -23
- package/{core → dist/core}/Menu.d.ts +0 -0
- package/{core → dist/core}/Menu.js +9 -18
- package/{core → dist/core}/Node.d.ts +0 -0
- package/{core → dist/core}/Node.js +13 -56
- package/{core → dist/core}/Pagination.d.ts +0 -0
- package/{core → dist/core}/Pagination.js +15 -49
- package/{core → dist/core}/Paper.d.ts +0 -0
- package/{core → dist/core}/Paper.js +8 -17
- package/{core → dist/core}/PinInput.d.ts +0 -0
- package/{core → dist/core}/PinInput.js +18 -66
- package/{core → dist/core}/Progress.d.ts +0 -0
- package/{core → dist/core}/Progress.js +8 -18
- package/{core → dist/core}/Radio.d.ts +0 -0
- package/{core → dist/core}/Radio.js +6 -15
- package/{core → dist/core}/RadioGroup.d.ts +0 -0
- package/{core → dist/core}/RadioGroup.js +16 -29
- package/{core → dist/core}/Select.d.ts +0 -0
- package/{core → dist/core}/Select.js +12 -27
- package/{core → dist/core}/Sidebar.d.ts +0 -0
- package/{core → dist/core}/Sidebar.js +32 -60
- package/{core → dist/core}/Slide.d.ts +0 -0
- package/{core → dist/core}/Slide.js +10 -19
- package/{core → dist/core}/Slider.d.ts +0 -0
- package/{core → dist/core}/Slider.js +8 -17
- package/{core → dist/core}/Snackbar.d.ts +0 -0
- package/{core → dist/core}/Snackbar.js +21 -43
- package/{core → dist/core}/Stepper.d.ts +0 -0
- package/{core → dist/core}/Stepper.js +16 -38
- package/{core → dist/core}/StylesProvider.d.ts +0 -0
- package/{core → dist/core}/StylesProvider.js +0 -2
- package/{core → dist/core}/Tab.d.ts +0 -0
- package/{core → dist/core}/Tab.js +12 -30
- package/{core → dist/core}/Table.d.ts +0 -0
- package/{core → dist/core}/Table.js +8 -18
- package/{core → dist/core}/TableBody.d.ts +0 -0
- package/{core → dist/core}/TableBody.js +7 -16
- package/{core → dist/core}/TableCell.d.ts +0 -0
- package/dist/core/TableCell.js +50 -0
- package/{core → dist/core}/TableHead.d.ts +0 -0
- package/dist/core/TableHead.js +75 -0
- package/{core → dist/core}/TableRow.d.ts +0 -0
- package/{core → dist/core}/TableRow.js +8 -18
- package/{core → dist/core}/Tabs.d.ts +0 -0
- package/dist/core/Tabs.js +41 -0
- package/{core → dist/core}/TextField.d.ts +0 -0
- package/{core → dist/core}/TextField.js +28 -84
- package/{core → dist/core}/ThemeProvider.d.ts +0 -0
- package/{core → dist/core}/ThemeProvider.js +2 -7
- package/{core → dist/core}/Tooltip.d.ts +0 -0
- package/{core → dist/core}/Tooltip.js +9 -18
- package/{core → dist/core}/Tree.d.ts +0 -0
- package/{core → dist/core}/Tree.js +6 -21
- package/{core → dist/core}/Typography.d.ts +0 -0
- package/{core → dist/core}/Typography.js +10 -19
- package/{core → dist/core}/Zoom.d.ts +0 -0
- package/{core → dist/core}/Zoom.js +8 -17
- package/{core → dist/core}/types.d.ts +0 -0
- package/dist/core/types.js +5 -0
- package/{icons → dist/icons}/index.d.ts +0 -0
- package/{icons → dist/icons}/index.js +0 -2
- package/{index.d.ts → dist/index.d.ts} +0 -0
- package/{index.js → dist/index.js} +30 -92
- package/{lab → dist/lab}/Autocomplete.d.ts +0 -0
- package/{lab → dist/lab}/Autocomplete.js +17 -27
- package/{lab → dist/lab}/index.d.ts +0 -0
- package/{lab → dist/lab}/index.js +0 -2
- package/{lib → dist/lib}/localization.d.ts +0 -0
- package/{lib → dist/lib}/localization.js +0 -4
- package/{stories → dist/stories}/Advertise.stories.js +1 -7
- package/{stories → dist/stories}/AutoComplete.stories.js +1 -15
- package/{stories → dist/stories}/AutoCompleteLab.stories.js +1 -10
- package/{stories → dist/stories}/Avatar.stories.js +1 -7
- package/{stories → dist/stories}/Badge.stories.js +1 -8
- package/{stories → dist/stories}/Box.stories.js +1 -7
- package/{stories → dist/stories}/Breadcrumb.stories.js +1 -8
- package/{stories → dist/stories}/Button.stories.js +3 -13
- package/{stories → dist/stories}/Card.stories.js +4 -10
- package/{stories → dist/stories}/Chapter.stories.js +1 -7
- package/{stories → dist/stories}/Checkbox.stories.js +1 -8
- package/{stories → dist/stories}/Chip.stories.js +3 -14
- package/dist/stories/ChipField.stories.js +49 -0
- package/{stories → dist/stories}/Collapse.stories.js +10 -21
- package/{stories → dist/stories}/Container.stories.js +1 -7
- package/{stories → dist/stories}/Content.stories.js +1 -7
- package/{stories → dist/stories}/DataTable.stories.js +67 -124
- package/{stories → dist/stories}/DataTableQueryPaginated.stories.js +43 -108
- package/{stories → dist/stories}/Dialog.stories.js +13 -29
- package/{stories → dist/stories}/Divider.stories.js +1 -13
- package/{stories → dist/stories}/Drawer.stories.js +7 -19
- package/{stories → dist/stories}/EditTable.stories.js +1 -10
- package/{stories → dist/stories}/ExpansionPanel.stories.js +1 -10
- package/{stories → dist/stories}/Fab.stories.js +1 -7
- package/dist/stories/Fade.stories.js +44 -0
- package/dist/stories/Grow.stories.js +53 -0
- package/{stories → dist/stories}/Header.stories.js +1 -7
- package/{stories → dist/stories}/IconButton.stories.js +1 -8
- package/{stories → dist/stories}/InputAdornment.stories.js +1 -7
- package/{stories → dist/stories}/InputBase.stories.js +1 -7
- package/{stories → dist/stories}/Line.stories.js +1 -7
- package/{stories → dist/stories}/List.stories.js +1 -10
- package/{stories → dist/stories}/MaskField.stories.js +1 -9
- package/{stories → dist/stories}/Menu.stories.js +7 -19
- package/{stories → dist/stories}/Node.stories.js +1 -7
- package/{stories → dist/stories}/Pagination.stories.js +1 -7
- package/{stories → dist/stories}/Paper.stories.js +3 -15
- package/{stories → dist/stories}/PinInput.stories.js +25 -73
- package/{stories → dist/stories}/Progress.stories.js +3 -12
- package/{stories → dist/stories}/Radio.stories.js +3 -12
- package/dist/stories/RadioGroup.stories.js +40 -0
- package/{stories → dist/stories}/Select.stories.js +10 -24
- package/{stories → dist/stories}/Sidebar.stories.js +1 -10
- package/{stories → dist/stories}/Slide.stories.js +10 -21
- package/{stories → dist/stories}/Slider.stories.js +1 -8
- package/{stories → dist/stories}/Snackbar.stories.js +11 -22
- package/{stories → dist/stories}/Stepper.stories.js +1 -8
- package/{stories → dist/stories}/Table.stories.js +1 -11
- package/{stories → dist/stories}/Tabs.stories.js +1 -8
- package/{stories → dist/stories}/TextField.stories.js +10 -26
- package/{stories → dist/stories}/Tooltip.stories.js +1 -10
- package/{stories → dist/stories}/Tree.stories.js +1 -7
- package/{stories → dist/stories}/Typography.stories.js +1 -7
- package/dist/stories/Zooms.stories.js +44 -0
- package/dist/tests/CheckBox.test.js +33 -0
- package/logo.png +0 -0
- package/package.json +18 -13
- package/pre-publish.js +14 -0
- package/tsconfig.json +23 -0
- package/core/Box.js +0 -44
- package/core/ChipField.js +0 -47
- package/core/TableCell.js +0 -63
- package/core/TableHead.js +0 -89
- package/core/Tabs.js +0 -50
- package/core/types.js +0 -1
- package/stories/ChipField.stories.js +0 -60
- package/stories/Fade.stories.js +0 -54
- package/stories/Grow.stories.js +0 -63
- package/stories/RadioGroup.stories.js +0 -47
- package/stories/Zooms.stories.js +0 -54
- package/tests/CheckBox.test.js +0 -42
|
@@ -1,45 +1,30 @@
|
|
|
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 _typeof = require("@babel/runtime/helpers/typeof");
|
|
7
5
|
Object.defineProperty(exports, "__esModule", {
|
|
8
6
|
value: true
|
|
9
7
|
});
|
|
10
|
-
exports.
|
|
11
|
-
|
|
8
|
+
exports.StatefulRow = exports.NewRow = void 0;
|
|
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 _types = require("./types");
|
|
17
|
-
|
|
18
12
|
var _TextField = _interopRequireDefault(require("../TextField"));
|
|
19
|
-
|
|
20
13
|
var _MaskField = _interopRequireDefault(require("../MaskField"));
|
|
21
|
-
|
|
22
14
|
var _DateTime = _interopRequireDefault(require("../DateTime"));
|
|
23
|
-
|
|
24
15
|
var _react = _interopRequireWildcard(require("react"));
|
|
25
|
-
|
|
26
16
|
var _TableCell = _interopRequireDefault(require("@material-ui/core/TableCell"));
|
|
27
|
-
|
|
28
17
|
var _TableRow = _interopRequireDefault(require("@material-ui/core/TableRow"));
|
|
29
|
-
|
|
30
|
-
function
|
|
31
|
-
|
|
32
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
33
|
-
|
|
18
|
+
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); }
|
|
19
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(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; }
|
|
20
|
+
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; }
|
|
21
|
+
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; }
|
|
34
22
|
var isEditable = function isEditable(column) {
|
|
35
23
|
return column.type === 'actions' || column.editable;
|
|
36
24
|
};
|
|
37
|
-
|
|
38
25
|
var renderEditMode = function renderEditMode(column, row, updateRow, errors) {
|
|
39
26
|
var _errors$row$id, _column$type;
|
|
40
|
-
|
|
41
27
|
var isNew = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
|
|
42
|
-
|
|
43
28
|
if (column.type === 'actions') {
|
|
44
29
|
return column.renderCell({
|
|
45
30
|
data: row,
|
|
@@ -47,9 +32,7 @@ var renderEditMode = function renderEditMode(column, row, updateRow, errors) {
|
|
|
47
32
|
isNew: isNew
|
|
48
33
|
});
|
|
49
34
|
}
|
|
50
|
-
|
|
51
35
|
var hasError = errors === null || errors === void 0 ? void 0 : (_errors$row$id = errors[row.id]) === null || _errors$row$id === void 0 ? void 0 : _errors$row$id.has(column.field);
|
|
52
|
-
|
|
53
36
|
if (column.renderCell) {
|
|
54
37
|
var _value = row[column.field];
|
|
55
38
|
return column.renderCell({
|
|
@@ -60,7 +43,6 @@ var renderEditMode = function renderEditMode(column, row, updateRow, errors) {
|
|
|
60
43
|
value: _value
|
|
61
44
|
});
|
|
62
45
|
}
|
|
63
|
-
|
|
64
46
|
if (column.type === 'datetime') {
|
|
65
47
|
var date = row[column.field];
|
|
66
48
|
return /*#__PURE__*/_react["default"].createElement(_DateTime["default"], {
|
|
@@ -74,7 +56,6 @@ var renderEditMode = function renderEditMode(column, row, updateRow, errors) {
|
|
|
74
56
|
}
|
|
75
57
|
});
|
|
76
58
|
}
|
|
77
|
-
|
|
78
59
|
if ((_column$type = column.type) !== null && _column$type !== void 0 && _column$type.includes('numeric')) {
|
|
79
60
|
var decimalScale = column.type === 'numeric-int' ? 0 : 2;
|
|
80
61
|
var numeric = row[column.field];
|
|
@@ -93,7 +74,6 @@ var renderEditMode = function renderEditMode(column, row, updateRow, errors) {
|
|
|
93
74
|
}
|
|
94
75
|
});
|
|
95
76
|
}
|
|
96
|
-
|
|
97
77
|
var type = column.type === 'number' ? 'number' : 'text';
|
|
98
78
|
var value = row[column.field];
|
|
99
79
|
return /*#__PURE__*/_react["default"].createElement(_TextField["default"], {
|
|
@@ -107,19 +87,15 @@ var renderEditMode = function renderEditMode(column, row, updateRow, errors) {
|
|
|
107
87
|
}
|
|
108
88
|
});
|
|
109
89
|
};
|
|
110
|
-
|
|
111
90
|
var renderViewMode = function renderViewMode(column, row) {
|
|
112
91
|
var _column$getValue;
|
|
113
|
-
|
|
114
92
|
if (column.type === 'actions') {
|
|
115
93
|
return column.renderCell({
|
|
116
94
|
data: row,
|
|
117
95
|
rowMode: _types.RowMode.View
|
|
118
96
|
});
|
|
119
97
|
}
|
|
120
|
-
|
|
121
98
|
var rawValue = row[column.field];
|
|
122
|
-
|
|
123
99
|
if (column.renderCell) {
|
|
124
100
|
return column.renderCell({
|
|
125
101
|
data: row,
|
|
@@ -127,24 +103,20 @@ var renderViewMode = function renderViewMode(column, row) {
|
|
|
127
103
|
value: rawValue
|
|
128
104
|
});
|
|
129
105
|
}
|
|
130
|
-
|
|
131
106
|
return ((_column$getValue = column.getValue) === null || _column$getValue === void 0 ? void 0 : _column$getValue.call(column, rawValue)) || rawValue;
|
|
132
107
|
};
|
|
133
|
-
|
|
134
108
|
var StatefulRow = function StatefulRow(_ref) {
|
|
135
109
|
var data = _ref.data,
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
110
|
+
mode = _ref.mode,
|
|
111
|
+
errors = _ref.errors,
|
|
112
|
+
columns = _ref.columns,
|
|
113
|
+
onUpdate = _ref.onUpdate;
|
|
141
114
|
var _useState = (0, _react.useState)(function () {
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
115
|
+
return data;
|
|
116
|
+
}),
|
|
117
|
+
_useState2 = (0, _slicedToArray2["default"])(_useState, 2),
|
|
118
|
+
editableState = _useState2[0],
|
|
119
|
+
setEditableState = _useState2[1];
|
|
148
120
|
var partialUpdate = (0, _react.useCallback)(function (field, value) {
|
|
149
121
|
setEditableState(function (values) {
|
|
150
122
|
return _objectSpread(_objectSpread({}, values), {}, (0, _defineProperty2["default"])({}, "".concat(field), value));
|
|
@@ -161,22 +133,18 @@ var StatefulRow = function StatefulRow(_ref) {
|
|
|
161
133
|
}, mode === _types.RowMode.Edit && isEditable(column) ? renderEditMode(column, editableState, partialUpdate, errors) : renderViewMode(column, data));
|
|
162
134
|
}));
|
|
163
135
|
};
|
|
164
|
-
|
|
165
136
|
exports.StatefulRow = StatefulRow;
|
|
166
|
-
|
|
167
137
|
var NewRow = function NewRow(_ref2) {
|
|
168
138
|
var data = _ref2.data,
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
139
|
+
columns = _ref2.columns,
|
|
140
|
+
errors = _ref2.errors,
|
|
141
|
+
onUpdate = _ref2.onUpdate;
|
|
173
142
|
var _useState3 = (0, _react.useState)(function () {
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
143
|
+
return data;
|
|
144
|
+
}),
|
|
145
|
+
_useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
|
|
146
|
+
editableState = _useState4[0],
|
|
147
|
+
setEditableState = _useState4[1];
|
|
180
148
|
var partialUpdate = (0, _react.useCallback)(function (field, value) {
|
|
181
149
|
setEditableState(function (values) {
|
|
182
150
|
return _objectSpread(_objectSpread({}, values), {}, (0, _defineProperty2["default"])({}, field, value));
|
|
@@ -191,5 +159,4 @@ var NewRow = function NewRow(_ref2) {
|
|
|
191
159
|
}, isEditable(column) ? renderEditMode(column, editableState, partialUpdate, errors, true) : renderViewMode(column, editableState));
|
|
192
160
|
}));
|
|
193
161
|
};
|
|
194
|
-
|
|
195
162
|
exports.NewRow = NewRow;
|
|
File without changes
|
|
@@ -1,14 +1,13 @@
|
|
|
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
|
-
Object.defineProperty(exports, "
|
|
7
|
+
Object.defineProperty(exports, "DataTableAction", {
|
|
9
8
|
enumerable: true,
|
|
10
9
|
get: function get() {
|
|
11
|
-
return
|
|
10
|
+
return _DataTableAction.DataTableAction;
|
|
12
11
|
}
|
|
13
12
|
});
|
|
14
13
|
Object.defineProperty(exports, "DataTableQueryPaginated", {
|
|
@@ -23,17 +22,13 @@ Object.defineProperty(exports, "RowMode", {
|
|
|
23
22
|
return _types.RowMode;
|
|
24
23
|
}
|
|
25
24
|
});
|
|
26
|
-
Object.defineProperty(exports, "
|
|
25
|
+
Object.defineProperty(exports, "default", {
|
|
27
26
|
enumerable: true,
|
|
28
27
|
get: function get() {
|
|
29
|
-
return
|
|
28
|
+
return _DataTable["default"];
|
|
30
29
|
}
|
|
31
30
|
});
|
|
32
|
-
|
|
33
31
|
var _DataTable = _interopRequireDefault(require("./DataTable"));
|
|
34
|
-
|
|
35
32
|
var _DataTableQueryPaginated = _interopRequireDefault(require("./DataTableQueryPaginated"));
|
|
36
|
-
|
|
37
33
|
var _types = require("./types");
|
|
38
|
-
|
|
39
34
|
var _DataTableAction = require("./DataTableAction");
|
|
File without changes
|
|
@@ -4,11 +4,9 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.RowMode = void 0;
|
|
7
|
-
|
|
8
7
|
/* eslint-disable @typescript-eslint/interface-name-prefix */
|
|
9
8
|
var RowMode;
|
|
10
9
|
exports.RowMode = RowMode;
|
|
11
|
-
|
|
12
10
|
(function (RowMode) {
|
|
13
11
|
RowMode[RowMode["View"] = 0] = "View";
|
|
14
12
|
RowMode[RowMode["Edit"] = 1] = "Edit";
|
|
File without changes
|
|
@@ -1,31 +1,20 @@
|
|
|
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.usePaginated = exports.generateRandomDate = void 0;
|
|
9
|
-
|
|
10
8
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
11
|
-
|
|
12
9
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
13
|
-
|
|
14
10
|
var _faker = _interopRequireDefault(require("faker"));
|
|
15
|
-
|
|
16
11
|
var _splitEvery = _interopRequireDefault(require("ramda/es/splitEvery"));
|
|
17
|
-
|
|
18
12
|
var _react = require("react");
|
|
19
|
-
|
|
20
13
|
var _uuid = require("uuid");
|
|
21
|
-
|
|
22
|
-
function
|
|
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
|
+
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; }
|
|
26
16
|
var generateRandomDate = function generateRandomDate(size) {
|
|
27
17
|
var content = [];
|
|
28
|
-
|
|
29
18
|
for (var i = 0; i < size; i++) {
|
|
30
19
|
content.push({
|
|
31
20
|
id: (0, _uuid.v4)(),
|
|
@@ -41,10 +30,8 @@ var generateRandomDate = function generateRandomDate(size) {
|
|
|
41
30
|
date: _faker["default"].date.recent(2)
|
|
42
31
|
});
|
|
43
32
|
}
|
|
44
|
-
|
|
45
33
|
return content;
|
|
46
34
|
};
|
|
47
|
-
|
|
48
35
|
exports.generateRandomDate = generateRandomDate;
|
|
49
36
|
var MOCK_DELAY_VALUE = 1000;
|
|
50
37
|
var DEFAULT_PAGE_SIZE = 5;
|
|
@@ -56,18 +43,15 @@ var INITIAL_STATE = {
|
|
|
56
43
|
actualPage: 0,
|
|
57
44
|
totalItens: 0
|
|
58
45
|
};
|
|
59
|
-
|
|
60
46
|
var usePaginated = function usePaginated() {
|
|
61
47
|
var _useState = (0, _react.useState)(INITIAL_STATE),
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
48
|
+
_useState2 = (0, _slicedToArray2["default"])(_useState, 2),
|
|
49
|
+
state = _useState2[0],
|
|
50
|
+
setState = _useState2[1];
|
|
66
51
|
var _useState3 = (0, _react.useState)(true),
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
52
|
+
_useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
|
|
53
|
+
loading = _useState4[0],
|
|
54
|
+
setLoading = _useState4[1];
|
|
71
55
|
var splitData = (0, _react.useMemo)(function () {
|
|
72
56
|
return (0, _splitEvery["default"])(state.size, mockData);
|
|
73
57
|
}, [state.size]);
|
|
@@ -104,7 +88,6 @@ var usePaginated = function usePaginated() {
|
|
|
104
88
|
});
|
|
105
89
|
});
|
|
106
90
|
}, [state.actualPage]);
|
|
107
|
-
|
|
108
91
|
var handleChangePage = function handleChangePage(newPage) {
|
|
109
92
|
setLoading(true);
|
|
110
93
|
setState(function (prev) {
|
|
@@ -116,7 +99,6 @@ var usePaginated = function usePaginated() {
|
|
|
116
99
|
setLoading(false);
|
|
117
100
|
}, MOCK_DELAY_VALUE);
|
|
118
101
|
};
|
|
119
|
-
|
|
120
102
|
var handleChangePerPage = function handleChangePerPage(value) {
|
|
121
103
|
setLoading(true);
|
|
122
104
|
setState(function (prev) {
|
|
@@ -127,9 +109,9 @@ var usePaginated = function usePaginated() {
|
|
|
127
109
|
setTimeout(function () {
|
|
128
110
|
setLoading(false);
|
|
129
111
|
}, MOCK_DELAY_VALUE);
|
|
130
|
-
};
|
|
131
|
-
|
|
112
|
+
};
|
|
132
113
|
|
|
114
|
+
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
133
115
|
var setData = function setData(data) {
|
|
134
116
|
setState(function (prev) {
|
|
135
117
|
return _objectSpread(_objectSpread({}, prev), {}, {
|
|
@@ -137,7 +119,6 @@ var usePaginated = function usePaginated() {
|
|
|
137
119
|
});
|
|
138
120
|
});
|
|
139
121
|
};
|
|
140
|
-
|
|
141
122
|
return {
|
|
142
123
|
data: state.items,
|
|
143
124
|
setData: setData,
|
|
@@ -149,5 +130,4 @@ var usePaginated = function usePaginated() {
|
|
|
149
130
|
loading: loading
|
|
150
131
|
};
|
|
151
132
|
};
|
|
152
|
-
|
|
153
133
|
exports.usePaginated = usePaginated;
|
|
File without changes
|
|
@@ -1,52 +1,38 @@
|
|
|
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.useRowsState = void 0;
|
|
9
|
-
|
|
10
8
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
11
|
-
|
|
12
9
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
13
|
-
|
|
14
10
|
var _react = require("react");
|
|
15
|
-
|
|
16
11
|
var _types = require("./types");
|
|
17
|
-
|
|
18
|
-
function
|
|
19
|
-
|
|
20
|
-
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; }
|
|
21
|
-
|
|
22
|
-
function _createForOfIteratorHelper(o, allowArrayLike) { var it; if (typeof Symbol === "undefined" || o[Symbol.iterator] == null) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = o[Symbol.iterator](); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
|
|
23
|
-
|
|
12
|
+
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; }
|
|
13
|
+
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; }
|
|
14
|
+
function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
|
|
24
15
|
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
25
|
-
|
|
26
16
|
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
|
|
27
|
-
|
|
28
17
|
var useRowsState = function useRowsState(rows, newRow) {
|
|
29
18
|
var _useState = (0, _react.useState)(function () {
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
19
|
+
return {
|
|
20
|
+
internal: new Map()
|
|
21
|
+
};
|
|
22
|
+
}),
|
|
23
|
+
_useState2 = (0, _slicedToArray2["default"])(_useState, 2),
|
|
24
|
+
state = _useState2[0],
|
|
25
|
+
setState = _useState2[1];
|
|
38
26
|
|
|
27
|
+
// TODO: lazy inicialization
|
|
39
28
|
(0, _react.useEffect)(function () {
|
|
40
29
|
var nextState = new Map();
|
|
41
|
-
|
|
42
30
|
var _iterator = _createForOfIteratorHelper(rows),
|
|
43
|
-
|
|
44
|
-
|
|
31
|
+
_step;
|
|
45
32
|
try {
|
|
46
33
|
for (_iterator.s(); !(_step = _iterator.n()).done;) {
|
|
47
34
|
var row = _step.value;
|
|
48
35
|
var elem = state.internal.get(row.id);
|
|
49
|
-
|
|
50
36
|
if (elem) {
|
|
51
37
|
nextState.set(row.id, elem);
|
|
52
38
|
} else {
|
|
@@ -63,7 +49,6 @@ var useRowsState = function useRowsState(rows, newRow) {
|
|
|
63
49
|
} finally {
|
|
64
50
|
_iterator.f();
|
|
65
51
|
}
|
|
66
|
-
|
|
67
52
|
if (newRow !== null && newRow !== void 0 && newRow.id) {
|
|
68
53
|
nextState.set(newRow.id, {
|
|
69
54
|
editableState: _objectSpread({}, newRow),
|
|
@@ -71,7 +56,6 @@ var useRowsState = function useRowsState(rows, newRow) {
|
|
|
71
56
|
stackView: []
|
|
72
57
|
});
|
|
73
58
|
}
|
|
74
|
-
|
|
75
59
|
setState({
|
|
76
60
|
internal: nextState
|
|
77
61
|
});
|
|
@@ -79,11 +63,9 @@ var useRowsState = function useRowsState(rows, newRow) {
|
|
|
79
63
|
var setRowState = (0, _react.useCallback)(function (id, partial) {
|
|
80
64
|
setState(function (state) {
|
|
81
65
|
var elem = state.internal.get(id);
|
|
82
|
-
|
|
83
66
|
if (elem) {
|
|
84
67
|
state.internal.set(id, _objectSpread(_objectSpread({}, elem), partial));
|
|
85
68
|
}
|
|
86
|
-
|
|
87
69
|
return {
|
|
88
70
|
internal: state.internal
|
|
89
71
|
};
|
|
@@ -92,12 +74,10 @@ var useRowsState = function useRowsState(rows, newRow) {
|
|
|
92
74
|
var pushRowView = (0, _react.useCallback)(function (id, view) {
|
|
93
75
|
setState(function (state) {
|
|
94
76
|
var elem = state.internal.get(id);
|
|
95
|
-
|
|
96
77
|
if (elem) {
|
|
97
78
|
elem.stackView.push(view);
|
|
98
79
|
state.internal.set(id, elem);
|
|
99
80
|
}
|
|
100
|
-
|
|
101
81
|
return {
|
|
102
82
|
internal: state.internal
|
|
103
83
|
};
|
|
@@ -106,12 +86,10 @@ var useRowsState = function useRowsState(rows, newRow) {
|
|
|
106
86
|
var popRowView = (0, _react.useCallback)(function (id) {
|
|
107
87
|
setState(function (state) {
|
|
108
88
|
var elem = state.internal.get(id);
|
|
109
|
-
|
|
110
89
|
if (elem) {
|
|
111
90
|
elem === null || elem === void 0 ? void 0 : elem.stackView.pop();
|
|
112
91
|
state.internal.set(id, elem);
|
|
113
92
|
}
|
|
114
|
-
|
|
115
93
|
return {
|
|
116
94
|
internal: state.internal
|
|
117
95
|
};
|
|
@@ -124,7 +102,6 @@ var useRowsState = function useRowsState(rows, newRow) {
|
|
|
124
102
|
return function (patch) {
|
|
125
103
|
setState(function (state) {
|
|
126
104
|
var elem = state.internal.get(id);
|
|
127
|
-
|
|
128
105
|
if (elem) {
|
|
129
106
|
elem.editableState = _objectSpread(_objectSpread({}, elem.editableState), patch);
|
|
130
107
|
} else {
|
|
@@ -134,7 +111,6 @@ var useRowsState = function useRowsState(rows, newRow) {
|
|
|
134
111
|
stackView: []
|
|
135
112
|
});
|
|
136
113
|
}
|
|
137
|
-
|
|
138
114
|
return {
|
|
139
115
|
internal: state.internal
|
|
140
116
|
};
|
|
@@ -149,5 +125,4 @@ var useRowsState = function useRowsState(rows, newRow) {
|
|
|
149
125
|
popRowView: popRowView
|
|
150
126
|
};
|
|
151
127
|
};
|
|
152
|
-
|
|
153
128
|
exports.useRowsState = useRowsState;
|
|
File without changes
|
|
@@ -1,57 +1,46 @@
|
|
|
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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
11
|
-
|
|
12
9
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
13
|
-
|
|
14
10
|
var _react = _interopRequireDefault(require("react"));
|
|
15
|
-
|
|
16
11
|
var _pickers = require("@material-ui/pickers");
|
|
17
|
-
|
|
18
12
|
var _dateFns = _interopRequireDefault(require("@date-io/date-fns"));
|
|
19
|
-
|
|
20
13
|
var _TextField = require("./TextField");
|
|
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 = ["padding", "margin", "style", "format", "variant", "inputVariant", "ampm", "invalidDateMessage", "minDateMessage", "maxDateMessage", "locale", "type"];
|
|
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 DEFAULT_FORMATS = {
|
|
27
18
|
date: 'dd/MM/yyyy',
|
|
28
19
|
time: 'HH:mm',
|
|
29
20
|
datetime: 'dd/MM/yyyy HH:mm'
|
|
30
21
|
};
|
|
31
|
-
|
|
32
22
|
var DateTime = function DateTime(_ref) {
|
|
33
23
|
var padding = _ref.padding,
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
24
|
+
margin = _ref.margin,
|
|
25
|
+
style = _ref.style,
|
|
26
|
+
format = _ref.format,
|
|
27
|
+
_ref$variant = _ref.variant,
|
|
28
|
+
variant = _ref$variant === void 0 ? 'inline' : _ref$variant,
|
|
29
|
+
_ref$inputVariant = _ref.inputVariant,
|
|
30
|
+
inputVariant = _ref$inputVariant === void 0 ? 'outlined' : _ref$inputVariant,
|
|
31
|
+
_ref$ampm = _ref.ampm,
|
|
32
|
+
ampm = _ref$ampm === void 0 ? false : _ref$ampm,
|
|
33
|
+
_ref$invalidDateMessa = _ref.invalidDateMessage,
|
|
34
|
+
invalidDateMessage = _ref$invalidDateMessa === void 0 ? '' : _ref$invalidDateMessa,
|
|
35
|
+
_ref$minDateMessage = _ref.minDateMessage,
|
|
36
|
+
minDateMessage = _ref$minDateMessage === void 0 ? '' : _ref$minDateMessage,
|
|
37
|
+
_ref$maxDateMessage = _ref.maxDateMessage,
|
|
38
|
+
maxDateMessage = _ref$maxDateMessage === void 0 ? '' : _ref$maxDateMessage,
|
|
39
|
+
locale = _ref.locale,
|
|
40
|
+
_ref$type = _ref.type,
|
|
41
|
+
type = _ref$type === void 0 ? 'date' : _ref$type,
|
|
42
|
+
otherProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
|
|
53
43
|
var classes = (0, _TextField.useStyles)();
|
|
54
|
-
|
|
55
44
|
var fieldProps = _objectSpread(_objectSpread({}, otherProps), {}, {
|
|
56
45
|
format: format ? format : DEFAULT_FORMATS[type],
|
|
57
46
|
variant: variant,
|
|
@@ -84,24 +73,19 @@ var DateTime = function DateTime(_ref) {
|
|
|
84
73
|
}
|
|
85
74
|
}, otherProps.InputProps)
|
|
86
75
|
});
|
|
87
|
-
|
|
88
76
|
var renderDatePicker = function renderDatePicker() {
|
|
89
77
|
return /*#__PURE__*/_react["default"].createElement(_pickers.KeyboardDatePicker, fieldProps);
|
|
90
78
|
};
|
|
91
|
-
|
|
92
79
|
var renderTimePicker = function renderTimePicker() {
|
|
93
80
|
return /*#__PURE__*/_react["default"].createElement(_pickers.KeyboardTimePicker, fieldProps);
|
|
94
81
|
};
|
|
95
|
-
|
|
96
82
|
var renderDateTimePicker = function renderDateTimePicker() {
|
|
97
83
|
return /*#__PURE__*/_react["default"].createElement(_pickers.KeyboardDateTimePicker, fieldProps);
|
|
98
84
|
};
|
|
99
|
-
|
|
100
85
|
return /*#__PURE__*/_react["default"].createElement(_pickers.MuiPickersUtilsProvider, {
|
|
101
86
|
utils: _dateFns["default"],
|
|
102
87
|
locale: locale
|
|
103
88
|
}, type === 'date' && renderDatePicker(), type === 'time' && renderTimePicker(), type === 'datetime' && renderDateTimePicker());
|
|
104
89
|
};
|
|
105
|
-
|
|
106
90
|
var _default = DateTime;
|
|
107
91
|
exports["default"] = _default;
|
|
File without changes
|