flipper-ui 0.27.0 → 0.27.2

package/stories/Button.stories.js

@@ -1,122 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.Small = exports.Selected = exports.Secondary = exports.Primary = exports.OutlinedSecondary = exports.OutlinedPrimary = exports.Medium = exports.Large = exports.Disabled = exports.Default = exports.DashedSecondary = exports.DashedPrimary = exports.ContainedSecondary = exports.ContainedPrimary = exports.AddIcon = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = _interopRequireDefault(require("react"));
-var _Button = _interopRequireDefault(require("../core/Button"));
-var _Add = _interopRequireDefault(require("@material-ui/icons/Add"));
-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: 'Button',
-  component: _Button["default"],
-  argTypes: {
-    backgroundColor: {
-      control: 'color'
-    }
-  }
-};
-exports["default"] = _default;
-var Template = function Template(args) {
-  return /*#__PURE__*/_react["default"].createElement(_Button["default"], args);
-};
-var commonArgs = {
-  margin: 12,
-  children: 'Button'
-};
-var Default = Template.bind({});
-exports.Default = Default;
-Default.args = _objectSpread({}, commonArgs);
-var Primary = Template.bind({});
-exports.Primary = Primary;
-Primary.args = _objectSpread(_objectSpread({}, commonArgs), {}, {
-  color: 'primary'
-});
-var Secondary = Template.bind({});
-exports.Secondary = Secondary;
-Secondary.args = _objectSpread(_objectSpread({}, commonArgs), {}, {
-  color: 'secondary'
-});
-var ContainedPrimary = Template.bind({});
-exports.ContainedPrimary = ContainedPrimary;
-ContainedPrimary.args = _objectSpread(_objectSpread({}, commonArgs), {}, {
-  variant: 'contained',
-  color: 'primary'
-});
-var ContainedSecondary = Template.bind({});
-exports.ContainedSecondary = ContainedSecondary;
-ContainedSecondary.args = _objectSpread(_objectSpread({}, commonArgs), {}, {
-  variant: 'contained',
-  color: 'secondary'
-});
-var OutlinedPrimary = Template.bind({});
-exports.OutlinedPrimary = OutlinedPrimary;
-OutlinedPrimary.args = _objectSpread(_objectSpread({}, commonArgs), {}, {
-  variant: 'outlined',
-  color: 'primary'
-});
-var OutlinedSecondary = Template.bind({});
-exports.OutlinedSecondary = OutlinedSecondary;
-OutlinedSecondary.args = _objectSpread(_objectSpread({}, commonArgs), {}, {
-  variant: 'outlined',
-  color: 'secondary'
-});
-var Selected = Template.bind({});
-exports.Selected = Selected;
-Selected.args = _objectSpread(_objectSpread({}, commonArgs), {}, {
-  variant: 'contained',
-  color: 'primary',
-  selected: true
-});
-var DashedPrimary = Template.bind({});
-exports.DashedPrimary = DashedPrimary;
-DashedPrimary.args = _objectSpread(_objectSpread({}, commonArgs), {}, {
-  variant: 'dashed',
-  color: 'primary'
-});
-var DashedSecondary = Template.bind({});
-exports.DashedSecondary = DashedSecondary;
-DashedSecondary.args = _objectSpread(_objectSpread({}, commonArgs), {}, {
-  variant: 'dashed',
-  color: 'secondary'
-});
-var AddIcon = Template.bind({});
-exports.AddIcon = AddIcon;
-AddIcon.args = {
-  variant: 'fab',
-  color: 'primary',
-  margin: 12,
-  children: /*#__PURE__*/_react["default"].createElement(_Add["default"], null)
-};
-var Small = Template.bind({});
-exports.Small = Small;
-Small.args = _objectSpread(_objectSpread({}, commonArgs), {}, {
-  size: 'small',
-  variant: 'contained',
-  color: 'primary'
-});
-var Medium = Template.bind({});
-exports.Medium = Medium;
-Medium.args = _objectSpread(_objectSpread({}, commonArgs), {}, {
-  size: 'medium',
-  variant: 'contained',
-  color: 'primary'
-});
-var Large = Template.bind({});
-exports.Large = Large;
-Large.args = _objectSpread(_objectSpread({}, commonArgs), {}, {
-  size: 'large',
-  variant: 'contained',
-  color: 'primary'
-});
-var Disabled = Template.bind({});
-exports.Disabled = Disabled;
-Disabled.args = _objectSpread(_objectSpread({}, commonArgs), {}, {
-  variant: 'contained',
-  color: 'primary',
-  disabled: true
-});

package/stories/Card.stories.js

