flipper-ui 0.27.1 → 0.28.0

package/{stories/DataTableQueryPaginated.stories.js → test/mocks/data-table-mock.js}

@@ -5,277 +5,23 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.NoHeader = exports.Empty = exports.Default = exports.Crud = void 0;
+exports["default"] = void 0;
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _TableCell = _interopRequireDefault(require("@material-ui/core/TableCell"));
-var _TableRow = _interopRequireDefault(require("@material-ui/core/TableRow"));
-var _Typography = _interopRequireDefault(require("@material-ui/core/Typography"));
-var _lab = require("@material-ui/lab");
+var _Button = _interopRequireDefault(require("@/core/Button"));
+var _DataTable = require("@/core/DataTable");
+var _DataTable2 = _interopRequireDefault(require("@/core/DataTable/DataTable"));
+var _types = require("@/core/DataTable/types");
+var _Typography = _interopRequireDefault(require("@/core/Typography"));
+var _icons = require("@/icons");
 var _format = _interopRequireDefault(require("date-fns/format"));
 var _react = _interopRequireWildcard(require("react"));
-var _Button = _interopRequireDefault(require("../core/Button"));
-var _DataTableAction = require("../core/DataTable/DataTableAction");
-var _DataTableQueryPaginated = _interopRequireDefault(require("../core/DataTable/DataTableQueryPaginated"));
-var _types = require("../core/DataTable/types");
-var _usePaginated5 = require("../core/DataTable/usePaginated");
-var _Cancel = _interopRequireDefault(require("@material-ui/icons/Cancel"));
-var _Check = _interopRequireDefault(require("@material-ui/icons/Check"));
-var _Delete = _interopRequireDefault(require("@material-ui/icons/Delete"));
-var _Edit = _interopRequireDefault(require("@material-ui/icons/Edit"));
-var _Save = _interopRequireDefault(require("@material-ui/icons/Save"));
 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); }
 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; }
 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; }
 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; }
