flipper-ui 0.31.1 → 0.31.3

package/experimental/panel/styles.js

@@ -0,0 +1,14 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Title = exports.Summary = exports.Paper = void 0;
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _ = require("../..");
+var _templateObject, _templateObject2, _templateObject3;
+var Paper = exports.Paper = (0, _styledComponents["default"])(_.ExpansionPanel)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n    && {\n        border-radius: 4px;\n        ::before {\n            height: 0px;\n            background-color: transparent;\n        }\n    }\n"])));
+var Summary = exports.Summary = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n    display: flex;\n    flex: 1;\n    align-items: center;\n"])));
+var Title = exports.Title = (0, _styledComponents["default"])(_.Typography)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n    && {\n        flex: 1;\n    }\n"])));

package/experimental/sidebar/index.d.ts

@@ -16,5 +16,5 @@ export interface IProps {
 /**
  * Sidebar component V2
  */
-export declare const Sidebar: (props: IProps) => React.JSX.Element;
+declare const Sidebar: (props: IProps) => React.JSX.Element;
 export default Sidebar;

package/experimental/sidebar/index.js

@@ -5,39 +5,29 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.Sidebar = void 0;
+exports["default"] = void 0;
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _react = _interopRequireWildcard(require("react"));
 var _material = require("@mui/material");
 var _times = _interopRequireDefault(require("ramda/es/times"));
 var _map = _interopRequireDefault(require("ramda/es/map"));
-var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _ = require("../..");
-var _theme = require("../../theme");
+var _styles = require("./styles");
 var _excluded = ["options", "loading", "handleGoTo", "extraOptions", "top"];
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 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 StyledFlipperSidebar = (0, _styledComponents["default"])(_.Sidebar)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n    & > div {\n        border-right: 1px solid ", ";\n    }\n"])), _theme.theme.colors.grays.g6);
-var MenuItem = (0, _styledComponents["default"])(_.ListItem)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n    &&& {\n        & div {\n            padding: 0;\n        }\n    }\n"])));
-var Link = _styledComponents["default"].a(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n    color: ", ";\n    text-decoration: none;\n"])), _theme.theme.colors.primary.main);
-var PaperBar = _styledComponents["default"].div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["\n    flex-direction: column;\n    display: flex;\n    justify-content: space-between;\n    flex: 1;\n    padding-bottom: 16px;\n"])));
-var LABEL_TIMEOUT = 300;
 var renderSkeleton = function renderSkeleton(index) {
-  return /*#__PURE__*/_react["default"].createElement("div", {
+  return /*#__PURE__*/_react["default"].createElement(_styles.SkeletonWrapper, {
     className: "skeleton-container",
     role: "skeleton",
-    key: "sidebar-skeleton-".concat(index),
-    style: {
-      padding: '2px 10px'
-    }
+    key: "sidebar-skeleton-".concat(index)
   }, /*#__PURE__*/_react["default"].createElement(_material.Skeleton, {
     width: 36,
     height: 36
   }));
 };
+var LABEL_TIMEOUT = 300;
 var SIDEBAR_SKELETON_SIZE = 6;
 var sidebarSkeleton = (0, _times["default"])(renderSkeleton, SIDEBAR_SKELETON_SIZE);
 
@@ -62,17 +52,16 @@ var useSidebar = function useSidebar() {
     route: route
   };
 };
-var emptyList = [];
 
 /**
  * Sidebar component V2
  */
-var Sidebar = exports.Sidebar = function Sidebar(props) {
+var Sidebar = function Sidebar(props) {
   var options = props.options,
     loading = props.loading,
     handleGoTo = props.handleGoTo,
     _props$extraOptions = props.extraOptions,
-    extraOptions = _props$extraOptions === void 0 ? emptyList : _props$extraOptions,
+    extraOptions = _props$extraOptions === void 0 ? [] : _props$extraOptions,
     top = props.top,
     otherProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
   var _useSidebar = useSidebar(),
@@ -93,7 +82,7 @@ var Sidebar = exports.Sidebar = function Sidebar(props) {
     }
   }, [expanded]);
   var renderOption = function renderOption(option) {
-    return /*#__PURE__*/_react["default"].createElement(Link, {
+    return /*#__PURE__*/_react["default"].createElement(_styles.Link, {
       "data-testid": "sidebar-option-".concat(option.route.replace('/', '')),
       key: option.name
     }, /*#__PURE__*/_react["default"].createElement(_.Tooltip, {
@@ -101,7 +90,7 @@ var Sidebar = exports.Sidebar = function Sidebar(props) {
       placement: "right",
       enterDelay: 500,
       title: expanded ? '' : option.label
-    }, /*#__PURE__*/_react["default"].createElement(MenuItem, {
+    }, /*#__PURE__*/_react["default"].createElement(_styles.MenuItem, {
       key: option.name,
       selected: option.name === route,
       icon: option.icon,
@@ -113,7 +102,7 @@ var Sidebar = exports.Sidebar = function Sidebar(props) {
       onClick: handleGoTo === null || handleGoTo === void 0 ? void 0 : handleGoTo(option.name, option.route)
     })));
   };
-  return /*#__PURE__*/_react["default"].createElement(StyledFlipperSidebar, {
+  return /*#__PURE__*/_react["default"].createElement(_styles.StyledFlipperSidebar, {
     open: true,
     docked: true,
     name: "sidebar",
@@ -130,7 +119,7 @@ var Sidebar = exports.Sidebar = function Sidebar(props) {
     expanded: expanded,
     top: top || 0,
     onToggle: toggle
-  }, /*#__PURE__*/_react["default"].createElement(PaperBar, otherProps, /*#__PURE__*/_react["default"].createElement(_.List, {
+  }, /*#__PURE__*/_react["default"].createElement(_styles.PaperBar, otherProps, /*#__PURE__*/_react["default"].createElement(_.List, {
     dense: true
   }, loading ? sidebarSkeleton : (0, _map["default"])(renderOption, options)), /*#__PURE__*/_react["default"].createElement(_.List, {
     dense: true

package/experimental/sidebar/styles.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export declare const StyledFlipperSidebar: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("../../core/navigation/sidebar").SidebarProps, never>> & Omit<({ id, anchor, className, color, docked, expanded, margin, maxWidth, minWidth, top, open, padding, paperClasses, showButton, style, variant, ButtonProps, onToggle, children, name, ...otherProps }: import("../../core/navigation/sidebar").SidebarProps) => import("react").JSX.Element, keyof import("react").Component<any, {}, any>>;
+export declare const MenuItem: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("../../core/data-display/list-item").ListItemProps, never>> & Omit<(props: import("../../core/data-display/list-item").ListItemProps) => import("react").JSX.Element, keyof import("react").Component<any, {}, any>>;
+export declare const Link: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, never>>;
+export declare const PaperBar: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+export declare const SkeletonWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;

package/experimental/sidebar/styles.js

@@ -0,0 +1,20 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledFlipperSidebar = exports.SkeletonWrapper = exports.PaperBar = exports.MenuItem = exports.Link = void 0;
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _ = require("../..");
+var _theme = require("../../theme");
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+var _theme$colors = _theme.theme.colors,
+  grays = _theme$colors.grays,
+  primary = _theme$colors.primary;
+var StyledFlipperSidebar = exports.StyledFlipperSidebar = (0, _styledComponents["default"])(_.Sidebar)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n    & > div {\n        border-right: 1px solid ", ";\n    }\n"])), grays.g6);
+var MenuItem = exports.MenuItem = (0, _styledComponents["default"])(_.ListItem)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n    &&& {\n        & div {\n            padding: 0;\n        }\n    }\n"])));
+var Link = exports.Link = _styledComponents["default"].a(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n    color: ", ";\n    text-decoration: none;\n"])), primary.main);
+var PaperBar = exports.PaperBar = _styledComponents["default"].div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["\n    flex-direction: column;\n    display: flex;\n    justify-content: space-between;\n    flex: 1;\n    padding-bottom: 16px;\n"])));
+var SkeletonWrapper = exports.SkeletonWrapper = _styledComponents["default"].div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2["default"])(["\n    padding: 2px 10px;\n"])));

package/experimental/skeleton/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import type { SkeletonProps } from 'react-loading-skeleton';
 import 'react-loading-skeleton/dist/skeleton.css';
-export declare const Skeleton: (props: SkeletonProps) => React.JSX.Element;
+declare const Skeleton: (props: SkeletonProps) => React.JSX.Element;
 export default Skeleton;

package/experimental/skeleton/index.js

@@ -4,14 +4,14 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.Skeleton = void 0;
+exports["default"] = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
 var _reactLoadingSkeleton = _interopRequireDefault(require("react-loading-skeleton"));
 require("react-loading-skeleton/dist/skeleton.css");
 var _theme = require("../../theme");
 var grays = _theme.theme.colors.grays;
-var Skeleton = exports.Skeleton = function Skeleton(props) {
+var Skeleton = function Skeleton(props) {
   return /*#__PURE__*/_react["default"].createElement(_reactLoadingSkeleton["default"], (0, _extends2["default"])({
     containerTestId: "skeleton-container",
     baseColor: grays.g7,

package/experimental/visibility-icon/index.d.ts

@@ -4,5 +4,5 @@ export interface IProps {
     show: boolean;
     onToggle(): void;
 }
-export declare const VisibilityIcon: ({ show, onToggle, name, ...otherProps }: IProps) => React.JSX.Element;
+declare const VisibilityIcon: ({ show, onToggle, name, ...otherProps }: IProps) => React.JSX.Element;
 export default VisibilityIcon;

package/experimental/visibility-icon/index.js

@@ -4,23 +4,19 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.VisibilityIcon = void 0;
+exports["default"] = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _react = _interopRequireDefault(require("react"));
-var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _styles = require("./styles");
 var _icons = require("../../icons");
-var _ = require("../..");
 var _excluded = ["show", "onToggle", "name"];
-var _templateObject;
-var StyledButton = (0, _styledComponents["default"])(_.IconButton)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n    width: 36px !important;\n    height: 36px !important;\n"])));
-var VisibilityIcon = exports.VisibilityIcon = function VisibilityIcon(_ref) {
+var VisibilityIcon = function VisibilityIcon(_ref) {
   var show = _ref.show,
     onToggle = _ref.onToggle,
     name = _ref.name,
     otherProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  return /*#__PURE__*/_react["default"].createElement(StyledButton, (0, _extends2["default"])({}, otherProps, {
+  return /*#__PURE__*/_react["default"].createElement(_styles.StyledButton, (0, _extends2["default"])({}, otherProps, {
     padding: "0px",
     name: name,
     onClick: onToggle

package/experimental/visibility-icon/styles.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const StyledButton: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("../../core/inputs/icon-button").IconButtonProps, never>> & Omit<({ children, padding, margin, style, ...otherProps }: import("../../core/inputs/icon-button").IconButtonProps) => import("react").JSX.Element, keyof import("react").Component<any, {}, any>>;

package/experimental/visibility-icon/styles.js

@@ -0,0 +1,12 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledButton = void 0;
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _ = require("../..");
+var _templateObject;
+var StyledButton = exports.StyledButton = (0, _styledComponents["default"])(_.IconButton)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n    width: 36px !important;\n    height: 36px !important;\n"])));

package/index.d.ts

@@ -61,6 +61,7 @@ export { default as Zoom } from './core/feedback/zoom';
 export { default as PinInput } from './core/inputs/pin-input';
 export { default as Chapter } from './core/data-display/chapter';
 export { default as DataTable } from './core/data-display/data-table';
+export { default as DataTableField } from './core/data-display/data-table/data-table-field';
 export { default as StepCard } from './core/surfaces/step-card';
 export { default as StepCardSkeleton } from './core/surfaces/step-card/step-card-skeleton';
 export { default as ValidationDialog } from './core/feedback/validation-dialog/';

package/index.js

@@ -101,6 +101,12 @@ Object.defineProperty(exports, "DataTable", {
     return _dataTable["default"];
   }
 });
+Object.defineProperty(exports, "DataTableField", {
+  enumerable: true,
+  get: function get() {
+    return _dataTableField["default"];
+  }
+});
 Object.defineProperty(exports, "DateTime", {
   enumerable: true,
   get: function get() {
@@ -466,6 +472,7 @@ var _zoom = _interopRequireDefault(require("./core/feedback/zoom"));
 var _pinInput = _interopRequireDefault(require("./core/inputs/pin-input"));
 var _chapter = _interopRequireDefault(require("./core/data-display/chapter"));
 var _dataTable = _interopRequireDefault(require("./core/data-display/data-table"));
+var _dataTableField = _interopRequireDefault(require("./core/data-display/data-table/data-table-field"));
 var _stepCard = _interopRequireDefault(require("./core/surfaces/step-card"));
 var _stepCardSkeleton = _interopRequireDefault(require("./core/surfaces/step-card/step-card-skeleton"));
 var _validationDialog = _interopRequireDefault(require("./core/feedback/validation-dialog/"));

package/lib/localization.js

@@ -17,7 +17,7 @@ var getLocalization = exports.getLocalization = function getLocalization() {
       editRow: {
         saveTooltip: 'Salvar',
         cancelTooltip: 'Cancelar',
-        deleteText: "Voc\xEA tem certeza que deseja excluir esse ".concat(title !== null && title !== void 0 ? title : 'item', "?")
+        deleteText: title !== '' ? "Voc\xEA tem certeza que deseja excluir esse ".concat(title, "?") : "Voc\xEA tem certeza que deseja excluir esse item?"
       },
       addTooltip: "Adicionar ".concat(title),
       deleteTooltip: "Remover ".concat(title),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "flipper-ui",
-  "version": "0.31.1",
+  "version": "0.31.3",
   "description": "",
   "main": "dist/index.js",
   "homepage": "https://flipper-ui.ngi.com.br/",
@@ -36,76 +36,75 @@
   },
   "dependencies": {
     "@date-io/date-fns": "1.3.6",
-    "@emotion/react": "11.11.3",
+    "@emotion/react": "11.11.4",
     "@emotion/styled": "11.11.0",
     "@material-ui/core": "4.12.4",
     "@material-ui/icons": "4.11.3",
     "@material-ui/lab": "4.0.0-alpha.61",
     "@material-ui/pickers": "3.3.11",
-    "@mui/icons-material": "5.15.6",
-    "@mui/material": "5.15.6",
-    "@mui/styles": "5.15.6",
+    "@mui/icons-material": "5.15.12",
+    "@mui/material": "5.15.12",
+    "@mui/styles": "5.15.12",
     "date-fns": "2.30.0",
     "faker": "5.5.3",
     "material-table": "1.69.3",
     "material-ui-chip-input": "2.0.0-beta.2",
     "ramda": "0.25.0",
-    "react-loading-skeleton": "3.3.1",
+    "react-loading-skeleton": "3.4.0",
     "react-number-format": "4.4.1",
     "sprintf-js": "1.1.3",
     "stylis": "4.3.1",
     "uuid": "9.0.1"
   },
   "devDependencies": {
-    "@babel/cli": "7.23.4",
-    "@babel/core": "7.23.7",
-    "@babel/plugin-transform-runtime": "7.23.7",
-    "@babel/preset-env": "7.23.8",
+    "@babel/cli": "7.23.9",
+    "@babel/core": "7.24.0",
+    "@babel/plugin-transform-runtime": "7.24.0",
+    "@babel/preset-env": "7.24.0",
     "@babel/preset-typescript": "7.23.3",
-    "@storybook/addon-essentials": "7.6.10",
+    "@storybook/addon-essentials": "7.6.17",
     "@storybook/addon-styling-webpack": "0.0.6",
-    "@storybook/react": "7.6.10",
-    "@storybook/react-webpack5": "7.6.10",
+    "@storybook/react": "7.6.17",
+    "@storybook/react-webpack5": "7.6.17",
     "@stylistic/eslint-plugin": "1.5.4",
-    "@testing-library/react": "14.1.2",
+    "@testing-library/react": "14.2.1",
     "@testing-library/user-event": "14.5.2",
     "@types/faker": "5.5.3",
     "@types/history": "5.0.0",
-    "@types/jest": "29.5.11",
-    "@types/node": "20.11.6",
+    "@types/jest": "29.5.12",
+    "@types/node": "20.11.25",
     "@types/ramda": "0.25.36",
-    "@types/react": "18.2.48",
+    "@types/react": "18.2.63",
     "@types/sprintf-js": "1.1.4",
     "@types/styled-components": "5.1.34",
-    "@types/uuid": "9.0.7",
-    "@typescript-eslint/eslint-plugin": "6.19.1",
-    "@typescript-eslint/parser": "6.19.1",
+    "@types/uuid": "9.0.8",
+    "@typescript-eslint/eslint-plugin": "7.1.1",
+    "@typescript-eslint/parser": "7.1.1",
     "babel-loader": "9.1.3",
     "babel-plugin-module-resolver": "5.0.0",
     "babel-plugin-transform-class-properties": "6.24.1",
     "babel-plugin-transform-imports": "2.0.0",
-    "eslint": "8.56.0",
+    "eslint": "8.57.0",
     "eslint-config-prettier": "9.1.0",
     "eslint-import-resolver-typescript": "3.6.1",
     "eslint-plugin-import": "2.29.1",
     "eslint-plugin-prettier": "5.1.3",
-    "eslint-plugin-react": "7.33.2",
+    "eslint-plugin-react": "7.34.0",
     "eslint-plugin-react-hooks": "4.6.0",
-    "eslint-plugin-react-perf": "3.3.2",
     "fs-extra": "11.2.0",
     "identity-obj-proxy": "3.0.0",
     "jest": "29.7.0",
     "jest-environment-jsdom": "29.7.0",
     "node-fetch": "3.3.2",
-    "prettier": "3.2.4",
+    "prettier": "3.2.5",
     "react": "18.2.0",
     "react-dom": "18.2.0",
-    "storybook": "7.6.10",
+    "storybook": "7.6.17",
     "styled-components": "6.1.8",
     "ts-jest": "29.1.2",
     "ts-loader": "9.5.1",
     "typescript": "5.3.3",
-    "webpack": "5.90.0"
+    "webpack": "5.90.3"
   },
   "peerDependencies": {
     "date-fns": "^2.30.0",

package/test/mocks/data-table-hidden-mock.js

@@ -14,8 +14,8 @@ var _uuid = require("uuid");
 var _dataTable = require("../../core/data-display/data-table");
 var _dataTable2 = require("../../core/data-display/data-table/data-table");
 var _types = require("../../core/data-display/data-table/types");
-var _typography = require("../../core/data-display/typography");
-var _button = require("../../core/inputs/button");
+var _typography = _interopRequireDefault(require("../../core/data-display/typography"));
+var _button = _interopRequireDefault(require("../../core/inputs/button"));
 var _icons = require("../../icons");
 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; }
@@ -257,7 +257,7 @@ var Default = function Default() {
           padding: '16px',
           justifyContent: 'space-between'
         }
-      }, /*#__PURE__*/_react["default"].createElement(_typography.Typography, null, "Confirm Delete \"", data.name, "\"?"), /*#__PURE__*/_react["default"].createElement("div", {
+      }, /*#__PURE__*/_react["default"].createElement(_typography["default"], null, "Confirm Delete \"", data.name, "\"?"), /*#__PURE__*/_react["default"].createElement("div", {
         style: {
           display: 'flex'
         }
@@ -281,7 +281,7 @@ var Default = function Default() {
       }, /*#__PURE__*/_react["default"].createElement(_icons.Cancel, null)))));
     }
   };
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_button.Button, {
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_button["default"], {
     onClick: handleAdd
   }, "Add Row"), /*#__PURE__*/_react["default"].createElement(_dataTable2.DataTable, {
     hidden: true,

package/test/mocks/data-table-mock.js

@@ -14,8 +14,8 @@ var _format = _interopRequireDefault(require("date-fns/format"));
 var _dataTable = require("../../core/data-display/data-table");
 var _dataTable2 = require("../../core/data-display/data-table/data-table");
 var _types = require("../../core/data-display/data-table/types");
-var _typography = require("../../core/data-display/typography");
-var _button = require("../../core/inputs/button");
+var _typography = _interopRequireDefault(require("../../core/data-display/typography"));
+var _button = _interopRequireDefault(require("../../core/inputs/button"));
 var _icons = require("../../icons");
 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; }
@@ -272,7 +272,7 @@ var Default = function Default() {
           padding: '16px',
           justifyContent: 'space-between'
         }
-      }, /*#__PURE__*/_react["default"].createElement(_typography.Typography, null, "Confirm Delete \"", data.product, "\"?"), /*#__PURE__*/_react["default"].createElement("div", {
+      }, /*#__PURE__*/_react["default"].createElement(_typography["default"], null, "Confirm Delete \"", data.product, "\"?"), /*#__PURE__*/_react["default"].createElement("div", {
         style: {
           display: 'flex'
         }
@@ -296,7 +296,7 @@ var Default = function Default() {
       }, /*#__PURE__*/_react["default"].createElement(_icons.Cancel, null)))));
     }
   };
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_button.Button, {
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_button["default"], {
     onClick: handleAdd
   }, "Add Row"), /*#__PURE__*/_react["default"].createElement(_dataTable2.DataTable, {
     data: data,

package/test/mocks/editable-table-date-mock.js

@@ -1,16 +1,17 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
 var React = _interopRequireWildcard(require("react"));
-var _editableTable = require("../../core/data-display/editable-table");
+var _editableTable = _interopRequireDefault(require("../../core/data-display/editable-table"));
 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 Default = function Default(_ref) {
   var tableProps = _ref.tableProps;
-  return /*#__PURE__*/React.createElement(_editableTable.EditableTable, tableProps);
+  return /*#__PURE__*/React.createElement(_editableTable["default"], tableProps);
 };
 var _default = exports["default"] = Default;

package/test/mocks/editable-table-mock.js

@@ -1,24 +1,25 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports.WithDate2 = exports.WithDate = void 0;
 var React = _interopRequireWildcard(require("react"));
-var _editableTable = require("../../core/data-display/editable-table");
+var _editableTable = _interopRequireDefault(require("../../core/data-display/editable-table"));
 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 Default = function Default(_ref) {
   var tableProps = _ref.tableProps;
-  return /*#__PURE__*/React.createElement(_editableTable.EditableTable, tableProps);
+  return /*#__PURE__*/React.createElement(_editableTable["default"], tableProps);
 };
 var WithDate = exports.WithDate = function WithDate(_ref2) {
   var tableProps = _ref2.tableProps;
-  return /*#__PURE__*/React.createElement(_editableTable.EditableTable, tableProps);
+  return /*#__PURE__*/React.createElement(_editableTable["default"], tableProps);
 };
 var WithDate2 = exports.WithDate2 = function WithDate2(_ref3) {
   var tableProps = _ref3.tableProps;
-  return /*#__PURE__*/React.createElement(_editableTable.EditableTable, tableProps);
+  return /*#__PURE__*/React.createElement(_editableTable["default"], tableProps);
 };
 var _default = exports["default"] = Default;

package/test/mocks/radio-group-mock.js

@@ -8,7 +8,7 @@ Object.defineProperty(exports, "__esModule", {
 exports["default"] = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var React = _interopRequireWildcard(require("react"));
-var _radioGroup = require("../../core/inputs/radio-group");
+var _radioGroup = _interopRequireDefault(require("../../core/inputs/radio-group"));
 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 Default = function Default(_ref) {
@@ -17,7 +17,7 @@ var Default = function Default(_ref) {
     _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
     option = _React$useState2[0],
     setOption = _React$useState2[1];
-  return /*#__PURE__*/React.createElement(_radioGroup.RadioGroup, {
+  return /*#__PURE__*/React.createElement(_radioGroup["default"], {
     value: option,
     spacing: radioGroupProps === null || radioGroupProps === void 0 ? void 0 : radioGroupProps.spacing,
     title: "My options",

package/test/mocks/select-mock.js

@@ -9,7 +9,7 @@ exports["default"] = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var React = _interopRequireWildcard(require("react"));
 var _listItem = _interopRequireDefault(require("../../core/data-display/list-item"));
-var _select = require("../../core/inputs/select");
+var _select = _interopRequireDefault(require("../../core/inputs/select"));
 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 Default = function Default(props) {
@@ -24,7 +24,7 @@ var Default = function Default(props) {
   var handleClear = function handleClear() {
     setSelect('');
   };
-  return /*#__PURE__*/React.createElement(_select.Select, {
+  return /*#__PURE__*/React.createElement(_select["default"], {
     hasClear: (_props$selectProps = props.selectProps) === null || _props$selectProps === void 0 ? void 0 : _props$selectProps.hasClear,
     value: select,
     "data-testid": "select-container",

package/test/mocks/snackbar-mock.js

@@ -9,13 +9,24 @@ exports["default"] = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton"));
-var _icons = require("../../icons");
 var _ = require("../..");
+var _icons = require("../../icons");
 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 Default = function Default(_ref) {
+var Action = function Action(_ref) {
   var snackProps = _ref.snackProps,
-    withAction = _ref.withAction;
+    handleClose = _ref.handleClose;
+  return /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
+    key: "close",
+    role: "close-icon-button",
+    "aria-label": "Close",
+    color: "inherit",
+    onClick: (snackProps === null || snackProps === void 0 ? void 0 : snackProps.onClose) || handleClose
+  }, /*#__PURE__*/_react["default"].createElement(_icons.Close, null));
+};
+var Default = function Default(_ref2) {
+  var snackProps = _ref2.snackProps,
+    withAction = _ref2.withAction;
   var _useState = (0, _react.useState)(false),
     _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
     btnState = _useState2[0],
@@ -32,15 +43,6 @@ var Default = function Default(_ref) {
     setOpen(!open);
     setBtnState(false);
   }
-  var Action = function Action() {
-    return /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
-      key: "close",
-      role: "close-icon-button",
-      "aria-label": "Close",
-      color: "inherit",
-      onClick: (snackProps === null || snackProps === void 0 ? void 0 : snackProps.onClose) || handleClose
-    }, /*#__PURE__*/_react["default"].createElement(_icons.Close, null));
-  };
   return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_.Button, {
     disabled: btnState,
     "data-testid": "snackbar-button",
@@ -53,7 +55,10 @@ var Default = function Default(_ref) {
   }, "Open"), /*#__PURE__*/_react["default"].createElement(_.Snackbar, {
     message: snackProps === null || snackProps === void 0 ? void 0 : snackProps.message,
     autoHide: snackProps === null || snackProps === void 0 ? void 0 : snackProps.autoHide,
-    action: withAction ? /*#__PURE__*/_react["default"].createElement(Action, null) : undefined,
+    action: withAction ? /*#__PURE__*/_react["default"].createElement(Action, {
+      snackProps: snackProps,
+      handleClose: handleClose
+    }) : undefined,
     open: open,
     onClick: snackProps === null || snackProps === void 0 ? void 0 : snackProps.onClick,
     onClose: (snackProps === null || snackProps === void 0 ? void 0 : snackProps.onClose) || handleClose