flipper-ui 0.31.6 → 0.32.0

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

@@ -6,9 +6,16 @@ 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");
@@ -16,11 +23,40 @@ 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 */
+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(_typography["default"], 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)({}),
@@ -97,7 +133,6 @@ var Default = function Default() {
     }].filter(function (_ref) {
       var field = _ref.field,
         isErrorIf = _ref.isErrorIf;
-      // @ts-ignore
       var value = nextItem[field];
       if (isNullable(value)) {
         if (isPartial) {
@@ -209,13 +244,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 +260,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,45 +275,17 @@ 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 = {
     confirmDelete: function confirmDelete(_ref6) {
       var data = _ref6.data;
-      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(_typography["default"], null, "Confirm Delete \"", data.name, "\"?"), /*#__PURE__*/_react["default"].createElement("div", {
-        style: {
-          display: 'flex'
-        }
-      }, /*#__PURE__*/_react["default"].createElement(_dataTable.DataTableAction, {
-        label: "CheckIcon",
-        onClick: function onClick() {
-          var _controllerRef$curren8;
-          (_controllerRef$curren8 = controllerRef.current) === null || _controllerRef$curren8 === void 0 || _controllerRef$curren8.popRowView(data.id);
-          setData(function (dataList) {
-            return dataList.filter(function (item) {
-              return item.id !== data.id;
-            });
-          });
-        }
-      }, /*#__PURE__*/_react["default"].createElement(_icons.Check, 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)))));
+      // @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["default"], {

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

@@ -6,21 +6,55 @@ 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 _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 */
+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(_typography["default"], 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();
@@ -140,7 +174,6 @@ var Default = function Default() {
     }].filter(function (_ref) {
       var field = _ref.field,
         isErrorIf = _ref.isErrorIf;
-      // @ts-ignore
       var value = nextItem[field];
       if (isNullable(value)) {
         if (isPartial) {
@@ -149,7 +182,7 @@ var Default = function Default() {
         return true;
       }
       return isErrorIf.some(function (cond) {
-        return cond;
+        return cond(value);
       });
     }).map(function (_ref2) {
       var field = _ref2.field;
@@ -218,7 +251,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 +276,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,45 +288,17 @@ 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 = {
     confirmDelete: function confirmDelete(_ref4) {
       var data = _ref4.data;
-      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(_typography["default"], null, "Confirm Delete \"", data.product, "\"?"), /*#__PURE__*/_react["default"].createElement("div", {
-        style: {
-          display: 'flex'
-        }
-      }, /*#__PURE__*/_react["default"].createElement(_dataTable.DataTableAction, {
-        label: "CheckIcon",
-        onClick: function onClick() {
-          var _controllerRef$curren7;
-          (_controllerRef$curren7 = controllerRef.current) === null || _controllerRef$curren7 === void 0 || _controllerRef$curren7.popRowView(data.id);
-          setData(function (dataList) {
-            return dataList.filter(function (item) {
-              return item.id !== data.id;
-            });
-          });
-        }
-      }, /*#__PURE__*/_react["default"].createElement(_icons.Check, 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)))));
+      // @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["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");
+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 && 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,15 +22,15 @@ 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 : '');
     }
   };
-  return /*#__PURE__*/_react["default"].createElement(_dateTime.DateTime, (0, _extends2["default"])({
+  return /*#__PURE__*/_react["default"].createElement(_dateTime["default"], (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");
+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 && 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;
@@ -44,7 +44,7 @@ var Mock = function Mock(_ref) {
     }
     setIsValidating(false);
   };
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_pinInput.PinInput, {
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_pinInput["default"], {
     pin: pin,
     setPin: setPin,
     pinLength: PIN_LENGTH,
@@ -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,23 @@ 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");
+var _snackbar = _interopRequireDefault(require("../../core/feedback/snackbar"));
+var _button = _interopRequireDefault(require("../../core/inputs/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 && 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,
@@ -43,7 +44,7 @@ var Default = function Default(_ref2) {
     setOpen(!open);
     setBtnState(false);
   }
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_.Button, {
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_button["default"], {
     disabled: btnState,
     "data-testid": "snackbar-button",
     style: {
@@ -52,7 +53,7 @@ var Default = function Default(_ref2) {
     variant: "contained",
     color: "primary",
     onClick: handleClick
-  }, "Open"), /*#__PURE__*/_react["default"].createElement(_.Snackbar, {
+  }, "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, {

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

@@ -10,9 +10,9 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _listItem = _interopRequireDefault(require("../../core/data-display/list-item"));
-var _textField = require("../../core/inputs/text-field");
+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 && 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: ''
@@ -44,7 +44,7 @@ var Default = function Default(_ref) {
   var handleClear = function handleClear() {
     setValue('');
   };
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_textField.TextField, (0, _extends2["default"])({
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_textField["default"], (0, _extends2["default"])({
     value: value,
     characters: characters,
     onChange: handleChange,

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

@@ -9,9 +9,9 @@ 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 = require("../../core/inputs/text-field");
+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 && 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,
@@ -26,7 +26,7 @@ var Default = function Default(_ref) {
   var handleClear = function handleClear() {
     setValue('');
   };
-  return /*#__PURE__*/_react["default"].createElement(_textField.TextField, (0, _extends2["default"])({
+  return /*#__PURE__*/_react["default"].createElement(_textField["default"], (0, _extends2["default"])({
     value: value,
     onChange: handleChange,
     onClear: handleClear

package/test/util.js

@@ -9,8 +9,6 @@ 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");
-/* eslint-disable @typescript-eslint/no-explicit-any */
-
 function isElement(obj) {
   if ((0, _typeof2["default"])(obj) !== 'object') {
     return false;

package/theme/index.d.ts

@@ -1,2 +1,3 @@
 export * from './theme';
 export * from './presets';
+export { default as ThemeProviderFlipper } from './ThemeProvider';

package/theme/index.js

@@ -1,11 +1,22 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+var _exportNames = {
+  ThemeProviderFlipper: true
+};
+Object.defineProperty(exports, "ThemeProviderFlipper", {
+  enumerable: true,
+  get: function get() {
+    return _ThemeProvider["default"];
+  }
+});
 var _theme = require("./theme");
 Object.keys(_theme).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _theme[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -17,6 +28,7 @@ Object.keys(_theme).forEach(function (key) {
 var _presets = require("./presets");
 Object.keys(_presets).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _presets[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -24,4 +36,5 @@ Object.keys(_presets).forEach(function (key) {
       return _presets[key];
     }
   });
-});
+});
+var _ThemeProvider = _interopRequireDefault(require("./ThemeProvider"));

package/core/context/styles-provider/index.d.ts

@@ -1,2 +0,0 @@
-import { StylesProvider } from '@material-ui/core/styles';
-export default StylesProvider;

package/core/context/styles-provider/index.js

@@ -1,8 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _styles = require("@material-ui/core/styles");
-var _default = exports["default"] = _styles.StylesProvider;

package/core/data-display/editable-table/editable-table.spec.d.ts

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

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

@@ -1,4 +0,0 @@
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react").ReactRenderer, import(".").EditableTableProps<object>>;
-export default _default;
-export declare const Default: any;
-export declare const WithAutocomplete: any;