@comet/admin 9.0.0-beta.3 → 9.0.0-beta.4

package/lib/common/buttons/__stories__/Button.stories.js

@@ -0,0 +1,445 @@
+import { Add, ArrowRight, Favorite, Wrench } from "@comet/admin-icons";
+import { Box, Chip, Stack } from "@mui/material";
+import { Button } from "../Button";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+var config = {
+  component: Button,
+  title: "components/common/buttons/Button"
+};
+export default config;
+export var Default = {
+  parameters: {
+    layout: "fullscreen"
+  },
+  args: {
+    variant: "primary",
+    responsive: false,
+    disabled: false,
+    startIcon: true,
+    endIcon: false
+  },
+  argTypes: {
+    variant: {
+      name: "Variant",
+      control: "select",
+      options: ["primary", "secondary", "outlined", "destructive", "success", "textLight", "textDark"]
+    },
+    responsive: {
+      name: "Responsive",
+      control: "boolean"
+    },
+    disabled: {
+      name: "Disabled",
+      control: "boolean"
+    },
+    startIcon: {
+      name: "Start Icon",
+      control: "boolean"
+    },
+    endIcon: {
+      name: "End Icon",
+      control: "boolean"
+    }
+  },
+  render: function render(_ref) {
+    var startIcon = _ref.startIcon,
+      endIcon = _ref.endIcon,
+      disabled = _ref.disabled,
+      variant = _ref.variant,
+      responsive = _ref.responsive;
+    var showDarkBackground = variant === "textLight";
+    return /*#__PURE__*/_jsx(Box, {
+      py: 10,
+      px: 8,
+      bgcolor: showDarkBackground ? "#333" : "transparent",
+      children: /*#__PURE__*/_jsx(Button, {
+        onClick: function onClick() {
+          alert("Button clicked");
+        },
+        startIcon: startIcon ? /*#__PURE__*/_jsx(Wrench, {}) : undefined,
+        endIcon: endIcon ? /*#__PURE__*/_jsx(Favorite, {}) : undefined,
+        disabled: disabled,
+        variant: variant,
+        responsive: responsive,
+        children: "This is a button"
+      })
+    });
+  }
+};
+export var AllVariants = {
+  render: function render() {
+    return /*#__PURE__*/_jsxs(Stack, {
+      spacing: 10,
+      children: [/*#__PURE__*/_jsxs(Stack, {
+        direction: "row",
+        alignItems: "center",
+        spacing: 8,
+        children: [/*#__PURE__*/_jsx(Button, {
+          children: "Button"
+        }), /*#__PURE__*/_jsx(Button, {
+          startIcon: /*#__PURE__*/_jsx(ArrowRight, {}),
+          children: "Button"
+        }), /*#__PURE__*/_jsx(Button, {
+          endIcon: /*#__PURE__*/_jsx(ArrowRight, {}),
+          children: "Button"
+        }), /*#__PURE__*/_jsx(Button, {
+          endIcon: /*#__PURE__*/_jsx(Chip, {
+            label: "5"
+          }),
+          children: "Button"
+        }), /*#__PURE__*/_jsx(Button, {
+          startIcon: /*#__PURE__*/_jsx(ArrowRight, {}),
+          endIcon: /*#__PURE__*/_jsx(Chip, {
+            label: "5"
+          }),
+          children: "Button"
+        }), /*#__PURE__*/_jsx(Button, {
+          endIcon: /*#__PURE__*/_jsxs(_Fragment, {
+            children: [/*#__PURE__*/_jsx(ArrowRight, {}), /*#__PURE__*/_jsx(Chip, {
+              label: "5"
+            })]
+          }),
+          children: "Button"
+        }), /*#__PURE__*/_jsx(Button, {
+          children: /*#__PURE__*/_jsx(ArrowRight, {})
+        }), /*#__PURE__*/_jsx(Button, {
+          endIcon: /*#__PURE__*/_jsx(ArrowRight, {}),
+          disabled: true,
+          children: "Button"
+        })]
+      }), /*#__PURE__*/_jsxs(Stack, {
+        direction: "row",
+        alignItems: "center",
+        spacing: 8,
+        children: [/*#__PURE__*/_jsx(Button, {
+          variant: "secondary",
+          children: "Button"
+        }), /*#__PURE__*/_jsx(Button, {
+          variant: "secondary",
+          startIcon: /*#__PURE__*/_jsx(ArrowRight, {}),
+          children: "Button"
+        }), /*#__PURE__*/_jsx(Button, {
+          variant: "secondary",
+          endIcon: /*#__PURE__*/_jsx(ArrowRight, {}),
+          children: "Button"
+        }), /*#__PURE__*/_jsx(Button, {
+          variant: "secondary",
+          endIcon: /*#__PURE__*/_jsx(Chip, {
+            label: "5"
+          }),
+          children: "Button"
+        }), /*#__PURE__*/_jsx(Button, {
+          variant: "secondary",
+          startIcon: /*#__PURE__*/_jsx(ArrowRight, {}),
+          endIcon: /*#__PURE__*/_jsx(Chip, {
+            label: "5"
+          }),
+          children: "Button"
+        }), /*#__PURE__*/_jsx(Button, {
+          variant: "secondary",
+          endIcon: /*#__PURE__*/_jsxs(_Fragment, {
+            children: [/*#__PURE__*/_jsx(ArrowRight, {}), /*#__PURE__*/_jsx(Chip, {
+              label: "5"
+            })]
+          }),
+          children: "Button"
+        }), /*#__PURE__*/_jsx(Button, {
+          variant: "secondary",
+          children: /*#__PURE__*/_jsx(ArrowRight, {})
+        }), /*#__PURE__*/_jsx(Button, {
+          variant: "secondary",
+          endIcon: /*#__PURE__*/_jsx(ArrowRight, {}),
+          disabled: true,
+          children: "Button"
+        })]
+      }), /*#__PURE__*/_jsxs(Stack, {
+        direction: "row",
+        alignItems: "center",
+        spacing: 8,
+        children: [/*#__PURE__*/_jsx(Button, {
+          variant: "outlined",
+          children: "Button"
+        }), /*#__PURE__*/_jsx(Button, {
+          variant: "outlined",
+          startIcon: /*#__PURE__*/_jsx(ArrowRight, {}),
+          children: "Button"
+        }), /*#__PURE__*/_jsx(Button, {
+          variant: "outlined",
+          endIcon: /*#__PURE__*/_jsx(ArrowRight, {}),
+          children: "Button"
+        }), /*#__PURE__*/_jsx(Button, {
+          variant: "outlined",
+          endIcon: /*#__PURE__*/_jsx(Chip, {
+            label: "5"
+          }),
+          children: "Button"
+        }), /*#__PURE__*/_jsx(Button, {
+          variant: "outlined",
+          startIcon: /*#__PURE__*/_jsx(ArrowRight, {}),
+          endIcon: /*#__PURE__*/_jsx(Chip, {
+            label: "5"
+          }),
+          children: "Button"
+        }), /*#__PURE__*/_jsx(Button, {
+          variant: "outlined",
+          endIcon: /*#__PURE__*/_jsxs(_Fragment, {
+            children: [/*#__PURE__*/_jsx(ArrowRight, {}), /*#__PURE__*/_jsx(Chip, {
+              label: "5"
+            })]
+          }),
+          children: "Button"
+        }), /*#__PURE__*/_jsx(Button, {
+          variant: "outlined",
+          children: /*#__PURE__*/_jsx(ArrowRight, {})
+        }), /*#__PURE__*/_jsx(Button, {
+          variant: "outlined",
+          endIcon: /*#__PURE__*/_jsx(ArrowRight, {}),
+          disabled: true,
+          children: "Button"
+        })]
+      }), /*#__PURE__*/_jsxs(Stack, {
+        direction: "row",
+        alignItems: "center",
+        spacing: 8,
+        children: [/*#__PURE__*/_jsx(Button, {
+          variant: "destructive",
+          children: "Button"
+        }), /*#__PURE__*/_jsx(Button, {
+          variant: "destructive",
+          startIcon: /*#__PURE__*/_jsx(ArrowRight, {}),
+          children: "Button"
+        }), /*#__PURE__*/_jsx(Button, {
+          variant: "destructive",
+          endIcon: /*#__PURE__*/_jsx(ArrowRight, {}),
+          children: "Button"
+        }), /*#__PURE__*/_jsx(Button, {
+          variant: "destructive",
+          endIcon: /*#__PURE__*/_jsx(Chip, {
+            label: "5"
+          }),
+          children: "Button"
+        }), /*#__PURE__*/_jsx(Button, {
+          variant: "destructive",
+          startIcon: /*#__PURE__*/_jsx(ArrowRight, {}),
+          endIcon: /*#__PURE__*/_jsx(Chip, {
+            label: "5"
+          }),
+          children: "Button"
+        }), /*#__PURE__*/_jsx(Button, {
+          variant: "destructive",
+          endIcon: /*#__PURE__*/_jsxs(_Fragment, {
+            children: [/*#__PURE__*/_jsx(ArrowRight, {}), /*#__PURE__*/_jsx(Chip, {
+              label: "5"
+            })]
+          }),
+          children: "Button"
+        }), /*#__PURE__*/_jsx(Button, {
+          variant: "destructive",
+          children: /*#__PURE__*/_jsx(ArrowRight, {})
+        }), /*#__PURE__*/_jsx(Button, {
+          variant: "destructive",
+          endIcon: /*#__PURE__*/_jsx(ArrowRight, {}),
+          disabled: true,
+          children: "Button"
+        })]
+      }), /*#__PURE__*/_jsxs(Stack, {
+        direction: "row",
+        alignItems: "center",
+        spacing: 8,
+        children: [/*#__PURE__*/_jsx(Button, {
+          variant: "success",
+          children: "Button"
+        }), /*#__PURE__*/_jsx(Button, {
+          variant: "success",
+          startIcon: /*#__PURE__*/_jsx(ArrowRight, {}),
+          children: "Button"
+        }), /*#__PURE__*/_jsx(Button, {
+          variant: "success",
+          endIcon: /*#__PURE__*/_jsx(ArrowRight, {}),
+          children: "Button"
+        }), /*#__PURE__*/_jsx(Button, {
+          variant: "success",
+          endIcon: /*#__PURE__*/_jsx(Chip, {
+            label: "5"
+          }),
+          children: "Button"
+        }), /*#__PURE__*/_jsx(Button, {
+          variant: "success",
+          startIcon: /*#__PURE__*/_jsx(ArrowRight, {}),
+          endIcon: /*#__PURE__*/_jsx(Chip, {
+            label: "5"
+          }),
+          children: "Button"
+        }), /*#__PURE__*/_jsx(Button, {
+          variant: "success",
+          endIcon: /*#__PURE__*/_jsxs(_Fragment, {
+            children: [/*#__PURE__*/_jsx(ArrowRight, {}), /*#__PURE__*/_jsx(Chip, {
+              label: "5"
+            })]
+          }),
+          children: "Button"
+        }), /*#__PURE__*/_jsx(Button, {
+          variant: "success",
+          children: /*#__PURE__*/_jsx(ArrowRight, {})
+        }), /*#__PURE__*/_jsx(Button, {
+          variant: "success",
+          endIcon: /*#__PURE__*/_jsx(ArrowRight, {}),
+          disabled: true,
+          children: "Button"
+        })]
+      }), /*#__PURE__*/_jsxs(Stack, {
+        direction: "row",
+        alignItems: "center",
+        spacing: 8,
+        paddingTop: 8,
+        paddingBottom: 8,
+        sx: {
+          backgroundColor: function backgroundColor(theme) {
+            return theme.palette.grey[800];
+          }
+        },
+        children: [/*#__PURE__*/_jsx(Button, {
+          variant: "textLight",
+          children: "Button"
+        }), /*#__PURE__*/_jsx(Button, {
+          variant: "textLight",
+          startIcon: /*#__PURE__*/_jsx(ArrowRight, {}),
+          children: "Button"
+        }), /*#__PURE__*/_jsx(Button, {
+          variant: "textLight",
+          endIcon: /*#__PURE__*/_jsx(ArrowRight, {}),
+          children: "Button"
+        }), /*#__PURE__*/_jsx(Button, {
+          variant: "textLight",
+          endIcon: /*#__PURE__*/_jsx(Chip, {
+            label: "5"
+          }),
+          children: "Button"
+        }), /*#__PURE__*/_jsx(Button, {
+          variant: "textLight",
+          startIcon: /*#__PURE__*/_jsx(ArrowRight, {}),
+          endIcon: /*#__PURE__*/_jsx(Chip, {
+            label: "5"
+          }),
+          children: "Button"
+        }), /*#__PURE__*/_jsx(Button, {
+          variant: "textLight",
+          endIcon: /*#__PURE__*/_jsxs(_Fragment, {
+            children: [/*#__PURE__*/_jsx(ArrowRight, {}), /*#__PURE__*/_jsx(Chip, {
+              label: "5"
+            })]
+          }),
+          children: "Button"
+        }), /*#__PURE__*/_jsx(Button, {
+          variant: "textLight",
+          children: /*#__PURE__*/_jsx(ArrowRight, {})
+        }), /*#__PURE__*/_jsx(Button, {
+          variant: "textLight",
+          endIcon: /*#__PURE__*/_jsx(ArrowRight, {}),
+          disabled: true,
+          children: "Button"
+        })]
+      }), /*#__PURE__*/_jsxs(Stack, {
+        direction: "row",
+        alignItems: "center",
+        spacing: 8,
+        children: [/*#__PURE__*/_jsx(Button, {
+          variant: "textDark",
+          children: "Button"
+        }), /*#__PURE__*/_jsx(Button, {
+          variant: "textDark",
+          startIcon: /*#__PURE__*/_jsx(ArrowRight, {}),
+          children: "Button"
+        }), /*#__PURE__*/_jsx(Button, {
+          variant: "textDark",
+          endIcon: /*#__PURE__*/_jsx(ArrowRight, {}),
+          children: "Button"
+        }), /*#__PURE__*/_jsx(Button, {
+          variant: "textDark",
+          endIcon: /*#__PURE__*/_jsx(Chip, {
+            label: "5"
+          }),
+          children: "Button"
+        }), /*#__PURE__*/_jsx(Button, {
+          variant: "textDark",
+          startIcon: /*#__PURE__*/_jsx(ArrowRight, {}),
+          endIcon: /*#__PURE__*/_jsx(Chip, {
+            label: "5"
+          }),
+          children: "Button"
+        }), /*#__PURE__*/_jsx(Button, {
+          variant: "textDark",
+          endIcon: /*#__PURE__*/_jsxs(_Fragment, {
+            children: [/*#__PURE__*/_jsx(ArrowRight, {}), /*#__PURE__*/_jsx(Chip, {
+              label: "5"
+            })]
+          }),
+          children: "Button"
+        }), /*#__PURE__*/_jsx(Button, {
+          variant: "textDark",
+          children: /*#__PURE__*/_jsx(ArrowRight, {})
+        }), /*#__PURE__*/_jsx(Button, {
+          variant: "textDark",
+          endIcon: /*#__PURE__*/_jsx(ArrowRight, {}),
+          disabled: true,
+          children: "Button"
+        })]
+      })]
+    });
+  }
+};
+export var Responsive = {
+  args: {
+    startIcon: true,
+    endIcon: false,
+    mobileIcon: "auto",
+    mobileBreakpoint: "sm",
+    disabled: false
+  },
+  argTypes: {
+    startIcon: {
+      name: "Start Icon",
+      control: "boolean"
+    },
+    endIcon: {
+      name: "End Icon",
+      control: "boolean"
+    },
+    mobileIcon: {
+      name: "Mobile Icon",
+      control: "select",
+      options: ["auto", "startIcon", "endIcon", "custom"]
+    },
+    mobileBreakpoint: {
+      name: "Mobile Breakpoint",
+      control: "select",
+      options: ["xs", "sm", "md", "lg", "xl"]
+    },
+    disabled: {
+      name: "Disabled",
+      control: "boolean"
+    }
+  },
+  render: function render(_ref2) {
+    var startIcon = _ref2.startIcon,
+      endIcon = _ref2.endIcon,
+      mobileIcon = _ref2.mobileIcon,
+      mobileBreakpoint = _ref2.mobileBreakpoint,
+      disabled = _ref2.disabled;
+    var customMobileIcon = /*#__PURE__*/_jsx(Favorite, {});
+    return /*#__PURE__*/_jsx(Stack, {
+      direction: "row",
+      alignItems: "center",
+      spacing: 2,
+      children: /*#__PURE__*/_jsx(Button, {
+        responsive: true,
+        startIcon: startIcon ? /*#__PURE__*/_jsx(Wrench, {}) : undefined,
+        endIcon: endIcon ? /*#__PURE__*/_jsx(Add, {}) : undefined,
+        mobileIcon: mobileIcon === "custom" ? customMobileIcon : mobileIcon,
+        mobileBreakpoint: mobileBreakpoint,
+        disabled: disabled,
+        children: "This is a responsive button"
+      })
+    });
+  }
+};

