@apia/components 4.0.79 → 4.0.81

package/dist/index.d.ts

@@ -923,7 +923,7 @@ declare class AutocompleteController {
     selectFocused(): void;
     setValue(value: string, props?: {
         fireOnChange?: boolean;
-        force?: true;
+        force?: boolean;
     }): Promise<void>;
     tooltipRef: ApiaUtilTooltip | null;
 }

package/dist/index.js

@@ -149,7 +149,7 @@ class AccordionHandler {
   udpateItem(itemId, updater) {
     const newProps = updater instanceof Function ? updater(this.itemsState[itemId]) : updater;
     Object.assign(this.itemsState[itemId], newProps);
-    this.itemsStateListeners[itemId].forEach(
+    this.itemsStateListeners?.[itemId]?.forEach(
       (current) => current(this.itemsState[itemId])
     );
   }
@@ -3642,7 +3642,10 @@ const Autocomplete = (props) => {
   if (!shallowEqual$1(prevProps.current, props.properties) && handler?.state) {
     Object.assign(handler.state, props.properties);
     if (prevProps.current?.value !== props.properties?.value && props.properties?.value !== void 0) {
-      handler.setValue(props.properties.value, { fireOnChange: false });
+      handler.setValue(props.properties.value, {
+        fireOnChange: false,
+        force: prevProps.current?.value === void 0
+      });
     }
   }
   if (!handler) {
@@ -5585,7 +5588,6 @@ const ListboxItem = memo(
           ),
           onMouseDown: useCallback(
             (ev) => {
-              console.log("onMouseDown");
               onClickNode?.({
                 ...ev,
                 target: ev.target.closest(
@@ -6312,7 +6314,6 @@ function useIndexedChildren(children, listboxActions) {
 function useListboxAutofocus(storeId, getState) {
   return {
     onClick: useCallback(() => {
-      console.log("onMouseDown useListboxAutofocus");
       if (document.activeElement !== document.querySelector(`#${storeId} .listbox__list`)) {
         const el = document.querySelector(
           `#${storeId} .listbox__list`
@@ -6331,13 +6332,10 @@ function useListboxAutofocus(storeId, getState) {
         `#${storeId} .listbox__list .listbox__row:nth-child(${focusedRowId})`
       );
       if (focusedRow) {
-        focusedRow.scrollIntoView({
-          behavior: "auto",
-          block: "nearest",
-          inline: "nearest"
-        });
         const scrollContainer = findScrollContainer(focusedRow);
-        if (scrollContainer && scrollContainer !== document.body) {
+        console.log(focusedRow, scrollContainer);
+        if (scrollContainer && scrollContainer.classList.contains("listbox")) {
+          console.log("scroll container into view");
           scrollContainer.scrollIntoView({
             behavior: "auto",
             block: "nearest",
@@ -6348,6 +6346,12 @@ function useListboxAutofocus(storeId, getState) {
           if (elRect.top - contRect.top < elRect.height)
             scrollContainer.scrollTop -= elRect.height;
         }
+        console.log("scroll focusedRow into view");
+        focusedRow.scrollIntoView({
+          behavior: "auto",
+          block: "nearest",
+          inline: "nearest"
+        });
       }
     }, [getState, storeId])
   };