flipper-ui 0.26.1 → 0.26.7
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/core/Advertise.d.ts +1 -2
- package/core/AutoComplete.d.ts +2 -2
- package/core/Avatar.d.ts +3 -2
- package/core/Badge.d.ts +4 -3
- package/core/Box.d.ts +4 -3
- package/core/Button.d.ts +3 -2
- package/core/Card.d.ts +6 -7
- package/core/Chapter.d.ts +4 -3
- package/core/Chapter.js +1 -1
- package/core/Checkbox.d.ts +1 -1
- package/core/Chip.d.ts +2 -3
- package/core/ChipField.js +1 -0
- package/core/Collapse.d.ts +3 -2
- package/core/Container.d.ts +1 -2
- package/core/Content.d.ts +1 -2
- package/core/DataTable/DataTable.d.ts +1 -1
- package/core/DataTable/DataTablePaginationActions.js +0 -2
- package/core/DataTable/DataTableQueryPaginated.d.ts +1 -1
- package/core/DataTable/DataTableQueryPaginated.js +1 -1
- package/core/DataTable/types.d.ts +1 -1
- package/core/DataTable/types.js +0 -1
- package/core/DataTable/usePaginated.d.ts +6 -3
- package/core/DataTable/usePaginated.js +3 -3
- package/core/DateTime.d.ts +2 -2
- package/core/DateTime.js +1 -1
- package/core/Dialog.d.ts +2 -2
- package/core/Divider.d.ts +1 -2
- package/core/Drawer.d.ts +1 -2
- package/core/EditableTable.js +1 -1
- package/core/ExpansionPanel.d.ts +3 -3
- package/core/ExpansionPanel.js +1 -1
- package/core/Fab.d.ts +1 -1
- package/core/Fade.d.ts +1 -1
- package/core/Grow.d.ts +1 -1
- package/core/Header.d.ts +2 -3
- package/core/IconButton.d.ts +3 -3
- package/core/InputAdornment.d.ts +1 -2
- package/core/InputBase.d.ts +2 -2
- package/core/Line.d.ts +1 -2
- package/core/Line.js +1 -1
- package/core/List.d.ts +1 -2
- package/core/ListItem.d.ts +2 -2
- package/core/MaskField.d.ts +3 -5
- package/core/MaskField.js +14 -37
- package/core/Menu.d.ts +1 -2
- package/core/Node.d.ts +1 -10
- package/core/Node.js +32 -64
- package/core/Pagination.d.ts +5 -8
- package/core/Pagination.js +36 -57
- package/core/Paper.d.ts +1 -2
- package/core/PinInput.d.ts +1 -1
- package/core/PinInput.js +8 -7
- package/core/Progress.d.ts +1 -2
- package/core/Radio.d.ts +2 -2
- package/core/RadioGroup.d.ts +2 -2
- package/core/Select.d.ts +3 -2
- package/core/Sidebar.d.ts +2 -3
- package/core/Sidebar.js +6 -6
- package/core/Slider.d.ts +2 -2
- package/core/Snackbar.d.ts +3 -3
- package/core/Stepper.d.ts +2 -8
- package/core/Stepper.js +27 -53
- package/core/Tab.d.ts +1 -8
- package/core/Tab.js +14 -41
- package/core/Table.d.ts +1 -2
- package/core/TableBody.d.ts +1 -2
- package/core/TableCell.d.ts +1 -2
- package/core/TableHead.d.ts +1 -1
- package/core/TableRow.d.ts +2 -2
- package/core/Tabs.d.ts +2 -2
- package/core/TextField.d.ts +2 -2
- package/core/ThemeProvider.d.ts +3 -2
- package/core/Tree.d.ts +2 -6
- package/core/Tree.js +27 -45
- package/core/Typography.d.ts +1 -2
- package/core/types.d.ts +1 -0
- package/index.d.ts +1 -0
- package/index.js +8 -1
- package/package.json +44 -19
- package/stories/Chapter.stories.js +1 -1
- package/stories/Collapse.stories.js +1 -1
- package/stories/DataTable.stories.js +15 -8
- package/stories/DataTableQueryPaginated.stories.js +15 -8
- package/stories/Dialog.stories.js +2 -2
- package/stories/Slider.stories.js +1 -1
- package/stories/TextField.stories.js +3 -3
|
@@ -453,24 +453,28 @@ var Crud = function Crud() {
|
|
|
453
453
|
data = _useState4[0],
|
|
454
454
|
setData = _useState4[1];
|
|
455
455
|
var handleAdd = function handleAdd() {
|
|
456
|
-
|
|
456
|
+
var _controllerRef$curren;
|
|
457
|
+
(_controllerRef$curren = controllerRef.current) === null || _controllerRef$curren === void 0 ? void 0 : _controllerRef$curren.addRow({
|
|
457
458
|
id: randomId(),
|
|
458
459
|
date: date()
|
|
459
460
|
});
|
|
460
461
|
};
|
|
461
462
|
var handleEdit = function handleEdit(id) {
|
|
462
463
|
return function () {
|
|
463
|
-
|
|
464
|
+
var _controllerRef$curren2;
|
|
465
|
+
(_controllerRef$curren2 = controllerRef.current) === null || _controllerRef$curren2 === void 0 ? void 0 : _controllerRef$curren2.editRow(id);
|
|
464
466
|
};
|
|
465
467
|
};
|
|
466
468
|
var handleDelete = function handleDelete(id) {
|
|
467
469
|
return function () {
|
|
468
|
-
|
|
470
|
+
var _controllerRef$curren3;
|
|
471
|
+
(_controllerRef$curren3 = controllerRef.current) === null || _controllerRef$curren3 === void 0 ? void 0 : _controllerRef$curren3.pushRowView(id, 'confirmDelete');
|
|
469
472
|
};
|
|
470
473
|
};
|
|
471
474
|
var handleView = function handleView(id) {
|
|
472
475
|
return function () {
|
|
473
|
-
|
|
476
|
+
var _controllerRef$curren4;
|
|
477
|
+
(_controllerRef$curren4 = controllerRef.current) === null || _controllerRef$curren4 === void 0 ? void 0 : _controllerRef$curren4.viewRow(id);
|
|
474
478
|
};
|
|
475
479
|
};
|
|
476
480
|
var isNullable = function isNullable(x) {
|
|
@@ -525,7 +529,8 @@ var Crud = function Crud() {
|
|
|
525
529
|
var handleSave = function handleSave(id) {
|
|
526
530
|
var isNew = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
|
|
527
531
|
return function () {
|
|
528
|
-
var
|
|
532
|
+
var _controllerRef$curren5, _controllerRef$curren6;
|
|
533
|
+
var nextItem = (_controllerRef$curren5 = controllerRef.current) === null || _controllerRef$curren5 === void 0 ? void 0 : _controllerRef$curren5.getEditedRowData(id);
|
|
529
534
|
if (!nextItem) {
|
|
530
535
|
return;
|
|
531
536
|
}
|
|
@@ -546,7 +551,7 @@ var Crud = function Crud() {
|
|
|
546
551
|
});
|
|
547
552
|
});
|
|
548
553
|
}
|
|
549
|
-
controllerRef.current.viewRow(id);
|
|
554
|
+
(_controllerRef$curren6 = controllerRef.current) === null || _controllerRef$curren6 === void 0 ? void 0 : _controllerRef$curren6.viewRow(id);
|
|
550
555
|
};
|
|
551
556
|
};
|
|
552
557
|
var columns = [{
|
|
@@ -640,7 +645,8 @@ var Crud = function Crud() {
|
|
|
640
645
|
}, /*#__PURE__*/_react["default"].createElement(_DataTableAction.DataTableAction, {
|
|
641
646
|
label: "CheckIcon",
|
|
642
647
|
onClick: function onClick() {
|
|
643
|
-
|
|
648
|
+
var _controllerRef$curren7;
|
|
649
|
+
(_controllerRef$curren7 = controllerRef.current) === null || _controllerRef$curren7 === void 0 ? void 0 : _controllerRef$curren7.popRowView(data.id);
|
|
644
650
|
setData(function (dataList) {
|
|
645
651
|
return dataList.filter(function (item) {
|
|
646
652
|
return item.id !== data.id;
|
|
@@ -650,7 +656,8 @@ var Crud = function Crud() {
|
|
|
650
656
|
}, /*#__PURE__*/_react["default"].createElement(_Check["default"], null)), /*#__PURE__*/_react["default"].createElement(_DataTableAction.DataTableAction, {
|
|
651
657
|
label: "CancelIcon",
|
|
652
658
|
onClick: function onClick() {
|
|
653
|
-
|
|
659
|
+
var _controllerRef$curren8;
|
|
660
|
+
(_controllerRef$curren8 = controllerRef.current) === null || _controllerRef$curren8 === void 0 ? void 0 : _controllerRef$curren8.popRowView(data.id);
|
|
654
661
|
}
|
|
655
662
|
}, /*#__PURE__*/_react["default"].createElement(_Cancel["default"], null)))));
|
|
656
663
|
}
|
|
@@ -288,24 +288,28 @@ var Crud = function Crud() {
|
|
|
288
288
|
return Math.random().toString(36).substr(0, 12);
|
|
289
289
|
};
|
|
290
290
|
var handleAdd = function handleAdd() {
|
|
291
|
-
|
|
291
|
+
var _controllerRef$curren;
|
|
292
|
+
(_controllerRef$curren = controllerRef.current) === null || _controllerRef$curren === void 0 ? void 0 : _controllerRef$curren.addRow({
|
|
292
293
|
id: randomId(),
|
|
293
294
|
date: date()
|
|
294
295
|
});
|
|
295
296
|
};
|
|
296
297
|
var handleEdit = function handleEdit(id) {
|
|
297
298
|
return function () {
|
|
298
|
-
|
|
299
|
+
var _controllerRef$curren2;
|
|
300
|
+
(_controllerRef$curren2 = controllerRef.current) === null || _controllerRef$curren2 === void 0 ? void 0 : _controllerRef$curren2.editRow(id);
|
|
299
301
|
};
|
|
300
302
|
};
|
|
301
303
|
var handleDelete = function handleDelete(id) {
|
|
302
304
|
return function () {
|
|
303
|
-
|
|
305
|
+
var _controllerRef$curren3;
|
|
306
|
+
(_controllerRef$curren3 = controllerRef.current) === null || _controllerRef$curren3 === void 0 ? void 0 : _controllerRef$curren3.pushRowView(id, 'confirmDelete');
|
|
304
307
|
};
|
|
305
308
|
};
|
|
306
309
|
var handleView = function handleView(id) {
|
|
307
310
|
return function () {
|
|
308
|
-
|
|
311
|
+
var _controllerRef$curren4;
|
|
312
|
+
(_controllerRef$curren4 = controllerRef.current) === null || _controllerRef$curren4 === void 0 ? void 0 : _controllerRef$curren4.viewRow(id);
|
|
309
313
|
};
|
|
310
314
|
};
|
|
311
315
|
var isNullable = function isNullable(x) {
|
|
@@ -360,7 +364,8 @@ var Crud = function Crud() {
|
|
|
360
364
|
var handleSave = function handleSave(id) {
|
|
361
365
|
var isNew = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
|
|
362
366
|
return function () {
|
|
363
|
-
var
|
|
367
|
+
var _controllerRef$curren5, _controllerRef$curren6;
|
|
368
|
+
var nextItem = (_controllerRef$curren5 = controllerRef.current) === null || _controllerRef$curren5 === void 0 ? void 0 : _controllerRef$curren5.getEditedRowData(id);
|
|
364
369
|
if (!nextItem) {
|
|
365
370
|
return;
|
|
366
371
|
}
|
|
@@ -377,7 +382,7 @@ var Crud = function Crud() {
|
|
|
377
382
|
return item;
|
|
378
383
|
}));
|
|
379
384
|
}
|
|
380
|
-
controllerRef.current.viewRow(id);
|
|
385
|
+
(_controllerRef$curren6 = controllerRef.current) === null || _controllerRef$curren6 === void 0 ? void 0 : _controllerRef$curren6.viewRow(id);
|
|
381
386
|
};
|
|
382
387
|
};
|
|
383
388
|
var columns = [{
|
|
@@ -471,7 +476,8 @@ var Crud = function Crud() {
|
|
|
471
476
|
}, /*#__PURE__*/_react["default"].createElement(_DataTableAction.DataTableAction, {
|
|
472
477
|
label: "CheckIcon",
|
|
473
478
|
onClick: function onClick() {
|
|
474
|
-
|
|
479
|
+
var _controllerRef$curren7;
|
|
480
|
+
(_controllerRef$curren7 = controllerRef.current) === null || _controllerRef$curren7 === void 0 ? void 0 : _controllerRef$curren7.popRowView(data.id);
|
|
475
481
|
setData(function (dataList) {
|
|
476
482
|
return dataList.filter(function (item) {
|
|
477
483
|
return item.id !== data.id;
|
|
@@ -481,7 +487,8 @@ var Crud = function Crud() {
|
|
|
481
487
|
}, /*#__PURE__*/_react["default"].createElement(_Check["default"], null)), /*#__PURE__*/_react["default"].createElement(_DataTableAction.DataTableAction, {
|
|
482
488
|
label: "CancelIcon",
|
|
483
489
|
onClick: function onClick() {
|
|
484
|
-
|
|
490
|
+
var _controllerRef$curren8;
|
|
491
|
+
(_controllerRef$curren8 = controllerRef.current) === null || _controllerRef$curren8 === void 0 ? void 0 : _controllerRef$curren8.popRowView(data.id);
|
|
485
492
|
}
|
|
486
493
|
}, /*#__PURE__*/_react["default"].createElement(_Cancel["default"], null)))));
|
|
487
494
|
}
|
|
@@ -30,7 +30,7 @@ var Default = function Default() {
|
|
|
30
30
|
}, "Open dialog"), /*#__PURE__*/_react["default"].createElement(_Dialog["default"], {
|
|
31
31
|
open: open,
|
|
32
32
|
title: "My beautiful Dialog",
|
|
33
|
-
text: '
|
|
33
|
+
text: 'Is not it?',
|
|
34
34
|
onClose: function onClose() {
|
|
35
35
|
return setOpen(false);
|
|
36
36
|
},
|
|
@@ -58,7 +58,7 @@ var WithAlertOnClose = function WithAlertOnClose() {
|
|
|
58
58
|
}, "Open dialog"), /*#__PURE__*/_react["default"].createElement(_Dialog["default"], {
|
|
59
59
|
open: open,
|
|
60
60
|
title: "My beautiful Dialog",
|
|
61
|
-
text: '
|
|
61
|
+
text: 'Is not it?',
|
|
62
62
|
onClose: handleClose,
|
|
63
63
|
actions: /*#__PURE__*/_react["default"].createElement(_Button["default"], {
|
|
64
64
|
onClick: function onClick() {
|
|
@@ -5,7 +5,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
|
|
|
5
5
|
Object.defineProperty(exports, "__esModule", {
|
|
6
6
|
value: true
|
|
7
7
|
});
|
|
8
|
-
exports.
|
|
8
|
+
exports.withSelect = exports.withInputAdornment = exports.withHelperButton = exports.useWithSelectAndClear = exports["default"] = exports.Default = void 0;
|
|
9
9
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
10
10
|
var _react = _interopRequireWildcard(require("react"));
|
|
11
11
|
var _TextField = _interopRequireDefault(require("../core/TextField"));
|
|
@@ -91,7 +91,7 @@ var withSelect = function withSelect() {
|
|
|
91
91
|
})));
|
|
92
92
|
};
|
|
93
93
|
exports.withSelect = withSelect;
|
|
94
|
-
var
|
|
94
|
+
var useWithSelectAndClear = function useWithSelectAndClear() {
|
|
95
95
|
var _useState = (0, _react.useState)('fable'),
|
|
96
96
|
_useState2 = (0, _slicedToArray2["default"])(_useState, 2),
|
|
97
97
|
value = _useState2[0],
|
|
@@ -132,4 +132,4 @@ var withSelectAndClear = function withSelectAndClear() {
|
|
|
132
132
|
}, label);
|
|
133
133
|
})));
|
|
134
134
|
};
|
|
135
|
-
exports.
|
|
135
|
+
exports.useWithSelectAndClear = useWithSelectAndClear;
|