flipper-ui 0.25.17 → 0.26.0

package/core/TableHead.js

@@ -1,89 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.SortContext = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
-var _styles = require("@material-ui/core/styles");
-
-var _TableHead = _interopRequireDefault(require("@material-ui/core/TableHead"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-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; }
-
-var Direction;
-
-(function (Direction) {
-  Direction["ASCENDENT"] = "asc";
-  Direction["DESCENDENT"] = "desc";
-})(Direction || (Direction = {}));
-
-var styles = function styles(theme) {
-  return {
-    "default": {
-      color: theme.palette.background["default"]
-    },
-    inherit: {
-      color: 'inherit'
-    },
-    primary: {
-      color: theme.palette.primary.main
-    },
-    secondary: {
-      color: theme.palette.secondary.main
-    }
-  };
-};
-
-var SortContext = (0, _react.createContext)({
-  active: undefined,
-  direction: Direction.ASCENDENT,
-  onSort: undefined
-});
-exports.SortContext = SortContext;
-
-var TableHead = function TableHead(_ref) {
-  var style = _ref.style,
-      margin = _ref.margin,
-      padding = _ref.padding,
-      children = _ref.children,
-      color = _ref.color,
-      classes = _ref.classes,
-      active = _ref.active,
-      direction = _ref.direction,
-      onSort = _ref.onSort,
-      otherProps = (0, _objectWithoutProperties2["default"])(_ref, ["style", "margin", "padding", "children", "color", "classes", "active", "direction", "onSort"]);
-  return /*#__PURE__*/_react["default"].createElement(SortContext.Provider, {
-    value: {
-      active: active,
-      direction: direction,
-      onSort: onSort
-    }
-  }, /*#__PURE__*/_react["default"].createElement(_TableHead["default"], (0, _extends2["default"])({}, otherProps, {
-    style: _objectSpread({
-      padding: padding,
-      margin: margin
-    }, style),
-    classes: color ? {
-      root: classes[color]
-    } : {}
-  }), children));
-};
-
-var _default = (0, _styles.withStyles)(styles)(TableHead);
-
-exports["default"] = _default;

package/core/Tabs.js

@@ -1,50 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
-var _Tabs = _interopRequireDefault(require("@material-ui/core/Tabs"));
-
-var _react = _interopRequireDefault(require("react"));
-
-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; }
-
-var Tabs = function Tabs(_ref) {
-  var children = _ref.children,
-      _ref$centered = _ref.centered,
-      centered = _ref$centered === void 0 ? true : _ref$centered,
-      _ref$padding = _ref.padding,
-      padding = _ref$padding === void 0 ? '6px 0 0' : _ref$padding,
-      style = _ref.style,
-      margin = _ref.margin,
-      _ref$variant = _ref.variant,
-      variant = _ref$variant === void 0 ? 'standard' : _ref$variant,
-      _ref$indicatorColor = _ref.indicatorColor,
-      indicatorColor = _ref$indicatorColor === void 0 ? 'primary' : _ref$indicatorColor,
-      otherProps = (0, _objectWithoutProperties2["default"])(_ref, ["children", "centered", "padding", "style", "margin", "variant", "indicatorColor"]);
-  return /*#__PURE__*/_react["default"].createElement(_Tabs["default"], (0, _extends2["default"])({
-    indicatorColor: indicatorColor,
-    centered: centered
-  }, otherProps, {
-    variant: variant,
-    style: _objectSpread({
-      padding: padding,
-      margin: margin
-    }, style)
-  }), children);
-};
-
-var _default = Tabs;
-exports["default"] = _default;

package/core/types.js

@@ -1 +0,0 @@
-"use strict";

package/stories/ChipField.stories.js

@@ -1,60 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-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"));
-
-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/Fade.stories.js

@@ -1,54 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-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"));
-
-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,63 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-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"));
-
-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/RadioGroup.stories.js

@@ -1,47 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-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 _RadioGroup = _interopRequireDefault(require("../core/RadioGroup"));
-
-var _default = {
-  title: 'RadioGroup',
-  component: _RadioGroup["default"]
-};
-exports["default"] = _default;
-
-var Default = function Default() {
-  var _useState = (0, _react.useState)('first'),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      option = _useState2[0],
-      setOption = _useState2[1];
-
-  return /*#__PURE__*/_react["default"].createElement(_RadioGroup["default"], {
-    value: option,
-    title: "My options",
-    name: "options",
-    options: [{
-      label: 'First option',
-      value: 'first'
-    }, {
-      label: 'Second Option',
-      value: 'second'
-    }],
-    onChange: function onChange(event) {
-      return setOption(event.target.value);
-    }
-  });
-};
-
-exports.Default = Default;

package/stories/Zooms.stories.js

@@ -1,54 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-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"));
-
-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;

package/tests/CheckBox.test.js

@@ -1,42 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-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"));
-
-var TestComponent = function TestComponent() {
-  var _useState = (0, _react.useState)(false),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      checked = _useState2[0],
-      setChecked = _useState2[1];
-
-  return /*#__PURE__*/_react["default"].createElement(_Checkbox["default"], {
-    checked: checked,
-    name: "check-test",
-    label: "check it",
-    onChange: function onChange() {
-      return setChecked(!checked);
-    }
-  });
-};
-
-test('Testing CheckBox component', function () {
-  var _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(TestComponent, null)),
-      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);
-});