flipper-ui 0.30.0 → 0.30.2

package/core/inputs/text-field/index.js

@@ -31,14 +31,21 @@ var _reject = _interopRequireDefault(require("ramda/es/reject"));
 var _propEq = _interopRequireDefault(require("ramda/es/propEq"));
 var _excluded = ["options", "margin", "padding", "style", "error", "variant", "InputLabelProps", "InputProps", "SelectProps", "autoComplete", "onHelperClick", "helperIcon", "fullWidth", "hasClear", "onClear", "children"];
 var _templateObject, _templateObject2, _templateObject3;
-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; }
+/* eslint-disable @typescript-eslint/ban-ts-comment */
+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 Helper = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n    width: 42px;\n    height: 38px;\n"])));
-var TextFieldWrapper = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n    display: flex;\n    flex-direction: rows;\n    width: 100%;\n    align-items: center;\n    button {\n        display: none;\n    }\n    :hover button {\n        display: flex;\n    }\n"])));
-exports.TextFieldWrapper = TextFieldWrapper;
-var StaticTextFieldWrapper = _styledComponents["default"].div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n    display: flex;\n    flex-direction: rows;\n    width: 100%;\n    align-items: center;\n"])));
-exports.StaticTextFieldWrapper = StaticTextFieldWrapper;
-var useStyles = (0, _styles.makeStyles)({
+var TextFieldWrapper = exports.TextFieldWrapper = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n    display: flex;\n    flex-direction: rows;\n    width: 100%;\n    align-items: center;\n    button {\n        display: none;\n    }\n    :hover button {\n        display: flex;\n    }\n"])));
+var StaticTextFieldWrapper = exports.StaticTextFieldWrapper = _styledComponents["default"].div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n    display: flex;\n    flex-direction: rows;\n    width: 100%;\n    align-items: center;\n"])));
+var useStyles = exports.useStyles = (0, _styles.makeStyles)({
+  listOptions: {
+    outline: 'none',
+    cursor: 'pointer',
+    fontFamily: '"Roboto", "Helvetica", "Arial", sans- serif',
+    '&:hover': {
+      backgroundColor: 'rgba(0, 0, 0, 0.04)'
+    }
+  },
   input: {
     fontSize: '14px',
     padding: '10px',
@@ -60,16 +67,13 @@ var useStyles = (0, _styles.makeStyles)({
     right: '2px'
   }
 });
-exports.useStyles = useStyles;
-var coerceComboOptions = (0, _when["default"])((0, _is["default"])(String), (0, _pipe["default"])((0, _split["default"])(';'), (0, _map["default"])((0, _pipe["default"])((0, _split["default"])('='), (0, _zipObj["default"])(['value', 'label']))), (0, _reject["default"])((0, _propEq["default"])('value', ''))));
-exports.coerceComboOptions = coerceComboOptions;
-var toLispCase = function toLispCase(name) {
+var coerceComboOptions = exports.coerceComboOptions = (0, _when["default"])((0, _is["default"])(String), (0, _pipe["default"])((0, _split["default"])(';'), (0, _map["default"])((0, _pipe["default"])((0, _split["default"])('='), (0, _zipObj["default"])(['value', 'label']))), (0, _reject["default"])((0, _propEq["default"])('value', ''))));
+var toLispCase = exports.toLispCase = function toLispCase(name) {
   return name.replace(/([a-z])([A-Z])/g, function (_, first, second) {
     return first + '-' + second;
   }).toLowerCase();
 };
-exports.toLispCase = toLispCase;
-var HelperBox = function HelperBox(props) {
+var HelperBox = exports.HelperBox = function HelperBox(props) {
   return /*#__PURE__*/_react["default"].createElement(Helper, {
     role: "helper-box"
   }, /*#__PURE__*/_react["default"].createElement(_iconButton["default"], {
@@ -80,9 +84,7 @@ var HelperBox = function HelperBox(props) {
   })));
 };
 /* Jest-ignore-start ignore next */
-exports.HelperBox = HelperBox;
-var renderOptions = function renderOptions(options) {
-  console.log(options);
+var renderOptions = exports.renderOptions = function renderOptions(options, classes) {
   var comboOptions = typeof options === 'string' ? coerceComboOptions(options) : options;
   return options &&
   // @ts-ignore
@@ -91,12 +93,14 @@ var renderOptions = function renderOptions(options) {
       id: toLispCase("option-".concat(option.value)),
       key: option.value,
       disabled: option.disabled,
-      value: option.value
+      value: option.value,
+      classes: {
+        root: classes.listOptions
+      }
     }, option.label);
   });
 };
-exports.renderOptions = renderOptions;
-var EditBox = function EditBox(props) {
+var EditBox = exports.EditBox = function EditBox(props) {
   return /*#__PURE__*/_react["default"].createElement("div", {
     role: "edit-box"
   }, props.editing ? /*#__PURE__*/_react["default"].createElement(_iconButton["default"], (0, _extends2["default"])({}, props.saveButtonProps, {
@@ -111,7 +115,6 @@ var EditBox = function EditBox(props) {
     fontSize: "small"
   })));
 };
-exports.EditBox = EditBox;
 var renderEndAdornment = function renderEndAdornment(onClear) {
   return /*#__PURE__*/_react["default"].createElement(_InputAdornment["default"], {
     position: "end"
@@ -125,7 +128,7 @@ var renderEndAdornment = function renderEndAdornment(onClear) {
     }
   })));
 };
-var TextField = function TextField(_ref) {
+var TextField = exports.TextField = function TextField(_ref) {
   var options = _ref.options,
     margin = _ref.margin,
     padding = _ref.padding,
@@ -193,22 +196,13 @@ var TextField = function TextField(_ref) {
       }
     }, InputProps),
     SelectProps: _objectSpread(_objectSpread({
-      MenuProps: {
-        PaperProps: {
-          style: {
-            fontFamily: '"Roboto", "Helvetica", "Arial", sans- serif'
-          }
-        }
-      },
       classes: {
         iconOutlined: hasClear ? clearClass.iconOutlined : classes.iconOutlined
       }
     }, endAdornment), SelectProps)
-  }, otherProps), options ? renderOptions(options) : children), onHelperClick && /*#__PURE__*/_react["default"].createElement(HelperBox, {
+  }, otherProps), options ? renderOptions(options, classes) : children), onHelperClick && /*#__PURE__*/_react["default"].createElement(HelperBox, {
     helperIcon: helperIcon,
     onHelperClick: handleClick
   }));
 };
