flipper-ui 0.31.1 → 0.31.4

package/package.json

@@ -1,121 +1,121 @@
 {
-  "name": "flipper-ui",
-  "version": "0.31.1",
-  "description": "",
-  "main": "dist/index.js",
-  "homepage": "https://flipper-ui.ngi.com.br/",
-  "author": "NG",
-  "license": "MIT",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/nginformatica/flipper-ui.git"
-  },
-  "resolutions": {
-    "wrap-ansi": "7.0.0"
-  },
-  "scripts": {
-    "start": "storybook dev -p 6006",
-    "build": "yarn clean && yarn build:ts && yarn build:babel",
-    "build:ts": "tsc --emitDeclarationOnly",
-    "build:babel": "babel src --out-dir dist --extensions \".ts,.tsx\" --ignore \"**/*.spec.tsx\" --ignore \"**/*.stories.tsx\"",
-    "build:link": "yarn build && yarn copy:package && yarn publish:yalc",
-    "lint": "eslint -c .eslintrc.js 'src/**/*.{ts,tsx}'",
-    "lint:fix": "eslint -c .eslintrc.js --fix 'src/**/*.{ts,tsx}'",
-    "lint:quiet": "eslint --quiet .eslintrc.js 'src/**/*.{ts,tsx}'",
-    "format": "prettier -w 'src/**/*.{ts,tsx}'",
-    "docs:build": "storybook build -o docs",
-    "clean": "rm -rf ./dist/*",
-    "type-check": "tsc --noEmit",
-    "copy:package": "cp package.json dist/",
-    "publish:yalc": "cd dist/ && yalc publish && cd ..",
-    "predeploy": "yarn build && yarn storybook:build",
-    "deploy": "gh-pages -d docs",
-    "release": "yarn build && node pre-publish.js && npm publish ./dist --access public",
-    "test:ci": "yarn test --coverage",
-    "test": "jest --silent --passWithNoTests --noStackTrace --runInBand"
-  },
-  "dependencies": {
-    "@date-io/date-fns": "1.3.6",
-    "@emotion/react": "11.11.3",
-    "@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",
-    "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-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/preset-typescript": "7.23.3",
-    "@storybook/addon-essentials": "7.6.10",
-    "@storybook/addon-styling-webpack": "0.0.6",
-    "@storybook/react": "7.6.10",
-    "@storybook/react-webpack5": "7.6.10",
-    "@stylistic/eslint-plugin": "1.5.4",
-    "@testing-library/react": "14.1.2",
-    "@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/ramda": "0.25.36",
-    "@types/react": "18.2.48",
-    "@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",
-    "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-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-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",
-    "react": "18.2.0",
-    "react-dom": "18.2.0",
-    "storybook": "7.6.10",
-    "styled-components": "6.1.8",
-    "ts-jest": "29.1.2",
-    "ts-loader": "9.5.1",
-    "typescript": "5.3.3",
-    "webpack": "5.90.0"
-  },
-  "peerDependencies": {
-    "date-fns": "^2.30.0",
-    "react": "16.x || 17.x || 18.x",
-    "styled-components": "5.x || 6.x"
-  },
-  "publishConfig": {
-    "ignore": [
-      "!dist/",
-      "!/node_modules/"
-    ]
-  }
+    "name": "flipper-ui",
+    "version": "0.31.4",
+    "description": "",
+    "main": "dist/index.js",
+    "homepage": "https://flipper-ui.ngi.com.br/",
+    "author": "NG",
+    "license": "MIT",
+    "repository": {
+        "type": "git",
+        "url": "https://github.com/nginformatica/flipper-ui.git"
+    },
+    "resolutions": {
+        "wrap-ansi": "7.0.0"
+    },
+    "scripts": {
+        "start": "storybook dev -p 6006",
+        "build": "yarn clean && yarn build:ts && yarn build:babel",
+        "build:ts": "tsc --emitDeclarationOnly",
+        "build:babel": "babel src --out-dir dist --extensions \".ts,.tsx\" --ignore \"**/*.spec.tsx\" --ignore \"**/*.stories.tsx\"",
+        "build:link": "yarn build && yarn copy:package && yarn publish:yalc",
+        "lint": "eslint -c .eslintrc.js 'src/**/*.{ts,tsx}'",
+        "lint:fix": "eslint -c .eslintrc.js --fix 'src/**/*.{ts,tsx}'",
+        "lint:quiet": "eslint --quiet .eslintrc.js 'src/**/*.{ts,tsx}'",
+        "format": "prettier -w 'src/**/*.{ts,tsx}'",
+        "docs:build": "storybook build -o docs",
+        "clean": "rm -rf ./dist/*",
+        "type-check": "tsc --noEmit",
+        "copy:package": "cp package.json dist/",
+        "publish:yalc": "cd dist/ && yalc publish && cd ..",
+        "predeploy": "yarn build && yarn storybook:build",
+        "deploy": "gh-pages -d docs",
+        "release": "yarn build && node pre-publish.js && npm publish ./dist --access public",
+        "test:ci": "yarn test --coverage",
+        "test": "jest --verbose --silent --passWithNoTests --noStackTrace --runInBand"
+    },
+    "dependencies": {
+        "@date-io/date-fns": "1.3.6",
+        "@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.13",
+        "@mui/material": "5.15.13",
+        "@mui/styles": "5.15.13",
+        "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.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.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.17",
+        "@storybook/addon-styling-webpack": "0.0.6",
+        "@storybook/react": "7.6.17",
+        "@storybook/react-webpack5": "7.6.17",
+        "@stylistic/eslint-plugin": "1.5.4",
+        "@testing-library/jest-dom": "6.4.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.12",
+        "@types/node": "20.11.28",
+        "@types/ramda": "0.25.36",
+        "@types/react": "18.2.66",
+        "@types/sprintf-js": "1.1.4",
+        "@types/styled-components": "5.1.34",
+        "@types/uuid": "9.0.8",
+        "@typescript-eslint/eslint-plugin": "7.2.0",
+        "@typescript-eslint/parser": "7.2.0",
+        "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.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.34.0",
+        "eslint-plugin-react-hooks": "4.6.0",
+        "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.5",
+        "react": "18.2.0",
+        "react-dom": "18.2.0",
+        "storybook": "7.6.17",
+        "styled-components": "6.1.8",
+        "ts-jest": "29.1.2",
+        "ts-loader": "9.5.1",
+        "typescript": "5.4.2",
+        "webpack": "5.90.3"
+    },
+    "peerDependencies": {
+        "date-fns": "^2.30.0",
+        "react": "16.x || 17.x || 18.x",
+        "styled-components": "5.x || 6.x"
+    },
+    "publishConfig": {
+        "ignore": [
+            "!dist/",
+            "!/node_modules/"
+        ]
+    }
 }

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/date-time-mock.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import type { DateTimeProps } from '@/core/inputs/date-time';
 interface IProps {
     initialValue?: string;

package/test/mocks/date-time-mock.js

@@ -8,7 +8,7 @@ Object.defineProperty(exports, "__esModule", {
 exports["default"] = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var React = _interopRequireWildcard(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _isValid = _interopRequireDefault(require("date-fns/isValid"));
 var _startOfDay = _interopRequireDefault(require("date-fns/startOfDay"));
 var _dateTime = require("../../core/inputs/date-time");
@@ -17,10 +17,10 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 var Default = function Default(_ref) {
   var dateProps = _ref.dateProps,
     initialValue = _ref.initialValue;
-  var _React$useState = React.useState(initialValue !== null && initialValue !== void 0 ? initialValue : new Date()),
-    _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
-    value = _React$useState2[0],
-    setValue = _React$useState2[1];
+  var _useState = (0, _react.useState)(initialValue !== null && initialValue !== void 0 ? initialValue : new Date()),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    value = _useState2[0],
+    setValue = _useState2[1];
   var handleChange = function handleChange(date, value) {
     if ((0, _isValid["default"])(date)) {
       setValue(date);
@@ -28,7 +28,7 @@ var Default = function Default(_ref) {
       setValue(value !== null && value !== void 0 ? value : '');
     }
   };
-  return /*#__PURE__*/React.createElement(_dateTime.DateTime, (0, _extends2["default"])({
+  return /*#__PURE__*/_react["default"].createElement(_dateTime.DateTime, (0, _extends2["default"])({
     value: value,
     initialFocusedDate: (0, _startOfDay["default"])(new Date()),
     onChange: handleChange

package/test/mocks/editable-table-date-mock.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import type { EditableTableProps } from '@/core/data-display/editable-table';
 interface IProps<T extends object> {
     tableProps?: Partial<EditableTableProps<T>>;

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

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

package/test/mocks/editable-table-mock.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import type { EditableTableProps } from '@/core/data-display/editable-table';
 interface IProps<T extends object> {
     tableProps?: Partial<EditableTableProps<T>>;

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

@@ -1,24 +1,22 @@
 "use strict";
 
-var _typeof = require("@babel/runtime/helpers/typeof");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 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");
-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 _react = _interopRequireDefault(require("react"));
+var _editableTable = _interopRequireDefault(require("../../core/data-display/editable-table"));
 var Default = function Default(_ref) {
   var tableProps = _ref.tableProps;
-  return /*#__PURE__*/React.createElement(_editableTable.EditableTable, tableProps);
+  return /*#__PURE__*/_react["default"].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["default"].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["default"].createElement(_editableTable["default"], tableProps);
 };
 var _default = exports["default"] = Default;

package/test/mocks/radio-group-mock.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import type { RadioGroupProps } from '@/core/inputs/radio-group';
 interface IProps {
     radioGroupProps?: Partial<RadioGroupProps>;

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

@@ -7,17 +7,17 @@ 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 _react = _interopRequireWildcard(require("react"));
+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) {
   var radioGroupProps = _ref.radioGroupProps;
-  var _React$useState = React.useState('first'),
-    _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
-    option = _React$useState2[0],
-    setOption = _React$useState2[1];
-  return /*#__PURE__*/React.createElement(_radioGroup.RadioGroup, {
+  var _useState = (0, _react.useState)('first'),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    option = _useState2[0],
+    setOption = _useState2[1];
+  return /*#__PURE__*/_react["default"].createElement(_radioGroup["default"], {
     value: option,
     spacing: radioGroupProps === null || radioGroupProps === void 0 ? void 0 : radioGroupProps.spacing,
     title: "My options",

package/test/mocks/select-mock.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import type { SelectProps } from '@/core/inputs/select';
 interface IProps {
     initialValue?: string;

package/test/mocks/select-mock.js

@@ -7,34 +7,34 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var React = _interopRequireWildcard(require("react"));
+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) {
   var _props$selectProps, _props$selectProps$on, _props$selectProps2, _props$selectProps$on2, _props$selectProps3;
-  var _React$useState = React.useState(props.initialValue || ''),
-    _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
-    select = _React$useState2[0],
-    setSelect = _React$useState2[1];
+  var _useState = (0, _react.useState)(props.initialValue || ''),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    select = _useState2[0],
+    setSelect = _useState2[1];
   function handleChange(event) {
     setSelect(event.target.value);
   }
   var handleClear = function handleClear() {
     setSelect('');
   };
-  return /*#__PURE__*/React.createElement(_select.Select, {
+  return /*#__PURE__*/_react["default"].createElement(_select["default"], {
     hasClear: (_props$selectProps = props.selectProps) === null || _props$selectProps === void 0 ? void 0 : _props$selectProps.hasClear,
     value: select,
     "data-testid": "select-container",
     onClear: (_props$selectProps$on = (_props$selectProps2 = props.selectProps) === null || _props$selectProps2 === void 0 ? void 0 : _props$selectProps2.onClear) !== null && _props$selectProps$on !== void 0 ? _props$selectProps$on : handleClear,
     onChange: (_props$selectProps$on2 = (_props$selectProps3 = props.selectProps) === null || _props$selectProps3 === void 0 ? void 0 : _props$selectProps3.onChange) !== null && _props$selectProps$on2 !== void 0 ? _props$selectProps$on2 : handleChange
-  }, /*#__PURE__*/React.createElement(_listItem["default"], {
+  }, /*#__PURE__*/_react["default"].createElement(_listItem["default"], {
     value: "0"
-  }, "Option 0"), /*#__PURE__*/React.createElement(_listItem["default"], {
+  }, "Option 0"), /*#__PURE__*/_react["default"].createElement(_listItem["default"], {
     value: "1"
-  }, "Option 1"), /*#__PURE__*/React.createElement(_listItem["default"], {
+  }, "Option 1"), /*#__PURE__*/_react["default"].createElement(_listItem["default"], {
     value: "2"
   }, "Option 2"));
 };

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

package/test/mocks/step-card-mock.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import type { IStepCardProps } from '@/core/surfaces/step-card';
 interface IProps {
     initialLoading?: boolean;

package/test/mocks/step-card-mock.js

@@ -9,8 +9,8 @@ exports["default"] = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var React = _interopRequireWildcard(require("react"));
-var _stepCard = require("../../core/surfaces/step-card");
+var _react = _interopRequireWildcard(require("react"));
+var _stepCard = _interopRequireDefault(require("../../core/surfaces/step-card"));
 var _excluded = ["percentage", "summary", "title"];
 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; }
@@ -22,14 +22,14 @@ var Default = function Default(_ref) {
     summary = stepProps.summary,
     title = stepProps.title,
     rest = (0, _objectWithoutProperties2["default"])(stepProps, _excluded);
-  var _React$useState = React.useState(initialLoading !== null && initialLoading !== void 0 ? initialLoading : false),
-    _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
-    loading = _React$useState2[0],
-    setLoading = _React$useState2[1];
+  var _useState = (0, _react.useState)(initialLoading !== null && initialLoading !== void 0 ? initialLoading : false),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    loading = _useState2[0],
+    setLoading = _useState2[1];
   setTimeout(function () {
     setLoading(false);
   }, 1500);
-  return /*#__PURE__*/React.createElement(_stepCard.StepCard, (0, _extends2["default"])({
+  return /*#__PURE__*/_react["default"].createElement(_stepCard["default"], (0, _extends2["default"])({
     percentage: percentage || 0,
     summary: summary || '',
     title: title || '',

package/test/mocks/text-field-mock.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import type { TextFieldProps } from '@/core/inputs/text-field';
 interface IProps {
     initialOption?: string;