@sustaina/shared-ui 1.64.2 → 1.65.1

package/dist/index.d.mts

@@ -1321,6 +1321,7 @@ type RichTextProps<T = DefaultMentionItem$1> = {
     onImageUploadError?: (error: unknown) => void;
     onImageDialogUpload?: (file: File) => Promise<string>;
     onImageDialogUploadError?: (error: unknown) => void;
+    hideImageUploadButton?: boolean;
     acceptImageMimeTypes?: string;
     allowImageUrlInsert?: boolean;
     /** Maximum number of characters allowed in the editor */
@@ -1337,7 +1338,7 @@ type RichTextProps<T = DefaultMentionItem$1> = {
     plainTextMentions?: boolean;
 } & Omit<React.HTMLAttributes<HTMLDivElement>, "onChange">;
 
-declare function RichTextInner<T = DefaultMentionItem$1>({ value, defaultValue, onChange, onHtmlChange, onTextChange, placeholder, readOnly, disabled, editorClassName, toolbarClassName, autoFocus, onImageUpload, onImageUploadError, onImageDialogUpload, onImageDialogUploadError, acceptImageMimeTypes, allowImageUrlInsert, maxLength, mentions, mentionConfig, mentionTrigger, mentionTriggerOnly, plainTextMentions, className, id, ...rest }: RichTextProps<T>, ref: React.Ref<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+declare function RichTextInner<T = DefaultMentionItem$1>({ value, defaultValue, onChange, onHtmlChange, onTextChange, placeholder, readOnly, disabled, editorClassName, toolbarClassName, autoFocus, onImageUpload, onImageUploadError, onImageDialogUpload, onImageDialogUploadError, acceptImageMimeTypes, allowImageUrlInsert, hideImageUploadButton, maxLength, mentions, mentionConfig, mentionTrigger, mentionTriggerOnly, plainTextMentions, className, id, ...rest }: RichTextProps<T>, ref: React.Ref<HTMLDivElement>): react_jsx_runtime.JSX.Element;
 declare const RichText: <T = DefaultMentionItem$1>(props: RichTextProps<T> & {
     ref?: React.Ref<HTMLDivElement>;
 }) => ReturnType<typeof RichTextInner>;

package/dist/index.d.ts

@@ -1321,6 +1321,7 @@ type RichTextProps<T = DefaultMentionItem$1> = {
     onImageUploadError?: (error: unknown) => void;
     onImageDialogUpload?: (file: File) => Promise<string>;
     onImageDialogUploadError?: (error: unknown) => void;
+    hideImageUploadButton?: boolean;
     acceptImageMimeTypes?: string;
     allowImageUrlInsert?: boolean;
     /** Maximum number of characters allowed in the editor */
@@ -1337,7 +1338,7 @@ type RichTextProps<T = DefaultMentionItem$1> = {
     plainTextMentions?: boolean;
 } & Omit<React.HTMLAttributes<HTMLDivElement>, "onChange">;
 
-declare function RichTextInner<T = DefaultMentionItem$1>({ value, defaultValue, onChange, onHtmlChange, onTextChange, placeholder, readOnly, disabled, editorClassName, toolbarClassName, autoFocus, onImageUpload, onImageUploadError, onImageDialogUpload, onImageDialogUploadError, acceptImageMimeTypes, allowImageUrlInsert, maxLength, mentions, mentionConfig, mentionTrigger, mentionTriggerOnly, plainTextMentions, className, id, ...rest }: RichTextProps<T>, ref: React.Ref<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+declare function RichTextInner<T = DefaultMentionItem$1>({ value, defaultValue, onChange, onHtmlChange, onTextChange, placeholder, readOnly, disabled, editorClassName, toolbarClassName, autoFocus, onImageUpload, onImageUploadError, onImageDialogUpload, onImageDialogUploadError, acceptImageMimeTypes, allowImageUrlInsert, hideImageUploadButton, maxLength, mentions, mentionConfig, mentionTrigger, mentionTriggerOnly, plainTextMentions, className, id, ...rest }: RichTextProps<T>, ref: React.Ref<HTMLDivElement>): react_jsx_runtime.JSX.Element;
 declare const RichText: <T = DefaultMentionItem$1>(props: RichTextProps<T> & {
     ref?: React.Ref<HTMLDivElement>;
 }) => ReturnType<typeof RichTextInner>;

package/dist/index.js

@@ -7204,6 +7204,10 @@ var ComboboxInner = ({
   ...props
 }, ref) => {
   const { getLabelField, getValueField } = useFieldNames_default({ fieldNames });
+  const isFocusedRef = React__namespace.useRef(false);
+  const isPopoverOpenRef = React__namespace.useRef(false);
+  const suppressNextFocusRef = React__namespace.useRef(false);
+  const lastFocusEventRef = React__namespace.useRef(null);
   const { value: openPopover, setValue: setOpenPopover } = useControllableState_default({
     defaultValue: false,
     value: open
@@ -7231,18 +7235,27 @@ var ComboboxInner = ({
     }
     return null;
   }, [
-    currentSelectedOption,
-    getLabelField,
-    placeholder2,
+    isLoading,
     selectedValue,
+    placeholder2,
+    currentSelectedOption,
     showValueWhenNoMatch,
-    isLoading,
-    loadingContent
+    loadingContent,
+    valueRender,
+    getLabelField
   ]);
+  const signalBlur = React__namespace.useCallback(() => {
+    if (!isFocusedRef.current || !lastFocusEventRef.current) return;
+    isFocusedRef.current = false;
+    suppressNextFocusRef.current = true;
+    onBlur?.(lastFocusEventRef.current);
+  }, [onBlur]);
   const handleSelect = React__namespace.useCallback(
     (selected, option) => {
       setSelectedValue(selected);
       setOpenPopover(false);
+      isPopoverOpenRef.current = false;
+      signalBlur();
       if (typeof onSelect === "function") {
         onSelect(selected, option);
       }
@@ -7250,17 +7263,43 @@ var ComboboxInner = ({
         onOpenChange(false);
       }
     },
-    [onOpenChange, onSelect, setOpenPopover, setSelectedValue]
+    [onOpenChange, onSelect, setOpenPopover, setSelectedValue, signalBlur]
   );
   const handleOpenPopover = React__namespace.useCallback(
     (isOpen) => {
       if (disabled || isLoading) return;
+      isPopoverOpenRef.current = isOpen;
       setOpenPopover(isOpen);
+      if (!isOpen) {
+        signalBlur();
+      }
       if (typeof onOpenChange === "function") {
         onOpenChange(isOpen);
       }
     },
-    [disabled, isLoading, onOpenChange, setOpenPopover]
+    [disabled, isLoading, onOpenChange, setOpenPopover, signalBlur]
+  );
+  const handleFocus = React__namespace.useCallback(
+    (event) => {
+      lastFocusEventRef.current = event;
+      if (suppressNextFocusRef.current) {
+        suppressNextFocusRef.current = false;
+        return;
+      }
+      if (isFocusedRef.current) return;
+      isFocusedRef.current = true;
+      onFocus?.(event);
+    },
+    [onFocus]
+  );
+  const handleBlur = React__namespace.useCallback(
+    (event) => {
+      if (isPopoverOpenRef.current) return;
+      if (!isFocusedRef.current) return;
+      isFocusedRef.current = false;
+      onBlur?.(event);
+    },
+    [onBlur]
   );
   const handleClear = React__namespace.useCallback(
     (event) => {
@@ -7293,8 +7332,8 @@ var ComboboxInner = ({
         "data-state": openPopover ? "open" : "closed",
         "data-loading": isLoading,
         disabled: disabled || isLoading,
-        onFocus,
-        onBlur,
+        onFocus: handleFocus,
+        onBlur: handleBlur,
         "data-testid": `combobox-trigger-${name}`,
         ...props,
         children: [
@@ -7330,6 +7369,11 @@ var ComboboxInner = ({
         align: "start",
         sideOffset: 4,
         ...popoverContentProps,
+        onCloseAutoFocus: (event) => {
+          event.preventDefault();
+          suppressNextFocusRef.current = false;
+          popoverContentProps?.onCloseAutoFocus?.(event);
+        },
         onWheel: (e) => {
           e.stopPropagation();
           popoverContentProps?.onWheel?.(e);
@@ -7338,6 +7382,9 @@ var ComboboxInner = ({
           "p-0 w-(--radix-popper-anchor-width) min-w-(--radix-popper-anchor-width) max-w-(--radix-popper-available-width) rounded-md",
           popoverContentProps?.className
         ),
+        onInteractOutside: (event) => {
+          popoverContentProps?.onInteractOutside?.(event);
+        },
         children: virtual ? /* @__PURE__ */ jsxRuntime.jsx(
           VirtualizedCommand_default,
           {
@@ -14279,6 +14326,7 @@ function UploadImagePlugin({
   onImageUploadError,
   onImageDialogUpload,
   onImageDialogUploadError,
+  hideImageUploadButton,
   acceptImageMimeTypes
 }) {
   const [editor] = LexicalComposerContext.useLexicalComposerContext();
@@ -14563,7 +14611,7 @@ function UploadImagePlugin({
                     disabled: imageDialogLoading
                   }
                 ),
-                onImageDialogUpload && /* @__PURE__ */ jsxRuntime.jsx(
+                onImageDialogUpload && !hideImageUploadButton && /* @__PURE__ */ jsxRuntime.jsx(
                   Button,
                   {
                     type: "button",
@@ -16090,6 +16138,7 @@ function RichTextInner({
   onImageDialogUploadError,
   acceptImageMimeTypes = "image/*",
   allowImageUrlInsert = true,
+  hideImageUploadButton = false,
   maxLength,
   mentions,
   mentionConfig,
@@ -16172,6 +16221,7 @@ function RichTextInner({
             onImageUploadError,
             allowImageUrlInsert,
             acceptImageMimeTypes,
+            hideImageUploadButton,
             onImageDialogUpload,
             onImageDialogUploadError
           }