-exports.TextField = TextField;
-var _default = TextField;
-exports["default"] = _default;
+var _default = exports["default"] = TextField;

package/core/inputs/text-field/text-field.stories.d.ts

@@ -1,8 +1,9 @@
+import React from 'react';
 declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import(".").TextFieldProps>;
 export default _default;
-export declare const Default: () => JSX.Element;
+export declare const Default: () => React.JSX.Element;
 export declare const withInputAdornment: any;
 export declare const withHelperButton: any;
-export declare const withSelect: () => JSX.Element;
-export declare const useWithSelectAndClear: () => JSX.Element;
-export declare const combobox: () => JSX.Element;
+export declare const withSelect: () => React.JSX.Element;
+export declare const useWithSelectAndClear: () => React.JSX.Element;
+export declare const combobox: () => React.JSX.Element;

package/core/navigation/breadcrumb/breadcrumb.stories.d.ts

@@ -6,8 +6,8 @@ declare const _default: import("@storybook/types").ComponentAnnotations<import("
     itemsBeforeCollapse?: number | undefined;
     maxItems?: number | undefined;
     separator?: React.ReactNode;
-} & import("@material-ui/core/OverridableComponent").CommonProps<import("@material-ui/core").BreadcrumbsTypeMap<{}, "nav">> & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "key" | keyof React.HTMLAttributes<HTMLElement>> & {
+} & import("@material-ui/core/OverridableComponent").CommonProps<import("@material-ui/core").BreadcrumbsTypeMap<{}, "nav">> & Pick<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
     ref?: ((instance: HTMLElement | null) => void) | React.RefObject<HTMLElement> | null | undefined;
