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.
Files changed (86) hide show
  1. package/core/Advertise.d.ts +1 -2
  2. package/core/AutoComplete.d.ts +2 -2
  3. package/core/Avatar.d.ts +3 -2
  4. package/core/Badge.d.ts +4 -3
  5. package/core/Box.d.ts +4 -3
  6. package/core/Button.d.ts +3 -2
  7. package/core/Card.d.ts +6 -7
  8. package/core/Chapter.d.ts +4 -3
  9. package/core/Chapter.js +1 -1
  10. package/core/Checkbox.d.ts +1 -1
  11. package/core/Chip.d.ts +2 -3
  12. package/core/ChipField.js +1 -0
  13. package/core/Collapse.d.ts +3 -2
  14. package/core/Container.d.ts +1 -2
  15. package/core/Content.d.ts +1 -2
  16. package/core/DataTable/DataTable.d.ts +1 -1
  17. package/core/DataTable/DataTablePaginationActions.js +0 -2
  18. package/core/DataTable/DataTableQueryPaginated.d.ts +1 -1
  19. package/core/DataTable/DataTableQueryPaginated.js +1 -1
  20. package/core/DataTable/types.d.ts +1 -1
  21. package/core/DataTable/types.js +0 -1
  22. package/core/DataTable/usePaginated.d.ts +6 -3
  23. package/core/DataTable/usePaginated.js +3 -3
  24. package/core/DateTime.d.ts +2 -2
  25. package/core/DateTime.js +1 -1
  26. package/core/Dialog.d.ts +2 -2
  27. package/core/Divider.d.ts +1 -2
  28. package/core/Drawer.d.ts +1 -2
  29. package/core/EditableTable.js +1 -1
  30. package/core/ExpansionPanel.d.ts +3 -3
  31. package/core/ExpansionPanel.js +1 -1
  32. package/core/Fab.d.ts +1 -1
  33. package/core/Fade.d.ts +1 -1
  34. package/core/Grow.d.ts +1 -1
  35. package/core/Header.d.ts +2 -3
  36. package/core/IconButton.d.ts +3 -3
  37. package/core/InputAdornment.d.ts +1 -2
  38. package/core/InputBase.d.ts +2 -2
  39. package/core/Line.d.ts +1 -2
  40. package/core/Line.js +1 -1
  41. package/core/List.d.ts +1 -2
  42. package/core/ListItem.d.ts +2 -2
  43. package/core/MaskField.d.ts +3 -5
  44. package/core/MaskField.js +14 -37
  45. package/core/Menu.d.ts +1 -2
  46. package/core/Node.d.ts +1 -10
  47. package/core/Node.js +32 -64
  48. package/core/Pagination.d.ts +5 -8
  49. package/core/Pagination.js +36 -57
  50. package/core/Paper.d.ts +1 -2
  51. package/core/PinInput.d.ts +1 -1
  52. package/core/PinInput.js +8 -7
  53. package/core/Progress.d.ts +1 -2
  54. package/core/Radio.d.ts +2 -2
  55. package/core/RadioGroup.d.ts +2 -2
  56. package/core/Select.d.ts +3 -2
  57. package/core/Sidebar.d.ts +2 -3
  58. package/core/Sidebar.js +6 -6
  59. package/core/Slider.d.ts +2 -2
  60. package/core/Snackbar.d.ts +3 -3
  61. package/core/Stepper.d.ts +2 -8
  62. package/core/Stepper.js +27 -53
  63. package/core/Tab.d.ts +1 -8
  64. package/core/Tab.js +14 -41
  65. package/core/Table.d.ts +1 -2
  66. package/core/TableBody.d.ts +1 -2
  67. package/core/TableCell.d.ts +1 -2
  68. package/core/TableHead.d.ts +1 -1
  69. package/core/TableRow.d.ts +2 -2
  70. package/core/Tabs.d.ts +2 -2
  71. package/core/TextField.d.ts +2 -2
  72. package/core/ThemeProvider.d.ts +3 -2
  73. package/core/Tree.d.ts +2 -6
  74. package/core/Tree.js +27 -45
  75. package/core/Typography.d.ts +1 -2
  76. package/core/types.d.ts +1 -0
  77. package/index.d.ts +1 -0
  78. package/index.js +8 -1
  79. package/package.json +44 -19
  80. package/stories/Chapter.stories.js +1 -1
  81. package/stories/Collapse.stories.js +1 -1
  82. package/stories/DataTable.stories.js +15 -8
  83. package/stories/DataTableQueryPaginated.stories.js +15 -8
  84. package/stories/Dialog.stories.js +2 -2
  85. package/stories/Slider.stories.js +1 -1
  86. 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
- controllerRef.current.addRow({
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
- controllerRef.current.editRow(id);
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
- controllerRef.current.pushRowView(id, 'confirmDelete');
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
- controllerRef.current.viewRow(id);
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 nextItem = controllerRef.current.getEditedRowData(id);
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
- controllerRef.current.popRowView(data.id);
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
- controllerRef.current.popRowView(data.id);
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
- controllerRef.current.addRow({
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
- controllerRef.current.editRow(id);
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
- controllerRef.current.pushRowView(id, 'confirmDelete');
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
- controllerRef.current.viewRow(id);
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 nextItem = controllerRef.current.getEditedRowData(id);
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
- controllerRef.current.popRowView(data.id);
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
- controllerRef.current.popRowView(data.id);
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: 'Isn\'t it?',
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: 'Isn\'t it?',
61
+ text: 'Is not it?',
62
62
  onClose: handleClose,
63
63
  actions: /*#__PURE__*/_react["default"].createElement(_Button["default"], {
64
64
  onClick: function onClick() {
@@ -51,7 +51,7 @@ WithMarks.args = {
51
51
  label: 'Start'
52
52
  }, {
53
53
  value: 50,
54
- label: 'You\'re half way'
54
+ label: 'You are half way'
55
55
  }, {
56
56
  value: 100,
57
57
  label: 'Finish'
@@ -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.withSelectAndClear = exports.withSelect = exports.withInputAdornment = exports.withHelperButton = exports["default"] = exports.Default = void 0;
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 withSelectAndClear = function withSelectAndClear() {
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.withSelectAndClear = withSelectAndClear;
135
+ exports.useWithSelectAndClear = useWithSelectAndClear;