@dartcom/ui-kit 3.8.3 → 3.8.5

package/dist/components/error-boundary/error-boundary.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+import { CustomErrorBoundaryProps } from './types';
+declare const CustomErrorBoundary: React.FC<React.PropsWithChildren<CustomErrorBoundaryProps>>;
+export default CustomErrorBoundary;
+//# sourceMappingURL=error-boundary.d.ts.map

package/dist/components/error-boundary/error-boundary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"error-boundary.d.ts","sourceRoot":"","sources":["../../../src/components/error-boundary/error-boundary.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAC;AAmBnD,QAAA,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CACjC,KAAK,CAAC,iBAAiB,CAAC,wBAAwB,CAAC,CAOlD,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/dist/components/error-boundary/index.d.ts

@@ -0,0 +1,2 @@
+export { default as ErrorBoundary } from './error-boundary';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/error-boundary/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/error-boundary/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/components/error-boundary/types.d.ts

@@ -0,0 +1,3 @@
+import { ErrorBoundary } from 'react-error-boundary';
+export type CustomErrorBoundaryProps = Pick<React.ComponentProps<typeof ErrorBoundary>, 'FallbackComponent'> & {};
+//# sourceMappingURL=types.d.ts.map

package/dist/components/error-boundary/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/error-boundary/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAErD,MAAM,MAAM,wBAAwB,GAAG,IAAI,CACzC,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,EAC1C,mBAAmB,CACpB,GAAG,EAAE,CAAC"}

package/dist/components/index.d.ts

@@ -9,4 +9,5 @@ export * from './drag-list';
 export * from './layers';
 export * from './card';
 export * from './loader';
+export * from './error-boundary';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,kBAAkB,CAAC"}

package/dist/index.cjs

@@ -47002,7 +47002,7 @@ const AuthProvider = ({ onUnauthorized, children, }) => {
     }, [authStore.isUnauthorized]);
     return jsxRuntime.jsx(React__namespace.Fragment, { children: children });
 };
