flipper-ui 0.27.1 → 0.27.2

package/stories/Drawer.stories.js

@@ -1,43 +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.Default = void 0;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = _interopRequireWildcard(require("react"));
-var _Drawer = _interopRequireDefault(require("../core/Drawer"));
-var _List = _interopRequireDefault(require("../core/List"));
-var _ListItem = _interopRequireDefault(require("../core/ListItem"));
-var _Backup = _interopRequireDefault(require("@material-ui/icons/Backup"));
-var _Button = _interopRequireDefault(require("../core/Button"));
-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: 'Drawer',
-  component: _Drawer["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];
-  var handleClick = function handleClick() {
-    SetOpen(!open);
-  };
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
-    onClick: handleClick,
-    disabled: open
-  }, "Open"), /*#__PURE__*/_react["default"].createElement(_Drawer["default"], {
-    open: open,
-    onClick: handleClick
-  }, /*#__PURE__*/_react["default"].createElement(_List["default"], null, /*#__PURE__*/_react["default"].createElement(_ListItem["default"], {
-    icon: /*#__PURE__*/_react["default"].createElement(_Backup["default"], null)
-  }), /*#__PURE__*/_react["default"].createElement(_ListItem["default"], {
-    icon: /*#__PURE__*/_react["default"].createElement(_Backup["default"], null)
-  }))));
-};
-exports.Default = Default;

package/stories/EditTable.stories.js

@@ -1,140 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.WithAutocomplete = exports.Default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _Avatar = _interopRequireDefault(require("../core/Avatar"));
-var _EditableTable = _interopRequireDefault(require("../core/EditableTable"));
-var _default = {
-  title: 'EditTable',
-  component: _Avatar["default"]
-};
-exports["default"] = _default;
-var Default = function Default() {
-  return /*#__PURE__*/_react["default"].createElement(_EditableTable["default"], {
-    paginationInfo: true,
-    noRowsExpand: true,
-    disableAddHeader: true,
-    onAddRow: function onAddRow(item) {
-      return Promise.resolve(console.log(item));
-    },
-    onRowClick: function onRowClick() {
-      return window.alert('hello');
-    },
-    title: "adicionar",
-    columns: [{
-      title: 'Leitura',
-      field: 'readAt',
-      initialEditValue: new Date(),
-      type: 'datetime',
-      cellStyle: {
-        textAlign: 'right'
-      },
-      headerStyle: {
-        textAlign: 'right'
-      }
-    }, {
-      title: 'Posição',
-      field: 'position',
-      type: 'numeric'
-    }, {
-      title: 'Origem',
-      field: 'origin',
-      editable: 'never',
-      initialEditValue: 'Manual'
-    }],
-    data: [{
-      readAt: new Date('07/01/2019 17:21'),
-      position: 7000,
-      origin: /*#__PURE__*/_react["default"].createElement("div", {
-        style: {
-          maxWidth: '100px',
-          width: '80%',
-          backgroundColor: 'green',
-          borderRadius: 10,
-          textAlign: 'center'
-        }
-      }, "80%")
-    }, {
-      readAt: new Date('06/15/2019 16:01'),
-      position: 6740,
-      origin: 'Manual'
-    }, {
-      readAt: new Date('06/01/2019 19:22'),
-      position: 6450,
-      origin: 'S.O. 018774'
-    }, {
-      readAt: new Date('05/15/2019 14:07'),
-      position: 5600,
-      origin: 'S.0. 018774'
-    }, {
-      readAt: new Date('07/01/2019 19:22'),
-      position: 6451,
-      origin: 'S.O. 3'
-    }, {
-      readAt: new Date('05/12/2019 14:07'),
-      position: 8000,
-      origin: 'S.0. 018771'
-    }]
-  });
-};
-exports.Default = Default;
-var WithAutocomplete = function WithAutocomplete() {
-  return /*#__PURE__*/_react["default"].createElement(_EditableTable["default"], {
-    noHeader: true,
-    title: "adicionar",
-    autoCompleteSuggestions: [{
-      label: 'other values',
-      value: '123456'
-    }, {
-      label: 'only values',
-      value: '10000'
-    }, {
-      label: 'some values',
-      value: '5000'
-    }, {
-      label: 'any values',
-      value: '12'
-    }],
-    autoCompleteField: "listValues",
-    onUpdateRow: function onUpdateRow() {
-      return Promise.resolve();
-    },
-    onClickAdd: function onClickAdd() {
-      return window.alert('hello');
-    },
-    columns: [{
-      title: 'values',
-      field: 'listValues',
-      cellStyle: {
-        textAlign: 'right'
-      },
-      headerStyle: {
-        textAlign: 'right'
-      }
-    }, {
-      title: 'Posição',
-      field: 'position',
-      type: 'numeric'
-    }],
-    data: [{
-      listValues: 'some values',
-      autoComplete: {
-        value: '1',
-        label: 'some values'
-      },
-      position: 7000
-    }, {
-      listValues: 'any values',
-      autoComplete: {
-        value: '2',
-        label: 'any values'
-      },
-      position: 6740
-    }]
-  });
-};
-exports.WithAutocomplete = WithAutocomplete;

