flipper-ui 0.25.17 → 0.26.0

package/{stories → dist/stories}/DataTable.stories.js

@@ -1,61 +1,42 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Crud = exports.NoPagination = exports.NoHeader = exports.Empty = exports.Default = exports["default"] = void 0;
-
+exports["default"] = exports.NoPagination = exports.NoHeader = exports.Empty = exports.Default = exports.Crud = 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 _react = _interopRequireWildcard(require("react"));
-
 var _format = _interopRequireDefault(require("date-fns/format"));
-
 var _DataTable = _interopRequireDefault(require("../core/DataTable/DataTable"));
-
 var _Button = _interopRequireDefault(require("../core/Button"));
-
 var _Typography = _interopRequireDefault(require("../core/Typography"));
-
 var _DataTableAction = require("../core/DataTable/DataTableAction");
-
 var _types = require("../core/DataTable/types");
-
 var _Delete = _interopRequireDefault(require("@material-ui/icons/Delete"));
-
 var _Edit = _interopRequireDefault(require("@material-ui/icons/Edit"));
-
 var _Save = _interopRequireDefault(require("@material-ui/icons/Save"));
-
 var _Cancel = _interopRequireDefault(require("@material-ui/icons/Cancel"));
-
 var _Check = _interopRequireDefault(require("@material-ui/icons/Check"));
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = 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; }
-
+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: 'DataTable',
   component: _DataTable["default"]
 };
 exports["default"] = _default;
-
 // const Template: ComponentStory<typeof DataTable> = args =>
 // <DataTable { ...args } />
+
 var Default = function Default() {
   var date = function date() {
     return new Date();
   };
-
   var data = [{
     id: 1,
     product: 'Magazine Magazine Magazine',
@@ -153,9 +134,7 @@ var Default = function Default() {
     columns: columns
   });
 };
-
 exports.Default = Default;
-
 var Empty = function Empty() {
   var columns = [{
     title: 'Product',
@@ -177,7 +156,6 @@ var Empty = function Empty() {
       return value.toFixed(2).replace('.', ',');
     }
   }];
-
   var componentForEmpty = /*#__PURE__*/_react["default"].createElement("tr", null, /*#__PURE__*/_react["default"].createElement("td", {
     style: {
       display: 'flex',
@@ -189,7 +167,6 @@ var Empty = function Empty() {
       boxSizing: 'border-box'
     }
   }, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_Typography["default"], null, "Empty DataTable"))));
-
   return /*#__PURE__*/_react["default"].createElement(_DataTable["default"], {
     data: [],
     bodyStyle: {
@@ -204,14 +181,11 @@ var Empty = function Empty() {
     columns: columns
   });
 };
-
 exports.Empty = Empty;
-
 var NoHeader = function NoHeader() {
   var date = function date() {
     return new Date();
   };
-
   var data = [{
     id: 1,
     product: 'Magazine Magazine Magazine',
@@ -311,14 +285,11 @@ var NoHeader = function NoHeader() {
     columns: columns
   });
 };
-
 exports.NoHeader = NoHeader;
-
 var NoPagination = function NoPagination() {
   var date = function date() {
     return new Date();
   };
-
   var data = [{
     id: 1,
     product: 'Magazine Magazine Magazine',
@@ -416,119 +387,104 @@ var NoPagination = function NoPagination() {
     columns: columns
   });
 };
-
 exports.NoPagination = NoPagination;
-
 var Crud = function Crud() {
   var date = function date() {
     return new Date();
   };
-
   var controllerRef = (0, _react.useRef)();
-
   var _useState = (0, _react.useState)({}),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      errors = _useState2[0],
-      setErrors = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    errors = _useState2[0],
+    setErrors = _useState2[1];
   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];
-
+      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() {
     controllerRef.current.addRow({
       id: randomId(),
       date: date()
     });
   };
-
   var handleEdit = function handleEdit(id) {
     return function () {
       controllerRef.current.editRow(id);
     };
   };
-
   var handleDelete = function handleDelete(id) {
     return function () {
       controllerRef.current.pushRowView(id, 'confirmDelete');
     };
   };
-
   var handleView = function handleView(id) {
     return function () {
       controllerRef.current.viewRow(id);
     };
   };
-
   var isNullable = function isNullable(x) {
     return x == null;
   };
-
   var isNotPositive = function isNotPositive(x) {
     return x <= 0;
   };
-
   var isAfterNow = function isAfterNow(x) {
     return +x > +new Date();
   };
-
   var isEmpty = function isEmpty(x) {
     return x.trim().length === 0;
   };
-
   var handleErrors = function handleErrors(id) {
     var nextItem = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
     var isPartial = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
@@ -546,17 +502,14 @@ var Crud = function Crud() {
       isErrorIf: [isNaN, isNotPositive]
     }].filter(function (_ref) {
       var field = _ref.field,
-          isErrorIf = _ref.isErrorIf;
+        isErrorIf = _ref.isErrorIf;
       var value = nextItem[field];
-
       if (isNullable(value)) {
         if (isPartial) {
           return false;
         }
-
         return true;
       }
-
       return isErrorIf.some(function (cond) {
         return cond(value);
       });
@@ -569,20 +522,16 @@ var Crud = function Crud() {
     });
     return errorFields.length > 0;
   };
-
   var handleSave = function handleSave(id) {
     var isNew = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
     return function () {
       var nextItem = controllerRef.current.getEditedRowData(id);
-
       if (!nextItem) {
         return;
       }
-
       if (handleErrors(id, nextItem, !isNew)) {
         return;
       }
-
       if (isNew) {
         setData(function (data) {
           return [nextItem].concat((0, _toConsumableArray2["default"])(data));
@@ -593,16 +542,13 @@ var Crud = function Crud() {
             if (item.id === id) {
               return _objectSpread(_objectSpread({}, item), nextItem);
             }
-
             return item;
           });
         });
       }
-
       controllerRef.current.viewRow(id);
     };
   };
-
   var columns = [{
     title: 'Product',
     field: 'product',
@@ -647,10 +593,9 @@ var Crud = function Crud() {
     },
     renderCell: function renderCell(_ref3) {
       var id = _ref3.data.id,
-          rowMode = _ref3.rowMode,
-          _ref3$isNew = _ref3.isNew,
-          isNew = _ref3$isNew === void 0 ? false : _ref3$isNew;
-
+        rowMode = _ref3.rowMode,
+        _ref3$isNew = _ref3.isNew,
+        isNew = _ref3$isNew === void 0 ? false : _ref3$isNew;
       if (rowMode === _types.RowMode.View) {
         return /*#__PURE__*/_react["default"].createElement("div", {
           style: {
@@ -664,7 +609,6 @@ var Crud = function Crud() {
           onClick: handleDelete(id)
         }, /*#__PURE__*/_react["default"].createElement(_Delete["default"], null)));
       }
-
       return /*#__PURE__*/_react["default"].createElement("div", {
         style: {
           display: 'flex'
@@ -724,8 +668,8 @@ var Crud = function Crud() {
       labelRowsPerPage: 'Rows per page:',
       labelDisplayedRows: function labelDisplayedRows(_ref5) {
         var from = _ref5.from,
-            to = _ref5.to,
-            count = _ref5.count;
+          to = _ref5.to,
+          count = _ref5.count;
         return "".concat(from, "-").concat(to, " of ").concat(count !== -1 ? count : "more than ".concat(to));
       }
     },
@@ -733,5 +677,4 @@ var Crud = function Crud() {
     columns: columns
   }));
 };
-
 exports.Crud = Crud;