flipper-ui 0.30.0 → 0.30.2

package/core/surfaces/card/index.js

@@ -21,9 +21,9 @@ var _excluded = ["margin", "padding", "style"],
   _excluded4 = ["margin", "padding", "style"],
   _excluded5 = ["margin", "padding", "style"],
   _excluded6 = ["margin", "padding", "style"];
-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; }
-var CardActionArea = function CardActionArea(_ref) {
+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 CardActionArea = exports.CardActionArea = function CardActionArea(_ref) {
   var margin = _ref.margin,
     padding = _ref.padding,
     style = _ref.style,
@@ -35,8 +35,7 @@ var CardActionArea = function CardActionArea(_ref) {
     }, style)
   }), otherProps.children);
 };
-exports.CardActionArea = CardActionArea;
-var CardActions = function CardActions(_ref2) {
+var CardActions = exports.CardActions = function CardActions(_ref2) {
   var margin = _ref2.margin,
     padding = _ref2.padding,
     style = _ref2.style,
@@ -48,8 +47,7 @@ var CardActions = function CardActions(_ref2) {
     }, style)
   }), otherProps.children);
 };
-exports.CardActions = CardActions;
-var CardContent = function CardContent(_ref3) {
+var CardContent = exports.CardContent = function CardContent(_ref3) {
   var margin = _ref3.margin,
     padding = _ref3.padding,
     style = _ref3.style,
@@ -61,8 +59,7 @@ var CardContent = function CardContent(_ref3) {
     }, style)
   }), otherProps.children);
 };
-exports.CardContent = CardContent;
-var CardMedia = function CardMedia(_ref4) {
+var CardMedia = exports.CardMedia = function CardMedia(_ref4) {
   var margin = _ref4.margin,
     padding = _ref4.padding,
     style = _ref4.style,
@@ -74,8 +71,7 @@ var CardMedia = function CardMedia(_ref4) {
     }, style)
   }), otherProps.children);
 };
-exports.CardMedia = CardMedia;
-var CardHeader = function CardHeader(_ref5) {
+var CardHeader = exports.CardHeader = function CardHeader(_ref5) {
   var margin = _ref5.margin,
     padding = _ref5.padding,
     style = _ref5.style,
@@ -87,8 +83,7 @@ var CardHeader = function CardHeader(_ref5) {
     }, style)
   }), otherProps.children);
 };
-exports.CardHeader = CardHeader;
-var Card = function Card(_ref6) {
+var Card = exports.Card = function Card(_ref6) {
   var margin = _ref6.margin,
     padding = _ref6.padding,
     style = _ref6.style,
@@ -100,6 +95,4 @@ var Card = function Card(_ref6) {
     }, style)
   }), otherProps.children);
 };
-exports.Card = Card;
-var _default = Card;
-exports["default"] = _default;
+var _default = exports["default"] = Card;

package/core/surfaces/container/index.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { DefaultProps } from '../../types';
-export declare const Container: ({ children, padding, margin, style, ...otherProps }: DefaultProps) => JSX.Element;
+export declare const Container: ({ children, padding, margin, style, ...otherProps }: DefaultProps) => React.JSX.Element;
 export default Container;

package/core/surfaces/container/index.js

@@ -13,7 +13,7 @@ var ContainerStyles = {
   display: 'flex',
   flex: 1
 };
-var Container = function Container(_ref) {
+var Container = exports.Container = function Container(_ref) {
   var children = _ref.children,
     padding = _ref.padding,
     margin = _ref.margin,
@@ -25,6 +25,4 @@ var Container = function Container(_ref) {
     style: componentStyle
   }, otherProps), children);
 };
-exports.Container = Container;
-var _default = Container;
-exports["default"] = _default;
+var _default = exports["default"] = Container;

package/core/surfaces/content/index.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { DefaultProps } from '../../types';
-export declare const Content: ({ children, padding, margin, style, ...otherProps }: DefaultProps) => JSX.Element;
+export declare const Content: ({ children, padding, margin, style, ...otherProps }: DefaultProps) => React.JSX.Element;
 export default Content;