package/lib/common/buttons/delete/__stories__/DeleteButton.stories.js

@@ -1,7 +1,7 @@
 import { DeleteButton } from "../DeleteButton";
 var config = {
   component: DeleteButton,
-  title: "common/Buttons/DeleteButton"
+  title: "components/common/buttons/delete/DeleteButton"
 };
 export default config;
 export var DeleteButtonStory = {};

package/lib/error/errorHandler/ErrorHandlerProvider.d.ts

@@ -0,0 +1,8 @@
+import { type ErrorInfo, type PropsWithChildren } from "react";
+interface ErrorHandlerContextValue {
+    onError?: (error: Error, errorInfo: ErrorInfo) => void;
+}
+export declare function ErrorHandlerProvider({ children, onError }: PropsWithChildren<ErrorHandlerContextValue>): import("react/jsx-runtime").JSX.Element;
+export declare const useErrorHandler: () => ErrorHandlerContextValue;
+export {};
+//# sourceMappingURL=ErrorHandlerProvider.d.ts.map

package/lib/error/errorHandler/ErrorHandlerProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorHandlerProvider.d.ts","sourceRoot":"","sources":["../../../src/error/errorHandler/ErrorHandlerProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,SAAS,EAAE,KAAK,iBAAiB,EAAc,MAAM,OAAO,CAAC;AAE1F,UAAU,wBAAwB;IAC9B,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,KAAK,IAAI,CAAC;CAC1D;AAID,wBAAgB,oBAAoB,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,iBAAiB,CAAC,wBAAwB,CAAC,2CAEtG;AAED,eAAO,MAAM,eAAe,gCAE3B,CAAC"}

