flipper-ui 0.27.1 → 0.27.2

package/stories/DataTableQueryPaginated.stories.js

@@ -1,525 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-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;
-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 _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();
-  };
-  var controllerRef = (0, _react.useRef)();
-  var _useState = (0, _react.useState)({}),
-    _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 handleAdd = function handleAdd() {
-    var _controllerRef$curren;
-    (_controllerRef$curren = controllerRef.current) === null || _controllerRef$curren === void 0 ? void 0 : _controllerRef$curren.addRow({
-      id: randomId(),
-      date: date()
-    });
-  };
-  var handleEdit = function handleEdit(id) {
-    return function () {
-      var _controllerRef$curren2;
-      (_controllerRef$curren2 = controllerRef.current) === null || _controllerRef$curren2 === void 0 ? void 0 : _controllerRef$curren2.editRow(id);
-    };
-  };
-  var handleDelete = function handleDelete(id) {
-    return function () {
-      var _controllerRef$curren3;
-      (_controllerRef$curren3 = controllerRef.current) === null || _controllerRef$curren3 === void 0 ? void 0 : _controllerRef$curren3.pushRowView(id, 'confirmDelete');
-    };
-  };
-  var handleView = function handleView(id) {
-    return function () {
-      var _controllerRef$curren4;
-      (_controllerRef$curren4 = controllerRef.current) === null || _controllerRef$curren4 === void 0 ? void 0 : _controllerRef$curren4.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;
-    var errorFields = [{
-      field: 'quantity',
-      isErrorIf: [isNaN, isNotPositive]
-    }, {
-      field: 'date',
-      isErrorIf: [isAfterNow]
-    }, {
-      field: 'product',
-      isErrorIf: [isEmpty]
-    }, {
-      field: 'price',
-      isErrorIf: [isNaN, isNotPositive]
-    }].filter(function (_ref) {
-      var field = _ref.field,
-        isErrorIf = _ref.isErrorIf;
-      var value = nextItem[field];
-      if (isNullable(value)) {
-        if (isPartial) {
-          return false;
-        }
-        return true;
-      }
-      return isErrorIf.some(function (cond) {
-        return cond(value);
-      });
-    }).map(function (_ref2) {
-      var field = _ref2.field;
-      return field;
-    });
-    setErrors(function (errors) {
-      return _objectSpread(_objectSpread({}, errors), {}, (0, _defineProperty2["default"])({}, id, new Set(errorFields)));
-    });
-    return errorFields.length > 0;
-  };
-  var handleSave = function handleSave(id) {
-    var isNew = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-    return function () {
-      var _controllerRef$curren5, _controllerRef$curren6;
-      var nextItem = (_controllerRef$curren5 = controllerRef.current) === null || _controllerRef$curren5 === void 0 ? void 0 : _controllerRef$curren5.getEditedRowData(id);
-      if (!nextItem) {
-        return;
-      }
-      if (handleErrors(id, nextItem, !isNew)) {
-        return;
-      }
-      if (isNew) {
-        setData([nextItem].concat((0, _toConsumableArray2["default"])(data)));
-      } else {
-        setData(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);
-    };
-  };
-  var columns = [{
-    title: 'Product',
-    field: 'product',
-    type: 'text',
-    cellStyle: {
-      width: '120px'
-    },
-    editable: true
-  }, {
-    title: 'Price (R$)',
-    field: 'price',
-    type: 'numeric-float',
-    editable: true,
-    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'
-    }
-  }, {
-    title: 'Actions',
-    type: 'actions',
-    align: 'center',
-    cellStyle: {
-      width: '60px'
-    },
-    renderCell: function renderCell(_ref3) {
-      var id = _ref3.data.id,
-        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: {
-            display: 'flex'
-          }
-        }, /*#__PURE__*/_react["default"].createElement(_DataTableAction.DataTableAction, {
-          label: "Edit",
-          onClick: handleEdit(id)
-        }, /*#__PURE__*/_react["default"].createElement(_Edit["default"], null)), /*#__PURE__*/_react["default"].createElement(_DataTableAction.DataTableAction, {
-          label: "Delete",
-          onClick: handleDelete(id)
-        }, /*#__PURE__*/_react["default"].createElement(_Delete["default"], null)));
-      }
-      return /*#__PURE__*/_react["default"].createElement("div", {
-        style: {
-          display: 'flex'
-        }
-      }, /*#__PURE__*/_react["default"].createElement(_DataTableAction.DataTableAction, {
-        label: "Save",
-        onClick: handleSave(id, isNew)
-      }, /*#__PURE__*/_react["default"].createElement(_Save["default"], null)), /*#__PURE__*/_react["default"].createElement(_DataTableAction.DataTableAction, {
-        label: "Cancel",
-        onClick: handleView(id)
-      }, /*#__PURE__*/_react["default"].createElement(_Cancel["default"], null)));
-    }
-  }];
-  var rowViews = {
-    confirmDelete: function confirmDelete(_ref4) {
-      var data = _ref4.data;
-      return /*#__PURE__*/_react["default"].createElement("td", {
-        colSpan: 5
-      }, /*#__PURE__*/_react["default"].createElement("div", {
-        style: {
-          display: 'flex',
-          padding: '16px',
-          justifyContent: 'space-between'
-        }
-      }, /*#__PURE__*/_react["default"].createElement(_Typography["default"], null, "Confirm Delete \"", data.product, "\"?"), /*#__PURE__*/_react["default"].createElement("div", {
-        style: {
-          display: 'flex'
-        }
-      }, /*#__PURE__*/_react["default"].createElement(_DataTableAction.DataTableAction, {
-        label: "CheckIcon",
-        onClick: function onClick() {
-          var _controllerRef$curren7;
-          (_controllerRef$curren7 = controllerRef.current) === null || _controllerRef$curren7 === void 0 ? void 0 : _controllerRef$curren7.popRowView(data.id);
-          setData(function (dataList) {
-            return dataList.filter(function (item) {
-              return item.id !== data.id;
-            });
-          });
-        }
-      }, /*#__PURE__*/_react["default"].createElement(_Check["default"], null)), /*#__PURE__*/_react["default"].createElement(_DataTableAction.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)))));
-    }
-  };
-  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"], {
-    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:',
-      labelDisplayedRows: function labelDisplayedRows(_ref5) {
-        var from = _ref5.from,
-          to = _ref5.to,
-          count = _ref5.count;
-        return "".concat(from, "-").concat(to, " of ").concat(count !== -1 ? count : "more than ".concat(to));
-      }
-    },
-    rowViews: rowViews,
-    columns: columns
-  }));
-};
-exports.Crud = Crud;

