@vendorflow/components 2.0.57 → 2.0.58

package/lib/components/index.d.ts

@@ -3,6 +3,7 @@ export { default as Button } from './material-ui/Button';
 export { default as ButtonMenu } from './material-ui/ButtonMenu';
 export { default as ColorPicker } from './material-ui/ColorPicker';
 export { default as DataTable } from './material-ui/DataTable';
+export { default as ErrorBoundary } from './material-ui/ErrorBoundary';
 export { default as InputDate } from './material-ui/InputDate';
 export { default as InputDateTime } from './material-ui/InputDateTime';
 export { default as InputGroup } from './material-ui/InputGroup';

package/lib/components/index.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Modal = exports.InputTime = exports.InputSearchDropdown = exports.InputRadioGroup = exports.InputCheckboxGroup = exports.InputGroup = exports.InputDateTime = exports.InputDate = exports.DataTable = exports.ColorPicker = exports.ButtonMenu = exports.Button = exports.AudioPlayer = void 0;
+exports.Modal = exports.InputTime = exports.InputSearchDropdown = exports.InputRadioGroup = exports.InputCheckboxGroup = exports.InputGroup = exports.InputDateTime = exports.InputDate = exports.ErrorBoundary = exports.DataTable = exports.ColorPicker = exports.ButtonMenu = exports.Button = exports.AudioPlayer = void 0;
 var AudioPlayer_1 = require("./material-ui/AudioPlayer");
 Object.defineProperty(exports, "AudioPlayer", { enumerable: true, get: function () { return __importDefault(AudioPlayer_1).default; } });
 var Button_1 = require("./material-ui/Button");
@@ -14,6 +14,8 @@ var ColorPicker_1 = require("./material-ui/ColorPicker");
 Object.defineProperty(exports, "ColorPicker", { enumerable: true, get: function () { return __importDefault(ColorPicker_1).default; } });
 var DataTable_1 = require("./material-ui/DataTable");
 Object.defineProperty(exports, "DataTable", { enumerable: true, get: function () { return __importDefault(DataTable_1).default; } });
+var ErrorBoundary_1 = require("./material-ui/ErrorBoundary");
+Object.defineProperty(exports, "ErrorBoundary", { enumerable: true, get: function () { return __importDefault(ErrorBoundary_1).default; } });
 var InputDate_1 = require("./material-ui/InputDate");
 Object.defineProperty(exports, "InputDate", { enumerable: true, get: function () { return __importDefault(InputDate_1).default; } });
 var InputDateTime_1 = require("./material-ui/InputDateTime");

package/lib/components/material-ui/ErrorBoundary/ErrorBoundary.d.ts

@@ -0,0 +1,7 @@
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
+import { ReactNode } from 'react';
+export default function ErrorBoundary({ children, onReset, }: {
+    children: ReactNode;
+    onReset: (...args: Array<unknown>) => void | Promise<void>;
+}): jsx.JSX.Element;

package/lib/components/material-ui/ErrorBoundary/ErrorBoundary.js

@@ -0,0 +1,20 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+/** @jsx jsx */
+var react_1 = require("@emotion/react");
+var material_1 = require("@mui/material");
+var react_error_boundary_1 = require("react-error-boundary");
+function ErrorFallback(_a) {
+    var resetErrorBoundary = _a.resetErrorBoundary;
+    return ((0, react_1.jsx)(material_1.Alert, { css: (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n        width: 100%;\n      "], ["\n        width: 100%;\n      "]))), severity: "error", action: (0, react_1.jsx)(material_1.Button, { color: "inherit", size: "small", onClick: resetErrorBoundary }, "Reload") }, "Something went wrong when trying to load this view's data. Please try to reload the data again."));
+}
+function ErrorBoundary(_a) {
+    var children = _a.children, onReset = _a.onReset;
+    return ((0, react_1.jsx)(react_error_boundary_1.ErrorBoundary, { FallbackComponent: ErrorFallback, onReset: onReset }, children));
+}
+exports.default = ErrorBoundary;
+var templateObject_1;

package/lib/components/material-ui/ErrorBoundary/index.d.ts

@@ -0,0 +1 @@
+export { default } from './ErrorBoundary';

package/lib/components/material-ui/ErrorBoundary/index.js

@@ -0,0 +1,8 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+var ErrorBoundary_1 = require("./ErrorBoundary");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(ErrorBoundary_1).default; } });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vendorflow/components",
-  "version": "2.0.57",
+  "version": "2.0.58",
   "description": "React components for vendorflow",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",
@@ -112,6 +112,7 @@
     "react-color-palette": "^6.1.0",
     "react-dev-utils": "^10.2.1",
     "react-dom": "^17.0.2",
+    "react-error-boundary": "^3.1.4",
     "react-h5-audio-player": "^3.8.1",
     "react-measure": "^2.5.2",
     "react-scripts": "^4.0.3",