package/lib/error/errorHandler/ErrorHandlerProvider.js

@@ -0,0 +1,16 @@
+import { createContext, useContext } from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
+var ErrorHandlerContext = /*#__PURE__*/createContext({});
+export function ErrorHandlerProvider(_ref) {
+  var children = _ref.children,
+    onError = _ref.onError;
+  return /*#__PURE__*/_jsx(ErrorHandlerContext.Provider, {
+    value: {
+      onError: onError
+    },
+    children: children
+  });
+}
+export var useErrorHandler = function useErrorHandler() {
+  return useContext(ErrorHandlerContext);
+};

package/lib/error/errorboundary/ErrorBoundary.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ErrorBoundary.d.ts","sourceRoot":"","sources":["../../../src/error/errorboundary/ErrorBoundary.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,IAAI,QAAQ,EAAE,KAAK,UAAU,EAAE,KAAK,mBAAmB,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AACzG,OAAO,EAAO,KAAK,KAAK,EAAiB,MAAM,sBAAsB,CAAC;AACtE,OAAO,EAA6B,KAAK,iBAAiB,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAI1F,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,wCAAwC,CAAC;AAEvF,MAAM,MAAM,qBAAqB,GAC3B,OAAO,GACP,SAAS,GACT,kBAAkB,GAClB,kBAAkB,GAClB,sBAAsB,GACtB,4BAA4B,GAC5B,4BAA4B,GAC5B,uBAAuB,GACvB,qBAAqB,CAAC;AAM5B,MAAM,MAAM,kBAAkB,GAAG,iBAAiB,CAAC;IAC/C,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B,OAAO,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;IAChC,IAAI,CAAC,EAAE,UAAU,CAAC,MAAM,CAAC,CAAC;IAC1B,uBAAuB,CAAC,EAAE,SAAS,CAAC;IACpC,uBAAuB,CAAC,EAAE,SAAS,CAAC;IACpC,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACzB,CAAC,GACE,wBAAwB,CAAC;IACrB,KAAK,EAAE,OAAO,QAAQ,CAAC;IACvB,OAAO,EAAE,OAAO,UAAU,CAAC;IAC3B,gBAAgB,EAAE,SAAS,CAAC;IAC5B,gBAAgB,EAAE,SAAS,CAAC;IAC5B,0BAA0B,EAAE,KAAK,CAAC;IAClC,0BAA0B,EAAE,KAAK,CAAC;IAClC,qBAAqB,EAAE,OAAO,UAAU,CAAC;IACzC,mBAAmB,EAAE,OAAO,UAAU,CAAC;CAC1C,CAAC,CAAC;AA6FP,eAAO,MAAM,aAAa,GAAI,SAAS,kBAAkB,4CAGxD,CAAC;AAsEF,OAAO,QAAQ,sBAAsB,CAAC;IAClC,UAAU,uBAAuB;QAC7B,uBAAuB,EAAE,qBAAqB,CAAC;KAClD;IAED,UAAU,mBAAmB;QACzB,uBAAuB,EAAE,kBAAkB,CAAC;KAC/C;IAED,UAAU,UAAU;QAChB,uBAAuB,CAAC,EAAE;YACtB,YAAY,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,yBAAyB,CAAC,CAAC,CAAC;YACvE,cAAc,CAAC,EAAE,mBAAmB,CAAC,KAAK,CAAC,CAAC,yBAAyB,CAAC,CAAC;SAC1E,CAAC;KACL;CACJ"}
+{"version":3,"file":"ErrorBoundary.d.ts","sourceRoot":"","sources":["../../../src/error/errorboundary/ErrorBoundary.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,IAAI,QAAQ,EAAE,KAAK,UAAU,EAAE,KAAK,mBAAmB,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AACzG,OAAO,EAAO,KAAK,KAAK,EAAiB,MAAM,sBAAsB,CAAC;AACtE,OAAO,EAA6B,KAAK,iBAAiB,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAI1F,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,wCAAwC,CAAC;AAGvF,MAAM,MAAM,qBAAqB,GAC3B,OAAO,GACP,SAAS,GACT,kBAAkB,GAClB,kBAAkB,GAClB,sBAAsB,GACtB,4BAA4B,GAC5B,4BAA4B,GAC5B,uBAAuB,GACvB,qBAAqB,CAAC;AAM5B,MAAM,MAAM,kBAAkB,GAAG,iBAAiB,CAAC;IAC/C,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B,OAAO,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;IAChC,IAAI,CAAC,EAAE,UAAU,CAAC,MAAM,CAAC,CAAC;IAC1B,uBAAuB,CAAC,EAAE,SAAS,CAAC;IACpC,uBAAuB,CAAC,EAAE,SAAS,CAAC;IACpC,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACzB,CAAC,GACE,wBAAwB,CAAC;IACrB,KAAK,EAAE,OAAO,QAAQ,CAAC;IACvB,OAAO,EAAE,OAAO,UAAU,CAAC;IAC3B,gBAAgB,EAAE,SAAS,CAAC;IAC5B,gBAAgB,EAAE,SAAS,CAAC;IAC5B,0BAA0B,EAAE,KAAK,CAAC;IAClC,0BAA0B,EAAE,KAAK,CAAC;IAClC,qBAAqB,EAAE,OAAO,UAAU,CAAC;IACzC,mBAAmB,EAAE,OAAO,UAAU,CAAC;CAC1C,CAAC,CAAC;AAiGP,eAAO,MAAM,aAAa,GAAI,SAAS,kBAAkB,4CAIxD,CAAC;AAwEF,OAAO,QAAQ,sBAAsB,CAAC;IAClC,UAAU,uBAAuB;QAC7B,uBAAuB,EAAE,qBAAqB,CAAC;KAClD;IAED,UAAU,mBAAmB;QACzB,uBAAuB,EAAE,kBAAkB,CAAC;KAC/C;IAED,UAAU,UAAU;QAChB,uBAAuB,CAAC,EAAE;YACtB,YAAY,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,yBAAyB,CAAC,CAAC,CAAC;YACvE,cAAc,CAAC,EAAE,mBAAmB,CAAC,KAAK,CAAC,CAAC,yBAAyB,CAAC,CAAC;SAC1E,CAAC;KACL;CACJ"}

package/lib/error/errorboundary/ErrorBoundary.js

@@ -1,5 +1,5 @@
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["variant", "icon", "toggleDetailsOpenedIcon", "toggleDetailsClosedIcon", "children", "slotProps", "userErrorMessage", "key"];
+var _excluded = ["variant", "icon", "toggleDetailsOpenedIcon", "toggleDetailsClosedIcon", "children", "slotProps", "userErrorMessage", "key", "onError"];
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
@@ -26,6 +26,7 @@ import { css, useThemeProps } from "@mui/material/styles";
 import { Component } from "react";
 import { FormattedMessage } from "react-intl";
 import { createComponentSlot } from "../../helpers/createComponentSlot";
+import { useErrorHandler } from "../errorHandler/ErrorHandlerProvider";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 var Alert = createComponentSlot(MuiAlert)({
   componentName: "ErrorBoundary",
@@ -82,7 +83,11 @@ export var ErrorBoundary = function ErrorBoundary(inProps) {
     props: inProps,
     name: "CometAdminErrorBoundary"
   });
-  return /*#__PURE__*/_jsx(CoreErrorBoundary, _objectSpread({}, props));
+  var _useErrorHandler = useErrorHandler(),
+    onError = _useErrorHandler.onError;
+  return /*#__PURE__*/_jsx(CoreErrorBoundary, _objectSpread(_objectSpread({}, props), {}, {
+    onError: onError
+  }));
 };
 var CoreErrorBoundary = /*#__PURE__*/function (_Component) {
   function CoreErrorBoundary(props) {
@@ -96,35 +101,38 @@ var CoreErrorBoundary = /*#__PURE__*/function (_Component) {
   return _createClass(CoreErrorBoundary, [{
     key: "componentDidCatch",
     value: function componentDidCatch(error, errorInfo) {
+      var _this$props$onError, _this$props;
       this.setState(function (prev) {
         return _objectSpread(_objectSpread({}, prev), {}, {
           error: error,
           errorInfo: errorInfo
         });
       });
+      (_this$props$onError = (_this$props = this.props).onError) === null || _this$props$onError === void 0 || _this$props$onError.call(_this$props, error, errorInfo);
     }
   }, {
     key: "render",
     value: function render() {
       var _this2 = this;
-      var _this$props = this.props,
-        _this$props$variant = _this$props.variant,
-        variant = _this$props$variant === void 0 ? "filled" : _this$props$variant,
-        _this$props$icon = _this$props.icon,
-        icon = _this$props$icon === void 0 ? /*#__PURE__*/_jsx(Error, {}) : _this$props$icon,
-        _this$props$toggleDet = _this$props.toggleDetailsOpenedIcon,
-        toggleDetailsOpenedIcon = _this$props$toggleDet === void 0 ? /*#__PURE__*/_jsx(ChevronRight, {
+      var _this$props2 = this.props,
+        _this$props2$variant = _this$props2.variant,
+        variant = _this$props2$variant === void 0 ? "filled" : _this$props2$variant,
+        _this$props2$icon = _this$props2.icon,
+        icon = _this$props2$icon === void 0 ? /*#__PURE__*/_jsx(Error, {}) : _this$props2$icon,
+        _this$props2$toggleDe = _this$props2.toggleDetailsOpenedIcon,
+        toggleDetailsOpenedIcon = _this$props2$toggleDe === void 0 ? /*#__PURE__*/_jsx(ChevronRight, {
           fontSize: "small"
-        }) : _this$props$toggleDet,
-        _this$props$toggleDet2 = _this$props.toggleDetailsClosedIcon,
-        toggleDetailsClosedIcon = _this$props$toggleDet2 === void 0 ? /*#__PURE__*/_jsx(ChevronDown, {
+        }) : _this$props2$toggleDe,
+        _this$props2$toggleDe2 = _this$props2.toggleDetailsClosedIcon,
+        toggleDetailsClosedIcon = _this$props2$toggleDe2 === void 0 ? /*#__PURE__*/_jsx(ChevronDown, {
           fontSize: "small"
-        }) : _this$props$toggleDet2,
-        children = _this$props.children,
-        slotProps = _this$props.slotProps,
-        userErrorMessage = _this$props.userErrorMessage,
-        key = _this$props.key,
-        restProps = _objectWithoutProperties(_this$props, _excluded);
+        }) : _this$props2$toggleDe2,
+        children = _this$props2.children,
+        slotProps = _this$props2.slotProps,
+        userErrorMessage = _this$props2.userErrorMessage,
+        key = _this$props2.key,
+        onError = _this$props2.onError,
+        restProps = _objectWithoutProperties(_this$props2, _excluded);
       var _this$state = this.state,
         error = _this$state.error,
         errorInfo = _this$state.errorInfo,

package/lib/form/FinalFormInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FinalFormInput.d.ts","sourceRoot":"","sources":["../../src/form/FinalFormInput.tsx"],"names":[],"mappings":"AACA,OAAO,EAAyB,KAAK,cAAc,EAAE,MAAM,eAAe,CAAC;AAE3E,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAQzD,MAAM,MAAM,mBAAmB,GAAG,cAAc,GAAG;IAC/C,yBAAyB,CAAC,EAAE,OAAO,CAAC;CACvC,CAAC;AAEF,KAAK,2BAA2B,GAAG,gBAAgB,CAAC,MAAM,EAAE,gBAAgB,GAAG,mBAAmB,CAAC,CAAC;AAEpG,wBAAgB,cAAc,CAAC,EAC3B,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,YAAY,EACZ,yBAAyB,EACzB,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,GAAG,KAAK,EACX,EAAE,mBAAmB,GAAG,2BAA2B,2CAsDnD"}
+{"version":3,"file":"FinalFormInput.d.ts","sourceRoot":"","sources":["../../src/form/FinalFormInput.tsx"],"names":[],"mappings":"AACA,OAAO,EAAyB,KAAK,cAAc,EAAE,MAAM,eAAe,CAAC;AAE3E,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAQzD,MAAM,MAAM,mBAAmB,GAAG,cAAc,GAAG;IAC/C,yBAAyB,CAAC,EAAE,OAAO,CAAC;CACvC,CAAC;AAEF,KAAK,2BAA2B,GAAG,gBAAgB,CAAC,MAAM,EAAE,gBAAgB,GAAG,mBAAmB,CAAC,CAAC;AAEpG,wBAAgB,cAAc,CAAC,EAC3B,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,YAAY,EACZ,yBAAyB,EACzB,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,GAAG,KAAK,EACX,EAAE,mBAAmB,GAAG,2BAA2B,2CAuDnD"}

package/lib/form/FinalFormInput.js

@@ -42,7 +42,7 @@ export function FinalFormInput(_ref) {
     translationEnabled = _useContentTranslatio.enabled,
     showApplyTranslationDialog = _useContentTranslatio.showApplyTranslationDialog,
     translate = _useContentTranslatio.translate;
-  var isTranslatable = translationEnabled && !disableContentTranslation && type === "text" && !props.disabled;
+  var isTranslatable = translationEnabled && !disableContentTranslation && (type === "text" || type === "textarea") && !props.disabled;
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     open = _useState2[0],
@@ -108,7 +108,8 @@ export function FinalFormInput(_ref) {
       },
       originalText: input.value,
       translatedText: pendingTranslation,
-      onApplyTranslation: input.onChange
+      onApplyTranslation: input.onChange,
+      multiline: props.multiline
     })]
   });
 }

package/lib/index.d.ts

@@ -92,6 +92,7 @@ export { ErrorDialog, type ErrorDialogOptions, type ErrorDialogProps } from "./e
 export { ErrorDialogHandler } from "./error/errordialog/ErrorDialogHandler";
 export { ErrorScope, errorScopeForOperationContext, LocalErrorScopeApolloContext } from "./error/errordialog/ErrorScope";
 export { useErrorDialog, type UseErrorDialogReturn } from "./error/errordialog/useErrorDialog";
+export { ErrorHandlerProvider, useErrorHandler } from "./error/errorHandler/ErrorHandlerProvider";
 export { createFetch, FetchContext, FetchProvider, useFetch } from "./fetchProvider/fetch";
 export { FileIcon } from "./fileIcons/FileIcon";
 export { FinalForm, FinalFormSubmitEvent, useFormApiRef } from "./FinalForm";