package/stories/Dialog.stories.js

@@ -1,96 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.WithTypography = exports.WithAlertOnClose = exports.Default = void 0;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = _interopRequireWildcard(require("react"));
-var _Dialog = _interopRequireDefault(require("../core/Dialog"));
-var _Button = _interopRequireDefault(require("../core/Button"));
-var _Typography = _interopRequireDefault(require("../core/Typography"));
-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: 'Dialog',
-  component: _Dialog["default"]
-};
-exports["default"] = _default;
-var Default = function Default() {
-  var _useState = (0, _react.useState)(false),
-    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-    open = _useState2[0],
-    setOpen = _useState2[1];
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
-    onClick: function onClick() {
-      return setOpen(true);
-    }
-  }, "Open dialog"), /*#__PURE__*/_react["default"].createElement(_Dialog["default"], {
-    open: open,
-    title: "My beautiful Dialog",
-    text: 'Is not it?',
-    onClose: function onClose() {
-      return setOpen(false);
-    },
-    actions: /*#__PURE__*/_react["default"].createElement(_Button["default"], {
-      onClick: function onClick() {
-        return setOpen(false);
-      }
-    }, "Close dialog")
-  }));
-};
-exports.Default = Default;
-var WithAlertOnClose = function WithAlertOnClose() {
-  var _useState3 = (0, _react.useState)(false),
-    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
-    open = _useState4[0],
-    setOpen = _useState4[1];
-  var handleClose = function handleClose(e) {
-    e.preventDefault();
-    alert('I prevented dialog to close');
-  };
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
-    onClick: function onClick() {
-      return setOpen(true);
-    }
-  }, "Open dialog"), /*#__PURE__*/_react["default"].createElement(_Dialog["default"], {
-    open: open,
-    title: "My beautiful Dialog",
-    text: 'Is not it?',
-    onClose: handleClose,
-    actions: /*#__PURE__*/_react["default"].createElement(_Button["default"], {
-      onClick: function onClick() {
-        return setOpen(false);
-      }
-    }, "Close dialog")
-  }));
-};
-exports.WithAlertOnClose = WithAlertOnClose;
-var WithTypography = function WithTypography() {
-  var _useState5 = (0, _react.useState)(false),
-    _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
-    open = _useState6[0],
-    setOpen = _useState6[1];
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
-    onClick: function onClick() {
-      return setOpen(true);
-    }
-  }, "Open dialog"), /*#__PURE__*/_react["default"].createElement(_Dialog["default"], {
-    open: open,
-    title: /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
-      color: "primary"
-    }, "Title with Typography"),
-    text: "Simple Text",
-    onClose: function onClose() {
-      return setOpen(false);
-    },
-    actions: /*#__PURE__*/_react["default"].createElement(_Button["default"], {
-      onClick: function onClick() {
-        return setOpen(false);
-      }
-    }, "Close dialog")
-  }));
-};
-exports.WithTypography = WithTypography;

