flipper-ui 0.31.6 → 0.31.7

package/experimental/visibility-icon/index.js

@@ -6,10 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _Visibility2 = _interopRequireDefault(require("@mui/icons-material/Visibility"));
+var _VisibilityOff2 = _interopRequireDefault(require("@mui/icons-material/VisibilityOff"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireDefault(require("react"));
 var _styles = require("./styles");
-var _icons = require("../../icons");
 var _excluded = ["show", "onToggle", "name"];
 var VisibilityIcon = function VisibilityIcon(_ref) {
   var show = _ref.show,
@@ -20,9 +21,9 @@ var VisibilityIcon = function VisibilityIcon(_ref) {
     padding: "0px",
     name: name,
     onClick: onToggle
-  }), show ? /*#__PURE__*/_react["default"].createElement(_icons.VisibilityOff, {
+  }), show ? /*#__PURE__*/_react["default"].createElement(_VisibilityOff2["default"], {
     "data-testid": "icon-off"
-  }) : /*#__PURE__*/_react["default"].createElement(_icons.Visibility, {
+  }) : /*#__PURE__*/_react["default"].createElement(_Visibility2["default"], {
     "data-testid": "icon-on"
   }));
 };

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

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

package/index.d.ts

@@ -66,4 +66,5 @@ 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/';
 export * as Experimental from './experimental';
-export * as Icons from './icons';
+export type { PopperProps } from '@material-ui/core/Popper';
+export { default as ClickAwayListener } from '@mui/material/ClickAwayListener';

package/index.js

@@ -77,6 +77,12 @@ Object.defineProperty(exports, "ChipField", {
     return _chipField["default"];
   }
 });
