flipper-ui 0.30.0 → 0.30.2

package/core/surfaces/step-card/styles.js

@@ -10,23 +10,20 @@ var _Box = _interopRequireDefault(require("@material-ui/core/Box"));
 var _nginformaticaStyleguide = require("nginformatica-styleguide");
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
-var Container = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n    width: 100%;\n    max-width: ", ";\n    ", "\n"])), function (props) {
+var Container = exports.Container = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n    width: 100%;\n    max-width: ", ";\n    ", "\n"])), function (props) {
   return props.fullWidth ? '100%' : '1100px';
 }, function (props) {
   return props.margin ? "margin: ".concat(props.margin, ";") : '';
 });
-exports.Container = Container;
-var StepCardRow = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n    display: flex;\n    flex-direction: row;\n    justify-content: space-between;\n    width: 100%;\n    max-width: ", ";\n    min-height: ", ";\n"])), function (props) {
+var StepCardRow = exports.StepCardRow = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n    display: flex;\n    flex-direction: row;\n    justify-content: space-between;\n    width: 100%;\n    max-width: ", ";\n    min-height: ", ";\n"])), function (props) {
   return props.fullWidth ? '100%' : '1100px';
 }, function (props) {
   return props.minHeight;
 });
-exports.StepCardRow = StepCardRow;
-var StepContainer = _styledComponents["default"].div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n    display: flex;\n    flex-direction: column;\n    ", "\n"])), function (props) {
+var StepContainer = exports.StepContainer = _styledComponents["default"].div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n    display: flex;\n    flex-direction: column;\n    ", "\n"])), function (props) {
   return props.padding ? "padding: ".concat(props.padding, ";") : '';
 });
-exports.StepContainer = StepContainer;
-var StepCardColumn = _styledComponents["default"].div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["\n    padding-inline: 30px;\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: ", ";\n    width: 100%;\n\n    ", "\n"])), function (props) {
+var StepCardColumn = exports.StepCardColumn = _styledComponents["default"].div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["\n    padding-inline: 30px;\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: ", ";\n    width: 100%;\n\n    ", "\n"])), function (props) {
   return props.justifyContent;
 }, function (props) {
   if (props.justifyContent === 'start') {
@@ -35,12 +32,7 @@ var StepCardColumn = _styledComponents["default"].div(_templateObject4 || (_temp
     return '';
   }
 });
-exports.StepCardColumn = StepCardColumn;
-var ListItemContainer = _styledComponents["default"].li(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2["default"])(["\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    height: 30px;\n    margin: 16px 0;\n\n    svg:first-child {\n        margin-right: 16px;\n    }\n"])));
-exports.ListItemContainer = ListItemContainer;
-var TitleContainer = _styledComponents["default"].div(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2["default"])(["\n    h6:first-child {\n        padding-inline: 20px;\n    }\n\n    span {\n        margin-left: 20px;\n    }\n"])));
-exports.TitleContainer = TitleContainer;
-var NormalProgressContainer = _styledComponents["default"].div(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2["default"])(["\n    width: 100%;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    position: relative;\n\n    h6:first-child {\n        margin-bottom: 8px;\n    }\n"])));
-exports.NormalProgressContainer = NormalProgressContainer;
-var BarWrapper = (0, _styledComponents["default"])(_Box["default"])(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2["default"])(["\n    width: 100%;\n\n    & .barColorPrimary {\n        background-color: ", ";\n    }\n"])), _nginformaticaStyleguide.theme.colors.feedback.success);
-exports.BarWrapper = BarWrapper;
+var ListItemContainer = exports.ListItemContainer = _styledComponents["default"].li(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2["default"])(["\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    height: 30px;\n    margin: 16px 0;\n\n    svg:first-child {\n        margin-right: 16px;\n    }\n"])));
+var TitleContainer = exports.TitleContainer = _styledComponents["default"].div(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2["default"])(["\n    h6:first-child {\n        padding-inline: 20px;\n    }\n\n    span {\n        margin-left: 20px;\n    }\n"])));
+var NormalProgressContainer = exports.NormalProgressContainer = _styledComponents["default"].div(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2["default"])(["\n    width: 100%;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    position: relative;\n\n    h6:first-child {\n        margin-bottom: 8px;\n    }\n"])));
+var BarWrapper = exports.BarWrapper = (0, _styledComponents["default"])(_Box["default"])(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2["default"])(["\n    width: 100%;\n\n    & .barColorPrimary {\n        background-color: ", ";\n    }\n"])), _nginformaticaStyleguide.theme.colors.feedback.success);