-var auth$1 = observer(AuthProvider);
+var auth = observer(AuthProvider);
 
 class RootStore {
     authStore = new AuthStore();
@@ -49407,6 +49407,116 @@ const Loader = ({ color = 'inherit' }) => {
     return jsxRuntime.jsx(CircularProgress, { color: color });
 };
 
+const ErrorBoundaryContext = React.createContext(null);
+
+const initialState = {
+  didCatch: false,
+  error: null
+};
+class ErrorBoundary extends React.Component {
+  constructor(props) {
+    super(props);
+    this.resetErrorBoundary = this.resetErrorBoundary.bind(this);
+    this.state = initialState;
+  }
+  static getDerivedStateFromError(error) {
+    return {
+      didCatch: true,
+      error
+    };
+  }
+  resetErrorBoundary() {
+    const {
+      error
+    } = this.state;
+    if (error !== null) {
+      var _this$props$onReset, _this$props;
+      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+        args[_key] = arguments[_key];
+      }
+      (_this$props$onReset = (_this$props = this.props).onReset) === null || _this$props$onReset === void 0 ? void 0 : _this$props$onReset.call(_this$props, {
+        args,
+        reason: "imperative-api"
+      });
+      this.setState(initialState);
+    }
+  }
+  componentDidCatch(error, info) {
+    var _this$props$onError, _this$props2;
+    (_this$props$onError = (_this$props2 = this.props).onError) === null || _this$props$onError === void 0 ? void 0 : _this$props$onError.call(_this$props2, error, info);
+  }
+  componentDidUpdate(prevProps, prevState) {
+    const {
+      didCatch
+    } = this.state;
+    const {
+      resetKeys
+    } = this.props;
+
+    // There's an edge case where if the thing that triggered the error happens to *also* be in the resetKeys array,
+    // we'd end up resetting the error boundary immediately.
+    // This would likely trigger a second error to be thrown.
+    // So we make sure that we don't check the resetKeys on the first call of cDU after the error is set.
+
+    if (didCatch && prevState.error !== null && hasArrayChanged(prevProps.resetKeys, resetKeys)) {
+      var _this$props$onReset2, _this$props3;
+      (_this$props$onReset2 = (_this$props3 = this.props).onReset) === null || _this$props$onReset2 === void 0 ? void 0 : _this$props$onReset2.call(_this$props3, {
+        next: resetKeys,
+        prev: prevProps.resetKeys,
+        reason: "keys"
+      });
+      this.setState(initialState);
+    }
+  }
+  render() {
+    const {
+      children,
+      fallbackRender,
+      FallbackComponent,
+      fallback
+    } = this.props;
+    const {
+      didCatch,
+      error
+    } = this.state;
+    let childToRender = children;
+    if (didCatch) {
+      const props = {
+        error,
+        resetErrorBoundary: this.resetErrorBoundary
+      };
+      if (typeof fallbackRender === "function") {
+        childToRender = fallbackRender(props);
+      } else if (FallbackComponent) {
+        childToRender = React.createElement(FallbackComponent, props);
+      } else if (fallback !== undefined) {
+        childToRender = fallback;
+      } else {
+        throw error;
+      }
+    }
+    return React.createElement(ErrorBoundaryContext.Provider, {
+      value: {
+        didCatch,
+        error,
+        resetErrorBoundary: this.resetErrorBoundary
+      }
+    }, childToRender);
+  }
+}
+function hasArrayChanged() {
+  let a = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  let b = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+  return a.length !== b.length || a.some((item, index) => !Object.is(item, b[index]));
+}
+
+const ErrorFallback = ({ error, resetErrorBoundary, }) => {
+    return (jsxRuntime.jsxs(Box, { role: "alert", sx: { padding: '20px', background: '#fee' }, children: [jsxRuntime.jsx(Typography, { variant: "h2", children: "\u041E\u0448\u0438\u0431\u043A\u0430 \u043F\u0440\u0438\u043B\u043E\u0436\u0435\u043D\u0438\u044F" }), jsxRuntime.jsx(Typography, { variant: "body1", color: "error", children: error.message }), jsxRuntime.jsx(Button$1, { onClick: resetErrorBoundary, children: "\u041F\u043E\u043F\u0440\u043E\u0431\u043E\u0432\u0430\u0442\u044C \u0441\u043D\u043E\u0432\u0430" })] }));
+};
+const CustomErrorBoundary = ({ children, FallbackComponent = ErrorFallback }) => {
+    return (jsxRuntime.jsx(ErrorBoundary, { FallbackComponent: FallbackComponent, children: children }));
+};
+
 // src/subscribable.ts
 var Subscribable = class {
   constructor() {
@@ -63930,7 +64040,6 @@ const AuthPage = ({ onSuccessSignIn }) => {
                 alignItems: 'center',
             }, children: [jsxRuntime.jsx(Typography, { variant: "h4", children: "Authorization" }), jsxRuntime.jsx(CustomInput, { ...register('username'), label: "Login", placeholder: "Enter your login" }), jsxRuntime.jsx(CustomInput, { ...register('password'), label: "Password", placeholder: "Enter your password", type: "password" }), jsxRuntime.jsx(Button$1, { type: "submit", variant: "contained", disabled: !isValid, children: "Sign in" })] }) }));
 };
-var auth = observer(AuthPage);
 
 // define() gets called for each chunk generated by the first Rollup pass.
             // The order the chunks are called in is controlled by the imports in bundle.js:
@@ -63987,17 +64096,18 @@ var tangram_min = /*#__PURE__*/Object.freeze({
 });
 
 exports.ApiService = ApiService;
-exports.AuthPage = auth;
+exports.AuthPage = AuthPage;
 exports.AuthStore = AuthStore;
 exports.Button = Button$1;
 exports.Card = CustomCard;
 exports.Checkbox = CustomCheckbox;
-exports.DartcomAuthProvider = auth$1;
+exports.DartcomAuthProvider = auth;
 exports.DartcomMobxProvider = DartcomMobxProvider;
 exports.DartcomProviders = DartcomProviders;
 exports.DeleteButton = DeleteButton;
 exports.DragList = DragList;
 exports.EditButton = EditButton;
+exports.ErrorBoundary = CustomErrorBoundary;
 exports.Form = CustomForm;
 exports.GlobalConfig = GlobalConfig;
 exports.Input = CustomInput;