@@ -1,37 +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 _react = _interopRequireDefault(require("react"));
-var _Card = _interopRequireWildcard(require("../core/Card"));
-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: 'Card',
-  component: _Card["default"],
-  argTypes: {
-    backgroundColor: {
-      control: 'color'
-    }
-  }
-};
-exports["default"] = _default;
-var url = 'https://media2.s-nbcnews.com/j/newscms/2018_20/1339477' + '/puppy-cute-today-180515-main_a936531048fdb698635dd1b418abdee9.fit-760w.jpg';
-var Default = function Default() {
-  return /*#__PURE__*/_react["default"].createElement(_Card["default"], null, /*#__PURE__*/_react["default"].createElement(_Card.CardActionArea, null, /*#__PURE__*/_react["default"].createElement(_Card.CardMedia, {
-    image: url,
-    title: "Puppies",
-    style: {
-      height: '256px'
-    }
-  }), /*#__PURE__*/_react["default"].createElement(_Card.CardContent, null, "...look, a beautiful person over here")), /*#__PURE__*/_react["default"].createElement(_Card.CardActions, null, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
-    size: "small",
-    color: "primary"
-  }, "Confirm")));
-};
-exports.Default = Default;

package/stories/Chapter.stories.js

@@ -1,35 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.WithCustomStyle = exports.Default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _Chapter = _interopRequireDefault(require("../core/Chapter"));
-var _default = {
-  title: 'Chapter',
-  component: _Chapter["default"]
-};
-exports["default"] = _default;
-var Template = function Template(args) {
-  return /*#__PURE__*/_react["default"].createElement(_Chapter["default"], args);
-};
-var Default = Template.bind({});
-exports.Default = Default;
-Default.args = {
-  variant: 'body1',
-  children: 'Chapter'
-};
-var WithCustomStyle = Template.bind({});
-exports.WithCustomStyle = WithCustomStyle;
-WithCustomStyle.args = {
-  style: {
-    'background-color': 'red'
-  },
-  variant: 'body1',
-  typoStyle: {
-    color: 'blue'
-  },
-  children: 'Chapter'
-};

package/stories/Checkbox.stories.js

@@ -1,91 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.WithoutLabel = exports.WithHelper = exports.SwitchWithHelper = exports.Switch = exports.Primary = exports.Default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _Checkbox = _interopRequireDefault(require("../core/Checkbox"));
-var _default = {
-  title: 'Checkbox',
-  component: _Checkbox["default"],
-  argTypes: {
-    backgroundColor: {
-      control: 'color'
-    }
-  }
-};
-exports["default"] = _default;
-var Template = function Template(args) {
-  return /*#__PURE__*/_react["default"].createElement(_Checkbox["default"], args);
-};
-var Default = function Default() {
-  return /*#__PURE__*/_react["default"].createElement(_Checkbox["default"], {
-    label: "I agree with the terms",
-    name: "terms",
-    onChange: function onChange() {
-      return alert('You clicked on the checkbox!');
-    }
-  });
-};
-exports.Default = Default;
-var WithHelper = Template.bind({});
-exports.WithHelper = WithHelper;
-WithHelper.args = {
-  label: 'I agree with the terms',
-  name: 'terms',
-  onChange: function onChange() {
-    return alert('You clicked on the checkbox!');
-  },
-  onHelperClick: function onHelperClick() {
-    return alert('Do you need help?');
-  },
-  children: 'Checkbox'
-};
-var Primary = Template.bind({});
-exports.Primary = Primary;
-Primary.args = {
-  label: 'I agree with the terms',
-  name: 'terms',
-  onChange: function onChange() {
-    return alert('You clicked on the checkbox!');
-  },
-  color: 'primary',
-  children: 'Checkbox'
-};
-var WithoutLabel = Template.bind({});
-exports.WithoutLabel = WithoutLabel;
-WithoutLabel.args = {
-  name: 'terms',
-  onChange: function onChange() {
-    return alert('You clicked on the checkbox!');
-  },
-  children: 'Checkbox'
-};
-var Switch = Template.bind({});
-exports.Switch = Switch;
-Switch.args = {
-  label: 'Bluetooth',
-  name: 'bluetooth',
-  type: 'switch',
-  onChange: function onChange() {
-    return alert('You clicked on the switcher!');
-  },
-  children: 'Checkbox'
-};
-var SwitchWithHelper = Template.bind({});
-exports.SwitchWithHelper = SwitchWithHelper;
-SwitchWithHelper.args = {
-  id: 'with-helper',
-  label: 'Bluetooth',
-  name: 'bluetooth',
-  type: 'switch',
-  onChange: function onChange() {
-    return alert('You clicked on the switcher!');
-  },
-  onHelperClick: function onHelperClick() {
-    return alert('Do you need help?');
-  },
-  children: 'Checkbox'
-};

package/stories/Chip.stories.js