package/core/surfaces/content/index.js

@@ -17,7 +17,7 @@ var ContainerStyles = {
   flex: 1,
   transition: 'all 500ms ease'
 };
-var Content = function Content(_ref) {
+var Content = exports.Content = function Content(_ref) {
   var children = _ref.children,
     padding = _ref.padding,
     margin = _ref.margin,
@@ -29,6 +29,4 @@ var Content = function Content(_ref) {
     style: componentStyle
   }), children);
 };
-exports.Content = Content;
-var _default = Content;
-exports["default"] = _default;
+var _default = exports["default"] = Content;

package/core/surfaces/expansion-panel/index.d.ts

@@ -24,5 +24,5 @@ export interface ExpansionPanelProps extends Omit<PaperProps, 'onChange'> {
     onChange?: (event?: React.ChangeEvent<Record<string, unknown>>, expanded?: boolean) => void;
     onClick?: (event: MouseEvent<HTMLDivElement>) => void;
 }
-export declare const ExpansionPanel: ({ actions, details, expandIcon, margin, padding, style, summary, summaryStyle, detailsStyle, actionsStyle, editStyle, onHelperClick, onEditClick, onSaveClick, onClick, helperIcon, editable, editing, headerProps, helperButtonPosition, ...otherProps }: ExpansionPanelProps) => JSX.Element;
+export declare const ExpansionPanel: ({ actions, details, expandIcon, margin, padding, style, summary, summaryStyle, detailsStyle, actionsStyle, editStyle, onHelperClick, onEditClick, onSaveClick, onClick, helperIcon, editable, editing, headerProps, helperButtonPosition, ...otherProps }: ExpansionPanelProps) => React.JSX.Element;
 export default ExpansionPanel;

package/core/surfaces/expansion-panel/index.js

@@ -18,10 +18,10 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _textField = require("../../inputs/text-field");
 var _excluded = ["actions", "details", "expandIcon", "margin", "padding", "style", "summary", "summaryStyle", "detailsStyle", "actionsStyle", "editStyle", "onHelperClick", "onEditClick", "onSaveClick", "onClick", "helperIcon", "editable", "editing", "headerProps", "helperButtonPosition"];
 var _templateObject;
-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 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 ExpansionPanelHeaderWrapper = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n    display: flex;\n    flex-direction: rows;\n    align-items: center;\n    button {\n        display: none;\n    }\n    :hover button {\n        display: flex;\n    }\n"])));
-var ExpansionPanel = function ExpansionPanel(_ref) {
+var ExpansionPanel = exports.ExpansionPanel = function ExpansionPanel(_ref) {
   var actions = _ref.actions,
     details = _ref.details,
     expandIcon = _ref.expandIcon,
@@ -101,6 +101,4 @@ var ExpansionPanel = function ExpansionPanel(_ref) {
     style: actionsStyle
   }, actions));
 };
-exports.ExpansionPanel = ExpansionPanel;
-var _default = ExpansionPanel;
-exports["default"] = _default;
+var _default = exports["default"] = ExpansionPanel;

package/core/surfaces/header/index.d.ts

@@ -1,8 +1,9 @@
 import { AppBarProps } from '@material-ui/core';
+import React from 'react';
 import { PaperProps } from '@/core/surfaces/paper';
 export interface HeaderProps extends Omit<PaperProps, 'classes'>, AppBarProps {
     position?: 'absolute' | 'fixed' | 'static' | 'sticky';
     color?: 'default' | 'inherit' | 'primary' | 'secondary';
 }
-export declare const Header: ({ children, padding, margin, style, elevation, ...otherProps }: HeaderProps) => JSX.Element;
+export declare const Header: ({ children, padding, margin, style, elevation, ...otherProps }: HeaderProps) => React.JSX.Element;
 export default Header;

package/core/surfaces/header/index.js

