flipper-ui 0.27.0 → 0.27.2

package/stories/TextField.stories.js

@@ -1,135 +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.withSelect = exports.withInputAdornment = exports.withHelperButton = exports.useWithSelectAndClear = exports["default"] = exports.Default = void 0;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = _interopRequireWildcard(require("react"));
-var _TextField = _interopRequireDefault(require("../core/TextField"));
-var _ListItem = _interopRequireDefault(require("../core/ListItem"));
-var _InputAdornment = _interopRequireDefault(require("../core/InputAdornment"));
-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: 'TextField',
-  component: _TextField["default"]
-};
-exports["default"] = _default;
-var Template = function Template(args) {
-  return /*#__PURE__*/_react["default"].createElement(_TextField["default"], args);
-};
-var Default = function Default() {
-  return /*#__PURE__*/_react["default"].createElement(_TextField["default"], {
-    placeholder: "Description"
-  });
-};
-exports.Default = Default;
-var withInputAdornment = Template.bind({});
-exports.withInputAdornment = withInputAdornment;
-withInputAdornment.args = {
-  type: 'number',
-  label: 'Price',
-  InputProps: {
-    startAdornment: /*#__PURE__*/_react["default"].createElement(_InputAdornment["default"], {
-      position: "start"
-    }, "$")
-  },
-  InputLabelProps: {
-    shrink: true
-  }
-};
-var withHelperButton = Template.bind({});
-exports.withHelperButton = withHelperButton;
-withHelperButton.args = {
-  placeholder: 'Description',
-  onHelperClick: function onHelperClick() {
-    return window.alert('HELP!');
-  }
-};
-var withSelect = function withSelect() {
-  return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_TextField["default"], {
-    select: true,
-    value: "reais"
-  }, [{
-    label: 'R$',
-    value: 'reais'
-  }, {
-    label: '$',
-    value: 'dollar'
-  }].map(function (_ref) {
-    var label = _ref.label,
-      value = _ref.value;
-    return /*#__PURE__*/_react["default"].createElement(_ListItem["default"], {
-      key: value,
-      value: value
-    }, label);
-  })), /*#__PURE__*/_react["default"].createElement(_TextField["default"], {
-    select: true,
-    value: "fable"
-  }, [{
-    label: 'Elm',
-    value: 'elm'
-  }, {
-    label: 'ReasonML',
-    value: 'reasonml'
-  }, {
-    label: 'Purescript',
-    value: 'purescript'
-  }, {
-    label: 'Fable',
-    value: 'fable'
-  }].map(function (_ref2) {
-    var label = _ref2.label,
-      value = _ref2.value;
-    return /*#__PURE__*/_react["default"].createElement(_ListItem["default"], {
-      key: value,
-      value: value
-    }, label);
-  })));
-};
-exports.withSelect = withSelect;
-var useWithSelectAndClear = function useWithSelectAndClear() {
-  var _useState = (0, _react.useState)('fable'),
-    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-    value = _useState2[0],
-    setValue = _useState2[1];
-  var onClear = function onClear() {
-    setValue('');
-  };
-  var handleChange = function handleChange(event) {
-    setValue(event.target.value);
-  };
-  return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_TextField["default"], {
-    select: true,
-    value: value,
-    hasClear: true,
-    onClear: onClear,
-    onChange: handleChange
-  }, [{
-    label: null,
-    value: ''
-  }, {
-    label: 'Elm',
-    value: 'elm'
-  }, {
-    label: 'ReasonML',
-    value: 'reasonml'
-  }, {
-    label: 'Purescript',
-    value: 'purescript'
-  }, {
-    label: 'Fable',
-    value: 'fable'
-  }].map(function (_ref3) {
-    var label = _ref3.label,
-      value = _ref3.value;
-    return /*#__PURE__*/_react["default"].createElement(_ListItem["default"], {
-      key: value,
-      value: value
-    }, label);
-  })));
-};
-exports.useWithSelectAndClear = useWithSelectAndClear;

package/stories/Tooltip.stories.js

