flipper-ui 0.25.17 → 0.26.1

package/stories/Table.stories.js

@@ -1,32 +1,22 @@
 "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 _Table = _interopRequireDefault(require("../core/Table"));
-
 var _TableHead = _interopRequireDefault(require("../core/TableHead"));
-
 var _TableBody = _interopRequireDefault(require("../core/TableBody"));
-
 var _TableRow = _interopRequireDefault(require("../core/TableRow"));
-
 var _TableCell = _interopRequireDefault(require("../core/TableCell"));
-
 var _default = {
   title: 'Table',
   component: _Table["default"]
 };
 exports["default"] = _default;
-
 var Default = function Default() {
   return /*#__PURE__*/_react["default"].createElement(_Table["default"], null, /*#__PURE__*/_react["default"].createElement(_TableHead["default"], null, /*#__PURE__*/_react["default"].createElement(_TableRow["default"], null, /*#__PURE__*/_react["default"].createElement(_TableCell["default"], null, "Name"), /*#__PURE__*/_react["default"].createElement(_TableCell["default"], null, "Email"))), /*#__PURE__*/_react["default"].createElement(_TableBody["default"], null, /*#__PURE__*/_react["default"].createElement(_TableRow["default"], null, /*#__PURE__*/_react["default"].createElement(_TableCell["default"], null, "Name 1"), /*#__PURE__*/_react["default"].createElement(_TableCell["default"], null, "Email 1")), /*#__PURE__*/_react["default"].createElement(_TableRow["default"], null, /*#__PURE__*/_react["default"].createElement(_TableCell["default"], null, "Name 2"), /*#__PURE__*/_react["default"].createElement(_TableCell["default"], null, "Email 2")), /*#__PURE__*/_react["default"].createElement(_TableRow["default"], null, /*#__PURE__*/_react["default"].createElement(_TableCell["default"], null, "Name 3"), /*#__PURE__*/_react["default"].createElement(_TableCell["default"], null, "Email 3")), /*#__PURE__*/_react["default"].createElement(_TableRow["default"], null, /*#__PURE__*/_react["default"].createElement(_TableCell["default"], null, "Name 4"), /*#__PURE__*/_react["default"].createElement(_TableCell["default"], null, "Email 4")), /*#__PURE__*/_react["default"].createElement(_TableRow["default"], null, /*#__PURE__*/_react["default"].createElement(_TableCell["default"], null, "Name 5"), /*#__PURE__*/_react["default"].createElement(_TableCell["default"], null, "Email 5"))));
 };
-
 exports.Default = Default;

package/stories/Tabs.stories.js

@@ -1,28 +1,21 @@
 "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 _Tabs = _interopRequireDefault(require("../core/Tabs"));
-
 var _Tab = _interopRequireDefault(require("../core/Tab"));
-
 var _default = {
   title: 'Tabs',
   component: _Tabs["default"]
 };
 exports["default"] = _default;
-
 var Template = function Template(args) {
   return /*#__PURE__*/_react["default"].createElement(_Tabs["default"], args);
 };
-
 var Default = Template.bind({});
 exports.Default = Default;
 Default.args = {

package/stories/TextField.stories.js

@@ -1,40 +1,31 @@
 "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.withSelectAndClear = exports.withSelect = exports.withHelperButton = exports.withInputAdornment = exports.Default = exports["default"] = void 0;
-
+exports.withSelectAndClear = exports.withSelect = exports.withInputAdornment = exports.withHelperButton = 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;
@@ -58,7 +49,6 @@ withHelperButton.args = {
     return window.alert('HELP!');
   }
 };
-
 var withSelect = function withSelect() {
   return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_TextField["default"], {
     select: true,
@@ -71,7 +61,7 @@ var withSelect = function withSelect() {
     value: 'dollar'
   }].map(function (_ref) {
     var label = _ref.label,
-        value = _ref.value;
+      value = _ref.value;
     return /*#__PURE__*/_react["default"].createElement(_ListItem["default"], {
       key: value,
       value: value
@@ -93,30 +83,25 @@ var withSelect = function withSelect() {
     value: 'fable'
   }].map(function (_ref2) {
     var label = _ref2.label,
-        value = _ref2.value;
+      value = _ref2.value;
     return /*#__PURE__*/_react["default"].createElement(_ListItem["default"], {
       key: value,
       value: value
     }, label);
   })));
 };
-
 exports.withSelect = withSelect;
-
 var withSelectAndClear = function withSelectAndClear() {
   var _useState = (0, _react.useState)('fable'),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      value = _useState2[0],
-      setValue = _useState2[1];
-
+    _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,
@@ -140,12 +125,11 @@ var withSelectAndClear = function withSelectAndClear() {
     value: 'fable'
   }].map(function (_ref3) {
     var label = _ref3.label,
-        value = _ref3.value;
+      value = _ref3.value;
     return /*#__PURE__*/_react["default"].createElement(_ListItem["default"], {
       key: value,
       value: value
     }, label);
   })));
 };
-
 exports.withSelectAndClear = withSelectAndClear;

package/stories/Tooltip.stories.js

@@ -1,28 +1,21 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Disabled = exports.Positioned = exports.Default = exports["default"] = void 0;
-
+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 = {
@@ -31,7 +24,6 @@ Default.args = {
     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",
@@ -116,7 +108,6 @@ var Positioned = function Positioned() {
     margin: 12
   }, "top-end")));
 };
-
 exports.Positioned = Positioned;
 var Disabled = Template.bind({});
 exports.Disabled = Disabled;

package/stories/Tree.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 _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 = {

package/stories/Typography.stories.js

@@ -1,26 +1,20 @@
 "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.Subtitle2 = exports.Subtitle1 = exports.Body2 = exports.Body1 = exports.Caption = exports.Button = exports.TextSecondary = exports.TextPrimary = exports.Secondary = exports.Primary = exports.ErrorText = exports.Default = exports["default"] = void 0;
-
+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 = {

package/stories/Zooms.stories.js

@@ -1,44 +1,35 @@
 "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 _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];
-
+    _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];
-
+    _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",
@@ -50,5 +41,4 @@ var Default = function Default() {
     "in": open
   }, /*#__PURE__*/_react["default"].createElement("span", null, "I am open for discussions")));
 };
-
 exports.Default = Default;

package/tests/CheckBox.test.js

@@ -1,23 +1,18 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
+var _typeof = require("@babel/runtime/helpers/typeof");
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _react2 = require("@testing-library/react");
-
 var _Checkbox = _interopRequireDefault(require("../core/Checkbox"));
-
+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 TestComponent = function TestComponent() {
   var _useState = (0, _react.useState)(false),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      checked = _useState2[0],
-      setChecked = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    checked = _useState2[0],
+    setChecked = _useState2[1];
   return /*#__PURE__*/_react["default"].createElement(_Checkbox["default"], {
     checked: checked,
     name: "check-test",
@@ -27,16 +22,12 @@ var TestComponent = function TestComponent() {
     }
   });
 };
-
 test('Testing CheckBox component', function () {
   var _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(TestComponent, null)),
-      getByText = _render.getByText,
-      asFragment = _render.asFragment;
-
+    getByText = _render.getByText,
+    asFragment = _render.asFragment;
   var firstRender = asFragment();
-
   _react2.fireEvent.click(getByText('check it'));
-
   expect(getByText('check it')).toBeTruthy();
   expect(firstRender).not.toEqual(asFragment);
 });