-}, "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "slot" | "spellCheck" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "ref" | "key">>;
+}, "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "slot" | "spellCheck" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "ref" | "key">>;
 export default _default;
 export declare const Default: any;

package/core/navigation/breadcrumb/index.d.ts

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import { BreadcrumbsProps } from '@material-ui/core/Breadcrumbs';
-export declare const Breadcrumbs: (props: BreadcrumbsProps) => JSX.Element;
+export declare const Breadcrumbs: (props: BreadcrumbsProps) => React.JSX.Element;
 export default Breadcrumbs;

package/core/navigation/breadcrumb/index.js

@@ -8,11 +8,9 @@ Object.defineProperty(exports, "__esModule", {
 exports["default"] = exports.Breadcrumbs = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _Breadcrumbs = _interopRequireDefault(require("@material-ui/core/Breadcrumbs"));
-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; }
-var Breadcrumbs = function Breadcrumbs(props) {
+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; }
+var Breadcrumbs = exports.Breadcrumbs = function Breadcrumbs(props) {
   return /*#__PURE__*/React.createElement(_Breadcrumbs["default"], props);
 };
-exports.Breadcrumbs = Breadcrumbs;
-var _default = Breadcrumbs;
-exports["default"] = _default;
+var _default = exports["default"] = Breadcrumbs;

package/core/navigation/drawer/drawer.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(".").DrawerProps>;
 export default _default;
-export declare const Default: () => JSX.Element;
+export declare const Default: () => React.JSX.Element;

package/core/navigation/drawer/index.d.ts

@@ -1,8 +1,9 @@
 import { DrawerProps as MuiDrawerProps } from '@material-ui/core/Drawer';
+import React from 'react';
 import { DefaultProps } from '../../types';
 export interface DrawerProps extends MuiDrawerProps, DefaultProps {
     top?: number;
     width?: number;
 }
-export declare const Drawer: (props: DrawerProps) => JSX.Element;
+export declare const Drawer: (props: DrawerProps) => React.JSX.Element;
 export default Drawer;

package/core/navigation/drawer/index.js

@@ -12,8 +12,8 @@ var _Drawer = _interopRequireDefault(require("@material-ui/core/Drawer"));
 var _react = _interopRequireDefault(require("react"));
 var _styles = require("@material-ui/core/styles");
 var _excluded = ["style", "margin", "padding", "top", "width"];
-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 getStyles = function getStyles(top, width) {
   return (0, _styles.makeStyles)(function () {
     return (0, _styles.createStyles)({
@@ -29,7 +29,7 @@ var getStyles = function getStyles(top, width) {
     });
   });
 };
-var Drawer = function Drawer(props) {
+var Drawer = exports.Drawer = function Drawer(props) {
   var style = props.style,
     margin = props.margin,
     padding = props.padding,
@@ -50,6 +50,4 @@ var Drawer = function Drawer(props) {
     }, style)
   }), props.children);
 };
-exports.Drawer = Drawer;
-var _default = Drawer;
-exports["default"] = _default;
+var _default = exports["default"] = Drawer;

package/core/navigation/link/index.js

@@ -6,5 +6,4 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 var _Link = _interopRequireDefault(require("@material-ui/core/Link"));
-var _default = _Link["default"];
-exports["default"] = _default;
+var _default = exports["default"] = _Link["default"];