-var _default = {
-  title: 'DataTableQueryPaginated',
-  component: _DataTableQueryPaginated["default"]
-};
-exports["default"] = _default;
-var columnsData = [{
-  title: 'Product',
-  type: 'text',
-  field: 'product',
-  cellStyle: {
-    maxWidth: '72px',
-    whiteSpace: 'nowrap',
-    overflow: 'hidden',
-    textOverflow: 'ellipsis'
-  },
-  editable: true
-}, {
-  title: 'Price (R$)',
-  field: 'price',
-  type: 'numeric-float',
-  editable: false,
-  getValue: function getValue(value) {
-    return value.toFixed(2).replace('.', ',');
-  }
-}, {
-  title: 'Quantity',
-  field: 'quantity',
-  type: 'numeric-int',
-  editable: true,
-  cellStyle: {
-    width: '82px'
-  }
-}, {
-  title: 'Date',
-  field: 'date',
-  type: 'datetime',
-  editable: true,
-  getValue: function getValue(value) {
-    return (0, _format["default"])(value, 'dd/MM/yyyy HH:mm');
-  },
-  cellStyle: {
-    width: '200px'
-  }
-}];
-var generateSkeleton = function generateSkeleton(size, columns) {
-  var result = [];
-  for (var i = 0; i < size; i++) {
-    var table = /*#__PURE__*/_react["default"].createElement(_TableRow["default"], {
-      key: "skeleton-".concat(i),
-      style: {
-        width: '10px'
-      }
-    }, columns.map(function (column) {
-      return /*#__PURE__*/_react["default"].createElement(_TableCell["default"], {
-        align: column.align,
-        key: column.title,
-        style: column.cellStyle
-      }, /*#__PURE__*/_react["default"].createElement(_lab.Skeleton, null));
-    }));
-    result.push(table);
-  }
-  return result;
-};
 var Default = function Default() {
-  var _usePaginated = (0, _usePaginated5.usePaginated)(),
-    data = _usePaginated.data,
-    totalElements = _usePaginated.totalElements,
-    actualPage = _usePaginated.actualPage,
-    size = _usePaginated.size,
-    handleChangePerPage = _usePaginated.handleChangePerPage,
-    handleChangePage = _usePaginated.handleChangePage,
-    loading = _usePaginated.loading;
-  var LoadNode = (0, _react.useMemo)(function () {
-    return generateSkeleton(size, columnsData);
-  }, [size]);
-  return /*#__PURE__*/_react["default"].createElement(_DataTableQueryPaginated["default"], {
-    data: data,
-    totalElements: totalElements,
-    handleChangePage: handleChangePage,
-    handleChangePerPage: handleChangePerPage,
-    perPage: size,
-    componentForEmpty: LoadNode,
-    page: actualPage,
-    pagination: {
-      rowsPerPage: size,
-      labelRowsPerPage: 'Row per page ',
-      clickable: !loading
-    },
-    columns: columnsData
-  });
-};
-exports.Default = Default;
-var Empty = function Empty() {
-  var _usePaginated2 = (0, _usePaginated5.usePaginated)(),
-    totalElements = _usePaginated2.totalElements,
-    actualPage = _usePaginated2.actualPage,
-    size = _usePaginated2.size,
-    handleChangePerPage = _usePaginated2.handleChangePerPage,
-    handleChangePage = _usePaginated2.handleChangePage,
-    loading = _usePaginated2.loading;
-  var columns = [{
-    title: 'Product',
-    field: 'product',
-    type: 'text',
-    cellStyle: {
-      maxWidth: '72px',
-      whiteSpace: 'nowrap',
-      overflow: 'hidden',
-      textOverflow: 'ellipsis'
-    },
-    editable: true
-  }, {
-    title: 'Price (R$)',
-    field: 'price',
-    type: 'numeric-float',
-    editable: false,
-    getValue: function getValue(value) {
-      return value.toFixed(2).replace('.', ',');
-    }
-  }];
-  var componentForEmpty = /*#__PURE__*/_react["default"].createElement("tr", null, /*#__PURE__*/_react["default"].createElement("td", {
-    style: {
-      display: 'flex',
-      position: 'absolute',
-      height: '100%',
-      width: '100%',
-      justifyContent: 'center',
-      alignItems: 'center',
-      boxSizing: 'border-box'
-    }
-  }, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_Typography["default"], null, "Empty DataTable"))));
-  var LoadNode = loading ? generateSkeleton : componentForEmpty;
-  return /*#__PURE__*/_react["default"].createElement(_DataTableQueryPaginated["default"], {
-    data: [],
-    bodyStyle: {
-      position: 'relative'
-    },
-    hiddenRowHeight: 53,
-    handleChangePage: handleChangePage,
-    handleChangePerPage: handleChangePerPage,
-    totalElements: totalElements,
-    page: actualPage,
-    perPage: size,
-    componentForEmpty: LoadNode,
-    pagination: {
-      rowsPerPage: 5,
-      labelRowsPerPage: 'Row per page'
-    },
-    columns: columns
-  });
-};
-exports.Empty = Empty;
-var NoHeader = function NoHeader() {
-  var _usePaginated3 = (0, _usePaginated5.usePaginated)(),
-    totalElements = _usePaginated3.totalElements,
-    actualPage = _usePaginated3.actualPage,
-    size = _usePaginated3.size,
-    handleChangePerPage = _usePaginated3.handleChangePerPage,
-    handleChangePage = _usePaginated3.handleChangePage,
-    loading = _usePaginated3.loading,
-    data = _usePaginated3.data;
-  var LoadNode = (0, _react.useMemo)(function () {
-    return generateSkeleton(size, columnsData);
-  }, [size]);
-  var columns = [{
-    title: 'Product',
-    field: 'product',
-    type: 'text',
-    cellStyle: {
-      maxWidth: '72px',
-      whiteSpace: 'nowrap',
-      overflow: 'hidden',
-      textOverflow: 'ellipsis'
-    },
-    editable: true
-  }, {
-    title: 'Price (R$)',
-    field: 'price',
-    type: 'numeric-float',
-    editable: false,
-    getValue: function getValue(value) {
-      return value.toFixed(2).replace('.', ',');
-    }
-  }, {
-    title: 'Quantity',
-    field: 'quantity',
-    type: 'numeric-int',
-    editable: true,
-    cellStyle: {
-      width: '82px'
-    }
-  }, {
-    title: 'Date',
-    field: 'date',
-    type: 'datetime',
-    editable: true,
-    getValue: function getValue(value) {
-      return (0, _format["default"])(value, 'dd/MM/yyyy HH:mm');
-    },
-    cellStyle: {
-      width: '200px'
-    }
-  }];
-  return /*#__PURE__*/_react["default"].createElement(_DataTableQueryPaginated["default"], {
-    data: data,
-    handleChangePage: handleChangePage,
-    handleChangePerPage: handleChangePerPage,
-    totalElements: totalElements,
-    page: actualPage,
-    perPage: size,
-    noHeader: true,
-    hiddenRowHeight: 53,
-    componentForEmpty: LoadNode,
-    pagination: {
-      rowsPerPage: 5,
-      labelRowsPerPage: 'Row per page',
-      clickable: !loading
-    },
-    columns: columns
-  });
-};
-exports.NoHeader = NoHeader;
-var Crud = function Crud() {
-  var _usePaginated4 = (0, _usePaginated5.usePaginated)(),
-    totalElements = _usePaginated4.totalElements,
-    actualPage = _usePaginated4.actualPage,
-    size = _usePaginated4.size,
-    handleChangePerPage = _usePaginated4.handleChangePerPage,
-    handleChangePage = _usePaginated4.handleChangePage,
-    loading = _usePaginated4.loading,
-    data = _usePaginated4.data,
-    setData = _usePaginated4.setData;
-  var newData = [].concat(columnsData, [{
-    title: 'Actions',
-    type: 'text',
-    field: 'product',
-    cellStyle: {
-      maxWidth: '30px',
-      whiteSpace: 'nowrap',
-      overflow: 'hidden',
-      textOverflow: 'ellipsis'
-    },
-    editable: true
-  }]);
-  var LoadNode = (0, _react.useMemo)(function () {
-    return generateSkeleton(size, newData);
-  }, [size]);
   var date = function date() {
     return new Date();
   };
@@ -287,6 +33,58 @@ var Crud = function Crud() {
   var randomId = function randomId() {
     return Math.random().toString(36).substr(0, 12);
   };
+  var _useState3 = (0, _react.useState)([{
+      id: 1,
+      product: 'Magazine',
+      price: 13.5,
+      quantity: 12,
+      date: date()
+    }, {
+      id: 2,
+      product: 'Table',
+      price: 200.49,
+      quantity: 3,
+      date: date()
+    }, {
+      id: 3,
+      product: 'Chair',
+      price: 53.5,
+      quantity: 9,
+      date: date()
+    }, {
+      id: 4,
+      product: 'Keyboard',
+      price: 53.29,
+      quantity: 4,
+      date: date()
+    }, {
+      id: 5,
+      product: 'Mouse',
+      price: 27.13,
+      quantity: 16,
+      date: date()
+    }, {
+      id: 6,
+      product: 'Microphone',
+      price: 89.14,
+      quantity: 2,
+      date: date()
+    }, {
+      id: 7,
+      product: 'Headset',
+      price: 117.85,
+      quantity: 6,
+      date: date()
+    }, {
+      id: 8,
+      product: 'Pencil',
+      price: 1.5,
+      quantity: 11,
+      date: date()
+    }]),
+    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+    data = _useState4[0],
+    setData = _useState4[1];
   var handleAdd = function handleAdd() {
     var _controllerRef$curren;
     (_controllerRef$curren = controllerRef.current) === null || _controllerRef$curren === void 0 ? void 0 : _controllerRef$curren.addRow({
@@ -342,6 +140,7 @@ var Crud = function Crud() {
     }].filter(function (_ref) {
       var field = _ref.field,
         isErrorIf = _ref.isErrorIf;
+      // @ts-ignore
       var value = nextItem[field];
       if (isNullable(value)) {
         if (isPartial) {
@@ -350,7 +149,7 @@ var Crud = function Crud() {
         return true;
       }
       return isErrorIf.some(function (cond) {
-        return cond(value);
+        return cond;
       });
     }).map(function (_ref2) {
       var field = _ref2.field;
@@ -373,14 +172,18 @@ var Crud = function Crud() {
         return;
       }
       if (isNew) {
-        setData([nextItem].concat((0, _toConsumableArray2["default"])(data)));
+        setData(function (data) {
+          return [nextItem].concat((0, _toConsumableArray2["default"])(data));
+        });
       } else {
-        setData(data.map(function (item) {
-          if (item.id === id) {
-            return _objectSpread(_objectSpread({}, item), nextItem);
-          }
-          return item;
-        }));
+        setData(function (data) {
+          return data.map(function (item) {
+            if (item.id === id) {
+              return _objectSpread(_objectSpread({}, item), nextItem);
+            }
+            return item;
+          });
+        });
       }
       (_controllerRef$curren6 = controllerRef.current) === null || _controllerRef$curren6 === void 0 ? void 0 : _controllerRef$curren6.viewRow(id);
     };
@@ -437,25 +240,25 @@ var Crud = function Crud() {
           style: {
             display: 'flex'
           }
-        }, /*#__PURE__*/_react["default"].createElement(_DataTableAction.DataTableAction, {
+        }, /*#__PURE__*/_react["default"].createElement(_DataTable.DataTableAction, {
           label: "Edit",
           onClick: handleEdit(id)
-        }, /*#__PURE__*/_react["default"].createElement(_Edit["default"], null)), /*#__PURE__*/_react["default"].createElement(_DataTableAction.DataTableAction, {
+        }, /*#__PURE__*/_react["default"].createElement(_icons.Edit, null)), /*#__PURE__*/_react["default"].createElement(_DataTable.DataTableAction, {
           label: "Delete",
           onClick: handleDelete(id)
-        }, /*#__PURE__*/_react["default"].createElement(_Delete["default"], null)));
+        }, /*#__PURE__*/_react["default"].createElement(_icons.Delete, null)));
       }
       return /*#__PURE__*/_react["default"].createElement("div", {
         style: {
           display: 'flex'
         }
-      }, /*#__PURE__*/_react["default"].createElement(_DataTableAction.DataTableAction, {
+      }, /*#__PURE__*/_react["default"].createElement(_DataTable.DataTableAction, {
         label: "Save",
         onClick: handleSave(id, isNew)
-      }, /*#__PURE__*/_react["default"].createElement(_Save["default"], null)), /*#__PURE__*/_react["default"].createElement(_DataTableAction.DataTableAction, {
+      }, /*#__PURE__*/_react["default"].createElement(_icons.Save, null)), /*#__PURE__*/_react["default"].createElement(_DataTable.DataTableAction, {
         label: "Cancel",
         onClick: handleView(id)
-      }, /*#__PURE__*/_react["default"].createElement(_Cancel["default"], null)));
+      }, /*#__PURE__*/_react["default"].createElement(_icons.Cancel, null)));
     }
   }];
   var rowViews = {
@@ -473,7 +276,7 @@ var Crud = function Crud() {
         style: {
           display: 'flex'
         }
-      }, /*#__PURE__*/_react["default"].createElement(_DataTableAction.DataTableAction, {
+      }, /*#__PURE__*/_react["default"].createElement(_DataTable.DataTableAction, {
         label: "CheckIcon",
         onClick: function onClick() {
           var _controllerRef$curren7;
@@ -484,30 +287,23 @@ var Crud = function Crud() {
             });
           });
         }
-      }, /*#__PURE__*/_react["default"].createElement(_Check["default"], null)), /*#__PURE__*/_react["default"].createElement(_DataTableAction.DataTableAction, {
+      }, /*#__PURE__*/_react["default"].createElement(_icons.Check, null)), /*#__PURE__*/_react["default"].createElement(_DataTable.DataTableAction, {
         label: "CancelIcon",
         onClick: function onClick() {
           var _controllerRef$curren8;
           (_controllerRef$curren8 = controllerRef.current) === null || _controllerRef$curren8 === void 0 ? void 0 : _controllerRef$curren8.popRowView(data.id);
         }
-      }, /*#__PURE__*/_react["default"].createElement(_Cancel["default"], null)))));
+      }, /*#__PURE__*/_react["default"].createElement(_icons.Cancel, null)))));
     }
   };
   return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
     onClick: handleAdd
