flipper-ui 0.24.12 → 0.25.2

package/stories/Collapse.stories.js

@@ -0,0 +1,70 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Closed = exports.Open = exports.Default = exports["default"] = 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"));
+
+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\'m not open for discussions. Please don\'t insist.'
+};

package/stories/Container.stories.js

@@ -0,0 +1,24 @@
+"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

@@ -0,0 +1,28 @@
+"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'
+};