package/core/navigation/menu/index.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { DefaultProps } from '../../types';
 import { MenuProps as MuiMenuProps } from '@material-ui/core/Menu';
 export interface MenuProps extends DefaultProps, MuiMenuProps {
@@ -5,5 +6,5 @@ export interface MenuProps extends DefaultProps, MuiMenuProps {
     anchorEl?: HTMLElement;
     withWrapper?: boolean;
 }
-export declare const Menu: ({ children, padding, margin, style, withWrapper, ...otherProps }: MenuProps) => JSX.Element;
+export declare const Menu: ({ children, padding, margin, style, withWrapper, ...otherProps }: MenuProps) => React.JSX.Element;
 export default Menu;

package/core/navigation/menu/index.js

@@ -11,9 +11,9 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 var _Menu = _interopRequireDefault(require("@material-ui/core/Menu"));
 var _react = _interopRequireDefault(require("react"));
 var _excluded = ["children", "padding", "margin", "style", "withWrapper"];
-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 Menu = function Menu(_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 Menu = exports.Menu = function Menu(_ref) {
   var children = _ref.children,
     padding = _ref.padding,
     margin = _ref.margin,
@@ -30,6 +30,4 @@ var Menu = function Menu(_ref) {
     role: "menu-wrapper-container"
   }, children) : children);
 };
-exports.Menu = Menu;
-var _default = Menu;
-exports["default"] = _default;
+var _default = exports["default"] = Menu;

package/core/navigation/pagination/index.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { DefaultProps } from '../../types';
 export interface PaginationProps extends DefaultProps {
     pages?: number;
@@ -6,5 +7,5 @@ export interface PaginationProps extends DefaultProps {
     onPrevious: () => void;
     onNavigate: (page: number) => void;
 }
-export declare const Pagination: (props: PaginationProps) => JSX.Element;
+export declare const Pagination: (props: PaginationProps) => React.JSX.Element;
 export default Pagination;

package/core/navigation/pagination/index.js

@@ -17,10 +17,10 @@ var _icons = require("../../../icons");
 var _button = _interopRequireDefault(require("../../inputs/button"));
 var _excluded = ["active", "style", "padding", "margin", "pages", "className", "onNavigate", "onNext", "onPrevious"];
 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 Content = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n    display: flex;\n    align-items: center;\n    font-family: 'Roboto', sans-serif;\n    justify-content: center;\n    margin: 0.75em;\n"])));
-var Pagination = function Pagination(props) {
+var Pagination = exports.Pagination = function Pagination(props) {
   var active = props.active,
     style = props.style,
     padding = props.padding,
@@ -62,6 +62,4 @@ var Pagination = function Pagination(props) {
     onClick: onNext
   }, /*#__PURE__*/_react["default"].createElement(_icons.KeyboardArrowRight, null)));
 };
-exports.Pagination = Pagination;
-var _default = Pagination;
-exports["default"] = _default;
+var _default = exports["default"] = Pagination;