@@ -1,120 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.Positioned = exports.Disabled = exports.Default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _Tooltip = _interopRequireDefault(require("../core/Tooltip"));
-var _Button = _interopRequireDefault(require("../core/Button"));
-var _default = {
-  title: 'Tooltip',
-  component: _Tooltip["default"]
-};
-exports["default"] = _default;
-var Template = function Template(args) {
-  return /*#__PURE__*/_react["default"].createElement(_Tooltip["default"], args);
-};
-var Default = Template.bind({});
-exports.Default = Default;
-Default.args = {
-  title: 'Tooltip',
-  children: /*#__PURE__*/_react["default"].createElement(_Button["default"], {
-    variant: "outlined"
-  }, "Simple tooltip")
-};
-var Positioned = function Positioned() {
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_Tooltip["default"], {
-    title: "Tooltip",
-    placement: "left-start"
-  }, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
-    variant: "outlined",
-    color: "secondary",
-    margin: 12
-  }, "left-start")), /*#__PURE__*/_react["default"].createElement(_Tooltip["default"], {
-    title: "Tooltip",
-    placement: "left"
-  }, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
-    variant: "outlined",
-    color: "primary",
-    margin: 12
-  }, "left")), /*#__PURE__*/_react["default"].createElement(_Tooltip["default"], {
-    title: "Tooltip",
-    placement: "left-end"
-  }, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
-    variant: "outlined",
-    margin: 12
-  }, "left-end")), /*#__PURE__*/_react["default"].createElement(_Tooltip["default"], {
-    title: "Tooltip",
-    placement: "bottom-start"
-  }, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
-    variant: "outlined",
-    color: "primary",
-    margin: 12
-  }, "bottom-start")), /*#__PURE__*/_react["default"].createElement(_Tooltip["default"], {
-    title: "Tooltip",
-    placement: "bottom"
-  }, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
-    variant: "outlined",
-    color: "secondary",
-    margin: 12
-  }, "bottom")), /*#__PURE__*/_react["default"].createElement(_Tooltip["default"], {
-    title: "Tooltip",
-    placement: "bottom-end"
-  }, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
-    variant: "outlined",
-    color: "primary",
-    margin: 12
-  }, "bottom-end")), /*#__PURE__*/_react["default"].createElement(_Tooltip["default"], {
-    title: "Tooltip",
-    placement: "right-start"
-  }, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
-    variant: "outlined",
-    margin: 12
-  }, "right-start")), /*#__PURE__*/_react["default"].createElement(_Tooltip["default"], {
-    title: "Tooltip",
-    placement: "right"
-  }, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
-    variant: "outlined",
-    color: "primary",
-    margin: 12
-  }, "right")), /*#__PURE__*/_react["default"].createElement(_Tooltip["default"], {
-    title: "Tooltip",
-    placement: "right-end"
-  }, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
-    variant: "outlined",
-    color: "secondary",
-    margin: 12
-  }, "right-end")), /*#__PURE__*/_react["default"].createElement(_Tooltip["default"], {
-    title: "Tooltip",
-    placement: "top-start"
-  }, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
-    variant: "outlined",
-    margin: 12
-  }, "top-start")), /*#__PURE__*/_react["default"].createElement(_Tooltip["default"], {
-    title: "Tooltip",
-    placement: "top"
-  }, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
-    variant: "outlined",
-    color: "secondary",
-    margin: 12
-  }, "top")), /*#__PURE__*/_react["default"].createElement(_Tooltip["default"], {
-    title: "Tooltip",
-    placement: "top-end"
-  }, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
-    variant: "outlined",
-    color: "primary",
-    margin: 12
-  }, "top-end")));
-};
-exports.Positioned = Positioned;
-var Disabled = Template.bind({});
-exports.Disabled = Disabled;
-Disabled.args = {
-  title: 'Tooltip',
-  children: /*#__PURE__*/_react["default"].createElement("span", null, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
-    disabled: true,
-    variant: "outlined"
-  }, "I'm a disabled element"))
-};

package/stories/Tree.stories.js

@@ -1,39 +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 _Tree = _interopRequireDefault(require("../core/Tree"));
-var _default = {
-  title: 'Tree',
-  component: _Tree["default"]
-};
-exports["default"] = _default;
-var Template = function Template(args) {
-  return /*#__PURE__*/_react["default"].createElement(_Tree["default"], args);
-};
-var Default = Template.bind({});
-exports.Default = Default;
-Default.args = {
-  nodes: [{
-    id: 0,
-    name: 'Tree',
-    nodes: [{
-      id: 1,
-      name: 'Branch'
-    }, {
-      id: 2,
-      name: 'Branch'
-    }, {
-      id: 3,
-      name: 'Branch',
-      nodes: [{
-        id: 5,
-        name: 'Leaf'
-      }]
-    }]
-  }]
-};

package/stories/Typography.stories.js