+Object.defineProperty(exports, "ClickAwayListener", {
+  enumerable: true,
+  get: function get() {
+    return _ClickAwayListener["default"];
+  }
+});
 Object.defineProperty(exports, "Collapse", {
   enumerable: true,
   get: function get() {
@@ -174,7 +180,6 @@ Object.defineProperty(exports, "IconButton", {
     return _iconButton["default"];
   }
 });
-exports.Icons = void 0;
 Object.defineProperty(exports, "InputAdornment", {
   enumerable: true,
   get: function get() {
@@ -478,7 +483,6 @@ var _stepCardSkeleton = _interopRequireDefault(require("./core/surfaces/step-car
 var _validationDialog = _interopRequireDefault(require("./core/feedback/validation-dialog/"));
 var _Experimental = _interopRequireWildcard(require("./experimental"));
 exports.Experimental = _Experimental;
-var _Icons = _interopRequireWildcard(require("./icons"));
-exports.Icons = _Icons;
+var _ClickAwayListener = _interopRequireDefault(require("@mui/material/ClickAwayListener"));
 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; }
+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 && {}.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; }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "flipper-ui",
-    "version": "0.31.6",
+    "version": "0.31.7",
     "description": "",
     "main": "dist/index.js",
     "homepage": "https://flipper-ui.ngi.com.br/",
@@ -28,8 +28,6 @@
         "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"
@@ -39,12 +37,10 @@
         "@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",
+        "@mui/icons-material": "5.15.17",
+        "@mui/material": "5.15.17",
         "date-fns": "2.30.0",
         "faker": "5.5.3",
         "material-table": "1.69.3",
@@ -53,45 +49,43 @@
         "react-loading-skeleton": "3.4.0",
         "react-number-format": "4.4.1",
         "sprintf-js": "1.1.3",
-        "stylis": "4.3.1",
+        "stylis": "4.3.2",
         "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",
+        "@babel/cli": "7.24.5",
+        "@babel/core": "7.24.5",
+        "@babel/plugin-transform-runtime": "7.24.3",
+        "@babel/preset-env": "7.24.5",
+        "@babel/preset-typescript": "7.24.1",
         "@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/dom": "10.1.0",
+        "@testing-library/jest-dom": "6.4.5",
+        "@testing-library/react": "15.0.7",
         "@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/node": "20.12.11",
         "@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",
+        "babel-plugin-import": "1.13.8",
+        "babel-plugin-module-resolver": "5.0.2",
         "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",
+        "eslint-plugin-react": "7.34.1",
+        "eslint-plugin-react-hooks": "4.6.2",
         "fs-extra": "11.2.0",
         "identity-obj-proxy": "3.0.0",
         "jest": "29.7.0",
@@ -101,16 +95,16 @@
         "react": "18.2.0",
         "react-dom": "18.2.0",
         "storybook": "7.6.17",
-        "styled-components": "6.1.8",
+        "styled-components": "6.1.11",
         "ts-jest": "29.1.2",
         "ts-loader": "9.5.1",
-        "typescript": "5.4.2",
-        "webpack": "5.90.3"
+        "typescript": "5.4.5",
+        "webpack": "5.91.0"
     },
     "peerDependencies": {
-        "date-fns": "^2.30.0",
-        "react": "16.x || 17.x || 18.x",
-        "styled-components": "5.x || 6.x"
+        "react": ">=17.0.0",
+        "react-dom": ">=17.0.0",
+        "styled-components": ">=5.0.0"
     },
     "publishConfig": {
         "ignore": [

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

@@ -6,6 +6,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
+var _Check2 = _interopRequireDefault(require("@mui/icons-material/Check"));
+var _Cancel2 = _interopRequireDefault(require("@mui/icons-material/Cancel"));
+var _Save2 = _interopRequireDefault(require("@mui/icons-material/Save"));
+var _VisibilityOff2 = _interopRequireDefault(require("@mui/icons-material/VisibilityOff"));
+var _Delete2 = _interopRequireDefault(require("@mui/icons-material/Delete"));
+var _Edit2 = _interopRequireDefault(require("@mui/icons-material/Edit"));
+var _Visibility2 = _interopRequireDefault(require("@mui/icons-material/Visibility"));
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
@@ -16,9 +23,8 @@ var _dataTable2 = require("../../core/data-display/data-table/data-table");
 var _types = require("../../core/data-display/data-table/types");
 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; }
+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 && {}.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; }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } /* eslint-disable @typescript-eslint/ban-ts-comment */
 var Default = function Default() {
@@ -209,13 +215,13 @@ var Default = function Default() {
         }, /*#__PURE__*/_react["default"].createElement(_dataTable.DataTableAction, {
           label: "Show",
           onClick: handleView(id)
-        }, /*#__PURE__*/_react["default"].createElement(_icons.Visibility, null)), /*#__PURE__*/_react["default"].createElement(_dataTable.DataTableAction, {
+        }, /*#__PURE__*/_react["default"].createElement(_Visibility2["default"], null)), /*#__PURE__*/_react["default"].createElement(_dataTable.DataTableAction, {
           label: "Edit",
           onClick: handleEdit(id)
-        }, /*#__PURE__*/_react["default"].createElement(_icons.Edit, null)), /*#__PURE__*/_react["default"].createElement(_dataTable.DataTableAction, {
+        }, /*#__PURE__*/_react["default"].createElement(_Edit2["default"], null)), /*#__PURE__*/_react["default"].createElement(_dataTable.DataTableAction, {
           label: "Delete",
           onClick: handleDelete(id)
-        }, /*#__PURE__*/_react["default"].createElement(_icons.Delete, null)));
+        }, /*#__PURE__*/_react["default"].createElement(_Delete2["default"], null)));
       }
       if (rowMode === _types.RowMode.Hide) {
         return /*#__PURE__*/_react["default"].createElement("div", {
@@ -225,13 +231,13 @@ var Default = function Default() {
         }, /*#__PURE__*/_react["default"].createElement(_dataTable.DataTableAction, {
           label: "Show",
           onClick: handleHide(id)
-        }, /*#__PURE__*/_react["default"].createElement(_icons.VisibilityOff, null)), /*#__PURE__*/_react["default"].createElement(_dataTable.DataTableAction, {
+        }, /*#__PURE__*/_react["default"].createElement(_VisibilityOff2["default"], null)), /*#__PURE__*/_react["default"].createElement(_dataTable.DataTableAction, {
           label: "Edit",
           onClick: handleEdit(id)
-        }, /*#__PURE__*/_react["default"].createElement(_icons.Edit, null)), /*#__PURE__*/_react["default"].createElement(_dataTable.DataTableAction, {
+        }, /*#__PURE__*/_react["default"].createElement(_Edit2["default"], null)), /*#__PURE__*/_react["default"].createElement(_dataTable.DataTableAction, {
           label: "Delete",
           onClick: handleDelete(id)
-        }, /*#__PURE__*/_react["default"].createElement(_icons.Delete, null)));
+        }, /*#__PURE__*/_react["default"].createElement(_Delete2["default"], null)));
       }
       return /*#__PURE__*/_react["default"].createElement("div", {
         style: {
@@ -240,10 +246,10 @@ var Default = function Default() {
       }, /*#__PURE__*/_react["default"].createElement(_dataTable.DataTableAction, {
         label: "Save",
         onClick: handleSave(id, isNew)
-      }, /*#__PURE__*/_react["default"].createElement(_icons.Save, null)), /*#__PURE__*/_react["default"].createElement(_dataTable.DataTableAction, {
+      }, /*#__PURE__*/_react["default"].createElement(_Save2["default"], null)), /*#__PURE__*/_react["default"].createElement(_dataTable.DataTableAction, {
         label: "Cancel",
         onClick: handleView(id)
-      }, /*#__PURE__*/_react["default"].createElement(_icons.Cancel, null)));
+      }, /*#__PURE__*/_react["default"].createElement(_Cancel2["default"], null)));
     }
   }];
   var rowViews = {
@@ -272,13 +278,13 @@ var Default = function Default() {
             });
           });
         }
