flipper-ui 0.35.0 → 0.35.1

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "flipper-ui",
-    "version": "0.35.0",
+    "version": "0.35.1",
     "description": "React UI based on the @mui/material toolkit for the web",
     "main": "dist/index.js",
     "author": "NG",
@@ -14,7 +14,7 @@
         "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:babel": "babel src --out-dir dist --extensions '.ts,.tsx' --ignore '**/*.stories.tsx' --ignore '**/*.spec.tsx' --ignore 'src/test/**'",
         "build:link": "yarn build && yarn copy:package && yarn publish:yalc",
         "docs:build": "storybook build -o docs",
         "copy:package": "cp package.json dist/",
@@ -30,13 +30,12 @@
         "test": "jest --verbose --silent --passWithNoTests --noStackTrace --runInBand --updateSnapshot"
     },
     "dependencies": {
-        "@emotion/react": "11.13.3",
-        "@emotion/styled": "11.13.0",
-        "@mui/icons-material": "6.1.6",
-        "@mui/material": "6.1.6",
-        "@mui/system": "6.1.6",
+        "@emotion/react": "11.13.5",
+        "@emotion/styled": "11.13.5",
+        "@mui/icons-material": "6.1.8",
+        "@mui/material": "6.1.8",
+        "@mui/system": "6.1.8",
         "@mui/x-date-pickers": "7.22.2",
-        "date-fns": "4.1.0",
         "ramda": "0.30.1",
         "react-loading-skeleton": "3.5.0",
         "react-number-format": "5.4.2"
@@ -49,27 +48,28 @@
         "@babel/preset-react": "7.25.9",
         "@babel/preset-typescript": "7.26.0",
         "@faker-js/faker": "9.2.0",
-        "@storybook/addon-essentials": "8.4.2",
+        "@storybook/addon-essentials": "8.4.5",
         "@storybook/addon-webpack5-compiler-babel": "3.0.3",
-        "@storybook/blocks": "8.4.2",
-        "@storybook/react": "8.4.2",
-        "@storybook/react-webpack5": "8.4.2",
-        "@stylistic/eslint-plugin": "2.10.1",
+        "@storybook/blocks": "8.4.5",
+        "@storybook/react": "8.4.5",
+        "@storybook/react-webpack5": "8.4.5",
+        "@stylistic/eslint-plugin": "2.11.0",
         "@testing-library/dom": "10.4.0",
         "@testing-library/jest-dom": "6.6.3",
         "@testing-library/react": "16.0.1",
         "@testing-library/user-event": "14.5.2",
         "@types/jest": "29.5.14",
-        "@types/node": "22.9.0",
+        "@types/node": "22.9.1",
         "@types/ramda": "0.30.2",
         "@types/react": "18.3.12",
         "@types/uuid": "10.0.0",
-        "@typescript-eslint/eslint-plugin": "8.14.0",
-        "@typescript-eslint/parser": "8.14.0",
+        "@typescript-eslint/eslint-plugin": "8.15.0",
+        "@typescript-eslint/parser": "8.15.0",
         "babel-loader": "9.2.1",
         "babel-plugin-import": "1.13.8",
         "babel-plugin-module-resolver": "5.0.2",
-        "eslint": "9.14.0",
+        "date-fns": "4.1.0",
+        "eslint": "9.15.0",
         "eslint-config-prettier": "9.1.0",
         "eslint-import-resolver-typescript": "3.6.3",
         "eslint-plugin-import": "2.31.0",
@@ -83,16 +83,17 @@
         "prettier": "3.3.3",
         "react": "18.3.1",
         "react-dom": "18.3.1",
-        "storybook": "8.4.2",
+        "storybook": "8.4.5",
         "styled-components": "6.1.13",
         "ts-jest": "29.2.5",
         "ts-loader": "9.5.1",
         "typescript": "5.6.3",
-        "typescript-eslint": "8.14.0",
+        "typescript-eslint": "8.15.0",
         "uuid": "11.0.3",
         "webpack": "5.96.1"
     },
     "peerDependencies": {
+        "date-fns": "^4.0.0",
         "react": "^17.0.0 || ^18.0.0",
         "react-dom": "^17.0.0 || ^18.0.0",
         "styled-components": "^6.0.0"

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

@@ -1,26 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.MultipleField = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _chipField = _interopRequireDefault(require("../../core/inputs/chip-field"));
-var MultipleField = exports.MultipleField = function MultipleField(_ref) {
-  var onChange = _ref.onChange;
-  return /*#__PURE__*/_react["default"].createElement(_chipField["default"], {
-    label: "Emails *",
-    list: [{
-      value: 'email@1.com',
-      label: 'email@1.com'
-    }, {
-      value: 'email@2.com',
-      label: 'email@2.com'
-    }],
-    error: false,
-    disabled: false,
-    value: [],
-    onChange: onChange
-  });
-};

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

@@ -1,303 +0,0 @@
-"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 _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"));
-var _Cancel2 = _interopRequireDefault(require("@mui/icons-material/Cancel"));
-var _Check2 = _interopRequireDefault(require("@mui/icons-material/Check"));
-var _react = _interopRequireWildcard(require("react"));
-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");
-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 && {}.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; }
-var rows = function rows(data, setData, controllerRef) {
-  return /*#__PURE__*/_react["default"].createElement("td", {
-    colSpan: 5
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    style: {
-      display: 'flex',
-      padding: '16px',
-      justifyContent: 'space-between'
-    }
-  }, /*#__PURE__*/_react["default"].createElement("div", null, "Confirm Delete \"", data.name, "\"?"), /*#__PURE__*/_react["default"].createElement("div", {
-    style: {
-      display: 'flex'
-    }
-  }, /*#__PURE__*/_react["default"].createElement(_dataTable.DataTableAction, {
-    label: "CheckIcon",
-    onClick: function onClick() {
-      controllerRef.current.popRowView(data.id);
-      setData(function (dataList) {
-        return dataList.filter(function (item) {
-          return item.id !== data.id;
-        });
-      });
-    }
-  }, /*#__PURE__*/_react["default"].createElement(_Check2["default"], null)), /*#__PURE__*/_react["default"].createElement(_dataTable.DataTableAction, {
-    label: "CancelIcon",
-    onClick: function onClick() {
-      controllerRef.current.popRowView(data.id);
-    }
-  }, /*#__PURE__*/_react["default"].createElement(_Cancel2["default"], null)))));
-};
-var Default = function Default() {
-  var controllerRef = (0, _react.useRef)();
-  var _useState = (0, _react.useState)({}),
-    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-    errors = _useState2[0],
-    setErrors = _useState2[1];
-  var randomId = function randomId() {
-    return Math.random().toString(36).substr(0, 12);
-  };
-  var _useState3 = (0, _react.useState)([{
-      id: 1,
-      name: 'PowerBI',
-      rowMode: _types.RowMode.Hide,
-      key: '123',
-      secret: '456'
-    }, {
-      id: 2,
-      name: 'External API',
-      rowMode: _types.RowMode.Hide,
-      key: '123',
-      secret: '456'
-    }, {
-      id: 3,
-      name: 'Sass',
-      rowMode: _types.RowMode.Hide,
-      key: '123',
-      secret: '456'
-    }]),
-    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
-    data = _useState4[0],
-    setData = _useState4[1];
-  var handleAdd = function handleAdd() {
-    var _controllerRef$curren;
-    (_controllerRef$curren = controllerRef.current) === null || _controllerRef$curren === void 0 || _controllerRef$curren.addRow({
-      id: randomId()
-    });
-  };
-  var handleEdit = function handleEdit(id) {
-    return function () {
-      var _controllerRef$curren2;
-      (_controllerRef$curren2 = controllerRef.current) === null || _controllerRef$curren2 === void 0 || _controllerRef$curren2.editRow(id);
-    };
-  };
-  var handleHide = function handleHide(id) {
-    return function () {
-      var _controllerRef$curren3;
-      (_controllerRef$curren3 = controllerRef.current) === null || _controllerRef$curren3 === void 0 || _controllerRef$curren3.hideRow(id);
-    };
-  };
-  var handleDelete = function handleDelete(id) {
-    return function () {
-      var _controllerRef$curren4;
-      (_controllerRef$curren4 = controllerRef.current) === null || _controllerRef$curren4 === void 0 || _controllerRef$curren4.pushRowView(id, 'confirmDelete');
-    };
-  };
-  var handleView = function handleView(id) {
-    return function () {
-      var _controllerRef$curren5;
-      (_controllerRef$curren5 = controllerRef.current) === null || _controllerRef$curren5 === void 0 || _controllerRef$curren5.viewRow(id);
-    };
-  };
-  var isNullable = function isNullable(x) {
-    return x == null;
-  };
-  var isEmpty = function isEmpty(x) {
-    return x.trim().length === 0;
-  };
-  var handleErrors = function handleErrors(id) {
-    var nextItem = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    var isPartial = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
-    var errorFields = [{
-      field: 'name',
-      isErrorIf: [isEmpty]
-    }].filter(function (_ref) {
-      var field = _ref.field,
-        isErrorIf = _ref.isErrorIf;
-      var value = nextItem[field];
-      if (isNullable(value)) {
-        if (isPartial) {
-          return false;
-        }
-        return true;
-      }
-      return isErrorIf.some(function (cond) {
-        return cond(value);
-      });
-    }).map(function (_ref2) {
-      var field = _ref2.field;
-      return field;
-    });
-    setErrors(function (errors) {
-      return _objectSpread(_objectSpread({}, errors), {}, (0, _defineProperty2["default"])({}, id, new Set(errorFields)));
-    });
-    return errorFields.length > 0;
-  };
-  var handleSave = function handleSave(id) {
-    var isNew = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-    return function () {
-      var _controllerRef$curren6, _controllerRef$curren7;
-      var nextItem = (_controllerRef$curren6 = controllerRef.current) === null || _controllerRef$curren6 === void 0 ? void 0 : _controllerRef$curren6.getEditedRowData(id);
-      if (!nextItem) {
-        return;
-      }
-      if (handleErrors(id, nextItem, !isNew)) {
-        return;
-      }
-      if (isNew) {
-        setData(function (data) {
-          return [_objectSpread(_objectSpread({}, nextItem), {}, {
-            key: (0, _uuid.v4)(),
-            secret: (0, _uuid.v4)()
-          })].concat((0, _toConsumableArray2["default"])(data));
-        });
-      } else {
-        setData(function (data) {
-          return data.map(function (item) {
-            if (item.id === id) {
-              return _objectSpread(_objectSpread({}, item), nextItem);
-            }
-            return item;
-          });
-        });
-      }
-      (_controllerRef$curren7 = controllerRef.current) === null || _controllerRef$curren7 === void 0 || _controllerRef$curren7.viewRow(id);
-    };
-  };
-  var columns = [{
-    title: 'Name',
-    field: 'name',
-    type: 'text',
-    editable: true
-  }, {
-    title: 'Key',
-    field: 'key',
-    type: 'text',
-    editable: false,
-    renderCell: function renderCell(_ref3) {
-      var rowMode = _ref3.rowMode,
-        _ref3$isNew = _ref3.isNew,
-        isNew = _ref3$isNew === void 0 ? false : _ref3$isNew,
-        value = _ref3.value;
-      if (isNew) {
-        return null;
-      }
-      if (rowMode === _types.RowMode.Hide) {
-        return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, "********");
-      }
-      return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, value);
-    }
-  }, {
-    title: 'Secret',
-    field: 'secret',
-    type: 'text',
-    editable: false,
-    renderCell: function renderCell(_ref4) {
-      var rowMode = _ref4.rowMode,
-        _ref4$isNew = _ref4.isNew,
-        isNew = _ref4$isNew === void 0 ? false : _ref4$isNew,
-        value = _ref4.value;
-      if (isNew) {
-        return null;
-      }
-      if (rowMode === _types.RowMode.Hide) {
-        return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, "********");
-      }
-      return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, value);
-    }
-  }, {
-    title: 'Actions',
-    type: 'actions',
-    align: 'center',
-    cellStyle: {
-      width: '60px'
-    },
-    renderCell: function renderCell(_ref5) {
-      var id = _ref5.data.id,
-        rowMode = _ref5.rowMode,
-        _ref5$isNew = _ref5.isNew,
-        isNew = _ref5$isNew === void 0 ? false : _ref5$isNew;
-      if (rowMode === _types.RowMode.View) {
-        return /*#__PURE__*/_react["default"].createElement("div", {
-          style: {
-            display: 'flex'
-          }
-        }, /*#__PURE__*/_react["default"].createElement(_dataTable.DataTableAction, {
-          label: "Show",
-          onClick: handleView(id)
-        }, /*#__PURE__*/_react["default"].createElement(_Visibility2["default"], null)), /*#__PURE__*/_react["default"].createElement(_dataTable.DataTableAction, {
-          label: "Edit",
-          onClick: handleEdit(id)
-        }, /*#__PURE__*/_react["default"].createElement(_Edit2["default"], null)), /*#__PURE__*/_react["default"].createElement(_dataTable.DataTableAction, {
-          label: "Delete",
-          onClick: handleDelete(id)
-        }, /*#__PURE__*/_react["default"].createElement(_Delete2["default"], null)));
-      }
-      if (rowMode === _types.RowMode.Hide) {
-        return /*#__PURE__*/_react["default"].createElement("div", {
-          style: {
-            display: 'flex'
-          }
-        }, /*#__PURE__*/_react["default"].createElement(_dataTable.DataTableAction, {
-          label: "Show",
-          onClick: handleHide(id)
-        }, /*#__PURE__*/_react["default"].createElement(_VisibilityOff2["default"], null)), /*#__PURE__*/_react["default"].createElement(_dataTable.DataTableAction, {
-          label: "Edit",
-          onClick: handleEdit(id)
-        }, /*#__PURE__*/_react["default"].createElement(_Edit2["default"], null)), /*#__PURE__*/_react["default"].createElement(_dataTable.DataTableAction, {
-          label: "Delete",
-          onClick: handleDelete(id)
-        }, /*#__PURE__*/_react["default"].createElement(_Delete2["default"], null)));
-      }
-      return /*#__PURE__*/_react["default"].createElement("div", {
-        style: {
-          display: 'flex'
-        }
-      }, /*#__PURE__*/_react["default"].createElement(_dataTable.DataTableAction, {
-        label: "Save",
-        onClick: handleSave(id, isNew)
-      }, /*#__PURE__*/_react["default"].createElement(_Save2["default"], null)), /*#__PURE__*/_react["default"].createElement(_dataTable.DataTableAction, {
-        label: "Cancel",
-        onClick: handleView(id)
-      }, /*#__PURE__*/_react["default"].createElement(_Cancel2["default"], null)));
-    }
-  }];
-  var rowViews = {
-    confirmDelete: function confirmDelete(_ref6) {
-      var data = _ref6.data;
-      // @ts-expect-error TODO: fix controller type
-      return rows(data, setData, controllerRef);
-    }
-  };
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("button", {
-    onClick: handleAdd
-  }, "Add Row"), /*#__PURE__*/_react["default"].createElement(_dataTable2.DataTable, {
-    hidden: true,
-    data: data,
-    controllerRef: controllerRef,
-    errors: errors,
-    pagination: {
-      disabled: true
-    },
-    rowViews: rowViews,
-    columns: columns
-  }));
-};
-var _default = exports["default"] = Default;

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