@@ -1,124 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.h6 = exports.h5 = exports.h4 = exports.h3 = exports.h2 = exports.h1 = exports["default"] = exports.TextSecondary = exports.TextPrimary = exports.Subtitle2 = exports.Subtitle1 = exports.Secondary = exports.Primary = exports.ErrorText = exports.Default = exports.Caption = exports.Button = exports.Body2 = exports.Body1 = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _Typography = _interopRequireDefault(require("../core/Typography"));
-var _default = {
-  title: 'Typography',
-  component: _Typography["default"]
-};
-exports["default"] = _default;
-var Template = function Template(args) {
-  return /*#__PURE__*/_react["default"].createElement(_Typography["default"], args, " ", args.children, " ");
-};
-var Default = Template.bind({});
-exports.Default = Default;
-Default.args = {
-  children: 'This is a Typography text'
-};
-var ErrorText = Template.bind({});
-exports.ErrorText = ErrorText;
-ErrorText.args = {
-  color: 'error',
-  children: 'Text with error color'
-};
-var Primary = Template.bind({});
-exports.Primary = Primary;
-Primary.args = {
-  color: 'primary',
-  children: 'Text with primary color'
-};
-var Secondary = Template.bind({});
-exports.Secondary = Secondary;
-Secondary.args = {
-  color: 'secondary',
-  children: 'Text with secondary color'
-};
-var TextPrimary = Template.bind({});
-exports.TextPrimary = TextPrimary;
-TextPrimary.args = {
-  color: 'textPrimary',
-  children: 'Text with textPrimary color'
-};
-var TextSecondary = Template.bind({});
-exports.TextSecondary = TextSecondary;
-TextSecondary.args = {
-  color: 'textSecondary',
-  children: 'Text with textSecondary color'
-};
-var Button = Template.bind({});
-exports.Button = Button;
-Button.args = {
-  variant: 'button',
-  children: 'Button'
-};
-var Caption = Template.bind({});
-exports.Caption = Caption;
-Caption.args = {
-  variant: 'caption',
-  children: 'Caption'
-};
-var Body1 = Template.bind({});
-exports.Body1 = Body1;
-Body1.args = {
-  variant: 'body1',
-  children: 'Body1'
-};
-var Body2 = Template.bind({});
-exports.Body2 = Body2;
-Body2.args = {
-  variant: 'body2',
-  children: 'Body2'
-};
-var Subtitle1 = Template.bind({});
-exports.Subtitle1 = Subtitle1;
-Subtitle1.args = {
-  variant: 'subtitle1',
-  children: 'Subtitle1'
-};
-var Subtitle2 = Template.bind({});
-exports.Subtitle2 = Subtitle2;
-Subtitle2.args = {
-  variant: 'subtitle2',
-  children: 'Subtitle2'
-};
-var h1 = Template.bind({});
-exports.h1 = h1;
-h1.args = {
-  variant: 'h1',
-  children: 'h1'
-};
-var h2 = Template.bind({});
-exports.h2 = h2;
-h2.args = {
-  variant: 'h2',
-  children: 'h2'
-};
-var h3 = Template.bind({});
-exports.h3 = h3;
-h3.args = {
-  variant: 'h3',
-  children: 'h3'
-};
-var h4 = Template.bind({});
-exports.h4 = h4;
-h4.args = {
-  variant: 'h4',
-  children: 'h4'
-};
-var h5 = Template.bind({});
-exports.h5 = h5;
-h5.args = {
-  variant: 'h5',
-  children: 'h5'
-};
-var h6 = Template.bind({});
-exports.h6 = h6;
-h6.args = {
-  variant: 'h6',
-  children: 'h6'
-};

package/stories/Zooms.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 _Zoom = _interopRequireDefault(require("../core/Zoom"));
-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: 'Zoom',
-  component: _Zoom["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),
-    btnLabel = _useState4[0],
-    setBtnLabel = _useState4[1];
-  function handleClick() {
-    setOpen(!open);
-    btnLabel === 'Close' ? setBtnLabel('Open') : setBtnLabel('Close');
-  }
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
-    color: "primary",
-    variant: "contained",
-    style: {
-      marginRight: '3em'
-    },
-    onClick: handleClick
-  }, btnLabel), /*#__PURE__*/_react["default"].createElement(_Zoom["default"], {
-    "in": open
-  }, /*#__PURE__*/_react["default"].createElement("span", null, "I am open for discussions")));
-};
-exports.Default = Default;