-      }, /*#__PURE__*/_react["default"].createElement(_icons.Check, null)), /*#__PURE__*/_react["default"].createElement(_dataTable.DataTableAction, {
+      }, /*#__PURE__*/_react["default"].createElement(_Check2["default"], null)), /*#__PURE__*/_react["default"].createElement(_dataTable.DataTableAction, {
         label: "CancelIcon",
         onClick: function onClick() {
           var _controllerRef$curren9;
           (_controllerRef$curren9 = controllerRef.current) === null || _controllerRef$curren9 === void 0 || _controllerRef$curren9.popRowView(data.id);
         }
-      }, /*#__PURE__*/_react["default"].createElement(_icons.Cancel, null)))));
+      }, /*#__PURE__*/_react["default"].createElement(_Cancel2["default"], null)))));
     }
   };
   return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_button["default"], {

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

@@ -6,19 +6,23 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
+var _Check2 = _interopRequireDefault(require("@mui/icons-material/Check"));
+var _Cancel2 = _interopRequireDefault(require("@mui/icons-material/Cancel"));
+var _Save2 = _interopRequireDefault(require("@mui/icons-material/Save"));
+var _Delete2 = _interopRequireDefault(require("@mui/icons-material/Delete"));
+var _Edit2 = _interopRequireDefault(require("@mui/icons-material/Edit"));
+var _format2 = _interopRequireDefault(require("date-fns/format"));
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
-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 = _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; }
+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 && {}.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; }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } /* eslint-disable @typescript-eslint/ban-ts-comment */
 var Default = function Default() {
@@ -218,7 +222,7 @@ var Default = function Default() {
     type: 'datetime',
     editable: true,
     getValue: function getValue(value) {
-      return (0, _format["default"])(value, 'dd/MM/yyyy HH:mm');
+      return (0, _format2["default"])(value, 'dd/MM/yyyy HH:mm');
     },
     cellStyle: {
       width: '200px'
@@ -243,10 +247,10 @@ var Default = function Default() {
         }, /*#__PURE__*/_react["default"].createElement(_dataTable.DataTableAction, {
           label: "Edit",
           onClick: handleEdit(id)
-        }, /*#__PURE__*/_react["default"].createElement(_icons.Edit, null)), /*#__PURE__*/_react["default"].createElement(_dataTable.DataTableAction, {
+        }, /*#__PURE__*/_react["default"].createElement(_Edit2["default"], null)), /*#__PURE__*/_react["default"].createElement(_dataTable.DataTableAction, {
           label: "Delete",
           onClick: handleDelete(id)
-        }, /*#__PURE__*/_react["default"].createElement(_icons.Delete, null)));
+        }, /*#__PURE__*/_react["default"].createElement(_Delete2["default"], null)));
       }
       return /*#__PURE__*/_react["default"].createElement("div", {
         style: {
@@ -255,10 +259,10 @@ var Default = function Default() {
       }, /*#__PURE__*/_react["default"].createElement(_dataTable.DataTableAction, {
         label: "Save",
         onClick: handleSave(id, isNew)
-      }, /*#__PURE__*/_react["default"].createElement(_icons.Save, null)), /*#__PURE__*/_react["default"].createElement(_dataTable.DataTableAction, {
+      }, /*#__PURE__*/_react["default"].createElement(_Save2["default"], null)), /*#__PURE__*/_react["default"].createElement(_dataTable.DataTableAction, {
         label: "Cancel",
         onClick: handleView(id)
-      }, /*#__PURE__*/_react["default"].createElement(_icons.Cancel, null)));
+      }, /*#__PURE__*/_react["default"].createElement(_Cancel2["default"], null)));
     }
   }];
   var rowViews = {
@@ -287,13 +291,13 @@ var Default = function Default() {
             });
           });
         }