@@ -1,324 +0,0 @@
-"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 _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 _Cancel2 = _interopRequireDefault(require("@mui/icons-material/Cancel"));
-var _Check2 = _interopRequireDefault(require("@mui/icons-material/Check"));
-var _react = _interopRequireWildcard(require("react"));
-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");
-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 && {}.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; }
-var rows = function rows(data, setData, controllerRef) {
-  return /*#__PURE__*/_react["default"].createElement("td", {
-    colSpan: 5
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    style: {
-      display: 'flex',
-      padding: '16px',
-      justifyContent: 'space-between'
-    }
-  }, /*#__PURE__*/_react["default"].createElement("div", null, "Confirm Delete \"", data.product, "\"?"), /*#__PURE__*/_react["default"].createElement("div", {
-    style: {
-      display: 'flex'
-    }
-  }, /*#__PURE__*/_react["default"].createElement(_dataTable.DataTableAction, {
-    label: "CheckIcon",
-    onClick: function onClick() {
-      controllerRef.current.popRowView(data.id);
-      setData(function (dataList) {
-        return dataList.filter(function (item) {
-          return item.id !== data.id;
-        });
-      });
-    }
-  }, /*#__PURE__*/_react["default"].createElement(_Check2["default"], null)), /*#__PURE__*/_react["default"].createElement(_dataTable.DataTableAction, {
-    label: "CancelIcon",
-    onClick: function onClick() {
-      controllerRef.current.popRowView(data.id);
-    }
-  }, /*#__PURE__*/_react["default"].createElement(_Cancel2["default"], null)))));
-};
-var Default = function Default() {
-  var date = function date() {
-    return new Date();
-  };
-  var controllerRef = (0, _react.useRef)();
-  var _useState = (0, _react.useState)({}),
-    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-    errors = _useState2[0],
-    setErrors = _useState2[1];
-  var randomId = function randomId() {
-    return Math.random().toString(36).substr(0, 12);
-  };
-  var _useState3 = (0, _react.useState)([{
-      id: 1,
-      product: 'Magazine',
-      price: 13.5,
-      quantity: 12,
-      date: date()
-    }, {
-      id: 2,
-      product: 'Table',
-      price: 200.49,
-      quantity: 3,
-      date: date()
-    }, {
-      id: 3,
-      product: 'Chair',
-      price: 53.5,
-      quantity: 9,
-      date: date()
-    }, {
-      id: 4,
-      product: 'Keyboard',
-      price: 53.29,
-      quantity: 4,
-      date: date()
-    }, {
-      id: 5,
-      product: 'Mouse',
-      price: 27.13,
-      quantity: 16,
-      date: date()
-    }, {
-      id: 6,
-      product: 'Microphone',
-      price: 89.14,
-      quantity: 2,
-      date: date()
-    }, {
-      id: 7,
-      product: 'Headset',
-      price: 117.85,
-      quantity: 6,
-      date: date()
-    }, {
-      id: 8,
-      product: 'Pencil',
-      price: 1.5,
-      quantity: 11,
-      date: date()
-    }]),
-    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
-    data = _useState4[0],
-    setData = _useState4[1];
-  var handleAdd = function handleAdd() {
-    var _controllerRef$curren;
-    (_controllerRef$curren = controllerRef.current) === null || _controllerRef$curren === void 0 || _controllerRef$curren.addRow({
-      id: randomId(),
-      date: date()
-    });
-  };
-  var handleEdit = function handleEdit(id) {
-    return function () {
-      var _controllerRef$curren2;
-      (_controllerRef$curren2 = controllerRef.current) === null || _controllerRef$curren2 === void 0 || _controllerRef$curren2.editRow(id);
-    };
-  };
-  var handleDelete = function handleDelete(id) {
-    return function () {
-      var _controllerRef$curren3;
-      (_controllerRef$curren3 = controllerRef.current) === null || _controllerRef$curren3 === void 0 || _controllerRef$curren3.pushRowView(id, 'confirmDelete');
-    };
-  };
-  var handleView = function handleView(id) {
-    return function () {
-      var _controllerRef$curren4;
-      (_controllerRef$curren4 = controllerRef.current) === null || _controllerRef$curren4 === void 0 || _controllerRef$curren4.viewRow(id);
-    };
-  };
-  var isNullable = function isNullable(x) {
-    return x == null;
-  };
-  var isNotPositive = function isNotPositive(x) {
-    return x <= 0;
-  };
-  var isAfterNow = function isAfterNow(x) {
-    return +x > +new Date();
-  };
-  var isEmpty = function isEmpty(x) {
-    return x.trim().length === 0;
-  };
-  var handleErrors = function handleErrors(id) {
-    var nextItem = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    var isPartial = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
-    var errorFields = [{
-      field: 'quantity',
-      isErrorIf: [isNaN, isNotPositive]
-    }, {
-      field: 'date',
-      isErrorIf: [isAfterNow]
-    }, {
-      field: 'product',
-      isErrorIf: [isEmpty]
-    }, {
-      field: 'price',
-      isErrorIf: [isNaN, isNotPositive]
-    }].filter(function (_ref) {
-      var field = _ref.field,
-        isErrorIf = _ref.isErrorIf;
-      var value = nextItem[field];
-      if (isNullable(value)) {
-        if (isPartial) {
-          return false;
-        }
-        return true;
-      }
-      return isErrorIf.some(function (cond) {
-        return cond(value);
-      });
-    }).map(function (_ref2) {
-      var field = _ref2.field;
-      return field;
-    });
-    setErrors(function (errors) {
-      return _objectSpread(_objectSpread({}, errors), {}, (0, _defineProperty2["default"])({}, id, new Set(errorFields)));
-    });
-    return errorFields.length > 0;
-  };
-  var handleSave = function handleSave(id) {
-    var isNew = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-    return function () {
-      var _controllerRef$curren5, _controllerRef$curren6;
-      var nextItem = (_controllerRef$curren5 = controllerRef.current) === null || _controllerRef$curren5 === void 0 ? void 0 : _controllerRef$curren5.getEditedRowData(id);
-      if (!nextItem) {
-        return;
-      }
-      if (handleErrors(id, nextItem, !isNew)) {
-        return;
-      }
-      if (isNew) {
-        setData(function (data) {
-          return [nextItem].concat((0, _toConsumableArray2["default"])(data));
-        });
-      } else {
-        setData(function (data) {
-          return data.map(function (item) {
-            if (item.id === id) {
-              return _objectSpread(_objectSpread({}, item), nextItem);
-            }
-            return item;
-          });
-        });
-      }
-      (_controllerRef$curren6 = controllerRef.current) === null || _controllerRef$curren6 === void 0 || _controllerRef$curren6.viewRow(id);
-    };
-  };
-  var columns = [{
-    title: 'Product',
-    field: 'product',
-    type: 'text',
-    cellStyle: {
-      width: '120px'
-    },
-    editable: true
-  }, {
-    title: 'Price (R$)',
-    field: 'price',
-    type: 'numeric-float',
-    editable: true,
-    getValue: function getValue(value) {
-      return value.toFixed(2).replace('.', ',');
-    }
-  }, {
-    title: 'Quantity',
-    field: 'quantity',
-    type: 'numeric-int',
-    editable: true,
-    cellStyle: {
-      width: '82px'
-    }
-  }, {
-    title: 'Date',
-    field: 'date',
-    type: 'datetime',
-    editable: true,
-    getValue: function getValue(value) {
-      return (0, _format2["default"])(value, 'dd/MM/yyyy HH:mm');
-    },
-    cellStyle: {
-      width: '200px'
-    }
-  }, {
-    title: 'Actions',
-    type: 'actions',
-    align: 'center',
-    cellStyle: {
-      width: '60px'
-    },
-    renderCell: function renderCell(_ref3) {
-      var id = _ref3.data.id,
-        rowMode = _ref3.rowMode,
-        _ref3$isNew = _ref3.isNew,
-        isNew = _ref3$isNew === void 0 ? false : _ref3$isNew;
-      if (rowMode === _types.RowMode.View) {
-        return /*#__PURE__*/_react["default"].createElement("div", {
-          style: {
-            display: 'flex'
-          }
-        }, /*#__PURE__*/_react["default"].createElement(_dataTable.DataTableAction, {
-          label: "Edit",
-          onClick: handleEdit(id)
-        }, /*#__PURE__*/_react["default"].createElement(_Edit2["default"], null)), /*#__PURE__*/_react["default"].createElement(_dataTable.DataTableAction, {
-          label: "Delete",
-          onClick: handleDelete(id)
-        }, /*#__PURE__*/_react["default"].createElement(_Delete2["default"], null)));
-      }
-      return /*#__PURE__*/_react["default"].createElement("div", {
-        style: {
-          display: 'flex'
-        }
-      }, /*#__PURE__*/_react["default"].createElement(_dataTable.DataTableAction, {
-        label: "Save",
-        onClick: handleSave(id, isNew)
-      }, /*#__PURE__*/_react["default"].createElement(_Save2["default"], null)), /*#__PURE__*/_react["default"].createElement(_dataTable.DataTableAction, {
-        label: "Cancel",
-        onClick: handleView(id)
-      }, /*#__PURE__*/_react["default"].createElement(_Cancel2["default"], null)));
-    }
-  }];
-  var rowViews = {
-    confirmDelete: function confirmDelete(_ref4) {
-      var data = _ref4.data;
-      // @ts-expect-error TODO: fix controller type
-      return rows(data, setData, controllerRef);
-    }
-  };
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("button", {
-    onClick: handleAdd
-  }, "Add Row"), /*#__PURE__*/_react["default"].createElement(_dataTable2.DataTable, {
-    data: data,
-    controllerRef: controllerRef,
-    errors: errors,
-    pagination: {
-      rowsPerPage: 5,
-      showFirstButton: true,
-      showLastButton: true,
-      labelRowsPerPage: 'Rows per page:',
-      labelDisplayedRows: function labelDisplayedRows(_ref5) {
-        var from = _ref5.from,
-          to = _ref5.to,
-          count = _ref5.count;
-        return "".concat(from, "-").concat(to, " of ").concat(count !== -1 ? count : "more than ".concat(to));
-      }
-    },
-    rowViews: rowViews,
-    columns: columns
-  }));
-};
-var _default = exports["default"] = Default;

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