package/stories/ExpansionPanel.stories.js

@@ -1,96 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.WithEditable = exports.Disabled = exports.Default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = _interopRequireDefault(require("react"));
-var _ExpansionPanel = _interopRequireDefault(require("../core/ExpansionPanel"));
-var _Typography = _interopRequireDefault(require("../core/Typography"));
-var _ExpandMore = _interopRequireDefault(require("@material-ui/icons/ExpandMore"));
-var _Button = _interopRequireDefault(require("../core/Button"));
-var _TextField = _interopRequireDefault(require("../core/TextField"));
-var _default = {
-  title: 'ExpansionPanel',
-  component: _ExpansionPanel["default"]
-};
-exports["default"] = _default;
-var Template = function Template(args) {
-  var _React$useState = _react["default"].useState(args.editing),
-    _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
-    editing = _React$useState2[0],
-    setEditing = _React$useState2[1];
-  var _React$useState3 = _react["default"].useState(args.details),
-    _React$useState4 = (0, _slicedToArray2["default"])(_React$useState3, 2),
-    details = _React$useState4[0],
-    setDetails = _React$useState4[1];
-  var inputRef = _react["default"].useRef(null);
-  var handleEditClick = function handleEditClick() {
-    setEditing(true);
-  };
-  var handleSaveClick = function handleSaveClick() {
-    var _inputRef$current;
-    setDetails((_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.value);
-    setEditing(false);
-  };
-  var handleKeyDown = function handleKeyDown(event) {
-    if (event.key === 'Enter') {
-      handleSaveClick();
-    }
-    if (event.key === 'Escape') {
-      setEditing(false);
-    }
-  };
-  var renderDetails = function renderDetails() {
-    if (editing) {
-      return /*#__PURE__*/_react["default"].createElement(_TextField["default"], {
-        autoFocus: true,
-        inputRef: inputRef,
-        onKeyDown: handleKeyDown
-      });
-    }
-    return details;
-  };
-  return /*#__PURE__*/_react["default"].createElement(_ExpansionPanel["default"], (0, _extends2["default"])({}, args, {
-    editing: editing,
-    onEditClick: handleEditClick,
-    onSaveClick: handleSaveClick,
-    details: renderDetails()
-  }));
-};
-var Default = Template.bind({});
-exports.Default = Default;
-Default.args = {
-  summary: 'Pulp Fiction',
-  onHelperClick: function onHelperClick() {
-    return window.alert('HELP!');
-  },
-  expandIcon: /*#__PURE__*/_react["default"].createElement(_ExpandMore["default"], null),
-  actions: /*#__PURE__*/_react["default"].createElement(_Button["default"], {
-    color: "primary"
-  }, "Confirm"),
-  details: /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
-    gutterBottom: true
-  }, "books about imaginary characters and events, produced in large quantities and intended to be read by many people but not considered to be of very good quality:"), /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
-    variant: "caption"
-  }, "She was reading a pulp fiction thriller with a lurid cover."))
-};
-var Disabled = Template.bind({});
-exports.Disabled = Disabled;
-Disabled.args = {
-  disabled: true,
-  summary: 'Dormammu',
-  details: 'I have come to bargain',
-  expandIcon: /*#__PURE__*/_react["default"].createElement(_ExpandMore["default"], null)
-};
-var WithEditable = Template.bind({});
-exports.WithEditable = WithEditable;
-WithEditable.args = {
-  editable: true,
-  summary: 'Editable Expansion Panel',
-  details: 'This is an editable expansion panel',
-  expandIcon: /*#__PURE__*/_react["default"].createElement(_ExpandMore["default"], null)
-};