package/core/navigation/sidebar/index.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { DefaultProps } from '../../types';
 import { ButtonProps } from '@/core/inputs/button';
 export interface SidebarProps extends DefaultProps {
@@ -16,5 +17,5 @@ export interface SidebarProps extends DefaultProps {
     ButtonProps?: ButtonProps;
     onToggle: () => void;
 }
-export declare const Sidebar: ({ id, anchor, className, color, docked, expanded, margin, maxWidth, minWidth, top, open, padding, paperClasses, showButton, style, variant, ButtonProps, onToggle, children, name, ...otherProps }: SidebarProps) => JSX.Element;
+export declare const Sidebar: ({ id, anchor, className, color, docked, expanded, margin, maxWidth, minWidth, top, open, padding, paperClasses, showButton, style, variant, ButtonProps, onToggle, children, name, ...otherProps }: SidebarProps) => React.JSX.Element;
 export default Sidebar;

package/core/navigation/sidebar/index.js

@@ -17,8 +17,8 @@ var _icons = require("../../../icons");
 var _button = _interopRequireDefault(require("../../inputs/button"));
 var _excluded = ["id", "anchor", "className", "color", "docked", "expanded", "margin", "maxWidth", "minWidth", "top", "open", "padding", "paperClasses", "showButton", "style", "variant", "ButtonProps", "onToggle", "children", "name"];
 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 useStyles = (0, _styles.makeStyles)(function (theme) {
   return (0, _styles.createStyles)({
     button: {
@@ -63,7 +63,7 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
 var Action = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n    flex-direction: ", ";\n    display: flex;\n    padding: 4px;\n"])), function (props) {
   return props.anchor === 'left' ? 'row-reverse' : 'row';
 });
-var Sidebar = function Sidebar(_ref) {
+var Sidebar = exports.Sidebar = function Sidebar(_ref) {
   var id = _ref.id,
     _ref$anchor = _ref.anchor,
     anchor = _ref$anchor === void 0 ? 'left' : _ref$anchor,
@@ -134,6 +134,4 @@ var Sidebar = function Sidebar(_ref) {
     }
   }), showButton && renderAction(), children);
 };
-exports.Sidebar = Sidebar;
-var _default = Sidebar;
-exports["default"] = _default;
+var _default = exports["default"] = Sidebar;

package/core/navigation/stepper/index.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { DefaultProps } from '../../types';
 export interface StepperProps extends DefaultProps {
     active?: number;
@@ -9,5 +10,5 @@ type TStep = {
     label: JSX.Element | string;
     icon: JSX.Element | ((active?: boolean) => JSX.Element);
 };
-export declare const Stepper: ({ active, bottomLabel, steps, padding, margin, style, ...otherProps }: StepperProps) => JSX.Element;
+export declare const Stepper: ({ active, bottomLabel, steps, padding, margin, style, ...otherProps }: StepperProps) => React.JSX.Element;
 export default Stepper;

package/core/navigation/stepper/index.js

@@ -14,8 +14,8 @@ var _StepLabel = _interopRequireDefault(require("@material-ui/core/StepLabel"));
 var _Stepper = _interopRequireDefault(require("@material-ui/core/Stepper"));
 var _react = _interopRequireDefault(require("react"));
 var _excluded = ["active", "bottomLabel", "steps", "padding", "margin", "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; }
+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 isActive = function isActive(index, active) {
   return active !== undefined ? active >= index : undefined;
 };
@@ -30,7 +30,7 @@ var StepIcon = function StepIcon(_ref) {
     color: active ? 'primary' : 'disabled'
   });
 };
-var Stepper = function Stepper(_ref2) {
+var Stepper = exports.Stepper = function Stepper(_ref2) {
   var active = _ref2.active,
     bottomLabel = _ref2.bottomLabel,
     steps = _ref2.steps,
@@ -58,6 +58,4 @@ var Stepper = function Stepper(_ref2) {
     }, (0, _typeof2["default"])(step) === 'object' ? step.label : step));
   }));
 };
-exports.Stepper = Stepper;
-var _default = Stepper;
-exports["default"] = _default;
+var _default = exports["default"] = Stepper;

package/core/navigation/tab/index.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { DefaultProps } from '../../types';
 interface TabProps extends DefaultProps {
     disabled?: boolean;
@@ -6,5 +7,5 @@ interface TabProps extends DefaultProps {
     value?: unknown;
     disableRipple?: boolean;
 }
-declare const Tab: ({ style, margin, disableRipple, padding, ...otherProps }: TabProps) => JSX.Element;
+declare const Tab: ({ style, margin, disableRipple, padding, ...otherProps }: TabProps) => React.JSX.Element;
 export default Tab;

package/core/navigation/tab/index.js

@@ -11,8 +11,8 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 var _Tab = _interopRequireDefault(require("@material-ui/core/Tab"));
 var _react = _interopRequireDefault(require("react"));
 var _excluded = ["style", "margin", "disableRipple", "padding"];
-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 Tab = function Tab(_ref) {
   var style = _ref.style,
     margin = _ref.margin,
@@ -27,5 +27,4 @@ var Tab = function Tab(_ref) {
     }, style)
   }, otherProps));
 };
-var _default = Tab;
-exports["default"] = _default;
+var _default = exports["default"] = Tab;

package/core/navigation/tabs/index.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import React, { ReactNode } from 'react';
 import { DefaultProps } from '../../types';
 export interface TabsProps extends DefaultProps {
     centered?: boolean;
@@ -18,5 +18,5 @@ export interface IClasses {
         indicator: string;
     };
 }