@@ -1,33 +0,0 @@
-"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 _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _isValid2 = _interopRequireDefault(require("date-fns/isValid"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = _interopRequireWildcard(require("react"));
-var _dateTime = _interopRequireDefault(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 && {}.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;
-  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) {
-    if ((0, _isValid2["default"])(date)) {
-      setValue(date);
-    }
-  };
-  return /*#__PURE__*/_react["default"].createElement(_dateTime["default"], (0, _extends2["default"])({
-    value: value,
-    onChange: handleChange
-  }, dateProps));
-};
-var _default = exports["default"] = Default;

package/test/mocks/mask-field.js

@@ -1,33 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.MaskFieldWrapper = void 0;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = _interopRequireWildcard(require("react"));
-var _maskField = _interopRequireDefault(require("../../core/inputs/mask-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 && {}.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 MaskFieldWrapper = exports.MaskFieldWrapper = function MaskFieldWrapper() {
-  var _useState = (0, _react.useState)('1234567,89'),
-    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-    value = _useState2[0],
-    setValue = _useState2[1];
-  var handleChange = function handleChange(value) {
-    setValue(value);
-  };
-  return /*#__PURE__*/_react["default"].createElement(_maskField["default"], {
-    fixedDecimalScale: true,
-    value: value,
-    decimalScale: 2,
-    decimalSeparator: ",",
-    thousandSeparator: ".",
-    placeholder: "Description",
-    onValueChange: function onValueChange(values) {
-      return handleChange(values.value);
-    }
-  });
-};

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

@@ -1,61 +0,0 @@
-"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 _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = _interopRequireWildcard(require("react"));
-var _pinInput = _interopRequireDefault(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 && {}.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;
-  var _useState = (0, _react.useState)(new Array(PIN_LENGTH)),
-    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-    pin = _useState2[0],
-    setPin = _useState2[1];
-  var onPinChanged = function onPinChanged(pinEntry, index) {
-    var newPin = (0, _toConsumableArray2["default"])(pin);
-    newPin[index] = pinEntry;
-    setPin(newPin);
-  };
-  var _useState3 = (0, _react.useState)(false),
-    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
-    hasError = _useState4[0],
-    setHasError = _useState4[1];
-  var _useState5 = (0, _react.useState)(false),
-    _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
-    isValidating = _useState6[0],
-    setIsValidating = _useState6[1];
-  var handleValidation = function handleValidation() {
-    setIsValidating(true);
-    if (pin.join('') !== '123123') {
-      setHasError(true);
-      setPin(new Array(PIN_LENGTH));
-    } else {
-      setHasError(false);
-      alert('PIN is correct');
-    }
-    setIsValidating(false);
-  };
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_pinInput["default"], {
-    pin: pin,
-    setPin: setPin,
-    pinLength: PIN_LENGTH,
-    validationResult: hasError,
-    isValidating: isValidating,
-    size: "".concat((pinInputProps === null || pinInputProps === void 0 ? void 0 : pinInputProps.size) || 'small'),
-    variant: "outlined",
-    onPinChanged: onPinChanged
-  }), /*#__PURE__*/_react["default"].createElement("button", {
-    onClick: function onClick() {
-      handleValidation();
-    }
-  }, "Validate"));
-};
-var _default = exports["default"] = Mock;

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

