@oliasoft-open-source/react-ui-library 4.20.1 → 4.20.3-beta-1

package/dist/index.d.ts

@@ -1205,8 +1205,8 @@ export declare interface ISettingFieldProps {
     helpText?: string;
     disabled?: boolean;
     noPermission?: boolean;
-    selectedOption?: 'all_users' | 'superusers_admin';
-    handleSelectChange?: (value: 'all_users' | 'superusers_admin') => void;
+    selectedOption?: boolean;
+    handleSelectChange?: () => void;
 }
 
 export declare interface ISideBarProps {

package/dist/index.js

@@ -14484,20 +14484,12 @@ class Virtualizer {
       const size2 = this.getSize();
       const scrollOffset = this.getScrollOffset();
       if (align === "auto") {
-        if (toOffset <= scrollOffset) {
-          align = "start";
-        } else if (toOffset >= scrollOffset + size2) {
+        if (toOffset >= scrollOffset + size2) {
           align = "end";
-        } else {
-          align = "start";
         }
       }
-      if (align === "start") {
-        toOffset = toOffset;
-      } else if (align === "end") {
-        toOffset = toOffset - size2;
-      } else if (align === "center") {
-        toOffset = toOffset - size2 / 2;
+      if (align === "end") {
+        toOffset -= size2;
       }
       const scrollSizeProp = this.options.horizontal ? "scrollWidth" : "scrollHeight";
       const scrollSize = this.scrollElement ? "document" in this.scrollElement ? this.scrollElement.document.documentElement[scrollSizeProp] : this.scrollElement[scrollSizeProp] : 0;
@@ -14521,8 +14513,27 @@ class Virtualizer {
           return [scrollOffset, align];
         }
       }
-      const toOffset = align === "end" ? item2.end + this.options.scrollPaddingEnd : item2.start - this.options.scrollPaddingStart;
-      return [this.getOffsetForAlignment(toOffset, align), align];
+      const centerOffset = item2.start - this.options.scrollPaddingStart + (item2.size - size2) / 2;
+      switch (align) {
+        case "center":
+          return [this.getOffsetForAlignment(centerOffset, align), align];
+        case "end":
+          return [
+            this.getOffsetForAlignment(
+              item2.end + this.options.scrollPaddingEnd,
+              align
+            ),
+            align
+          ];
+        default:
+          return [
+            this.getOffsetForAlignment(
+              item2.start - this.options.scrollPaddingStart,
+              align
+            ),
+            align
+          ];
+      }
     };
     this.isDynamicMode = () => this.elementsCache.size > 0;
     this.cancelScrollToIndex = () => {
@@ -14666,7 +14677,7 @@ function useVirtualizerBase(options) {
     () => new Virtualizer(resolvedOptions)
   );
   instance.setOptions(resolvedOptions);
-  React$4.useEffect(() => {
+  useIsomorphicLayoutEffect$4(() => {
     return instance._didMount();
   }, []);
   useIsomorphicLayoutEffect$4(() => {
@@ -17060,6 +17071,7 @@ const useCustomSelectLogic = ({
       closeLayer();
       return;
     }
+    setTriggerFocus();
     dispatch({
       type: ActionTypes$1.RESET_LAYER_FOCUS,
       options,
@@ -17169,6 +17181,10 @@ const useCustomSelectLogic = ({
         closeLayer();
         break;
       }
+      case EventKey.TAB: {
+        dispatch({ type: ActionTypes$1.CLOSE_LAYER });
+        break;
+      }
     }
   };
   return {
@@ -67087,8 +67103,8 @@ const SettingField = ({
     ] }, index2));
   };
   const options = [
-    { label: "All users", value: "all_users" },
-    { label: "Admin only", value: "superusers_admin" }
+    { label: "All users", value: false },
+    { label: "Admin only", value: true }
   ];
   return /* @__PURE__ */ jsxs("div", { className: styles.settingField, children: [
     /* @__PURE__ */ jsxs(Flex, { justifyContent: "space-between", wrap: false, children: [
@@ -67102,9 +67118,7 @@ const SettingField = ({
           options,
           value: selectedOption,
           disabled: disabled2,
-          onChange: handleSelectChange ? (e2) => handleSelectChange(
-            e2.target.value
-          ) : void 0,
+          onChange: handleSelectChange || void 0,
           "aria-label": "Select user type",
           width: "auto"
         }