@@ -1,61 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.WithInitialsAvatar = exports.WithImageAvatar = exports.WithIconAvatar = exports.Squared = exports.SecondaryColor = exports.Default = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = _interopRequireDefault(require("react"));
-var _Chip = _interopRequireDefault(require("../core/Chip"));
-var _Avatar = _interopRequireDefault(require("../core/Avatar"));
-var _Face = _interopRequireDefault(require("@material-ui/icons/Face"));
-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: 'Chip',
-  component: _Chip["default"],
-  argTypes: {
-    backgroundColor: {
-      control: 'color'
-    }
-  }
-};
-exports["default"] = _default;
-var Template = function Template(args) {
-  return /*#__PURE__*/_react["default"].createElement(_Chip["default"], args);
-};
-var commonArgs = {
-  label: 'Hello darkness my old friend',
-  children: 'Chip'
-};
-var Default = Template.bind({});
-exports.Default = Default;
-Default.args = _objectSpread({}, commonArgs);
-var Squared = Template.bind({});
-exports.Squared = Squared;
-Squared.args = _objectSpread(_objectSpread({}, commonArgs), {}, {
-  square: true
-});
-var WithInitialsAvatar = Template.bind({});
-exports.WithInitialsAvatar = WithInitialsAvatar;
-WithInitialsAvatar.args = _objectSpread(_objectSpread({}, commonArgs), {}, {
-  avatar: /*#__PURE__*/_react["default"].createElement(_Avatar["default"], null, "HD")
-});
-var WithIconAvatar = Template.bind({});
-exports.WithIconAvatar = WithIconAvatar;
-WithIconAvatar.args = _objectSpread(_objectSpread({}, commonArgs), {}, {
-  avatar: /*#__PURE__*/_react["default"].createElement(_Avatar["default"], null, /*#__PURE__*/_react["default"].createElement(_Face["default"], null))
-});
-var WithImageAvatar = Template.bind({});
-exports.WithImageAvatar = WithImageAvatar;
-WithImageAvatar.args = _objectSpread(_objectSpread({}, commonArgs), {}, {
-  avatar: /*#__PURE__*/_react["default"].createElement(_Avatar["default"], {
-    src: "https://picsum.photos/40"
-  })
-});
-var SecondaryColor = Template.bind({});
-exports.SecondaryColor = SecondaryColor;
-SecondaryColor.args = _objectSpread(_objectSpread({}, commonArgs), {}, {
-  color: 'secondary'
-});

package/stories/ChipField.stories.js

@@ -1,49 +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 _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"));
-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)));
-  };
-  return /*#__PURE__*/_react["default"].createElement(_ChipField["default"], (0, _extends2["default"])({}, args, {
-    onDelete: handleRemove,
-    values: state,
-    onAdd: handleAdd
-  }));
-};
-var Default = Template.bind({});
-exports.Default = Default;
-Default.args = {
-  variant: 'outlined',
-  label: 'chips'
-};

package/stories/Collapse.stories.js

@@ -1,59 +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.Open = exports.Default = exports.Closed = void 0;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = _interopRequireWildcard(require("react"));
-var _Collapse = _interopRequireDefault(require("../core/Collapse"));
-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: 'Collapse',
-  component: _Collapse["default"]
-};
-exports["default"] = _default;
-var Template = function Template(args) {
-  return /*#__PURE__*/_react["default"].createElement(_Collapse["default"], args);
-};
-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),
-    buttonLabel = _useState4[0],
-    setButtonLabel = _useState4[1];
-  function handleClick() {
-    setOpen(!open);
-    !open ? setButtonLabel('Close') : setButtonLabel('Open');
-  }
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_Collapse["default"], {
-    "in": open
-  }, " I am open for discussions "), /*#__PURE__*/_react["default"].createElement(_Button["default"], {
-    size: "small",
-    color: "primary",
-    style: {
-      marginTop: '3em'
-    },
-    onClick: handleClick
-  }, buttonLabel));
-};
-exports.Default = Default;
-var Open = Template.bind({});
-exports.Open = Open;
-Open.args = {
-  "in": true,
-  children: 'I am open for discussions'
-};
-var Closed = Template.bind({});
-exports.Closed = Closed;
-Closed.args = {
-  "in": false,
-  children: 'I am not open for discussions. Please do not insist.'
-};

package/stories/Container.stories.js

@@ -1,18 +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 _Container = _interopRequireDefault(require("../core/Container"));
-var _default = {
-  title: 'Container',
-  component: _Container["default"]
-};
-exports["default"] = _default;
-var Default = function Default() {
-  return /*#__PURE__*/_react["default"].createElement(_Container["default"], null, "I am a Container");
-};
-exports.Default = Default;

package/stories/Content.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 _Content = _interopRequireDefault(require("../core/Content"));
-var _default = {
-  title: 'Content',
-  component: _Content["default"]
-};
-exports["default"] = _default;
-var Template = function Template(args) {
-  return /*#__PURE__*/_react["default"].createElement(_Content["default"], args);
-};
-var Default = Template.bind({});
-exports.Default = Default;
-Default.args = {
-  children: 'I am used to show Content'
-};