-export declare const Tabs: ({ children, centered, padding, style, margin, variant, indicatorColor, ...otherProps }: TabsProps & IClasses) => JSX.Element;
+export declare const Tabs: ({ children, centered, padding, style, margin, variant, indicatorColor, ...otherProps }: TabsProps & IClasses) => React.JSX.Element;
 export default Tabs;

package/core/navigation/tabs/index.js

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

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

@@ -5,5 +5,5 @@ export interface BoxProps extends DefaultProps {
     children: React.ReactNode;
     'data-testid'?: string;
 }
-export declare const Box: ({ children, margin, padding, style, minHeight, ...otherProps }: BoxProps) => JSX.Element;
+export declare const Box: ({ children, margin, padding, style, minHeight, ...otherProps }: BoxProps) => React.JSX.Element;
 export default Box;

package/core/surfaces/box/index.js

@@ -11,9 +11,9 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 var _react = _interopRequireDefault(require("react"));
 var _paper = _interopRequireDefault(require("../paper"));
 var _excluded = ["children", "margin", "padding", "style", "minHeight"];
-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 Box = function Box(_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 Box = exports.Box = function Box(_ref) {
   var children = _ref.children,
     margin = _ref.margin,
     _ref$padding = _ref.padding,
@@ -31,6 +31,4 @@ var Box = function Box(_ref) {
     }, style)
   }, otherProps), children);
 };
-exports.Box = Box;
-var _default = Box;
-exports["default"] = _default;
+var _default = exports["default"] = Box;

package/core/surfaces/card/card.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("../../types").DefaultProps & import("@material-ui/core").CardProps>;
 export default _default;
-export declare const Default: () => JSX.Element;
+export declare const Default: () => React.JSX.Element;

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

@@ -1,3 +1,4 @@
+import React from 'react';
 import { DefaultProps } from '../../types';
 import { CardProps } from '@material-ui/core/Card';
 import { CardActionAreaProps } from '@material-ui/core/CardActionArea';
@@ -5,10 +6,10 @@ import { CardActionsProps } from '@material-ui/core/CardActions';
 import { CardContentProps } from '@material-ui/core/CardContent';
 import { CardMediaProps } from '@material-ui/core/CardMedia';
 import { CardHeaderProps } from '@material-ui/core/CardHeader';
-export declare const CardActionArea: ({ margin, padding, style, ...otherProps }: DefaultProps & CardActionAreaProps) => JSX.Element;
-export declare const CardActions: ({ margin, padding, style, ...otherProps }: DefaultProps & CardActionsProps) => JSX.Element;
-export declare const CardContent: ({ margin, padding, style, ...otherProps }: DefaultProps & CardContentProps) => JSX.Element;
-export declare const CardMedia: ({ margin, padding, style, ...otherProps }: DefaultProps & CardMediaProps) => JSX.Element;
-export declare const CardHeader: ({ margin, padding, style, ...otherProps }: DefaultProps & CardHeaderProps) => JSX.Element;
-export declare const Card: ({ margin, padding, style, ...otherProps }: DefaultProps & CardProps) => JSX.Element;
+export declare const CardActionArea: ({ margin, padding, style, ...otherProps }: DefaultProps & CardActionAreaProps) => React.JSX.Element;
+export declare const CardActions: ({ margin, padding, style, ...otherProps }: DefaultProps & CardActionsProps) => React.JSX.Element;
+export declare const CardContent: ({ margin, padding, style, ...otherProps }: DefaultProps & CardContentProps) => React.JSX.Element;
+export declare const CardMedia: ({ margin, padding, style, ...otherProps }: DefaultProps & CardMediaProps) => React.JSX.Element;
+export declare const CardHeader: ({ margin, padding, style, ...otherProps }: DefaultProps & CardHeaderProps) => React.JSX.Element;
+export declare const Card: ({ margin, padding, style, ...otherProps }: DefaultProps & CardProps) => React.JSX.Element;
 export default Card;