@@ -12,9 +12,9 @@ var _AppBar = _interopRequireDefault(require("@material-ui/core/AppBar"));
 var _Toolbar = _interopRequireDefault(require("@material-ui/core/Toolbar"));
 var _react = _interopRequireDefault(require("react"));
 var _excluded = ["children", "padding", "margin", "style", "elevation"];
-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; }
-var Header = function Header(_ref) {
+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 Header = exports.Header = function Header(_ref) {
   var children = _ref.children,
     padding = _ref.padding,
     margin = _ref.margin,
@@ -31,6 +31,4 @@ var Header = function Header(_ref) {
     }, style)
   }), /*#__PURE__*/_react["default"].createElement(_Toolbar["default"], null, children));
 };
-exports.Header = Header;
-var _default = Header;
-exports["default"] = _default;
+var _default = exports["default"] = Header;

package/core/surfaces/paper/index.d.ts

@@ -1,8 +1,9 @@
 import { PaperProps as MuiPaperProps } from '@material-ui/core';
+import React from 'react';
 import type { DefaultProps } from '../../types';
 export interface PaperProps extends DefaultProps, MuiPaperProps {
     square?: boolean;
     elevation?: number;
 }
-export declare const Paper: ({ children, style, padding, margin, ...otherProps }: PaperProps) => JSX.Element;
+export declare const Paper: ({ children, style, padding, margin, ...otherProps }: PaperProps) => React.JSX.Element;
 export default Paper;

package/core/surfaces/paper/index.js

@@ -11,9 +11,9 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 var _Paper = _interopRequireDefault(require("@material-ui/core/Paper"));
 var _react = _interopRequireDefault(require("react"));
 var _excluded = ["children", "style", "padding", "margin"];
-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; }
-var Paper = function Paper(_ref) {
+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 Paper = exports.Paper = function Paper(_ref) {
   var children = _ref.children,
     _ref$style = _ref.style,
     style = _ref$style === void 0 ? {} : _ref$style,
@@ -28,6 +28,4 @@ var Paper = function Paper(_ref) {
     }, style)
   }), children);
 };
-exports.Paper = Paper;
-var _default = Paper;
-exports["default"] = _default;
+var _default = exports["default"] = Paper;

package/core/surfaces/paper/paper.stories.d.ts

@@ -1,6 +1,7 @@
+import React from 'react';
 declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import(".").PaperProps>;
 export default _default;
-export declare const Default: () => JSX.Element;
+export declare const Default: () => React.JSX.Element;
 export declare const Square: any;
 export declare const NoElevated: any;
 export declare const Elevated: any;

package/core/surfaces/step-card/index.d.ts

@@ -236,5 +236,5 @@ export interface IStepCardProps {
  *   defaultExpanded={false}
  * />
  */
-export declare const StepCard: ({ expanded, loading, percentage, time, steps, remainingSteps, title, titleProps, subTitle, image, showBottomPercentage, expandable, showIcon, summary, summaryProps, expansionPanelDetailsProps, linearProgressBarProps, summaryLinearProgressBarProps, rootProps, onStepUrlClick, fullWidth, padding, margin, showSubTitleSkeleton, onChange }: IStepCardProps) => JSX.Element;
+export declare const StepCard: ({ expanded, loading, percentage, time, steps, remainingSteps, title, titleProps, subTitle, image, showBottomPercentage, expandable, showIcon, summary, summaryProps, expansionPanelDetailsProps, linearProgressBarProps, summaryLinearProgressBarProps, rootProps, onStepUrlClick, fullWidth, padding, margin, showSubTitleSkeleton, onChange }: IStepCardProps) => React.JSX.Element;
 export default StepCard;

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

@@ -12,6 +12,12 @@ var _stepCardSkeleton = _interopRequireDefault(require("./step-card-skeleton"));
 var _stepCardDetails = require("./step-card-details");
 var _stepCardPanel = require("./step-card-panel");
 var _styles = require("./styles");
+/**
+ * Props for the StepCard component
+ *
+ * @interface IStepCardProps
+ */
+
 /**
  * StepCard is a reusable component that displays a card with a title, a summary,
  * an expandable panel, and a progress bar.
@@ -45,7 +51,7 @@ var _styles = require("./styles");
  *   defaultExpanded={false}
  * />
  */
-var StepCard = function StepCard(_ref) {
+var StepCard = exports.StepCard = function StepCard(_ref) {
   var expanded = _ref.expanded,
     _ref$loading = _ref.loading,
     loading = _ref$loading === void 0 ? false : _ref$loading,
@@ -114,6 +120,4 @@ var StepCard = function StepCard(_ref) {
     onStepUrlClick: onStepUrlClick
   })));
 };
