flipper-ui 0.27.1 → 0.28.0

package/core/{StepCardSkeleton.js → StepCard/StepCardSkeleton.js}

@@ -6,15 +6,15 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 var _Box = _interopRequireDefault(require("@material-ui/core/Box"));
-var _ExpansionPanel = _interopRequireDefault(require("@material-ui/core/ExpansionPanel"));
+var _Accordion = _interopRequireDefault(require("@material-ui/core/Accordion"));
 var _lab = require("@material-ui/lab");
 var _react = _interopRequireDefault(require("react"));
-var _styles = require("./StepCard/styles");
+var _styles = require("./styles");
 var StepCardSkeleton = function StepCardSkeleton(props) {
   var expandable = props.expandable,
     showBottomPercentage = props.showBottomPercentage,
     showIcon = props.showIcon,
-    subTitle = props.subTitle,
+    subTitleSkeleton = props.subTitleSkeleton,
     padding = props.padding,
     margin = props.margin,
     fullWidth = props.fullWidth;
@@ -44,9 +44,10 @@ var StepCardSkeleton = function StepCardSkeleton(props) {
     })));
   };
   return /*#__PURE__*/_react["default"].createElement(_styles.Container, {
+    "data-testid": "skeleton-container",
     margin: margin,
     fullWidth: fullWidth
-  }, /*#__PURE__*/_react["default"].createElement(_ExpansionPanel["default"], null, /*#__PURE__*/_react["default"].createElement(_styles.StepContainer, {
+  }, /*#__PURE__*/_react["default"].createElement(_Accordion["default"], null, /*#__PURE__*/_react["default"].createElement(_styles.StepContainer, {
     padding: padding
   }, /*#__PURE__*/_react["default"].createElement(_styles.StepCardRow, {
     fullWidth: fullWidth,
@@ -57,7 +58,7 @@ var StepCardSkeleton = function StepCardSkeleton(props) {
     variant: "circle",
     width: 40,
     height: 40
-  }), /*#__PURE__*/_react["default"].createElement(_styles.TitleContainer, null, /*#__PURE__*/_react["default"].createElement(TextSkeleton, null), subTitle && /*#__PURE__*/_react["default"].createElement(TextSkeleton, null))), /*#__PURE__*/_react["default"].createElement(_styles.StepCardColumn, {
+  }), /*#__PURE__*/_react["default"].createElement(_styles.TitleContainer, null, /*#__PURE__*/_react["default"].createElement(TextSkeleton, null), subTitleSkeleton && /*#__PURE__*/_react["default"].createElement(TextSkeleton, null))), /*#__PURE__*/_react["default"].createElement(_styles.StepCardColumn, {
     justifyContent: "end"
   }, expandable ? /*#__PURE__*/_react["default"].createElement(TextSkeleton, null) : /*#__PURE__*/_react["default"].createElement(NormalProgress, null))), showBottomPercentage && /*#__PURE__*/_react["default"].createElement(_styles.StepCardRow, {
     minHeight: "15px",

package/core/StepCard/index.d.ts

@@ -1,5 +1,4 @@
-import { LinearProgress } from '@material-ui/core';
-import MuiExpansionPanelDetails from '@material-ui/core/ExpansionPanelDetails';
+import { LinearProgress, AccordionDetails as MuiAccordionDetails } from '@material-ui/core';
 import React from 'react';
 import Typography from '../Typography';
 import { PropWithDataCy } from '../types';
@@ -151,7 +150,7 @@ export interface IStepCardProps {
      * @type {(typeof MuiExpansionPanel | undefined)}
      * @memberof IStepCardProps
      */
-    expansionPanelDetailsProps?: PropWithDataCy<typeof MuiExpansionPanelDetails>;
+    expansionPanelDetailsProps?: PropWithDataCy<typeof MuiAccordionDetails>;
     /**
      * Props to be passed to the linear progress bar
      * @type {(typeof LinearProgress | undefined)}
@@ -190,6 +189,13 @@ export interface IStepCardProps {
      * @memberof IStepCardProps
      */
     margin?: React.CSSProperties['margin'];
+    /**
+     * Whether to show the sub title skeleton
+     * @type {boolean}
+     * @memberof IStepCardProps
+     * @default false
+     */
+    showSubTitleSkeleton?: boolean;
     /**
      * Callback to be called when the user clicks on a step url
      * @memberof IStepCardProps
@@ -231,5 +237,5 @@ export interface IStepCardProps {
  *   defaultExpanded={false}
  * />
  */
-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, onChange }: IStepCardProps) => JSX.Element;
+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 default StepCard;

package/core/StepCard/index.js

@@ -6,9 +6,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _ExpansionPanel = _interopRequireDefault(require("@material-ui/core/ExpansionPanel"));
+var _Accordion = _interopRequireDefault(require("@material-ui/core/Accordion"));
 var _react = _interopRequireDefault(require("react"));
-var _StepCardSkeleton = _interopRequireDefault(require("../StepCardSkeleton"));
+var _StepCardSkeleton = _interopRequireDefault(require("./StepCardSkeleton"));
 var _StepCardDetails = require("./StepCardDetails");
 var _StepCardPanel = require("./StepCardPanel");
 var _styles = require("./styles");
@@ -75,16 +75,19 @@ var StepCard = function StepCard(_ref) {
     fullWidth = _ref.fullWidth,
     padding = _ref.padding,
     margin = _ref.margin,
+    _ref$showSubTitleSkel = _ref.showSubTitleSkeleton,
+    showSubTitleSkeleton = _ref$showSubTitleSkel === void 0 ? false : _ref$showSubTitleSkel,
     onChange = _ref.onChange;
   return loading ? /*#__PURE__*/_react["default"].createElement(_StepCardSkeleton["default"], {
     expandable: expandable,
+    subTitleSkeleton: showSubTitleSkeleton,
     showIcon: showIcon,
     showBottomPercentage: showBottomPercentage,
     fullWidth: fullWidth
   }) : /*#__PURE__*/_react["default"].createElement(_styles.Container, (0, _extends2["default"])({
     margin: margin,
     fullWidth: fullWidth
-  }, rootProps), /*#__PURE__*/_react["default"].createElement(_ExpansionPanel["default"], (0, _extends2["default"])({}, expanded ? {
+  }, rootProps), /*#__PURE__*/_react["default"].createElement(_Accordion["default"], (0, _extends2["default"])({}, expanded ? {
     expanded: expanded
   } : {}, {
     onChange: onChange

package/core/StepCard/styles.d.ts

@@ -17,7 +17,7 @@ export declare const Container: import("styled-components").StyledComponent<"div
 export declare const StepCardRow: import("styled-components").StyledComponent<"div", any, IRowProps, never>;
 export declare const StepContainer: import("styled-components").StyledComponent<"div", any, IStepContainerProps, never>;
 export declare const StepCardColumn: import("styled-components").StyledComponent<"div", any, IColumnProps, never>;
-export declare const ListItemContainer: import("styled-components").StyledComponent<"p", any, {}, never>;
+export declare const ListItemContainer: import("styled-components").StyledComponent<"li", any, {}, never>;
 export declare const TitleContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const NormalProgressContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const BarWrapper: import("styled-components").StyledComponent<import("react").ComponentType<import("@material-ui/core").BoxProps>, any, {}, never>;

package/core/StepCard/styles.js

@@ -36,9 +36,9 @@ var StepCardColumn = _styledComponents["default"].div(_templateObject4 || (_temp
   }
 });
 exports.StepCardColumn = StepCardColumn;
-var ListItemContainer = _styledComponents["default"].p(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2["default"])(["\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    height: 30px;\n\n    svg:first-child {\n        margin-right: 16px;\n    }\n"])));
+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:first-child {\n        margin-left: 20px;\n    }\n"])));
+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;

package/core/{Stepper.d.ts → Stepper/index.d.ts}

@@ -1,4 +1,4 @@
-import { DefaultProps } from './types';
+import { DefaultProps } from '../types';
 export interface StepperProps extends DefaultProps {
     active?: number;
     steps: Array<string | TStep>;

package/core/{Stepper.js → Stepper/index.js}

@@ -19,16 +19,28 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 var isActive = function isActive(index, active) {
   return active !== undefined ? active >= index : undefined;
 };
-var Stepper = function Stepper(_ref) {
-  var active = _ref.active,
-    bottomLabel = _ref.bottomLabel,
-    steps = _ref.steps,
-    padding = _ref.padding,
-    margin = _ref.margin,
-    _ref$style = _ref.style,
-    style = _ref$style === void 0 ? {} : _ref$style,
-    otherProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+var StepIcon = function StepIcon(_ref) {
+  var icon = _ref.icon,
+    active = _ref.active;
+  if (typeof icon === 'function') {
+    return icon(active);
+  }
+  return /*#__PURE__*/_react["default"].cloneElement(icon, {
+    active: String(active),
+    color: active ? 'primary' : 'disabled'
+  });
+};
+var Stepper = function Stepper(_ref2) {
+  var active = _ref2.active,
+    bottomLabel = _ref2.bottomLabel,
+    steps = _ref2.steps,
+    padding = _ref2.padding,
+    margin = _ref2.margin,
+    _ref2$style = _ref2.style,
+    style = _ref2$style === void 0 ? {} : _ref2$style,
+    otherProps = (0, _objectWithoutProperties2["default"])(_ref2, _excluded);
   return /*#__PURE__*/_react["default"].createElement(_Stepper["default"], (0, _extends2["default"])({
+    role: "stepper-container",
     alternativeLabel: bottomLabel,
     activeStep: active,
     style: _objectSpread({
@@ -39,9 +51,9 @@ var Stepper = function Stepper(_ref) {
     return /*#__PURE__*/_react["default"].createElement(_Step["default"], {
       key: index
     }, /*#__PURE__*/_react["default"].createElement(_StepLabel["default"], {
-      icon: (0, _typeof2["default"])(step) === 'object' ? typeof step.icon === 'function' ? step.icon(isActive(index, active)) : /*#__PURE__*/_react["default"].cloneElement(step.icon, {
-        active: isActive(index, active),
-        color: isActive(index, active) ? 'primary' : 'default'
+      icon: (0, _typeof2["default"])(step) === 'object' ? /*#__PURE__*/_react["default"].createElement(StepIcon, {
+        icon: step.icon,
+        active: !!isActive(index, active)
       }) : index + 1
     }, (0, _typeof2["default"])(step) === 'object' ? step.label : step));
   }));

package/core/{Tab.d.ts → Tab/index.d.ts}

@@ -1,4 +1,4 @@
-import { DefaultProps } from './types';
+import { DefaultProps } from '../types';
 interface TabProps extends DefaultProps {
     disabled?: boolean;
     icon?: string | JSX.Element;

package/core/{TableBody.d.ts → Table/TableBody.d.ts}

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

package/core/{TableCell.d.ts → Table/TableCell.d.ts}

@@ -1,5 +1,5 @@
 import { TableCellProps as MuiTableCellProps } from '@material-ui/core/TableCell';
-import { DefaultProps } from './types';
+import { DefaultProps } from '../types';
 import { Omit } from 'ramda';
 interface TableCellProps extends DefaultProps {
     numeric?: boolean;

package/core/{TableHead.d.ts → Table/TableHead.d.ts}

@@ -1,5 +1,5 @@
 import React from 'react';
-import { DefaultProps } from './types';
+import { DefaultProps } from '../types';
 interface TableHeadProps extends DefaultProps, ISort {
     color?: 'primary' | 'secondary' | 'default' | 'inherit';
     classes: {

package/core/{TableRow.d.ts → Table/TableRow.d.ts}

@@ -1,6 +1,6 @@
 import { TableRowProps as MuiTableRowProps } from '@material-ui/core/TableRow';
 import { MouseEvent } from 'react';
-import { DefaultProps } from './types';
+import { DefaultProps } from '../types';
 interface TableRowProps extends DefaultProps {
     selected?: boolean;
     hover?: boolean;

package/core/{TableRow.js → Table/TableRow.js}

@@ -10,7 +10,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _TableRow = _interopRequireDefault(require("@material-ui/core/TableRow"));
 var _react = _interopRequireDefault(require("react"));
-var _colors = require("../colors");
+var _colors = require("../../colors");
 var _excluded = ["style", "margin", "padding", "children", "background"];
 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; }

package/core/{Table.d.ts → Table/index.d.ts}

@@ -1,6 +1,6 @@
 import { TableProps as MuiTableProps } from '@material-ui/core/Table';
-import { DefaultProps } from './types';
-interface TableProps extends DefaultProps {
+import { DefaultProps } from '../types';
+export interface TableProps extends DefaultProps {
     spacing?: MuiTableProps['padding'];
 }
 declare const Table: ({ style, margin, padding, spacing, children, ...otherProps }: MuiTableProps & TableProps) => JSX.Element;

package/core/{Table.js → Table/index.js}

@@ -10,7 +10,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _Table = _interopRequireDefault(require("@material-ui/core/Table"));
 var _react = _interopRequireDefault(require("react"));
-var _colors = require("../colors");
+var _colors = require("../../colors");
 var _excluded = ["style", "margin", "padding", "spacing", "children"];
 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; }

package/core/{Tabs.d.ts → Tabs/index.d.ts}

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
-import { DefaultProps } from './types';
-interface TabsProps extends DefaultProps {
+import { DefaultProps } from '../types';
+export interface TabsProps extends DefaultProps {
     centered?: boolean;
     value: string | number;
     color?: 'default' | 'inherit' | 'primary' | 'secondary';
@@ -9,7 +9,7 @@ interface TabsProps extends DefaultProps {
     indicatorColor?: 'primary' | 'secondary';
     onChange?: (event: object, value: number) => void;
 }
-interface IClasses {
+export interface IClasses {
     classes?: {
         default: string;
         inherit: string;

package/core/{TextField.d.ts → TextField/index.d.ts}

@@ -1,5 +1,5 @@
 import React, { ChangeEvent, KeyboardEvent, FocusEvent, ReactNode, MouseEvent } from 'react';
-import { DefaultProps, HTMLElementWithDataCy } from './types';
+import { DefaultProps, HTMLElementWithDataCy } from '../types';
 export interface TextFieldProps extends DefaultProps {
     autoComplete?: string;
     autoFocus?: boolean;

package/core/{TextField.js → TextField/index.js}

@@ -18,7 +18,7 @@ var _Clear = _interopRequireDefault(require("@material-ui/icons/Clear"));
 var _Help = _interopRequireDefault(require("@material-ui/icons/Help"));
 var _Edit = _interopRequireDefault(require("@material-ui/icons/Edit"));
 var _Save = _interopRequireDefault(require("@material-ui/icons/Save"));
-var _IconButton2 = _interopRequireDefault(require("./IconButton"));
+var _IconButton2 = _interopRequireDefault(require("../IconButton"));
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _excluded = ["margin", "padding", "style", "error", "variant", "InputLabelProps", "InputProps", "SelectProps", "autoComplete", "onHelperClick", "helperIcon", "fullWidth", "hasClear", "onClear"];
 var _templateObject, _templateObject2, _templateObject3;
@@ -53,7 +53,9 @@ var useStyles = (0, _styles.makeStyles)({
 });
 exports.useStyles = useStyles;
 var HelperBox = function HelperBox(props) {
-  return /*#__PURE__*/_react["default"].createElement(Helper, null, /*#__PURE__*/_react["default"].createElement(_IconButton2["default"], {
+  return /*#__PURE__*/_react["default"].createElement(Helper, {
+    role: "helper-box"
+  }, /*#__PURE__*/_react["default"].createElement(_IconButton2["default"], {
     padding: "6px 2px",
     onClick: props.onHelperClick
   }, props.helperIcon || /*#__PURE__*/_react["default"].createElement(_Help["default"], {
@@ -62,27 +64,26 @@ var HelperBox = function HelperBox(props) {
 };
 exports.HelperBox = HelperBox;
 var EditBox = function EditBox(props) {
-  if (props.editing) {
-    return /*#__PURE__*/_react["default"].createElement(_IconButton2["default"], (0, _extends2["default"])({}, props.saveButtonProps, {
-      padding: "6px 2px",
-      onClick: props.onSaveClick
-    }), /*#__PURE__*/_react["default"].createElement(_Save["default"], {
-      fontSize: "small"
-    }));
-  } else {
-    return /*#__PURE__*/_react["default"].createElement(_IconButton2["default"], (0, _extends2["default"])({}, props.editButtonProps, {
-      padding: "6px 2px",
-      onClick: props.onEditClick
-    }), /*#__PURE__*/_react["default"].createElement(_Edit["default"], {
-      fontSize: "small"
-    }));
-  }
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    role: "edit-box"
+  }, props.editing ? /*#__PURE__*/_react["default"].createElement(_IconButton2["default"], (0, _extends2["default"])({}, props.saveButtonProps, {
+    padding: "6px 2px",
+    onClick: props.onSaveClick
+  }), /*#__PURE__*/_react["default"].createElement(_Save["default"], {
+    fontSize: "small"
+  })) : /*#__PURE__*/_react["default"].createElement(_IconButton2["default"], (0, _extends2["default"])({}, props.editButtonProps, {
+    padding: "6px 2px",
+    onClick: props.onEditClick
+  }), /*#__PURE__*/_react["default"].createElement(_Edit["default"], {
+    fontSize: "small"
+  })));
 };
 exports.EditBox = EditBox;
 var renderEndAdornment = function renderEndAdornment(onClear) {
   return /*#__PURE__*/_react["default"].createElement(_InputAdornment["default"], {
     position: "end"
   }, /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
+    role: "clear-button",
     onClick: onClear,
     size: "small"
   }, /*#__PURE__*/_react["default"].createElement(_Clear["default"], {
@@ -147,6 +148,9 @@ var TextField = function TextField(_ref) {
       }
     }, InputLabelProps),
     InputProps: _objectSpread({
+      // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+      // @ts-ignore
+      'data-testid': 'text-field',
       classes: {
         input: variant === 'outlined' ? classes.outlinedInput : '',
         multiline: variant === 'outlined' ? classes.outlinedMultiline : ''

package/core/{Tooltip.d.ts → Tooltip/index.d.ts}

@@ -1,6 +1,6 @@
 import React, { ReactElement, CSSProperties } from 'react';
-import { DefaultProps } from './types';
-interface TooltipProps extends DefaultProps {
+import { DefaultProps } from '../types';
+export interface TooltipProps extends DefaultProps {
     placement?: 'bottom-end' | 'bottom-start' | 'bottom' | 'left-end' | 'left-start' | 'left' | 'right-end' | 'right-start' | 'right' | 'top-end' | 'top-start' | 'top';
     title: React.ReactNode;
     withWrapper?: boolean;
@@ -8,7 +8,7 @@ interface TooltipProps extends DefaultProps {
     onClose?: () => void;
     onOpen?: () => void;
     open?: boolean;
-    children: ReactElement<{}>;
+    children: ReactElement<Record<string, unknown>>;
     enterDelay?: number;
 }
 declare const Tooltip: ({ children, withWrapper, wrapperStyle, enterDelay, title, ...otherProps }: TooltipProps) => JSX.Element;

package/core/{Tree.d.ts → Tree/index.d.ts}

@@ -3,7 +3,7 @@ export interface INode {
     name: string;
     nodes?: INode[];
 }
-interface TreeProps {
+export interface TreeProps {
     nodes?: INode[];
 }
 declare const Tree: ({ nodes, ...otherProps }: TreeProps) => JSX.Element;

package/core/{Tree.js → Tree/index.js}

@@ -9,7 +9,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _omit = _interopRequireDefault(require("ramda/es/omit"));
 var _react = _interopRequireDefault(require("react"));
-var _Node = _interopRequireDefault(require("./Node"));
+var _Node = _interopRequireDefault(require("../Node"));
 var _excluded = ["nodes"];
 var Tree = function Tree(_ref) {
   var _ref$nodes = _ref.nodes,

package/core/{Typography.d.ts → Typography/index.d.ts}

@@ -1,4 +1,4 @@
-import { DefaultProps } from './types';
+import { DefaultProps } from '../types';
 import { TypographyProps } from '@material-ui/core/Typography';
 declare const Typography: ({ children, margin, padding, style, variant, ...otherProps }: TypographyProps & DefaultProps) => JSX.Element;
 export default Typography;

package/core/{Zoom.d.ts → Zoom/index.d.ts}

@@ -1,12 +1,12 @@
 import React from 'react';
-import { DefaultProps } from './types';
-interface ZoomProps extends DefaultProps {
+import { DefaultProps } from '../types';
+export interface ZoomProps extends DefaultProps {
     in: boolean;
     timeout?: number | {
         enter?: number;
         exit?: number;
     };
-    children?: React.ReactElement<{}>;
+    children?: React.ReactElement<Record<string, unknown>>;
 }
 declare const Zoom: ({ children, padding, margin, style, ...otherProps }: ZoomProps) => JSX.Element;
 export default Zoom;

package/index.d.ts

@@ -46,10 +46,10 @@ export { default as Stepper } from './core/Stepper';
 export { default as StylesProvider } from './core/StylesProvider';
 export { default as Tab } from './core/Tab';
 export { default as Table } from './core/Table';
-export { default as TableBody } from './core/TableBody';
-export { default as TableCell } from './core/TableCell';
-export { default as TableHead } from './core/TableHead';
-export { default as TableRow } from './core/TableRow';
+export { default as TableBody } from './core/Table/TableBody';
+export { default as TableCell } from './core/Table/TableCell';
+export { default as TableHead } from './core/Table/TableHead';
+export { default as TableRow } from './core/Table/TableRow';
 export { default as Tabs } from './core/Tabs';
 export { default as TextField } from './core/TextField';
 export { default as ThemeProvider } from './core/ThemeProvider';
@@ -61,5 +61,6 @@ export { default as PinInput } from './core/PinInput';
 export { default as Chapter } from './core/Chapter';
 export { default as DataTable } from './core/DataTable';
 export { default as StepCard } from './core/StepCard';
-export { default as StepCardSkeleton } from './core/StepCardSkeleton';
-export * as Experimental from './core/Experimental';
+export { default as StepCardSkeleton } from './core/StepCard/StepCardSkeleton';
+export * as Experimental from './Experimental';
+export * as Icons from './icons';

package/index.js

@@ -168,6 +168,7 @@ Object.defineProperty(exports, "IconButton", {
     return _IconButton["default"];
   }
 });
+exports.Icons = void 0;
 Object.defineProperty(exports, "InputAdornment", {
   enumerable: true,
   get: function get() {
@@ -438,10 +439,10 @@ var _Stepper = _interopRequireDefault(require("./core/Stepper"));
 var _StylesProvider = _interopRequireDefault(require("./core/StylesProvider"));
 var _Tab = _interopRequireDefault(require("./core/Tab"));
 var _Table = _interopRequireDefault(require("./core/Table"));
-var _TableBody = _interopRequireDefault(require("./core/TableBody"));
-var _TableCell = _interopRequireDefault(require("./core/TableCell"));
-var _TableHead = _interopRequireDefault(require("./core/TableHead"));
-var _TableRow = _interopRequireDefault(require("./core/TableRow"));
+var _TableBody = _interopRequireDefault(require("./core/Table/TableBody"));
+var _TableCell = _interopRequireDefault(require("./core/Table/TableCell"));
+var _TableHead = _interopRequireDefault(require("./core/Table/TableHead"));
+var _TableRow = _interopRequireDefault(require("./core/Table/TableRow"));
 var _Tabs = _interopRequireDefault(require("./core/Tabs"));
 var _TextField = _interopRequireDefault(require("./core/TextField"));
 var _ThemeProvider = _interopRequireDefault(require("./core/ThemeProvider"));
@@ -453,8 +454,10 @@ var _PinInput = _interopRequireDefault(require("./core/PinInput"));
 var _Chapter = _interopRequireDefault(require("./core/Chapter"));
 var _DataTable = _interopRequireDefault(require("./core/DataTable"));
 var _StepCard = _interopRequireDefault(require("./core/StepCard"));
-var _StepCardSkeleton = _interopRequireDefault(require("./core/StepCardSkeleton"));
-var _Experimental = _interopRequireWildcard(require("./core/Experimental"));
+var _StepCardSkeleton = _interopRequireDefault(require("./core/StepCard/StepCardSkeleton"));
+var _Experimental = _interopRequireWildcard(require("./Experimental"));
 exports.Experimental = _Experimental;
+var _Icons = _interopRequireWildcard(require("./icons"));
+exports.Icons = _Icons;
 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; }