flipper-ui 0.28.0 → 0.29.0

package/core/{EditableTable → data-display/editable-table}/index.d.ts

@@ -1,18 +1,57 @@
 import React from 'react';
 import { Column, Options } from 'material-table';
 export interface EditableTableProps<T extends object> {
+    /**
+     * The title of the table
+     */
     title?: string;
+    /**
+     * The color of the add button
+     */
     color?: 'primary' | 'inherit' | 'secondary' | 'disabled';
+    /**
+     * The columns of the table
+     */
     columns?: Column<object>[];
+    /**
+     * The data of the table
+     */
     data?: T[];
+    /**
+     * The options of the table
+     */
     options?: Options<T>;
+    /**
+     * Show the pagination info
+     */
     paginationInfo?: boolean;
+    /**
+     * If 'true', the rows wont expand
+     */
     noRowsExpand?: boolean;
+    /**
+     * If 'true', the table will have no header
+     */
     noHeader?: boolean;
+    /**
+     * List of suggestions for the autocomplete field
+     */
     autoCompleteSuggestions?: TSuggestion[];
+    /**
+     * The field to be used as the autocomplete field
+     */
     autoCompleteField?: string;
+    /**
+     * If 'true', the add button will be disabled
+     */
     disableAddHeader?: boolean;
+    /**
+     * The error message to be displayed
+     */
     errors?: string[];
+    /**
+     * The input value
+     */
     value?: string;
     onRowClick?: (event?: React.MouseEvent, rowData?: T) => void;
     onUpdateRow?: (newData: object, oldData?: object) => Promise<void>;
@@ -26,5 +65,5 @@ export type TSuggestion = {
     label: string;
     value: string;
 };
-declare const EditableTable: <T extends object>(props: EditableTableProps<T>) => JSX.Element;
+export declare const EditableTable: <T extends object>(props: EditableTableProps<T>) => JSX.Element;
 export default EditableTable;

package/core/{EditableTable → data-display/editable-table}/index.js

@@ -5,36 +5,36 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports["default"] = exports.EditableTable = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _react = _interopRequireWildcard(require("react"));
 var _materialTable = _interopRequireWildcard(require("material-table"));
-var _icons = require("../../icons");
-var _Typography = _interopRequireDefault(require("../Typography"));
+var _icons = require("@/icons");
+var _typography = _interopRequireDefault(require("@/core/data-display/typography"));
 var _omit = _interopRequireDefault(require("ramda/es/omit"));
 var _contains = _interopRequireDefault(require("ramda/es/contains"));
 var _propOr = _interopRequireDefault(require("ramda/es/propOr"));
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _Button = _interopRequireDefault(require("../Button"));
-var _DateTime = _interopRequireDefault(require("../DateTime"));
+var _button = _interopRequireDefault(require("@/core/inputs/button"));
+var _dateTime = _interopRequireDefault(require("@/core/inputs/date-time"));
 var _ptBR = _interopRequireDefault(require("date-fns/locale/pt-BR"));
-var _AutoComplete = _interopRequireDefault(require("../AutoComplete"));
-var _ListItem = _interopRequireDefault(require("../ListItem"));
-var _TextField = _interopRequireDefault(require("../TextField"));
-var _MaskField = _interopRequireDefault(require("../MaskField"));
-var _colors = require("../../colors");
-var _localization = require("../../lib/localization");
+var _autoComplete = _interopRequireDefault(require("@/core/inputs/auto-complete"));
+var _listItem = _interopRequireDefault(require("@/core/data-display/list-item"));
+var _textField = _interopRequireDefault(require("@/core/inputs/text-field"));
+var _maskField = _interopRequireDefault(require("@/core/inputs/mask-field"));
+var _colors = require("@/colors");
+var _localization = require("@/lib/localization");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var AddRowButton = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n    display: flex;\n    align-items: center;\n"])));
-var AddRowText = (0, _styledComponents["default"])(_Typography["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n    margin-left: 4px;\n    font-weight: 500 !important;\n"])));
-var FullWidthButton = (0, _styledComponents["default"])(_Button["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n    width: calc(100% - 24px);\n    margin: 12px !important;\n"])));
+var AddRowText = (0, _styledComponents["default"])(_typography["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n    margin-left: 4px;\n    font-weight: 500 !important;\n"])));
+var FullWidthButton = (0, _styledComponents["default"])(_button["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n    width: calc(100% - 24px);\n    margin: 12px !important;\n"])));
 var CustomRemove = (0, _styledComponents["default"])(_materialTable.MTableEditRow)({
   '&': {
     '& h6': {
@@ -54,7 +54,7 @@ var EditableTable = function EditableTable(props) {
   };
   var renderMaskField = function renderMaskField(item, error) {
     var _item$value;
-    return /*#__PURE__*/_react["default"].createElement(Wrapper, null, /*#__PURE__*/_react["default"].createElement(_MaskField["default"], (0, _extends2["default"])({}, item, {
+    return /*#__PURE__*/_react["default"].createElement(Wrapper, null, /*#__PURE__*/_react["default"].createElement(_maskField["default"], (0, _extends2["default"])({}, item, {
       fixedDecimalScale: true,
       error: props.errors ? error : item.error,
       type: "text",
@@ -94,7 +94,7 @@ var EditableTable = function EditableTable(props) {
     }
   };
   var renderAutoComplete = function renderAutoComplete(inputProps) {
-    return /*#__PURE__*/_react["default"].createElement(_AutoComplete["default"], {
+    return /*#__PURE__*/_react["default"].createElement(_autoComplete["default"], {
       openOnFocus: true,
       selectTextOnFocus: true,
       "data-testid": "autocomplete-container",
@@ -102,13 +102,13 @@ var EditableTable = function EditableTable(props) {
       onChange: inputProps.onChange,
       suggestions: (0, _propOr["default"])([], 'autoCompleteSuggestions', props),
       renderSuggestion: function renderSuggestion(item, props, selected) {
-        return /*#__PURE__*/_react["default"].createElement(_ListItem["default"], (0, _extends2["default"])({
+        return /*#__PURE__*/_react["default"].createElement(_listItem["default"], (0, _extends2["default"])({
           key: item.value,
           selected: selected
         }, props), item.label);
       },
       renderInput: function renderInput(itemProps) {
-        return /*#__PURE__*/_react["default"].createElement(_TextField["default"], (0, _extends2["default"])({
+        return /*#__PURE__*/_react["default"].createElement(_textField["default"], (0, _extends2["default"])({
           fullWidth: true,
           error: getErrors(inputProps.columnDef.field),
           name: inputProps.columnDef.field + '-input'
@@ -153,7 +153,7 @@ var EditableTable = function EditableTable(props) {
         var isDisabled = !!disabled;
         var renderToolbarButton = function renderToolbarButton() {
           var ActionIcon = localProps.action.icon;
-          return /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+          return /*#__PURE__*/_react["default"].createElement(_button["default"], {
             fullWidth: true,
             disabled: props.disableAddHeader,
             variant: "dashed",
@@ -198,7 +198,7 @@ var EditableTable = function EditableTable(props) {
 
       EditField: function EditField(localProps) {
         if (localProps.columnDef.type === 'datetime') {
-          return /*#__PURE__*/_react["default"].createElement(_DateTime["default"], {
+          return /*#__PURE__*/_react["default"].createElement(_dateTime["default"], {
             error: props.errors ? getErrors(localProps.columnDef.field) : localProps.error,
             name: localProps.columnDef.field + '-input',
             type: localProps.columnDef.type,
@@ -307,5 +307,6 @@ var EditableTable = function EditableTable(props) {
     }
   }));
 };
+exports.EditableTable = EditableTable;
 var _default = EditableTable;
 exports["default"] = _default;

package/core/data-display/fab/fab.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/core/data-display/fab/fab.stories.d.ts

@@ -0,0 +1,3 @@
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import(".").FabProps>;
+export default _default;
+export declare const Default: any;

package/core/data-display/fab/index.d.ts

@@ -0,0 +1,9 @@
+import { FabProps as MuiFabProps } from '@material-ui/core';
+import React, { MouseEvent } from 'react';
+import { DefaultProps } from '../../types';
+export interface FabProps extends DefaultProps, MuiFabProps {
+    onClick?: (event?: MouseEvent<HTMLElement>) => void;
+    children: React.ReactElement<Record<string, unknown>>;
+}
+export declare const Fab: ({ children, margin, padding, style, ...otherProps }: FabProps) => JSX.Element;
+export default Fab;

package/core/{Fab → data-display/fab}/index.js

@@ -4,13 +4,13 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports["default"] = exports.Fab = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _Fab = _interopRequireDefault(require("@material-ui/core/Fab"));
 var _react = _interopRequireDefault(require("react"));
-var _excluded = ["children", "margin", "padding", "style", "variant"];
+var _excluded = ["children", "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 Fab = function Fab(_ref) {
@@ -19,15 +19,14 @@ var Fab = function Fab(_ref) {
     padding = _ref.padding,
     _ref$style = _ref.style,
     style = _ref$style === void 0 ? {} : _ref$style,
-    variant = _ref.variant,
     otherProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   return /*#__PURE__*/_react["default"].createElement(_Fab["default"], (0, _extends2["default"])({}, otherProps, {
-    variant: variant,
     style: _objectSpread({
       margin: margin,
       padding: padding
     }, style)
   }), children);
 };
+exports.Fab = Fab;
 var _default = Fab;
 exports["default"] = _default;

package/core/data-display/line/index.d.ts

@@ -0,0 +1,10 @@
+import { DefaultProps } from '../../types';
+export interface LineProps extends DefaultProps {
+    /**
+     * If true, the line will use the primary color.
+     */
+    primary?: boolean;
+    'data-testid'?: string;
+}
+export declare const Line: ({ padding, margin, style, primary, ...otherProps }: LineProps) => JSX.Element;
+export default Line;

package/core/{Line → data-display/line}/index.js

@@ -4,12 +4,12 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports["default"] = exports.Line = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireDefault(require("react"));
-var _colors = require("../../colors");
+var _colors = require("@/colors");
 var _excluded = ["padding", "margin", "style", "primary"];
 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; }
@@ -28,5 +28,6 @@ var Line = function Line(_ref) {
     }, style)
   }, otherProps));
 };
+exports.Line = Line;
 var _default = Line;
 exports["default"] = _default;

package/core/data-display/line/line.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/core/data-display/line/line.stories.d.ts

@@ -0,0 +1,5 @@
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import(".").LineProps>;
+export default _default;
+export declare const Default: any;
+export declare const Primary: any;
+export declare const LineWithWidthProp: any;

package/core/data-display/list/index.d.ts

@@ -0,0 +1,14 @@
+import { DefaultProps } from '../../types';
+export interface ListProps extends DefaultProps {
+    /**
+     * The title of the list
+     */
+    title?: string;
+    dense?: boolean;
+    /**
+     * The color of the list
+     */
+    color?: 'primary' | 'secondary' | 'default' | 'inherit';
+}
+export declare const List: ({ title, padding, margin, style, children, className, color, ...otherProps }: ListProps) => JSX.Element;
+export default List;

package/core/{List → data-display/list}/index.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports["default"] = exports.List = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
@@ -58,5 +58,6 @@ var List = function List(_ref) {
     }, style)
   }, otherProps), children);
 };
+exports.List = List;
 var _default = List;
 exports["default"] = _default;

package/core/data-display/list/list.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/core/data-display/list/list.stories.d.ts

@@ -0,0 +1,5 @@
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import(".").ListProps>;
+export default _default;
+export declare const Default: any;
+export declare const WithIcons: any;
+export declare const WithAvatar: any;

package/core/{ListItem → data-display/list-item}/index.d.ts

@@ -1,5 +1,5 @@
 import { MouseEvent } from 'react';
-import { DefaultProps } from '../types';
+import { DefaultProps } from '../../types';
 import { Omit } from 'ramda';
 interface ListItemProps extends Omit<DefaultProps, 'name'> {
     avatar?: JSX.Element;

package/core/data-display/list-item/list-item.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/core/data-display/node/index.d.ts

@@ -0,0 +1,6 @@
+import { DefaultProps } from '../../types';
+export interface NodeProps extends DefaultProps {
+    name: string;
+}
+export declare const Node: (props: NodeProps) => JSX.Element;
+export default Node;

package/core/{Node → data-display/node}/index.js

@@ -4,14 +4,14 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports["default"] = exports.Node = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _react = _interopRequireDefault(require("react"));
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _colors = require("../../colors");
-var _icons = require("../../icons");
+var _colors = require("@/colors");
+var _icons = require("@/icons");
 var _templateObject, _templateObject2;
 var styles = {
   icon: {
@@ -53,5 +53,6 @@ var Node = function Node(props) {
     onClick: handleToggleOpen
   }, children && renderDropdownIcon(), name), open && children);
 };
+exports.Node = Node;
 var _default = Node;
 exports["default"] = _default;

package/core/data-display/node/node.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/core/data-display/node/node.stories.d.ts

@@ -0,0 +1,3 @@
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import(".").NodeProps>;
+export default _default;
+export declare const Default: any;

package/core/data-display/table/index.d.ts

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

package/core/{Table → data-display/table}/index.js

@@ -4,13 +4,13 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports["default"] = exports.Table = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _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; }
@@ -30,5 +30,6 @@ var Table = function Table(_ref) {
     }, style)
   }), children);
 };
+exports.Table = Table;
 var _default = Table;
 exports["default"] = _default;

package/core/{Table/TableBody.d.ts → data-display/table/table-body.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/{Table/TableCell.d.ts → data-display/table/table-cell.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/{Table/TableCell.js → data-display/table/table-cell.js}

@@ -12,7 +12,7 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 var _TableCell = _interopRequireDefault(require("@material-ui/core/TableCell"));
 var _TableSortLabel = _interopRequireDefault(require("@material-ui/core/TableSortLabel"));
 var _react = _interopRequireWildcard(require("react"));
-var _TableHead = require("./TableHead");
+var _tableHead = require("./table-head");
 var _excluded = ["style", "margin", "padding", "children", "spacing"];
 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; }
@@ -25,7 +25,7 @@ var TableCell = function TableCell(_ref) {
     children = _ref.children,
     spacing = _ref.spacing,
     otherProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  var _useContext = (0, _react.useContext)(_TableHead.SortContext),
+  var _useContext = (0, _react.useContext)(_tableHead.SortContext),
     onSort = _useContext.onSort,
     active = _useContext.active,
     direction = _useContext.direction;

package/core/{Table/TableHead.d.ts → data-display/table/table-head.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: {
@@ -19,5 +19,5 @@ interface ISort {
     onSort?(name: string): void;
 }
 export declare const SortContext: React.Context<ISort>;
-declare const _default: React.ComponentType<Pick<TableHeadProps, "children" | "style" | "padding" | "margin" | "className" | "name" | "id" | "color" | "active" | "direction" | "onSort"> & import("@material-ui/core/styles").StyledComponentProps<"inherit" | "default" | "primary" | "secondary">>;
+declare const _default: React.ComponentType<Pick<TableHeadProps, "className" | "id" | "style" | "color" | "children" | "padding" | "margin" | "name" | "active" | "direction" | "onSort"> & import("@material-ui/core/styles").StyledComponentProps<"inherit" | "default" | "primary" | "secondary">>;
 export default _default;

package/core/{Table/TableHead.js → data-display/table/table-head.js}

@@ -17,11 +17,11 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-var Direction;
-(function (Direction) {
+var Direction = /*#__PURE__*/function (Direction) {
   Direction["ASCENDENT"] = "asc";
   Direction["DESCENDENT"] = "desc";
-})(Direction || (Direction = {}));
+  return Direction;
+}(Direction || {});
 var styles = function styles(theme) {
   return {
     "default": {

package/core/{Table/TableRow.d.ts → data-display/table/table-row.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/{Table/TableRow.js → data-display/table/table-row.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/data-display/table/table.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/core/data-display/table/table.stories.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, {
+    padding?: import("@material-ui/core").Padding | undefined;
+    size?: import("@material-ui/core").Size | undefined;
+    stickyHeader?: boolean | undefined;
+} & import("@material-ui/core/OverridableComponent").CommonProps<import("@material-ui/core").TableTypeMap<{}, "table">> & Pick<Pick<React.DetailedHTMLProps<React.TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, "key" | keyof React.TableHTMLAttributes<HTMLTableElement>> & {
+    ref?: ((instance: HTMLTableElement | null) => void) | React.RefObject<HTMLTableElement> | 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" | "summary" | "border" | "key" | "align" | "width" | "bgcolor" | "cellPadding" | "cellSpacing" | "frame" | "rules"> & import(".").TableProps>;
+export default _default;
+export declare const Default: any;

package/core/{Tree → data-display/tree}/index.d.ts

@@ -6,5 +6,5 @@ export interface INode {
 export interface TreeProps {
     nodes?: INode[];
 }
-declare const Tree: ({ nodes, ...otherProps }: TreeProps) => JSX.Element;
+export declare const Tree: ({ nodes, ...otherProps }: TreeProps) => JSX.Element;
 export default Tree;

package/core/{Tree → data-display/tree}/index.js

@@ -4,12 +4,12 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports["default"] = exports.Tree = void 0;
 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,
@@ -20,7 +20,7 @@ var Tree = function Tree(_ref) {
     var id = node.id,
       name = node.name,
       nodes = node.nodes;
-    return /*#__PURE__*/_react["default"].createElement(_Node["default"], {
+    return /*#__PURE__*/_react["default"].createElement(_node["default"], {
       id: index,
       name: name,
       key: id || index,
@@ -31,11 +31,12 @@ var Tree = function Tree(_ref) {
       return renderNode((0, _omit["default"])(['array'], node), index.toString());
     }));
   };
-  return /*#__PURE__*/_react["default"].createElement(_Node["default"], (0, _extends2["default"])({}, otherProps, {
+  return /*#__PURE__*/_react["default"].createElement(_node["default"], (0, _extends2["default"])({}, otherProps, {
     name: "root"
   }), nodes.map(function (node, index) {
     return renderNode(node, index.toString(), true);
   }));
 };
+exports.Tree = Tree;
 var _default = Tree;
 exports["default"] = _default;

package/core/data-display/tree/tree.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/core/data-display/tree/tree.stories.d.ts

@@ -0,0 +1,3 @@
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import(".").TreeProps>;
+export default _default;
+export declare const Default: any;

package/core/data-display/typography/index.d.ts

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

package/core/{Typography → data-display/typography}/index.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports["default"] = exports.Typography = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
@@ -30,5 +30,6 @@ var Typography = function Typography(_ref) {
     }, style)
   }), children);
 };
+exports.Typography = Typography;
 var _default = Typography;
 exports["default"] = _default;

package/core/data-display/typography/typography.spec.d.ts

@@ -0,0 +1 @@
+export {};