package/stories/Divider.stories.js

@@ -1,34 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.WithSelectedFields = exports.WithDisabledFields = exports.Default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _Divider = _interopRequireDefault(require("../core/Divider"));
-var _List = _interopRequireDefault(require("../core/List"));
-var _ListItem = _interopRequireDefault(require("../core/ListItem"));
-var _default = {
-  title: 'Divider',
-  component: _Divider["default"]
-};
-exports["default"] = _default;
-var Default = function Default() {
-  return /*#__PURE__*/_react["default"].createElement(_List["default"], null, /*#__PURE__*/_react["default"].createElement(_ListItem["default"], null, /*#__PURE__*/_react["default"].createElement("p", null, "Banded penguin")), /*#__PURE__*/_react["default"].createElement(_Divider["default"], null), /*#__PURE__*/_react["default"].createElement(_ListItem["default"], null, /*#__PURE__*/_react["default"].createElement("p", null, "Chinstrap penguin")), /*#__PURE__*/_react["default"].createElement(_Divider["default"], null), /*#__PURE__*/_react["default"].createElement(_ListItem["default"], null, /*#__PURE__*/_react["default"].createElement("p", null, "Crested penguins")), /*#__PURE__*/_react["default"].createElement(_Divider["default"], null));
-};
-exports.Default = Default;
-var WithDisabledFields = function WithDisabledFields() {
-  return /*#__PURE__*/_react["default"].createElement(_List["default"], null, /*#__PURE__*/_react["default"].createElement(_ListItem["default"], null, /*#__PURE__*/_react["default"].createElement("p", null, "Banded penguin")), /*#__PURE__*/_react["default"].createElement(_Divider["default"], null), /*#__PURE__*/_react["default"].createElement(_ListItem["default"], {
-    disabled: true
-  }, /*#__PURE__*/_react["default"].createElement("p", null, "Chinstrap penguin")), /*#__PURE__*/_react["default"].createElement(_Divider["default"], null), /*#__PURE__*/_react["default"].createElement(_ListItem["default"], {
-    disabled: true
-  }, /*#__PURE__*/_react["default"].createElement("p", null, "Crested penguins")), /*#__PURE__*/_react["default"].createElement(_Divider["default"], null));
-};
-exports.WithDisabledFields = WithDisabledFields;
-var WithSelectedFields = function WithSelectedFields() {
-  return /*#__PURE__*/_react["default"].createElement(_List["default"], null, /*#__PURE__*/_react["default"].createElement(_ListItem["default"], {
-    selected: true
-  }, /*#__PURE__*/_react["default"].createElement("p", null, "Banded penguin")), /*#__PURE__*/_react["default"].createElement(_Divider["default"], null), /*#__PURE__*/_react["default"].createElement(_ListItem["default"], null, /*#__PURE__*/_react["default"].createElement("p", null, "Chinstrap penguin")), /*#__PURE__*/_react["default"].createElement(_Divider["default"], null), /*#__PURE__*/_react["default"].createElement(_ListItem["default"], null, /*#__PURE__*/_react["default"].createElement("p", null, "Crested penguins")), /*#__PURE__*/_react["default"].createElement(_Divider["default"], null));
-};
-exports.WithSelectedFields = WithSelectedFields;