@@ -1,32 +0,0 @@
-"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 _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-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 && {}.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'),
-    _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",
-    name: "options",
-    "data-testid": "radio-group-container",
-    options: radioGroupProps === null || radioGroupProps === void 0 ? void 0 : radioGroupProps.options,
-    onChange: function onChange(event) {
-      return setOption(event.target.value);
-    }
-  });
-};
-var _default = exports["default"] = Default;

package/test/mocks/select-mock.js

@@ -1,41 +0,0 @@
-"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 _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = _interopRequireWildcard(require("react"));
-var _MenuItem = _interopRequireDefault(require("@mui/material/MenuItem"));
-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 && {}.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 || ''),
-    _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["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["default"].createElement(_MenuItem["default"], {
-    value: "0"
-  }, "Option 0"), /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
-    value: "1"
-  }, "Option 1"), /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
-    value: "2"
-  }, "Option 2"));
-};
-var _default = exports["default"] = Default;

package/test/mocks/snackbar-mock.js

@@ -1,68 +0,0 @@
-"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 _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _Close2 = _interopRequireDefault(require("@mui/icons-material/Close"));
-var _react = _interopRequireWildcard(require("react"));
-var _snackbar = _interopRequireDefault(require("../../core/feedback/snackbar"));
-var _button = _interopRequireDefault(require("../../core/inputs/button"));
-var _iconButton = _interopRequireDefault(require("../../core/inputs/icon-button"));
-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 && {}.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"], {
-    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(_Close2["default"], 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],
-    setBtnState = _useState2[1];
-  var _useState3 = (0, _react.useState)(false),
-    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
-    open = _useState4[0],
-    setOpen = _useState4[1];
-  function handleClick() {
-    setOpen(!open);
-    setBtnState(true);
-  }
-  function handleClose() {
-    setOpen(!open);
-    setBtnState(false);
-  }
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_button["default"], {
-    disabled: btnState,
-    "data-testid": "snackbar-button",
-    style: {
-      marginRight: '3em'
-    },
-    variant: "contained",
-    color: "primary",
-    onClick: handleClick
-  }, "Open"), /*#__PURE__*/_react["default"].createElement(_snackbar["default"], {
-    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, {
-      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
-  }));
-};
-var _default = exports["default"] = Default;

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