package/experimental/actions/index.d.ts

@@ -1,4 +1,5 @@
 import { ButtonProps } from '@material-ui/core';
+import React from 'react';
 export interface IProps {
     padding?: number | string;
     margin?: number | string;
@@ -24,6 +25,6 @@ interface IWrapper {
     margin?: IProps['margin'];
     align: IProps['align'];
 }
-export declare const Wrapper: import("styled-components").StyledComponent<"div", any, IWrapper, never>;
-export declare const Actions: (props: IProps) => JSX.Element;
+export declare const Wrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, IWrapper>>;
+export declare const Actions: (props: IProps) => React.JSX.Element;
 export default Actions;

package/experimental/actions/index.js

@@ -10,13 +10,12 @@ var _ = require("../..");
 var _react = _interopRequireDefault(require("react"));
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _templateObject;
-var Wrapper = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n    grid-area: actions;\n    display: flex;\n    flex: 1;\n    justify-content: flex-end;\n    padding: ", ";\n    margin: ", ";\n"])), function (props) {
+var Wrapper = exports.Wrapper = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n    grid-area: actions;\n    display: flex;\n    flex: 1;\n    justify-content: flex-end;\n    padding: ", ";\n    margin: ", ";\n"])), function (props) {
   return props.padding;
 }, function (props) {
   return props.margin;
 });
-exports.Wrapper = Wrapper;
-var Actions = function Actions(props) {
+var Actions = exports.Actions = function Actions(props) {
   var showButton = !props.readonly && (!props.buttons || props.buttons.includes('confirm'));
   return /*#__PURE__*/_react["default"].createElement(Wrapper, {
     align: props.align || 'flex-end',
@@ -37,6 +36,4 @@ var Actions = function Actions(props) {
     onClick: props.onConfirm
   }, props.labels ? props.labels.confirm : 'Confirmar'));
 };
-exports.Actions = Actions;
-var _default = Actions;
-exports["default"] = _default;
+var _default = exports["default"] = Actions;

package/experimental/auto-complete-lab/auto-complete-lab.stories.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@/core/inputs/auto-complete").AutoCompleteProps>;
 export default _default;
-export declare const Default: () => JSX.Element;
+export declare const Default: () => React.JSX.Element;

package/experimental/auto-complete-lab/index.js

@@ -44,10 +44,10 @@ var _react = _interopRequireDefault(require("react"));
 var _Autocomplete = _interopRequireWildcard(require("@material-ui/lab/Autocomplete"));
 var _styles = require("@material-ui/core/styles");
 var _excluded = ["classes"];
-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; }
-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; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var useStyles = (0, _styles.makeStyles)({
   inputRoot: {
     '&.MuiOutlinedInput-root': {
@@ -55,7 +55,7 @@ var useStyles = (0, _styles.makeStyles)({
     }
   }
 });
-var Autocomplete = function Autocomplete(props) {
+var Autocomplete = exports.Autocomplete = function Autocomplete(props) {
   var classes = props.classes,
     otherProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
   var styles = useStyles(props);
@@ -65,6 +65,4 @@ var Autocomplete = function Autocomplete(props) {
     }, classes)
   }));
 };
-exports.Autocomplete = Autocomplete;
-var _default = Autocomplete;
-exports["default"] = _default;
+var _default = exports["default"] = Autocomplete;

package/experimental/avatar/index.d.ts

