flipper-ui 0.25.17 → 0.26.0

package/dist/stories/Fade.stories.js

@@ -0,0 +1,44 @@
+"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/dist/stories/Grow.stories.js

@@ -0,0 +1,53 @@
+"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 → dist/stories}/Header.stories.js

@@ -1,26 +1,20 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Secondary = exports.Primary = exports.Default = exports["default"] = void 0;
-
+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 = {

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

@@ -1,28 +1,21 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Disabled = exports.Secondary = exports.Primary = exports.Default = exports["default"] = void 0;
-
+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 = {

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

@@ -1,26 +1,20 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Default = exports["default"] = void 0;
-
+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 = {

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

@@ -1,16 +1,12 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Default = exports["default"] = void 0;
-
+exports["default"] = exports.Default = void 0;
 var _react = _interopRequireDefault(require("react"));
-
 var _InputBase = _interopRequireDefault(require("../core/InputBase"));
-
 var _default = {
   title: 'InputBase',
   component: _InputBase["default"],
@@ -42,11 +38,9 @@ var _default = {
   }
 };
 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 = {

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

@@ -1,26 +1,20 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.LineWithWidthProp = exports.Primary = exports.Default = exports["default"] = void 0;
-
+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({});

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

@@ -1,32 +1,23 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.WithAvatar = exports.WithIcons = exports.Default = exports["default"] = void 0;
-
+exports["default"] = exports.WithIcons = exports.WithAvatar = exports.Default = void 0;
 var _react = _interopRequireDefault(require("react"));
-
 var _List = _interopRequireDefault(require("../core/List"));
-
 var _ListItem = _interopRequireDefault(require("../core/ListItem"));
-
 var _Backup = _interopRequireDefault(require("@material-ui/icons/Backup"));
-
 var _Avatar = _interopRequireDefault(require("../core/Avatar"));
-
 var _default = {
   title: 'List',
   component: _List["default"]
 };
 exports["default"] = _default;
-
 var Template = function Template(args) {
   return /*#__PURE__*/_react["default"].createElement(_List["default"], args);
 };
-
 var Default = Template.bind({});
 exports.Default = Default;
 Default.args = {

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

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

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

@@ -1,44 +1,33 @@
 "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.Default = exports["default"] = void 0;
-
+exports["default"] = exports.Default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _Menu = _interopRequireDefault(require("../core/Menu"));
-
 var _Button = _interopRequireDefault(require("../core/Button"));
-
 var _ListItem = _interopRequireDefault(require("../core/ListItem"));
-
 var _Backup = _interopRequireDefault(require("@material-ui/icons/Backup"));
-
+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: 'Menu',
   component: _Menu["default"]
 };
 exports["default"] = _default;
-
 var Template = function Template(args) {
   var _useState = (0, _react.useState)(false),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      open = _useState2[0],
-      setOpen = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    open = _useState2[0],
+    setOpen = _useState2[1];
   function handleClick() {
     setOpen(!open);
   }
-
   return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
     onClick: handleClick
   }, "Menu"), /*#__PURE__*/_react["default"].createElement(_Menu["default"], (0, _extends2["default"])({}, args, {
@@ -46,7 +35,6 @@ var Template = function Template(args) {
     onClick: handleClick
   })));
 };
-
 var Default = Template.bind({});
 exports.Default = Default;
 Default.args = {

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

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

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

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

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

@@ -1,47 +1,35 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.MaxEletavion = exports.Elevated = exports.NoElevated = exports.Square = exports.Default = exports["default"] = void 0;
-
+exports["default"] = exports.Square = exports.NoElevated = exports.MaxEletavion = exports.Elevated = exports.Default = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _Paper = _interopRequireDefault(require("../core/Paper"));
-
-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 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: 'Paper',
   component: _Paper["default"]
 };
 exports["default"] = _default;
-
 var Template = function Template(args) {
   return /*#__PURE__*/_react["default"].createElement(_Paper["default"], args);
 };
-
 var defaultArgs = {
   padding: 24,
   margin: 24
 };
-
 var argsWithChildren = _objectSpread(_objectSpread({}, defaultArgs), {}, {
   children: 'I am a Paper.'
 });
-
 var Default = function Default() {
   return /*#__PURE__*/_react["default"].createElement(_Paper["default"], {
     style: _objectSpread({}, defaultArgs)
   }, "I am a Paper.");
 };
-
 exports.Default = Default;
 var Square = Template.bind({});
 exports.Square = Square;