@@ -1,39 +0,0 @@
-"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 _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 = _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 && {}.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,
-    blockInitialLoading = _ref.blockInitialLoading;
-  var percentage = stepProps.percentage,
-    summary = stepProps.summary,
-    title = stepProps.title,
-    rest = (0, _objectWithoutProperties2["default"])(stepProps, _excluded);
-  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["default"].createElement(_stepCard["default"], (0, _extends2["default"])({
-    percentage: percentage || 0,
-    summary: summary || '',
-    title: title || '',
-    loading: blockInitialLoading ? undefined : loading
-  }, rest));
-};
-var _default = exports["default"] = Default;

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

@@ -1,63 +0,0 @@
-"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 _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = _interopRequireWildcard(require("react"));
-var _MenuItem = _interopRequireDefault(require("@mui/material/MenuItem"));
-var _textField = _interopRequireDefault(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 && {}.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: ''
-}, {
-  label: 'Elm',
-  value: 'elm'
-}, {
-  label: 'ReasonML',
-  value: 'reasonml'
-}, {
-  label: 'Purescript',
-  value: 'purescript'
-}, {
-  label: 'Fable',
-  value: 'fable'
-}];
-var Default = function Default(_ref) {
-  var _inputProps$inputProp;
-  var inputProps = _ref.inputProps,
-    initialOption = _ref.initialOption,
-    characters = _ref.characters;
-  var _useState = (0, _react.useState)(initialOption ? initialOption : ''),
-    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-    value = _useState2[0],
-    setValue = _useState2[1];
-  var handleChange = function handleChange(event) {
-    setValue(event.target.value);
-  };
-  var handleClear = function handleClear() {
-    setValue('');
-  };
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_textField["default"], (0, _extends2["default"])({
-    value: value,
-    characters: characters,
-    onChange: handleChange,
-    onClear: handleClear
-  }, inputProps), inputProps !== null && inputProps !== void 0 && inputProps.select ? LIST.map(function (_ref2) {
-    var label = _ref2.label,
-      value = _ref2.value;
-    return /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
-      key: value,
-      value: value
-    }, label);
-  }) : undefined), characters && /*#__PURE__*/_react["default"].createElement("span", {
-    "data-testid": "characters-counter"
-  }, value.toString().length, "/", inputProps === null || inputProps === void 0 || (_inputProps$inputProp = inputProps.inputProps) === null || _inputProps$inputProp === void 0 ? void 0 : _inputProps$inputProp.maxLength));
-};
-var _default = exports["default"] = Default;

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