-  }, "Add Row"), /*#__PURE__*/_react["default"].createElement(_DataTableQueryPaginated["default"], {
+  }, "Add Row"), /*#__PURE__*/_react["default"].createElement(_DataTable2["default"], {
     data: data,
     controllerRef: controllerRef,
     errors: errors,
-    handleChangePage: handleChangePage,
-    handleChangePerPage: handleChangePerPage,
-    componentForEmpty: LoadNode,
-    totalElements: totalElements,
-    page: actualPage,
-    perPage: size,
     pagination: {
       rowsPerPage: 5,
-      clickable: !loading,
       showFirstButton: true,
       showLastButton: true,
       labelRowsPerPage: 'Rows per page:',
@@ -522,4 +318,5 @@ var Crud = function Crud() {
     columns: columns
   }));
 };
-exports.Crud = Crud;
+var _default = Default;
+exports["default"] = _default;

package/test/mocks/date-time-mock.d.ts

@@ -0,0 +1,7 @@
+import { DateTimeProps } from '@/core/DateTime';
+interface IProps {
+    initialValue?: string;
+    dateProps?: Partial<DateTimeProps>;
+}
+declare const Default: ({ dateProps, initialValue }: IProps) => JSX.Element;
+export default Default;

package/{stories/ChipField.stories.js → test/mocks/date-time-mock.js}