-exports.StepCard = StepCard;
-var _default = StepCard;
-exports["default"] = _default;
+var _default = exports["default"] = StepCard;

package/core/surfaces/step-card/step-card-details.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { IStepCardProps } from '.';
 interface IStepCardDetailsProps {
     steps: IStepCardProps['steps'];
@@ -5,5 +6,5 @@ interface IStepCardDetailsProps {
     image?: IStepCardProps['image'];
     expansionPanelDetailsProps?: IStepCardProps['expansionPanelDetailsProps'];
 }
-export declare const StepCardDetails: (props: IStepCardDetailsProps) => JSX.Element;
+export declare const StepCardDetails: (props: IStepCardDetailsProps) => React.JSX.Element;
 export {};

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

@@ -20,7 +20,7 @@ var _theme$colors = _nginformaticaStyleguide.theme.colors,
 var DONE_COLOR = feedback.success;
 var UNDONE_COLOR = grays.g3;
 var UNDONE_FONT_COLOR = grays.g2;
-var StepCardDetails = function StepCardDetails(props) {
+var StepCardDetails = exports.StepCardDetails = function StepCardDetails(props) {
   var steps = props.steps,
     onStepUrlClick = props.onStepUrlClick,
     image = props.image,
@@ -71,5 +71,4 @@ var StepCardDetails = function StepCardDetails(props) {
     src: image,
     alt: "Step Icon"
   }) : image));
-};
-exports.StepCardDetails = StepCardDetails;
+};

package/core/surfaces/step-card/step-card-panel.d.ts

@@ -17,5 +17,5 @@ interface IStepCardPanelProps {
     fullWidth?: boolean;
     padding?: React.CSSProperties['padding'];
 }
-export declare const StepCardPanel: (props: IStepCardPanelProps) => JSX.Element;
+export declare const StepCardPanel: (props: IStepCardPanelProps) => React.JSX.Element;
 export {};

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

@@ -21,7 +21,7 @@ var DONE_COLOR = feedback.success;
 var UNDONE_COLOR = grays.g3;
 var UNDONE_TITLE_COLOR = grays.g1;
 var UNDONE_PROGRESS_COLOR = grays.g5;
-var StepCardPanel = function StepCardPanel(props) {
+var StepCardPanel = exports.StepCardPanel = function StepCardPanel(props) {
   var title = props.title,
     summary = props.summary,
     expandable = props.expandable,
@@ -135,5 +135,4 @@ var StepCardPanel = function StepCardPanel(props) {
     fullWidth: fullWidth,
     minHeight: "15px"
   }, /*#__PURE__*/_react["default"].createElement(_styles.BarWrapper, null, /*#__PURE__*/_react["default"].createElement(BottomLineProgress, null))));
-};
-exports.StepCardPanel = StepCardPanel;
+};

package/core/surfaces/step-card/step-card-skeleton.d.ts

@@ -9,5 +9,5 @@ interface IStepCardPanelProps {
     fullWidth?: boolean;
     subTitleSkeleton?: boolean;
 }
-declare const StepCardSkeleton: (props: IStepCardPanelProps) => JSX.Element;
+declare const StepCardSkeleton: (props: IStepCardPanelProps) => React.JSX.Element;
 export default StepCardSkeleton;

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

@@ -71,5 +71,4 @@ var StepCardSkeleton = function StepCardSkeleton(props) {
     variant: "text"
   }))))));
 };
-var _default = StepCardSkeleton;
-exports["default"] = _default;
+var _default = exports["default"] = StepCardSkeleton;