@@ -1,37 +0,0 @@
-"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 _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = _interopRequireWildcard(require("react"));
-var _textField = _interopRequireDefault(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 && {}.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,
-    options = _ref.options;
-  var _useState = (0, _react.useState)(initialOption ? initialOption : ''),
-    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-    value = _useState2[0],
-    setValue = _useState2[1];
-  var handleChange = function handleChange(event) {
-    setValue(event.target.value);
-  };
-  var handleClear = function handleClear() {
-    setValue('');
-  };
-  return /*#__PURE__*/_react["default"].createElement(_textField["default"], (0, _extends2["default"])({
-    value: value,
-    onChange: handleChange,
-    onClear: handleClear
-  }, inputProps, {
-    options: options
-  }));
-};
-var _default = exports["default"] = Default;

package/test/util.js

@@ -1,113 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = drag;
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
-var _dom = require("@testing-library/dom");
-function isElement(obj) {
-  if ((0, _typeof2["default"])(obj) !== 'object') {
-    return false;
-  }
-  var prototypeStr, prototype;
-  do {
-    prototype = Object.getPrototypeOf(obj);
-    // to work in iframe
-    prototypeStr = Object.prototype.toString.call(prototype);
-    // '[object Document]' is used to detect document
-    if (prototypeStr === '[object Element]' || prototypeStr === '[object Document]') {
-      return true;
-    }
-    obj = prototype;
-    // null is the terminal of object
-  } while (prototype !== null);
-  return false;
-}
-function getElementClientCenter(element) {
-  var _element$getBoundingC = element.getBoundingClientRect(),
-    left = _element$getBoundingC.left,
-    top = _element$getBoundingC.top,
-    width = _element$getBoundingC.width,
-    height = _element$getBoundingC.height;
-  return {
-    x: left + width / 2,
-    y: top + height / 2
-  };
-}
-var getCoords = function getCoords(charlie) {
-  return isElement(charlie) ? getElementClientCenter(charlie) : charlie;
-};
-var sleep = function sleep(ms) {
-  return new Promise(function (resolve) {
-    setTimeout(resolve, ms);
-  });
-};
-function drag(_x) {
-  return _drag.apply(this, arguments);
-}
-function _drag() {
-  _drag = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee(element) {
-    var _ref,
-      inTo,
-      delta,
-      _ref$steps,
-      steps,
-      _ref$duration,
-      duration,
-      from,
-      to,
-      step,
-      current,
-      i,
-      _args = arguments;
-    return _regenerator["default"].wrap(function _callee$(_context) {
-      while (1) switch (_context.prev = _context.next) {
-        case 0:
-          _ref = _args.length > 1 && _args[1] !== undefined ? _args[1] : {}, inTo = _ref.to, delta = _ref.delta, _ref$steps = _ref.steps, steps = _ref$steps === void 0 ? 20 : _ref$steps, _ref$duration = _ref.duration, duration = _ref$duration === void 0 ? 500 : _ref$duration;
-          from = getElementClientCenter(element);
-          to = delta ? {
-            x: from.x + delta.x,
-            y: from.y + delta.y
-          } : getCoords(inTo);
-          step = {
-            x: ((to === null || to === void 0 ? void 0 : to.x) || 0 - from.x) / steps,
-            y: ((to === null || to === void 0 ? void 0 : to.y) || 0 - from.y) / steps
-          };
-          current = {
-            clientX: from.x,
-            clientY: from.y
-          };
-          _dom.fireEvent.mouseEnter(element, current);
-          _dom.fireEvent.mouseOver(element, current);
-          _dom.fireEvent.mouseMove(element, current);
-          _dom.fireEvent.mouseDown(element, current);
-          i = 0;
-        case 10:
-          if (!(i < steps)) {
-            _context.next = 19;
-            break;
-          }
-          current.clientX += step.x;
-          current.clientY += step.y;
-          _context.next = 15;
-          return sleep(duration / steps);
-        case 15:
-          _dom.fireEvent.mouseMove(element, current);
-        case 16:
-          i++;
-          _context.next = 10;
-          break;
-        case 19:
-          _dom.fireEvent.mouseUp(element, current);
-        case 20:
-        case "end":
-          return _context.stop();
-      }
-    }, _callee);
-  }));
-  return _drag.apply(this, arguments);
-}