@@ -1,4 +1,4 @@
-import { CSSProperties, ReactNode } from 'react';
+import React, { CSSProperties, ReactNode } from 'react';
 export interface IProps {
     /** The avatar name */
     name?: string;
@@ -9,5 +9,5 @@ export interface IProps {
     /** Custom styles */
     style?: CSSProperties;
 }
-export declare const Avatar: (props: IProps) => JSX.Element;
+export declare const Avatar: (props: IProps) => React.JSX.Element;
 export default Avatar;

package/experimental/avatar/index.js

@@ -9,7 +9,7 @@ var _ = require("../..");
 var _take = _interopRequireDefault(require("ramda/es/take"));
 var _react = _interopRequireDefault(require("react"));
 var FIRST_LETTER = 1;
-var Avatar = function Avatar(props) {
+var Avatar = exports.Avatar = function Avatar(props) {
   var getChild = function getChild() {
     if (props.name) {
       return (0, _take["default"])(FIRST_LETTER, props.name.toUpperCase());
@@ -18,6 +18,4 @@ var Avatar = function Avatar(props) {
   };
   return /*#__PURE__*/_react["default"].createElement(_.Avatar, props, getChild());
 };
-exports.Avatar = Avatar;
-var _default = Avatar;
-exports["default"] = _default;
+var _default = exports["default"] = Avatar;

package/experimental/breadcrumbs/index.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import React, { ReactNode } from 'react';
 type Props = {
     /**
      * A mapping between the pathname and the friendly name
@@ -15,5 +15,5 @@ type Props = {
  * Render breadcrumbs for the provided pathname or the current
  * `window.location.pathname`.
  */
-export declare const Breadcrumbs: ({ pathname, homeId, pathMapping, linkWrapper }: Props) => JSX.Element;
+export declare const Breadcrumbs: ({ pathname, homeId, pathMapping, linkWrapper }: Props) => React.JSX.Element;
 export default Breadcrumbs;

package/experimental/breadcrumbs/index.js

@@ -34,7 +34,7 @@ var defaultLinkWrapper = function defaultLinkWrapper(link, label) {
  * Render breadcrumbs for the provided pathname or the current
  * `window.location.pathname`.
  */
-var Breadcrumbs = function Breadcrumbs(_ref) {
+var Breadcrumbs = exports.Breadcrumbs = function Breadcrumbs(_ref) {
   var pathname = _ref.pathname,
     homeId = _ref.homeId,
     pathMapping = _ref.pathMapping,
@@ -63,6 +63,4 @@ var Breadcrumbs = function Breadcrumbs(_ref) {
     separator: /*#__PURE__*/_react["default"].createElement(_icons.ChevronRight, null)
   }, links);
 };
-exports.Breadcrumbs = Breadcrumbs;
-var _default = Breadcrumbs;
-exports["default"] = _default;
+var _default = exports["default"] = Breadcrumbs;

package/experimental/button/index.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { ButtonProps } from '@/core/inputs/button';
 export interface Props extends ButtonProps {
     label?: string;
@@ -6,5 +7,5 @@ export interface Props extends ButtonProps {
     padding?: string | number;
     onClick?(): void;
 }
-export declare const AddButton: (props: Props) => JSX.Element;
+export declare const AddButton: (props: Props) => React.JSX.Element;
 export default AddButton;

package/experimental/button/index.js

@@ -13,7 +13,7 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _button = _interopRequireDefault(require("../../core/inputs/button"));
 var _templateObject;
 var ButtonStyled = (0, _styledComponents["default"])(_button["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n    display: flex;\n    flex: 1;\n    align-items: center;\n    justify-content: center;\n"])));
-var AddButton = function AddButton(props) {
+var AddButton = exports.AddButton = function AddButton(props) {
   return /*#__PURE__*/_react["default"].createElement(ButtonStyled, (0, _extends2["default"])({}, props, {
     variant: "dashed",
     color: "primary",
@@ -24,6 +24,4 @@ var AddButton = function AddButton(props) {
     onClick: props.onClick
   }), /*#__PURE__*/_react["default"].createElement(_icons.NoteAdd, null), props.label);
 };
-exports.AddButton = AddButton;
-var _default = AddButton;
-exports["default"] = _default;
+var _default = exports["default"] = AddButton;