@@ -5,45 +5,34 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.Default = void 0;
+exports["default"] = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = _interopRequireWildcard(require("react"));
-var _ChipField = _interopRequireDefault(require("../core/ChipField"));
+var _DateTime = _interopRequireDefault(require("@/core/DateTime"));
+var _isValid = _interopRequireDefault(require("date-fns/isValid"));
+var _startOfDay = _interopRequireDefault(require("date-fns/startOfDay"));
+var React = _interopRequireWildcard(require("react"));
 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); }
 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; }
-var _default = {
-  title: 'ChipField',
-  component: _ChipField["default"]
-};
-exports["default"] = _default;
-var Template = function Template(args) {
-  var _useState = (0, _react.useState)([{
-      value: 'alpha'
-    }]),
-    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-    state = _useState2[0],
-    setState = _useState2[1];
-  var handleRemove = function handleRemove(value) {
-    return setState(state.filter(function (item) {
-      return item.value !== value;
-    }));
-  };
-  var handleAdd = function handleAdd(item) {
-    return setState([{
-      value: item
-    }].concat((0, _toConsumableArray2["default"])(state)));
+var Default = function Default(_ref) {
+  var dateProps = _ref.dateProps,
+    initialValue = _ref.initialValue;
+  var _React$useState = React.useState(initialValue !== null && initialValue !== void 0 ? initialValue : new Date()),
+    _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
+    value = _React$useState2[0],
+    setValue = _React$useState2[1];
+  var handleChange = function handleChange(date, value) {
+    if ((0, _isValid["default"])(date)) {
+      setValue(date);
+    } else {
+      setValue(value !== null && value !== void 0 ? value : '');
+    }
   };
-  return /*#__PURE__*/_react["default"].createElement(_ChipField["default"], (0, _extends2["default"])({}, args, {
-    onDelete: handleRemove,
-    values: state,
-    onAdd: handleAdd
-  }));
+  return /*#__PURE__*/React.createElement(_DateTime["default"], (0, _extends2["default"])({
+    value: value,
+    initialFocusedDate: (0, _startOfDay["default"])(new Date()),
+    onChange: handleChange
+  }, dateProps));
 };
-var Default = Template.bind({});
-exports.Default = Default;
-Default.args = {
-  variant: 'outlined',
-  label: 'chips'
-};
+var _default = Default;
+exports["default"] = _default;

package/test/mocks/editable-table-date-mock.d.ts

@@ -0,0 +1,10 @@
+import { EditableTableProps } from '@/core/EditableTable';
+interface IProps<T extends object> {
+    tableProps?: Partial<EditableTableProps<T>>;
+}
+interface IDate {
+    date: Date;
+    position: number;
+}
+declare const Default: ({ tableProps }: IProps<IDate>) => JSX.Element;
+export default Default;

package/{core/Experimental/Button/button.spec.js → test/mocks/editable-table-date-mock.js}

@@ -2,31 +2,17 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
 var React = _interopRequireWildcard(require("react"));
-var _react2 = require("@testing-library/react");
-var _Button = _interopRequireDefault(require("./Button"));
+var _EditableTable = _interopRequireDefault(require("@/core/EditableTable"));
 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); }
 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; }