package/stories/Fab.stories.js

@@ -1,22 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.Default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _Fab = _interopRequireDefault(require("../core/Fab"));
-var _default = {
-  title: 'Fab',
-  component: _Fab["default"]
-};
-exports["default"] = _default;
-var Template = function Template(args) {
-  return /*#__PURE__*/_react["default"].createElement(_Fab["default"], args);
-};
-var Default = Template.bind({});
-exports.Default = Default;
-Default.args = {
-  children: 'Fab'
-};

package/stories/Fade.stories.js

@@ -1,44 +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.Default = void 0;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = _interopRequireWildcard(require("react"));
-var _Fade = _interopRequireDefault(require("../core/Fade"));
-var _Button = _interopRequireDefault(require("../core/Button"));
-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: 'Fade',
-  component: _Fade["default"]
-};
-exports["default"] = _default;
-var Default = function Default() {
-  var _useState = (0, _react.useState)(true),
-    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-    open = _useState2[0],
-    setOpen = _useState2[1];
-  var _useState3 = (0, _react.useState)('Close'),
-    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
-    label = _useState4[0],
-    setLabel = _useState4[1];
-  function handleClick() {
-    setOpen(!open);
-    label === 'Close' ? setLabel('Open') : setLabel('Close');
-  }
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
-    style: {
-      marginRight: '3em'
-    },
-    variant: "contained",
-    color: "primary",
-    onClick: handleClick
-  }, label), /*#__PURE__*/_react["default"].createElement(_Fade["default"], {
-    "in": open
-  }, /*#__PURE__*/_react["default"].createElement("span", null, "I am open for discussions")));
-};
-exports.Default = Default;

package/stories/Grow.stories.js

@@ -1,53 +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.Default = void 0;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = _interopRequireWildcard(require("react"));
-var _Grow = _interopRequireDefault(require("../core/Grow"));
-var _Button = _interopRequireDefault(require("../core/Button"));
-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: 'Grow',
-  component: _Grow["default"],
-  argTypes: {
-    backgroundColor: {
-      control: 'color'
-    }
-  }
-};
-exports["default"] = _default;
-var Default = function Default() {
-  var _useState = (0, _react.useState)(true),
-    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-    open = _useState2[0],
-    setOpen = _useState2[1];
-  var _useState3 = (0, _react.useState)('Close'),
-    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
-    label = _useState4[0],
-    setLabel = _useState4[1];
-  function handleClick() {
-    setOpen(!open);
-    label === 'Close' ? setLabel('Open') : setLabel('Close');
-  }
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
-    color: "primary",
-    variant: "contained",
-    onClick: handleClick,
-    style: {
-      marginRight: '3em'
-    }
-  }, label), /*#__PURE__*/_react["default"].createElement(_Grow["default"], {
-    "in": open,
-    timeout: {
-      enter: 500,
-      exit: 500
-    }
-  }, /*#__PURE__*/_react["default"].createElement("span", null, "I am open for discussions")));
-};
-exports.Default = Default;

package/stories/Header.stories.js

@@ -1,35 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.Secondary = exports.Primary = exports.Default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _Header = _interopRequireDefault(require("../core/Header"));
-var _default = {
-  title: 'Header',
-  component: _Header["default"]
-};
-exports["default"] = _default;
-var Template = function Template(args) {
-  return /*#__PURE__*/_react["default"].createElement(_Header["default"], args);
-};
-var Default = Template.bind({});
-exports.Default = Default;
-Default.args = {
-  color: 'default',
-  children: 'Flipper UI'
-};
-var Primary = Template.bind({});
-exports.Primary = Primary;
-Primary.args = {
-  color: 'primary',
-  children: 'Flipper UI'
-};
-var Secondary = Template.bind({});
-exports.Secondary = Secondary;
-Secondary.args = {
-  color: 'secondary',
-  children: 'Flipper UI'
-};

