flipper-ui 0.25.8 → 0.25.11

package/core/Chapter.d.ts

@@ -0,0 +1,11 @@
+import { CSSProperties, FC } from 'react';
+import { DefaultProps } from './types';
+import type { TypographyProps } from '@material-ui/core/Typography';
+interface LineProps extends DefaultProps {
+    primary?: boolean;
+    width?: string;
+    variant?: TypographyProps['variant'];
+    childrenStyle?: CSSProperties;
+}
+declare const Chapter: FC<LineProps>;
+export default Chapter;

package/core/Chapter.js

@@ -0,0 +1,81 @@
+"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 _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _colors = require("../colors");
+
+var _Typography = _interopRequireDefault(require("./Typography"));
+
+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 _templateObject2() {
+  var data = (0, _taggedTemplateLiteral2["default"])(["\n    display: flex;\n\n    & hr:first-child {\n        margin-right: 10px;\n    }\n\n    & hr:last-child {\n        margin-left: 10px;\n    }\n"]);
+
+  _templateObject2 = function _templateObject2() {
+    return data;
+  };
+
+  return data;
+}
+
+function _templateObject() {
+  var data = (0, _taggedTemplateLiteral2["default"])(["\n    --color: ", ";\n    flex: 1;\n    min-height: .75px;\n    max-height: 3px;\n    align-self: center;\n    background-color: var(--color);\n"]);
+
+  _templateObject = function _templateObject() {
+    return data;
+  };
+
+  return data;
+}
+
+var StyledLine = _styledComponents["default"].hr(_templateObject(), function (props) {
+  return props.primary ? _colors.primary.normal : _colors.background.normal;
+});
+
+var Container = _styledComponents["default"].div(_templateObject2());
+
+var Chapter = function Chapter(_ref) {
+  var padding = _ref.padding,
+      margin = _ref.margin,
+      style = _ref.style,
+      childrenStyle = _ref.childrenStyle,
+      children = _ref.children,
+      variant = _ref.variant,
+      otherProps = (0, _objectWithoutProperties2["default"])(_ref, ["padding", "margin", "style", "childrenStyle", "children", "variant"]);
+
+  var Line = function Line() {
+    return /*#__PURE__*/_react["default"].createElement(StyledLine, (0, _extends2["default"])({
+      style: _objectSpread({
+        padding: padding,
+        margin: margin
+      }, style)
+    }, otherProps));
+  };
+
+  return /*#__PURE__*/_react["default"].createElement(Container, null, /*#__PURE__*/_react["default"].createElement(Line, null), /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
+    variant: variant,
+    style: _objectSpread({}, childrenStyle)
+  }, children), /*#__PURE__*/_react["default"].createElement(Line, null));
+};
+
+var _default = Chapter;
+exports["default"] = _default;

package/core/Dialog.d.ts

@@ -21,7 +21,7 @@ interface DialogProps extends DefaultProps {
     snippetContentStyle?: CSSProperties;
     contentTextStyle?: CSSProperties;
     scroll?: 'body' | 'paper' | 'unset-paper' | 'unset-body';
-    onClose?: () => void;
+    onClose?: (event: Event) => void;
 }
 declare const Dialog: FC<DialogProps>;
 export default Dialog;

package/index.d.ts

@@ -58,3 +58,4 @@ export { default as Tree } from './core/Tree';
 export { default as Typography } from './core/Typography';
 export { default as Zoom } from './core/Zoom';
 export { default as PinInput } from './core/PinInput';
+export { default as Chapter } from './core/Chapter';

package/index.js

@@ -365,6 +365,12 @@ Object.defineProperty(exports, "PinInput", {
     return _PinInput["default"];
   }
 });
+Object.defineProperty(exports, "Chapter", {
+  enumerable: true,
+  get: function get() {
+    return _Chapter["default"];
+  }
+});
 
 var _Advertise = _interopRequireDefault(require("./core/Advertise"));
 
@@ -484,4 +490,6 @@ var _Typography = _interopRequireDefault(require("./core/Typography"));
 
 var _Zoom = _interopRequireDefault(require("./core/Zoom"));
 
-var _PinInput = _interopRequireDefault(require("./core/PinInput"));
+var _PinInput = _interopRequireDefault(require("./core/PinInput"));
+
+var _Chapter = _interopRequireDefault(require("./core/Chapter"));

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "flipper-ui",
-    "version": "0.25.8",
+    "version": "0.25.11",
     "description": "",
     "main": "dist/index.js",
     "homepage": "https://flipper-ui.ngi.com.br/",

package/stories/Chapter.stories.js

@@ -0,0 +1,41 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.WithCustomStyle = exports.Default = exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Chapter = _interopRequireDefault(require("../core/Chapter"));
+
+var _default = {
+  title: 'Chapter',
+  component: _Chapter["default"]
+};
+exports["default"] = _default;
+
+var Template = function Template(args) {
+  return /*#__PURE__*/_react["default"].createElement(_Chapter["default"], args);
+};
+
+var Default = Template.bind({});
+exports.Default = Default;
+Default.args = {
+  variant: 'body1',
+  children: 'Chapter'
+};
+var WithCustomStyle = Template.bind({});
+exports.WithCustomStyle = WithCustomStyle;
+WithCustomStyle.args = {
+  style: {
+    'background-color': 'red'
+  },
+  variant: 'body1',
+  typoStyle: {
+    'color': 'blue'
+  },
+  children: 'Chapter'
+};

package/stories/Dialog.stories.js

@@ -7,7 +7,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.WithTypography = exports.Default = exports["default"] = void 0;
+exports.WithTypography = exports.WithAlertOnClose = exports.Default = exports["default"] = void 0;
 
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 
@@ -52,12 +52,42 @@ var Default = function Default() {
 
 exports.Default = Default;
 
-var WithTypography = function WithTypography() {
+var WithAlertOnClose = function WithAlertOnClose() {
   var _useState3 = (0, _react.useState)(false),
       _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
       open = _useState4[0],
       setOpen = _useState4[1];
 
+  var handleClose = function handleClose(e) {
+    e.preventDefault();
+    alert('I prevented dialog to close');
+  };
+
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+    onClick: function onClick() {
+      return setOpen(true);
+    }
+  }, "Open dialog"), /*#__PURE__*/_react["default"].createElement(_Dialog["default"], {
+    open: open,
+    title: "My beautiful Dialog",
+    text: 'Isn\'t it?',
+    onClose: handleClose,
+    actions: /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+      onClick: function onClick() {
+        return setOpen(false);
+      }
+    }, "Close dialog")
+  }));
+};
+
+exports.WithAlertOnClose = WithAlertOnClose;
+
+var WithTypography = function WithTypography() {
+  var _useState5 = (0, _react.useState)(false),
+      _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
+      open = _useState6[0],
+      setOpen = _useState6[1];
+
   return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
     onClick: function onClick() {
       return setOpen(true);