-      }, /*#__PURE__*/_react["default"].createElement(_icons.Check, null)), /*#__PURE__*/_react["default"].createElement(_dataTable.DataTableAction, {
+      }, /*#__PURE__*/_react["default"].createElement(_Check2["default"], null)), /*#__PURE__*/_react["default"].createElement(_dataTable.DataTableAction, {
         label: "CancelIcon",
         onClick: function onClick() {
           var _controllerRef$curren8;
           (_controllerRef$curren8 = controllerRef.current) === null || _controllerRef$curren8 === void 0 || _controllerRef$curren8.popRowView(data.id);
         }
-      }, /*#__PURE__*/_react["default"].createElement(_icons.Cancel, null)))));
+      }, /*#__PURE__*/_react["default"].createElement(_Cancel2["default"], null)))));
     }
   };
   return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_button["default"], {

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

@@ -7,13 +7,13 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _startOfDay2 = _interopRequireDefault(require("date-fns/startOfDay"));
+var _isValid2 = _interopRequireDefault(require("date-fns/isValid"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 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");
 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; }
+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 && {}.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 dateProps = _ref.dateProps,
     initialValue = _ref.initialValue;
@@ -22,7 +22,7 @@ var Default = function Default(_ref) {
     value = _useState2[0],
     setValue = _useState2[1];
   var handleChange = function handleChange(date, value) {
-    if ((0, _isValid["default"])(date)) {
+    if ((0, _isValid2["default"])(date)) {
       setValue(date);
     } else {
       setValue(value !== null && value !== void 0 ? value : '');
@@ -30,7 +30,7 @@ var Default = function Default(_ref) {
   };
   return /*#__PURE__*/_react["default"].createElement(_dateTime.DateTime, (0, _extends2["default"])({
     value: value,
-    initialFocusedDate: (0, _startOfDay["default"])(new Date()),
+    initialFocusedDate: (0, _startOfDay2["default"])(new Date()),
     onChange: handleChange
   }, dateProps));
 };

package/test/mocks/pin-input-mock.js

@@ -6,13 +6,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
+var _Button2 = _interopRequireDefault(require("@material-ui/core/Button"));
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
-var _Button = _interopRequireDefault(require("@material-ui/core/Button"));
 var _pinInput = require("../../core/inputs/pin-input");
 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; }
+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 && {}.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 PIN_LENGTH = 6;
 var Mock = function Mock(_ref) {
   var pinInputProps = _ref.pinInputProps;
@@ -53,7 +53,7 @@ var Mock = function Mock(_ref) {
     size: "".concat((pinInputProps === null || pinInputProps === void 0 ? void 0 : pinInputProps.size) || 'small'),
     variant: "outlined",
     onPinChanged: onPinChanged
-  }), /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+  }), /*#__PURE__*/_react["default"].createElement(_Button2["default"], {
     onClick: function onClick() {
       handleValidation();
     }

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

@@ -10,7 +10,7 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 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; }
+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 && {}.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 _useState = (0, _react.useState)('first'),

package/test/mocks/select-mock.js

@@ -11,7 +11,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _listItem = _interopRequireDefault(require("../../core/data-display/list-item"));
 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; }
+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 && {}.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 _useState = (0, _react.useState)(props.initialValue || ''),

package/test/mocks/snackbar-mock.js

@@ -7,22 +7,22 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _IconButton2 = _interopRequireDefault(require("@material-ui/core/IconButton"));
+var _Close2 = _interopRequireDefault(require("@mui/icons-material/Close"));
 var _react = _interopRequireWildcard(require("react"));
-var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton"));
 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; }
+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 && {}.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 Action = function Action(_ref) {
   var snackProps = _ref.snackProps,
     handleClose = _ref.handleClose;
-  return /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
+  return /*#__PURE__*/_react["default"].createElement(_IconButton2["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));
+  }, /*#__PURE__*/_react["default"].createElement(_Close2["default"], null));
 };
 var Default = function Default(_ref2) {
   var snackProps = _ref2.snackProps,

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

@@ -13,7 +13,7 @@ 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; }
+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 && {}.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 stepProps = _ref.stepProps,
     initialLoading = _ref.initialLoading,

package/test/mocks/text-field-mock.js

@@ -12,7 +12,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _listItem = _interopRequireDefault(require("../../core/data-display/list-item"));
 var _textField = require("../../core/inputs/text-field");
 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; }
+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 && {}.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 LIST = [{
   label: null,
   value: ''

package/test/mocks/text-field-options-mock.js

@@ -11,7 +11,7 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _react = _interopRequireWildcard(require("react"));
 var _textField = require("../../core/inputs/text-field");
 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; }
+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 && {}.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 inputProps = _ref.inputProps,
     initialOption = _ref.initialOption,

package/icons/index.d.ts

@@ -1 +0,0 @@
-export * from '@mui/icons-material';

package/icons/index.js

@@ -1,16 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _iconsMaterial = require("@mui/icons-material");
-Object.keys(_iconsMaterial).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _iconsMaterial[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _iconsMaterial[key];
-    }
-  });
-});