package/stories/IconButton.stories.js

@@ -1,41 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.Secondary = exports.Primary = exports.Disabled = exports.Default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _IconButton = _interopRequireDefault(require("../core/IconButton"));
-var _Add = _interopRequireDefault(require("@material-ui/icons/Add"));
-var _default = {
-  title: 'IconButton',
-  component: _IconButton["default"]
-};
-exports["default"] = _default;
-var Template = function Template(args) {
-  return /*#__PURE__*/_react["default"].createElement(_IconButton["default"], args);
-};
-var Default = Template.bind({});
-exports.Default = Default;
-Default.args = {
-  children: /*#__PURE__*/_react["default"].createElement(_Add["default"], null)
-};
-var Primary = Template.bind({});
-exports.Primary = Primary;
-Primary.args = {
-  color: 'primary',
-  children: /*#__PURE__*/_react["default"].createElement(_Add["default"], null)
-};
-var Secondary = Template.bind({});
-exports.Secondary = Secondary;
-Secondary.args = {
-  color: 'secondary',
-  children: /*#__PURE__*/_react["default"].createElement(_Add["default"], null)
-};
-var Disabled = Template.bind({});
-exports.Disabled = Disabled;
-Disabled.args = {
-  disabled: true,
-  children: /*#__PURE__*/_react["default"].createElement(_Add["default"], null)
-};

package/stories/InputAdornment.stories.js

@@ -1,22 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.Default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _InputAdornment = _interopRequireDefault(require("../core/InputAdornment"));
-var _default = {
-  title: 'InputAdornment',
-  component: _InputAdornment["default"]
-};
-exports["default"] = _default;
-var Template = function Template(args) {
-  return /*#__PURE__*/_react["default"].createElement(_InputAdornment["default"], args);
-};
-var Default = Template.bind({});
-exports.Default = Default;
-Default.args = {
-  children: 'InputAdornment'
-};

package/stories/InputBase.stories.js

@@ -1,48 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.Default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _InputBase = _interopRequireDefault(require("../core/InputBase"));
-var _default = {
-  title: 'InputBase',
-  component: _InputBase["default"],
-  argTypes: {
-    placeholder: {
-      control: 'text'
-    },
-    value: {
-      control: 'text'
-    },
-    fullWidth: {
-      control: 'boolean'
-    },
-    autoComplete: {
-      control: 'text'
-    },
-    autoFocus: {
-      control: 'boolean'
-    },
-    error: {
-      control: 'boolean'
-    },
-    inputProps: {
-      control: 'object'
-    },
-    readonly: {
-      control: 'boolean'
-    }
-  }
-};
-exports["default"] = _default;
-var Template = function Template(args) {
-  return /*#__PURE__*/_react["default"].createElement(_InputBase["default"], args);
-};
-var Default = Template.bind({});
-exports.Default = Default;
-Default.args = {
-  placeholder: 'InputBase'
-};

package/stories/Line.stories.js

@@ -1,29 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.Primary = exports.LineWithWidthProp = exports.Default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _Line = _interopRequireDefault(require("../core/Line"));
-var _default = {
-  title: 'Line',
-  component: _Line["default"]
-};
-exports["default"] = _default;
-var Template = function Template(args) {
-  return /*#__PURE__*/_react["default"].createElement(_Line["default"], args);
-};
-var Default = Template.bind({});
-exports.Default = Default;
-var Primary = Template.bind({});
-exports.Primary = Primary;
-Primary.args = {
-  primary: true
-};
-var LineWithWidthProp = Template.bind({});
-exports.LineWithWidthProp = LineWithWidthProp;
-LineWithWidthProp.args = {
-  width: '100%'
-};