-describe('Button', function () {
-  var NAME = 'btnName';
-  var LABEL = 'Click Me';
-  it('should render', function () {
-    (0, _react2.render)( /*#__PURE__*/React.createElement(_Button["default"], {
-      name: NAME,
-      label: LABEL
-    }));
-    var button = _react2.screen.getByText(LABEL);
-    expect(button).toBeDefined();
-  });
-  it('should call onClick', function () {
-    var onClick = jest.fn();
-    (0, _react2.render)( /*#__PURE__*/React.createElement(_Button["default"], {
-      name: NAME,
-      label: LABEL,
-      onClick: onClick
-    }));
-    var button = _react2.screen.getByText(LABEL);
-    button.click();
-    expect(onClick).toHaveBeenCalled();
-  });
-});
+var Default = function Default(_ref) {
+  var tableProps = _ref.tableProps;
+  return /*#__PURE__*/React.createElement(_EditableTable["default"], tableProps);
+};
+var _default = Default;
+exports["default"] = _default;

package/test/mocks/editable-table-mock.d.ts

@@ -0,0 +1,16 @@
+import { EditableTableProps } from '@/core/EditableTable';
+interface IProps<T extends object> {
+    tableProps?: Partial<EditableTableProps<T>>;
+}
+interface IData {
+    name: string;
+    value: number;
+}
+interface IDate {
+    date: Date;
+    position: number;
+}
+declare const Default: ({ tableProps }: IProps<IData>) => JSX.Element;
+export declare const WithDate: ({ tableProps }: IProps<IDate>) => JSX.Element;
+export declare const WithDate2: ({ tableProps }: IProps<IDate>) => JSX.Element;
+export default Default;