@vygruppen/spor-react 12.24.6 → 12.24.7

package/dist/index.d.cts

@@ -1286,7 +1286,7 @@ type Props = {
     emptyLabel?: React__default.ReactNode;
     openOnFocus?: boolean;
 } & Omit<ComboboxRootProps, "collection"> & FieldProps;
-declare const Autocomplete: ({ variant, children, label, leftIcon, onInputValueChange, invalid, helperText, errorText, required, filteredExternally, loading, disabled, emptyLabel, openOnClick, openOnFocus, ...rest }: Props) => react_jsx_runtime.JSX.Element;
+declare const Autocomplete: ({ variant, children, label, leftIcon, onInputValueChange, invalid, helperText, errorText, required, filteredExternally, loading, disabled, emptyLabel, onFocus, openOnClick, openOnFocus, ...rest }: Props) => react_jsx_runtime.JSX.Element;
 declare const AutocompleteItemGroup: React__default.ForwardRefExoticComponent<Combobox$1.ItemGroupProps & React__default.RefAttributes<HTMLDivElement>>;
 declare const AutocompleteItemGroupLabel: React__default.ForwardRefExoticComponent<_chakra_ui_react.ComboboxItemGroupLabelProps & React__default.RefAttributes<HTMLDivElement>>;
 declare const AutocompleteItem: React__default.ForwardRefExoticComponent<Combobox$1.ItemProps & React__default.RefAttributes<HTMLDivElement>>;

package/dist/index.d.ts

@@ -1286,7 +1286,7 @@ type Props = {
     emptyLabel?: React__default.ReactNode;
     openOnFocus?: boolean;
 } & Omit<ComboboxRootProps, "collection"> & FieldProps;
-declare const Autocomplete: ({ variant, children, label, leftIcon, onInputValueChange, invalid, helperText, errorText, required, filteredExternally, loading, disabled, emptyLabel, openOnClick, openOnFocus, ...rest }: Props) => react_jsx_runtime.JSX.Element;
+declare const Autocomplete: ({ variant, children, label, leftIcon, onInputValueChange, invalid, helperText, errorText, required, filteredExternally, loading, disabled, emptyLabel, onFocus, openOnClick, openOnFocus, ...rest }: Props) => react_jsx_runtime.JSX.Element;
 declare const AutocompleteItemGroup: React__default.ForwardRefExoticComponent<Combobox$1.ItemGroupProps & React__default.RefAttributes<HTMLDivElement>>;
 declare const AutocompleteItemGroupLabel: React__default.ForwardRefExoticComponent<_chakra_ui_react.ComboboxItemGroupLabelProps & React__default.RefAttributes<HTMLDivElement>>;
 declare const AutocompleteItem: React__default.ForwardRefExoticComponent<Combobox$1.ItemProps & React__default.RefAttributes<HTMLDivElement>>;

package/dist/index.mjs

@@ -2292,7 +2292,7 @@ var CalendarTriggerButton = forwardRef(({ variant, disabled, onPress: _, ...butt
     key: "datePicker"
   });
   const styles = recipe({ variant });
-  return /* @__PURE__ */ jsx(PopoverAnchor, { ...buttonProps, ref, children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(PopoverAnchor, { ...buttonProps, ref, asChild: true, children: /* @__PURE__ */ jsx(
     IconButton,
     {
       icon: /* @__PURE__ */ jsx(CalendarOutline24Icon, {}),
@@ -2341,7 +2341,7 @@ var DateTimeSegment = forwardRef(
         borderRadius: "xs",
         fontSize: ["mobile.sm", "desktop.sm"],
         css: styles.dateTimeSegment,
-        "aria-description": ariaDescription,
+        "aria-label": ariaDescription,
         "aria-labelledby": ariaLabel,
         children: isPaddable(segment.type) ? segment.text.padStart(2, "0") : segment.text
       }
@@ -3306,6 +3306,7 @@ var Autocomplete = ({
   loading,
   disabled,
   emptyLabel,
+  onFocus,
   openOnClick = true,
   openOnFocus = true,
   ...rest
@@ -3361,7 +3362,8 @@ var Autocomplete = ({
           helperText,
           errorText,
           required,
-          onFocus: () => {
+          onFocus: (event) => {
+            onFocus == null ? void 0 : onFocus(event);
             if (openOnFocus)
               combobox.setOpen(true);
           }
@@ -3369,20 +3371,10 @@ var Autocomplete = ({
       ) }),
       /* @__PURE__ */ jsx(Combobox.IndicatorGroup, { children: /* @__PURE__ */ jsx(Combobox.ClearTrigger, { asChild: true, "aria-label": t(texts14.clearValue), children: /* @__PURE__ */ jsx(CloseButton, { size: "xs" }) }) })
     ] }),
-    /* @__PURE__ */ jsx(Combobox.Positioner, { children: /* @__PURE__ */ jsxs(
-      Combobox.Content,
-      {
-        onBlur: (event) => {
-          if (!event.currentTarget.contains(event.relatedTarget)) {
-            combobox.setOpen(false);
-          }
-        },
-        children: [
-          /* @__PURE__ */ jsx(Combobox.Empty, { children: !loading && (emptyLabel ?? t(texts14.noItemsFound)) }),
-          loading ? /* @__PURE__ */ jsx(ColorSpinner, { width: "1.5rem", p: "2" }) : /* @__PURE__ */ jsx(Fragment, { children: filteredChildren })
-        ]
-      }
-    ) })
+    /* @__PURE__ */ jsx(Combobox.Positioner, { children: /* @__PURE__ */ jsxs(Combobox.Content, { children: [
+      /* @__PURE__ */ jsx(Combobox.Empty, { children: !loading && (emptyLabel ?? t(texts14.noItemsFound)) }),
+      loading ? /* @__PURE__ */ jsx(ColorSpinner, { width: "1.5rem", p: "2" }) : /* @__PURE__ */ jsx(Fragment, { children: filteredChildren })
+    ] }) })
   ] });
 };
 var AutocompleteItemGroup = Combobox.ItemGroup;