linear-react-components-ui 2.2.0-beta.0 → 2.2.0-beta.1

package/lib/form2/useForm/index.js

@@ -197,7 +197,6 @@ const useForm = ({
   };
   const handleSubmit = (callback) => (event_1) => {
     event_1.preventDefault();
-    event_1.stopPropagation();
     const validationErrors = validateAllFields();
     const hasErrors_0 = !_.isEmpty(validationErrors);
     if (hasErrors_0) return;

package/lib/form2/useForm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/lib/form2/useForm/index.ts"],"sourcesContent":["import _ from 'lodash';\nimport { ChangeEvent, FocusEvent, FormEvent, useRef, useState } from 'react';\nimport type {\n  FieldErrors, FieldChanged, FieldTouched, FieldFocusOptions, UseFormProps,\n  UseFormReturn, DeepPartial,\n  RegisterOptions,\n} from '../types';\nimport { deepMergeValues, flattenValidators, mergeRefs } from '../helpers';\n\nconst useForm = <ValuesType extends Record<string, any>>({\n  initialValues,\n  validators = {},\n  options = { validationMode: 'default' },\n}: UseFormProps<ValuesType>): UseFormReturn<ValuesType> => {\n  const [values, setValues] = useState<ValuesType>(initialValues);\n  const [errors, setErrors] = useState<FieldErrors<ValuesType>>({});\n  const [changed, setChanged] = useState<FieldChanged<ValuesType>>({});\n  const [touched, setTouched] = useState<FieldTouched<ValuesType>>({});\n  const fieldsRef = useRef<Record<string, HTMLInputElement | HTMLTextAreaElement | null>>({});\n  const initialValuesRef = useRef<ValuesType>(initialValues);\n  const valuesToCompareInChangedRef = useRef<ValuesType>(initialValues);\n\n  const flattenedValidators = flattenValidators(validators);\n\n  const validateBatchOfFields = (\n    valuesSnapshot: ValuesType,\n    touchedFields: FieldTouched<ValuesType> = touched,\n    errorsFields: FieldErrors<ValuesType> = errors,\n  ) => {\n    const fieldsToValidate = Object.keys(flattenedValidators).filter((path) => {\n      const wasTouched = _.get(touchedFields, path);\n      const hasErrors = !_.isEmpty(_.get(errorsFields, path));\n      return Boolean(wasTouched || hasErrors);\n    });\n\n    if (!fieldsToValidate.length) return;\n\n    setErrors((prevErrorsState) => {\n      const updatedErrorsState = _.cloneDeep(prevErrorsState);\n\n      fieldsToValidate.forEach((path) => {\n        const value = _.get(valuesSnapshot, path);\n        const fieldValidators = _.get(flattenedValidators, path) ?? [];\n        const fieldErrors = fieldValidators\n          .map((validator: any) => validator(value, valuesSnapshot))\n          .filter((message: string) => Boolean(message));\n\n        _.set(updatedErrorsState, path, fieldErrors);\n      });\n\n      return updatedErrorsState;\n    });\n  };\n\n  const validateAllFields = () => {\n    const allValidationErrors: FieldErrors<ValuesType> = {};\n\n    Object.keys(flattenedValidators).forEach((path) => {\n      const value = _.get(values, path);\n      const fieldValidators = _.get(flattenedValidators, path) ?? [];\n      const fieldErrors = fieldValidators\n        .map((validator: any) => validator(value, values))\n        .filter((message: string) => Boolean(message));\n\n      if (fieldErrors.length) {\n        _.set(allValidationErrors, path, fieldErrors);\n      }\n    });\n\n    setErrors(allValidationErrors);\n    return allValidationErrors;\n  };\n\n  const checkFormIsValid = () => {\n    return Object.keys(flattenedValidators).every((path) => {\n      const value = _.get(values, path);\n      const fieldValidators = _.get(flattenedValidators, path) ?? [];\n      return fieldValidators.every((validator: any) => !validator(value, values));\n    });\n  };\n\n  const getFieldError = (name: string): string[] => {\n    const fieldErrors = _.get(errors, name) as string[] ?? [];\n    return fieldErrors;\n  };\n\n  const setExternalErrors = (externalErrors: Record<string, string[]>) => {\n    setErrors((prevStateErrors) => {\n      const newErrorsState = _.cloneDeep(prevStateErrors);\n      Object.entries(externalErrors).forEach(([key, value]) => {\n        _.set(newErrorsState, key, value);\n      });\n      return newErrorsState;\n    });\n  };\n\n  const getFieldValue = (name: string): any => {\n    return _.get(values, name);\n  };\n\n  const setFieldValue = (name: string, value: any) => {\n    setValues((prevStateValues) => {\n      const updatedValuesState = _.cloneDeep(prevStateValues);\n      _.set(updatedValuesState, name, value);\n\n      const valueToCompare = _.get(valuesToCompareInChangedRef.current, name);\n      const hasChanged = !_.isEqual(valueToCompare, value);\n\n      setChanged((prevStateChanged) => {\n        const updatedChangedState = _.cloneDeep(prevStateChanged);\n        _.set(updatedChangedState, name, hasChanged);\n        return updatedChangedState;\n      });\n\n      if (options.validationMode === 'default') {\n        validateBatchOfFields(updatedValuesState);\n      }\n\n      return updatedValuesState;\n    });\n  };\n\n  const setFieldFocus = (name: string, fieldFocusOptions?: FieldFocusOptions) => {\n    const field = fieldsRef.current[name];\n    field?.focus?.();\n    if (fieldFocusOptions?.shouldSelect) {\n      field?.select?.();\n    }\n  };\n\n  const compareField = (name: string, valueToCompare: any): boolean => {\n    return _.isEqual(_.get(values, name), valueToCompare);\n  };\n\n  const cleanErrors = (fieldsToClean?: string[]) => {\n    if (!fieldsToClean) {\n      setErrors({});\n      return;\n    }\n\n    setErrors((prevErrorsState) => {\n      const newErrorsState = _.cloneDeep(prevErrorsState);\n      fieldsToClean.forEach((key) => {\n        _.unset(newErrorsState, key);\n      });\n      return newErrorsState;\n    });\n  };\n\n  const reset = (inputsToReset?: string[], internalReset?: boolean) => {\n    const newValuesState = _.cloneDeep(values);\n    const newTouchedState = _.cloneDeep(touched);\n    const newChangedState = _.cloneDeep(changed);\n    const inputs = inputsToReset ?? Object.keys(initialValuesRef.current);\n\n    inputs.forEach((key) => {\n      const initialValue = _.get(initialValuesRef.current, key);\n      _.set(newValuesState, key, initialValue);\n      _.set(newTouchedState, key, false);\n      _.set(newChangedState, key, false);\n    });\n\n    setValues(newValuesState);\n    setTouched(newTouchedState);\n    setChanged(newChangedState);\n\n    if (inputsToReset) {\n      setErrors((prevErrorsState) => {\n        const newErrorsState = _.cloneDeep(prevErrorsState);\n        inputsToReset.forEach((key) => {\n          _.unset(newErrorsState, key);\n        });\n        return newErrorsState;\n      });\n    } else {\n      setErrors({});\n    }\n\n    if (!internalReset) { valuesToCompareInChangedRef.current = initialValuesRef.current; }\n  };\n\n  const changeValues = (fieldValues: DeepPartial<ValuesType>) => {\n    reset(undefined, true);\n    setValues((prevStateValues) => {\n      const newValuesState = deepMergeValues(prevStateValues, fieldValues);\n      valuesToCompareInChangedRef.current = newValuesState;\n      return newValuesState;\n    });\n  };\n\n  const register = (\n    name: string,\n    registerOptions?: RegisterOptions,\n  ) => {\n    const { onChange, onBlur, ref } = registerOptions ?? {};\n    return {\n      name,\n      ref: mergeRefs<HTMLInputElement | HTMLTextAreaElement>((inputElement: any) => {\n        fieldsRef.current[name] = inputElement;\n      }, ref),\n      value: _.get(values, name, _.get(initialValuesRef.current, name, '')),\n      errors: _.get(errors, name, []),\n      onChange: (event: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => {\n        const { value } = event.target;\n\n        setValues((prevStateValues) => {\n          const updatedValues = _.cloneDeep(prevStateValues);\n          _.set(updatedValues, name, value);\n\n          const hasChanged = !_.isEqual(_.get(valuesToCompareInChangedRef.current, name), value);\n          setChanged((prevStateChanged) => {\n            const updatedChangedState = _.cloneDeep(prevStateChanged);\n            _.set(updatedChangedState, name, hasChanged);\n            return updatedChangedState;\n          });\n\n          if (options.validationMode === 'default') {\n            validateBatchOfFields(updatedValues, touched, errors);\n          }\n\n          return updatedValues;\n        });\n\n        onChange?.(event);\n      },\n      onBlur: (event: FocusEvent<HTMLInputElement | HTMLTextAreaElement>) => {\n        const touchedSnapshot = _.cloneDeep(touched);\n        _.set(touchedSnapshot, name, true);\n\n        setTouched((prevStateTouched) => {\n          const updated = _.cloneDeep(prevStateTouched);\n          _.set(updated, name, true);\n          return updated;\n        });\n\n        if (options.validationMode === 'default') {\n          validateBatchOfFields(values, touchedSnapshot, errors);\n        }\n\n        onBlur?.(event);\n      },\n    };\n  };\n\n  const handleSubmit = (callback: (data: ValuesType) => void) => (event: FormEvent) => {\n    event.preventDefault();\n    event.stopPropagation();\n\n    const validationErrors = validateAllFields();\n    const hasErrors = !_.isEmpty(validationErrors);\n\n    if (hasErrors) return;\n    callback(values);\n  };\n\n  const isValid = checkFormIsValid();\n  const formHasChange = Object.values(changed).some(Boolean);\n\n  return {\n    reset,\n    changed,\n    values,\n    errors,\n    touched,\n    isValid,\n    formHasChange,\n    register,\n    cleanErrors,\n    changeValues,\n    compareField,\n    handleSubmit,\n    getFieldValue,\n    getFieldError,\n    setFieldFocus,\n    setFieldValue,\n    setExternalErrors,\n    initialValues: initialValuesRef.current,\n  };\n};\n\nexport default useForm;\n"],"names":["useForm","initialValues","validators","options","validationMode","values","setValues","useState","errors","setErrors","changed","setChanged","touched","setTouched","fieldsRef","useRef","initialValuesRef","valuesToCompareInChangedRef","flattenedValidators","flattenValidators","validateBatchOfFields","valuesSnapshot","touchedFields","errorsFields","fieldsToValidate","Object","keys","filter","path","wasTouched","_","get","hasErrors","isEmpty","Boolean","length","prevErrorsState","updatedErrorsState","cloneDeep","forEach","value","fieldValidators","fieldErrors","map","validator","message","set","validateAllFields","allValidationErrors","checkFormIsValid","every","getFieldError","name","setExternalErrors","externalErrors","prevStateErrors","newErrorsState","entries","key","getFieldValue","setFieldValue","prevStateValues","updatedValuesState","valueToCompare","current","hasChanged","isEqual","prevStateChanged","updatedChangedState","setFieldFocus","fieldFocusOptions","field","focus","shouldSelect","select","compareField","cleanErrors","fieldsToClean","unset","reset","inputsToReset","internalReset","newValuesState","newTouchedState","newChangedState","inputs","initialValue","changeValues","fieldValues","undefined","deepMergeValues","register","registerOptions","onChange","onBlur","ref","mergeRefs","inputElement","event","target","updatedValues","touchedSnapshot","prevStateTouched","updated","handleSubmit","callback","preventDefault","stopPropagation","validationErrors","isValid","formHasChange","some"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../src/lib/form2/useForm/index.ts"],"sourcesContent":["import _ from 'lodash';\nimport { ChangeEvent, FocusEvent, FormEvent, useRef, useState } from 'react';\nimport type {\n  FieldErrors, FieldChanged, FieldTouched, FieldFocusOptions, UseFormProps,\n  UseFormReturn, DeepPartial,\n  RegisterOptions,\n} from '../types';\nimport { deepMergeValues, flattenValidators, mergeRefs } from '../helpers';\n\nconst useForm = <ValuesType extends Record<string, any>>({\n  initialValues,\n  validators = {},\n  options = { validationMode: 'default' },\n}: UseFormProps<ValuesType>): UseFormReturn<ValuesType> => {\n  const [values, setValues] = useState<ValuesType>(initialValues);\n  const [errors, setErrors] = useState<FieldErrors<ValuesType>>({});\n  const [changed, setChanged] = useState<FieldChanged<ValuesType>>({});\n  const [touched, setTouched] = useState<FieldTouched<ValuesType>>({});\n  const fieldsRef = useRef<Record<string, HTMLInputElement | HTMLTextAreaElement | null>>({});\n  const initialValuesRef = useRef<ValuesType>(initialValues);\n  const valuesToCompareInChangedRef = useRef<ValuesType>(initialValues);\n\n  const flattenedValidators = flattenValidators(validators);\n\n  const validateBatchOfFields = (\n    valuesSnapshot: ValuesType,\n    touchedFields: FieldTouched<ValuesType> = touched,\n    errorsFields: FieldErrors<ValuesType> = errors,\n  ) => {\n    const fieldsToValidate = Object.keys(flattenedValidators).filter((path) => {\n      const wasTouched = _.get(touchedFields, path);\n      const hasErrors = !_.isEmpty(_.get(errorsFields, path));\n      return Boolean(wasTouched || hasErrors);\n    });\n\n    if (!fieldsToValidate.length) return;\n\n    setErrors((prevErrorsState) => {\n      const updatedErrorsState = _.cloneDeep(prevErrorsState);\n\n      fieldsToValidate.forEach((path) => {\n        const value = _.get(valuesSnapshot, path);\n        const fieldValidators = _.get(flattenedValidators, path) ?? [];\n        const fieldErrors = fieldValidators\n          .map((validator: any) => validator(value, valuesSnapshot))\n          .filter((message: string) => Boolean(message));\n\n        _.set(updatedErrorsState, path, fieldErrors);\n      });\n\n      return updatedErrorsState;\n    });\n  };\n\n  const validateAllFields = () => {\n    const allValidationErrors: FieldErrors<ValuesType> = {};\n\n    Object.keys(flattenedValidators).forEach((path) => {\n      const value = _.get(values, path);\n      const fieldValidators = _.get(flattenedValidators, path) ?? [];\n      const fieldErrors = fieldValidators\n        .map((validator: any) => validator(value, values))\n        .filter((message: string) => Boolean(message));\n\n      if (fieldErrors.length) {\n        _.set(allValidationErrors, path, fieldErrors);\n      }\n    });\n\n    setErrors(allValidationErrors);\n    return allValidationErrors;\n  };\n\n  const checkFormIsValid = () => {\n    return Object.keys(flattenedValidators).every((path) => {\n      const value = _.get(values, path);\n      const fieldValidators = _.get(flattenedValidators, path) ?? [];\n      return fieldValidators.every((validator: any) => !validator(value, values));\n    });\n  };\n\n  const getFieldError = (name: string): string[] => {\n    const fieldErrors = _.get(errors, name) as string[] ?? [];\n    return fieldErrors;\n  };\n\n  const setExternalErrors = (externalErrors: Record<string, string[]>) => {\n    setErrors((prevStateErrors) => {\n      const newErrorsState = _.cloneDeep(prevStateErrors);\n      Object.entries(externalErrors).forEach(([key, value]) => {\n        _.set(newErrorsState, key, value);\n      });\n      return newErrorsState;\n    });\n  };\n\n  const getFieldValue = (name: string): any => {\n    return _.get(values, name);\n  };\n\n  const setFieldValue = (name: string, value: any) => {\n    setValues((prevStateValues) => {\n      const updatedValuesState = _.cloneDeep(prevStateValues);\n      _.set(updatedValuesState, name, value);\n\n      const valueToCompare = _.get(valuesToCompareInChangedRef.current, name);\n      const hasChanged = !_.isEqual(valueToCompare, value);\n\n      setChanged((prevStateChanged) => {\n        const updatedChangedState = _.cloneDeep(prevStateChanged);\n        _.set(updatedChangedState, name, hasChanged);\n        return updatedChangedState;\n      });\n\n      if (options.validationMode === 'default') {\n        validateBatchOfFields(updatedValuesState);\n      }\n\n      return updatedValuesState;\n    });\n  };\n\n  const setFieldFocus = (name: string, fieldFocusOptions?: FieldFocusOptions) => {\n    const field = fieldsRef.current[name];\n    field?.focus?.();\n    if (fieldFocusOptions?.shouldSelect) {\n      field?.select?.();\n    }\n  };\n\n  const compareField = (name: string, valueToCompare: any): boolean => {\n    return _.isEqual(_.get(values, name), valueToCompare);\n  };\n\n  const cleanErrors = (fieldsToClean?: string[]) => {\n    if (!fieldsToClean) {\n      setErrors({});\n      return;\n    }\n\n    setErrors((prevErrorsState) => {\n      const newErrorsState = _.cloneDeep(prevErrorsState);\n      fieldsToClean.forEach((key) => {\n        _.unset(newErrorsState, key);\n      });\n      return newErrorsState;\n    });\n  };\n\n  const reset = (inputsToReset?: string[], internalReset?: boolean) => {\n    const newValuesState = _.cloneDeep(values);\n    const newTouchedState = _.cloneDeep(touched);\n    const newChangedState = _.cloneDeep(changed);\n    const inputs = inputsToReset ?? Object.keys(initialValuesRef.current);\n\n    inputs.forEach((key) => {\n      const initialValue = _.get(initialValuesRef.current, key);\n      _.set(newValuesState, key, initialValue);\n      _.set(newTouchedState, key, false);\n      _.set(newChangedState, key, false);\n    });\n\n    setValues(newValuesState);\n    setTouched(newTouchedState);\n    setChanged(newChangedState);\n\n    if (inputsToReset) {\n      setErrors((prevErrorsState) => {\n        const newErrorsState = _.cloneDeep(prevErrorsState);\n        inputsToReset.forEach((key) => {\n          _.unset(newErrorsState, key);\n        });\n        return newErrorsState;\n      });\n    } else {\n      setErrors({});\n    }\n\n    if (!internalReset) { valuesToCompareInChangedRef.current = initialValuesRef.current; }\n  };\n\n  const changeValues = (fieldValues: DeepPartial<ValuesType>) => {\n    reset(undefined, true);\n    setValues((prevStateValues) => {\n      const newValuesState = deepMergeValues(prevStateValues, fieldValues);\n      valuesToCompareInChangedRef.current = newValuesState;\n      return newValuesState;\n    });\n  };\n\n  const register = (\n    name: string,\n    registerOptions?: RegisterOptions,\n  ) => {\n    const { onChange, onBlur, ref } = registerOptions ?? {};\n    return {\n      name,\n      ref: mergeRefs<HTMLInputElement | HTMLTextAreaElement>((inputElement: any) => {\n        fieldsRef.current[name] = inputElement;\n      }, ref),\n      value: _.get(values, name, _.get(initialValuesRef.current, name, '')),\n      errors: _.get(errors, name, []),\n      onChange: (event: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => {\n        const { value } = event.target;\n\n        setValues((prevStateValues) => {\n          const updatedValues = _.cloneDeep(prevStateValues);\n          _.set(updatedValues, name, value);\n\n          const hasChanged = !_.isEqual(_.get(valuesToCompareInChangedRef.current, name), value);\n          setChanged((prevStateChanged) => {\n            const updatedChangedState = _.cloneDeep(prevStateChanged);\n            _.set(updatedChangedState, name, hasChanged);\n            return updatedChangedState;\n          });\n\n          if (options.validationMode === 'default') {\n            validateBatchOfFields(updatedValues, touched, errors);\n          }\n\n          return updatedValues;\n        });\n\n        onChange?.(event);\n      },\n      onBlur: (event: FocusEvent<HTMLInputElement | HTMLTextAreaElement>) => {\n        const touchedSnapshot = _.cloneDeep(touched);\n        _.set(touchedSnapshot, name, true);\n\n        setTouched((prevStateTouched) => {\n          const updated = _.cloneDeep(prevStateTouched);\n          _.set(updated, name, true);\n          return updated;\n        });\n\n        if (options.validationMode === 'default') {\n          validateBatchOfFields(values, touchedSnapshot, errors);\n        }\n\n        onBlur?.(event);\n      },\n    };\n  };\n\n  const handleSubmit = (callback: (data: ValuesType) => void) => (event: FormEvent) => {\n    event.preventDefault();\n\n    const validationErrors = validateAllFields();\n    const hasErrors = !_.isEmpty(validationErrors);\n\n    if (hasErrors) return;\n    callback(values);\n  };\n\n  const isValid = checkFormIsValid();\n  const formHasChange = Object.values(changed).some(Boolean);\n\n  return {\n    reset,\n    changed,\n    values,\n    errors,\n    touched,\n    isValid,\n    formHasChange,\n    register,\n    cleanErrors,\n    changeValues,\n    compareField,\n    handleSubmit,\n    getFieldValue,\n    getFieldError,\n    setFieldFocus,\n    setFieldValue,\n    setExternalErrors,\n    initialValues: initialValuesRef.current,\n  };\n};\n\nexport default useForm;\n"],"names":["useForm","initialValues","validators","options","validationMode","values","setValues","useState","errors","setErrors","changed","setChanged","touched","setTouched","fieldsRef","useRef","initialValuesRef","valuesToCompareInChangedRef","flattenedValidators","flattenValidators","validateBatchOfFields","valuesSnapshot","touchedFields","errorsFields","fieldsToValidate","Object","keys","filter","path","wasTouched","_","get","hasErrors","isEmpty","Boolean","length","prevErrorsState","updatedErrorsState","cloneDeep","forEach","value","fieldValidators","fieldErrors","map","validator","message","set","validateAllFields","allValidationErrors","checkFormIsValid","every","getFieldError","name","setExternalErrors","externalErrors","prevStateErrors","newErrorsState","entries","key","getFieldValue","setFieldValue","prevStateValues","updatedValuesState","valueToCompare","current","hasChanged","isEqual","prevStateChanged","updatedChangedState","setFieldFocus","fieldFocusOptions","field","focus","shouldSelect","select","compareField","cleanErrors","fieldsToClean","unset","reset","inputsToReset","internalReset","newValuesState","newTouchedState","newChangedState","inputs","initialValue","changeValues","fieldValues","undefined","deepMergeValues","register","registerOptions","onChange","onBlur","ref","mergeRefs","inputElement","event","target","updatedValues","touchedSnapshot","prevStateTouched","updated","handleSubmit","callback","preventDefault","validationErrors","isValid","formHasChange","some"],"mappings":"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"}

package/lib/hooks/useScrollEndReached/index.d.ts

@@ -0,0 +1,8 @@
+import { AsyncFunc, Func, UseScrollEndReachedParams } from './types';
+export interface ScrollEndReachedParams extends UseScrollEndReachedParams {
+    elementRef: React.RefObject<HTMLElement | null>;
+    onEndReached?: Func | AsyncFunc;
+    onEndReachedThreshold?: number;
+}
+export declare function getCurrentThreshold(scrollableElement: HTMLElement, scrollThreshold: number): number;
+export declare function useScrollEndReached({ elementRef, onEndReached, onEndReachedThreshold, }: ScrollEndReachedParams): void;

package/lib/hooks/useScrollEndReached/index.js

@@ -0,0 +1,103 @@
+import { c as compilerRuntimeExports } from "../../_virtual/compiler-runtime.js";
+import { useRef, useEffect } from "react";
+function getCurrentThreshold(scrollableElement, scrollThreshold) {
+  const MIN_THRESHOLD = 0;
+  const MAX_THRESHOLD = 1;
+  if (scrollThreshold < MIN_THRESHOLD) return MIN_THRESHOLD;
+  if (scrollThreshold > MAX_THRESHOLD) return MAX_THRESHOLD;
+  const {
+    scrollHeight,
+    clientHeight
+  } = scrollableElement;
+  const offsetHeight = scrollHeight - clientHeight;
+  const calculatedScrollThreshold = Math.round(scrollHeight * scrollThreshold);
+  const maxScrollThreshold = Math.round(offsetHeight - offsetHeight * 0.3);
+  return Math.min(calculatedScrollThreshold, maxScrollThreshold);
+}
+function useScrollEndReached(t0) {
+  const $ = compilerRuntimeExports.c(9);
+  const {
+    elementRef,
+    onEndReached,
+    onEndReachedThreshold: t1
+  } = t0;
+  const onEndReachedThreshold = t1 === void 0 ? 0.1 : t1;
+  const lastScrollHeight = useRef(0);
+  const enableOnEndReached = useRef(true);
+  let t2;
+  if ($[0] !== elementRef || $[1] !== onEndReached || $[2] !== onEndReachedThreshold) {
+    t2 = async () => {
+      const element = elementRef.current;
+      if (element && onEndReached) {
+        const {
+          scrollTop,
+          scrollHeight,
+          clientHeight
+        } = element;
+        const scrollOffset = scrollHeight - clientHeight - scrollTop - 1;
+        const threshold = getCurrentThreshold(element, onEndReachedThreshold);
+        if (scrollOffset <= threshold && enableOnEndReached.current && scrollHeight !== lastScrollHeight.current) {
+          enableOnEndReached.current = false;
+          await new Promise((resolve) => {
+            resolve(onEndReached());
+          });
+          enableOnEndReached.current = true;
+          lastScrollHeight.current = scrollHeight;
+        }
+      }
+    };
+    $[0] = elementRef;
+    $[1] = onEndReached;
+    $[2] = onEndReachedThreshold;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  const onScrollEndReached = t2;
+  let t3;
+  if ($[4] !== elementRef || $[5] !== onEndReached || $[6] !== onScrollEndReached) {
+    t3 = () => {
+      let observer;
+      const element_0 = elementRef.current;
+      if (element_0 && onEndReached) {
+        observer = new ResizeObserver(() => {
+          const currentElement = elementRef.current;
+          if (currentElement) {
+            const {
+              scrollHeight: scrollHeight_0
+            } = currentElement;
+            if (scrollHeight_0 && scrollHeight_0 !== lastScrollHeight.current) {
+              enableOnEndReached.current = true;
+              observer?.disconnect();
+            }
+          }
+        });
+        observer.observe(element_0);
+        element_0.addEventListener("scroll", onScrollEndReached);
+      }
+      return () => {
+        element_0?.removeEventListener("scroll", onScrollEndReached);
+        observer?.disconnect();
+      };
+    };
+    $[4] = elementRef;
+    $[5] = onEndReached;
+    $[6] = onScrollEndReached;
+    $[7] = t3;
+  } else {
+    t3 = $[7];
+  }
+  let t4;
+  if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
+    t4 = [];
+    $[8] = t4;
+  } else {
+    t4 = $[8];
+  }
+  useEffect(t3, t4);
+}
+export {
+  getCurrentThreshold,
+  useScrollEndReached
+};
+//# sourceMappingURL=index.js.map

package/lib/hooks/useScrollEndReached/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/lib/hooks/useScrollEndReached/index.ts"],"sourcesContent":["import { useEffect, useRef } from \"react\";\nimport { AsyncFunc, Func, UseScrollEndReachedParams } from \"./types\";\n\nexport interface ScrollEndReachedParams extends UseScrollEndReachedParams {\n  elementRef: React.RefObject<HTMLElement | null>;\n  onEndReached?: Func | AsyncFunc;\n  onEndReachedThreshold?: number;\n}\n\nexport function getCurrentThreshold(\n  scrollableElement: HTMLElement,\n  scrollThreshold: number,\n): number {\n  const MIN_THRESHOLD = 0;\n  const MAX_THRESHOLD = 1;\n  if (scrollThreshold < MIN_THRESHOLD) return MIN_THRESHOLD;\n  if (scrollThreshold > MAX_THRESHOLD) return MAX_THRESHOLD;\n  const { scrollHeight, clientHeight } = scrollableElement;\n  const offsetHeight = scrollHeight - clientHeight;\n\n  const calculatedScrollThreshold = Math.round(scrollHeight * scrollThreshold);\n  const maxScrollThreshold = Math.round(offsetHeight - (offsetHeight * 0.3));\n\n  return Math.min(calculatedScrollThreshold, maxScrollThreshold);\n}\n\nexport function useScrollEndReached({\n  elementRef,\n  onEndReached,\n  onEndReachedThreshold = 0.1,\n}: ScrollEndReachedParams) {\n  const lastScrollHeight = useRef(0);\n  const enableOnEndReached = useRef(true);\n\n  const onScrollEndReached = async () => {\n    const element = elementRef.current;\n  \n    if (element && onEndReached) {\n      const { scrollTop, scrollHeight, clientHeight } = element;\n      const scrollOffset = scrollHeight - clientHeight - scrollTop - 1;\n      const threshold = getCurrentThreshold(element, onEndReachedThreshold);\n\n      if (\n        scrollOffset <= threshold && enableOnEndReached.current \n        && scrollHeight !== lastScrollHeight.current\n      ) {\n        enableOnEndReached.current = false;\n        await new Promise((resolve) => {\n          resolve(onEndReached());\n        });\n        enableOnEndReached.current = true;\n        lastScrollHeight.current = scrollHeight;\n      }\n    }\n  };\n\n  useEffect(() => {\n    let observer: ResizeObserver | null;\n    const element =  elementRef.current;\n    if (element && onEndReached) {\n      observer = new ResizeObserver(() => {\n        const currentElement = elementRef.current;\n        if (currentElement) {\n          const { scrollHeight } = currentElement as HTMLDivElement;\n          if (scrollHeight && scrollHeight !== lastScrollHeight.current) {\n            enableOnEndReached.current = true;\n            observer?.disconnect();\n          }\n        }\n      });\n  \n      observer.observe(element);\n      element.addEventListener('scroll', onScrollEndReached);\n    }\n  \n    return () => {\n      element?.removeEventListener('scroll', onScrollEndReached);\n      observer?.disconnect();\n    };\n  }, []);\n}\n"],"names":["getCurrentThreshold","scrollableElement","scrollThreshold","MIN_THRESHOLD","MAX_THRESHOLD","scrollHeight","clientHeight","offsetHeight","calculatedScrollThreshold","Math","round","maxScrollThreshold","min","useScrollEndReached","t0","$","_c","elementRef","onEndReached","onEndReachedThreshold","t1","undefined","lastScrollHeight","useRef","enableOnEndReached","t2","element","current","scrollTop","scrollOffset","threshold","Promise","resolve","onScrollEndReached","t3","observer","element_0","ResizeObserver","currentElement","scrollHeight_0","disconnect","observe","addEventListener","removeEventListener","t4","Symbol","for","useEffect"],"mappings":"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"}

package/lib/hooks/useScrollEndReached/types.d.ts

@@ -0,0 +1,6 @@
+export type Func = () => void;
+export type AsyncFunc = () => Promise<void>;
+export interface UseScrollEndReachedParams {
+    onEndReached?: Func | AsyncFunc;
+    onEndReachedThreshold?: number;
+}

package/lib/inputs2/selectfield/base.js

@@ -51,6 +51,8 @@ const InputBase = forwardRef((props, ref) => {
     dropdownMaxWidth = void 0,
     disabled,
     readOnly,
+    onEndReached,
+    onEndReachedThreshold,
     ...rest
   } = props;
   const SELECT_FIELD_CONTROLS_ID = useId();
@@ -428,7 +430,7 @@ const InputBase = forwardRef((props, ref) => {
         ] }),
         hasRightSlotElements && !skeletonize && rightSlotElements,
         /* @__PURE__ */ jsx("div", { className: "triggers", "data-state-disabled": disabled, "data-state-read-only": readOnly, "data-state-skeletonize": skeletonize, children: /* @__PURE__ */ jsx(Triggers, {}) }),
-        listBoxOpen && createPortal(/* @__PURE__ */ jsx(ListBox, { ref: selectListBoxRef, dropdownMaxWidth, children: childrenItems }), document.body)
+        listBoxOpen && createPortal(/* @__PURE__ */ jsx(ListBox, { ref: selectListBoxRef, dropdownMaxWidth, onEndReached, onEndReachedThreshold, children: childrenItems }), document.body)
       ] }),
       hintPosition === "below" && /* @__PURE__ */ jsx(Hint, { customClass: "hint", skeletonize, description: props.hint, disabled, visible: hasHintMessages }),
       hasValidationErrors && /* @__PURE__ */ jsx("span", { "data-testid": "test-select-field-list-errors", className: "error", "data-state-skeletonize": skeletonize, "aria-describedby": String(name).concat("-errors"), children: errors?.map((error, index_2) => /* @__PURE__ */ jsxs(Fragment, { children: [

package/lib/inputs2/selectfield/base.js.map

@@ -1 +1 @@
-{"version":3,"file":"base.js","sources":["../../../src/lib/inputs2/selectfield/base.tsx"],"sourcesContent":["import '../../assets/styles/selectfield.scss';\n\nimport {\n  Children, cloneElement, forwardRef, Fragment, isValidElement, useEffect,\n  useId, useMemo, useRef, useState, type ChangeEvent, type ClipboardEvent,\n  type FocusEvent, type InputEvent, type KeyboardEvent, type ReactNode,\n  type MouseEvent, \n} from 'react';\nimport _ from 'lodash';\nimport { createPortal } from 'react-dom';\nimport Hint from '../../hint';\nimport Popover, { PopoverText } from '../../popover';\nimport { Tooltip } from '../../tooltip';\nimport { mergeRefs } from '../../form2/helpers';\nimport { LeftSlot, RightSlot, type SlotProps } from '../slot';\nimport { ListBox } from './listbox';\nimport { Triggers } from './triggers';\nimport { Selections } from './selections';\nimport { SelectFieldContext } from './context';\nimport { Options, type OptionsProps } from './options';\nimport { Item, type SelectFieldItemProps } from './item';\nimport { Keys, MultipleVariantEnum, SelectFieldInputBaseProps } from './types';\nimport { isTypingKey, NAVIGATION_KEYS, scrollListBoxToElement } from './helpers';\n\nexport const InputBase = forwardRef<HTMLInputElement, SelectFieldInputBaseProps>(\n  (props, ref) => {\n    const {\n      name, label, errors, children, onChange, tooltip, tooltipPosition, tooltipWidth, hintPosition = 'below',\n      themePopover = 'light', popoverAlign = 'left', skeletonize = false, striped = false, undigitable = false, externalSearch = false,\n      openDropdownOnFocus = true, showClearButton = true, textAlign = 'left', searchOnDropdown = false, onSearch = undefined,\n      customClass = '', customClassLabel = '', customClassWrapper = '', customClassInputContainer = '',\n      notFoundFilterLabel = 'Nenhuma opção encontrada.', multipleInputLabelEmpty = 'Nenhum registro selecionado',\n      multipleInputLabelManySelection = 'Múltiplos registros selecionados', searchInputPlaceholder = 'Pesquisar registros',\n      dropdownAlignButton = 'left', dropdownMaxWidth = undefined, disabled, readOnly, ...rest\n    } = props;\n    const SELECT_FIELD_CONTROLS_ID = useId();\n    const [inputValue, setInputValue] = useState('');\n    const [filterValue, setFilterValue] = useState('');\n    const [listBoxOpen, setListBoxOpen] = useState(false);\n    const [activeDescendant, setActiveDescendant] = useState<string | undefined>(undefined);\n    const isMultipleDefault = _.isEqual(props?.multiple, MultipleVariantEnum.default);\n    const isMultipleWithCheckboxes = _.isEqual(props?.multiple, MultipleVariantEnum.checkboxes);\n    const isMultipleSelect = isMultipleDefault || isMultipleWithCheckboxes;\n    const liSelectedRef = useRef<HTMLLIElement | null>(null);\n    const selectFieldRoot = useRef<HTMLDivElement | null>(null);\n    const selectInputRef = useRef<HTMLInputElement | null>(null);\n    const selectListBoxRef = useRef<HTMLDivElement | null>(null);\n    const selectContainerRef = useRef<HTMLDivElement | null>(null);\n    const selectSearchInputRef = useRef<HTMLInputElement | null>(null);\n\n    const listOptionsMap = useMemo(() => {\n      const optionsMap = new Map<string, string>();\n      Children.forEach(children, (child) => {\n        if (isValidElement<SelectFieldItemProps>(child)) {\n          optionsMap.set(child.props.value, child.props.label);\n        }\n      });\n      return optionsMap;\n    }, [children]);\n\n    useEffect(() => {\n      if (isMultipleWithCheckboxes) {\n        setInputValue(multipleInputLabelEmpty);\n      }\n    }, []);\n\n    useEffect(() => {\n      if (openDropdownOnFocus && listBoxOpen) {\n        if (isMultipleWithCheckboxes) {\n          setTimeout(() => { selectSearchInputRef.current?.focus?.(); }, 10);\n        }\n      }\n\n      if (listBoxOpen) {\n        /**\n         * Scroll automático para o item selecionado na abertura do listbox.\n         *\n         * Usa requestAnimationFrame para aguardar que o DOM esteja renderizado e que o container\n         * tenha dimensões estáveis (clientHeight > 0), já que a animação CSS \"revealelement\"\n         * inicia com height: 0%, o que invalida o cálculo de scroll se executado antes.\n         *\n         * O scroll é feito via scrollListBoxToElement (helpers.ts) que manipula diretamente\n         * o scrollTop do <ul>, sem usar scrollIntoView(), evitando propagação indesejada\n         * de scroll para containers ancestrais(ex: body).\n         */\n        let retries = 0;\n        const maxRetries = 20;\n        const scrollToViewSelectedElement = () => {\n          const listBox = selectListBoxRef.current?.querySelector('ul[role=\"listbox\"]');\n          const currentValue = !isMultipleSelect ?\n            props?.value\n            : _.orderBy([...props.value], value => _.toNumber(value), ['asc'])[0];\n          const currentLiElement = listBox?.querySelector(`li[id=\"${\n            _.toString(currentValue)}\"]`) as HTMLLIElement | null;\n          if (currentLiElement && listBox) {\n            if (listBox.clientHeight > 0) {\n              scrollListBoxToElement(listBox, currentLiElement, 'center');\n            } else if (retries < maxRetries) {\n              retries++;\n              requestAnimationFrame(scrollToViewSelectedElement);\n            }\n          }\n        };\n        requestAnimationFrame(scrollToViewSelectedElement);\n      }\n    }, [listBoxOpen]);\n\n    useEffect(() => {\n      if (props?.value && !isMultipleSelect) setActiveDescendant(props?.value);\n      if (!isMultipleWithCheckboxes && !props?.value) setInputValue('');\n      const lazyInputValue = listOptionsMap.get(rest.value);\n      if (!isMultipleWithCheckboxes) setInputValue(lazyInputValue ?? '');\n      if (isMultipleWithCheckboxes) {\n        const firstSelectionLabel = listOptionsMap.get(props?.value[0]);\n        switch (_.size(props?.value)) {\n          case 0:\n            return setInputValue(multipleInputLabelEmpty);\n          case 1:\n            return setInputValue(firstSelectionLabel ?? '');\n          default:\n            return setInputValue(multipleInputLabelManySelection);\n        }\n      }\n    }, [props?.value, listOptionsMap]);\n\n    const hasLabel = !_.isEmpty(props?.label);\n    const hasHintMessages = Boolean(props.hint?.length);\n    const hasValidationErrors = Boolean(errors?.length);\n\n    const { childrenItems } = useMemo(() => {\n      const itens: ReactNode[] = [];\n\n      Children.map(children, (childElement, index) => {\n        if (isValidElement<SelectFieldItemProps>(childElement)) {\n          const clonedChild = cloneElement(childElement, {\n            key: childElement.key ?? `child-item-${index + 1}`,\n          });\n          if (childElement.type === Item) itens.push(clonedChild);\n        }\n      });\n\n      return { childrenItems: itens };\n    }, [children, disabled]);\n\n    const { leftSlotElements, rightSlotElements } = useMemo(() => {\n      const left: ReactNode[] = [];\n      const right: ReactNode[] = [];\n\n      Children.map(children, (childElement, index) => {\n        if (isValidElement<SlotProps>(childElement)) {\n          const clonedChild = cloneElement(childElement, {\n            key: childElement.key ?? `slot-${index}`,\n            disabled: disabled,\n            'aria-disabled': disabled,\n          });\n          if (childElement.type === LeftSlot) left.push(clonedChild);\n          if (childElement.type === RightSlot) right.push(clonedChild);\n        }\n      });\n\n      return { leftSlotElements: left, rightSlotElements: right };\n    }, [children, disabled]);\n\n    const { optionItens } = useMemo(() => {\n      const itens: ReactNode[] = [];\n\n      Children.map(children, (childElement, index) => {\n        if (isValidElement<OptionsProps>(childElement)) {\n          const clonedChildItem = cloneElement(childElement, {\n            key: childElement.key ?? `option-list-${index}`,\n            disabled: disabled,\n          });\n          if (childElement.type === Options) itens.push(clonedChildItem);\n        }\n      });\n\n      return { optionItens: itens };\n    }, [children, disabled]);\n\n    const hasLeftSlotElements = Boolean(leftSlotElements?.length);\n    const hasRightSlotElements = Boolean(rightSlotElements?.length);\n\n    const handleCloseListBox = () => {\n      setListBoxOpen(false);\n      setFilterValue('');\n    };\n\n    const handleOpenListBox = () => {\n      const currentValue = !isMultipleSelect ?\n        props?.value\n        : _.orderBy([...props.value], value => _.toNumber(value), ['asc'])[0];\n      setActiveDescendant(_.toString(currentValue) ?? undefined);\n    };\n\n    const handleChangeListBoxState = () => {\n      setListBoxOpen((prevState) => {\n        if (prevState) {\n          setFilterValue('');\n        }\n        if (selectInputRef.current !== document.activeElement) {\n          selectInputRef?.current?.focus?.();\n        }\n        handleOpenListBox();\n        return !prevState;\n      });\n    };\n\n    const handleChangeLiSelected = (liElement: HTMLLIElement | null) => {\n      liSelectedRef.current = liElement;\n    };\n\n    const handleOnChange = (value?: any, inputLabel?: string, addOrRemove?: boolean) => {\n      let multipleValue = props?.value;\n      if (!addOrRemove) multipleValue = _.union(props.value, [value]);\n      if (addOrRemove) multipleValue = _.without(props.value, value);\n      const changedValue = !isMultipleSelect ?\n        value\n        : _.orderBy(multipleValue, multiValue => _.toNumber(multiValue), ['asc']);\n      const syntheticEvent = {\n        target: {\n          name,\n          value: changedValue as any,\n        },\n      } as ChangeEvent<HTMLInputElement>;\n      onChange?.(syntheticEvent);\n      if (!isMultipleSelect) {\n        setListBoxOpen(false);\n        setFilterValue('');\n        setInputValue(inputLabel ?? '');\n        if (document.activeElement === selectSearchInputRef.current) {\n          selectInputRef?.current?.focus?.();\n          setListBoxOpen(false);\n        }\n      }\n    };\n\n    const handleCheckMultiple = (checkOrUncheckAll?: boolean) => {\n      const checkAll = Boolean(checkOrUncheckAll);\n      const allValues: any[] = [];\n      listOptionsMap.forEach((__, key) => allValues.push(key));\n      const value: any = checkAll ? allValues : [];\n      const syntheticEvent = {\n        target: {\n          name,\n          value,\n        },\n      } as ChangeEvent<HTMLInputElement>;\n      onChange?.(syntheticEvent);\n    };\n\n    const handleClearValue = () => {\n      const resetValue = !isMultipleSelect ? '' : [];\n      const syntheticEvent = {\n        target: {\n          name,\n          value: resetValue as any,\n        },\n      } as ChangeEvent<HTMLInputElement>;\n      onChange?.(syntheticEvent);\n      setListBoxOpen(false);\n      if (!isMultipleSelect) {\n        setFilterValue('');\n        setInputValue('');\n      }\n      if (isMultipleWithCheckboxes) {\n        setInputValue(multipleInputLabelEmpty);\n      }\n    };\n\n    const handleOnBlur = (event: FocusEvent<HTMLInputElement>) => {\n      props?.onBlur?.(event);\n      if (!event.relatedTarget || event.relatedTarget !== selectSearchInputRef.current) {\n        setListBoxOpen(false);\n      }\n      setFilterValue('');\n    };\n\n    const handleOnFocus = (event: FocusEvent<HTMLInputElement>) => {\n      props?.onFocus?.(event);\n      if (openDropdownOnFocus) {\n        setListBoxOpen(true);\n        handleOpenListBox();\n      }\n    };\n\n    const handleOnChangeInput = (event: ChangeEvent<HTMLInputElement>) => {\n      setFilterValue(event.target.value);\n      setInputValue(event.target.value);\n    };\n\n    const handleOnPaste = (event: ClipboardEvent<HTMLInputElement>) => {\n      if (undigitable || isMultipleWithCheckboxes) {\n        event.preventDefault();\n      } else {\n        props.onPaste?.(event);\n      }\n    };\n\n    const handleOnBeforeInput = (event: InputEvent<HTMLInputElement>) => {\n      if (undigitable || isMultipleWithCheckboxes) {\n        event.preventDefault();\n      } else {\n        props.onBeforeInput?.(event);\n      }\n    };\n\n    const handleOnMouseDown = (event: MouseEvent<HTMLInputElement>) => {\n      if (undigitable) {\n        event.preventDefault();\n      } else {\n        props.onMouseDown?.(event);\n        if (openDropdownOnFocus && !listBoxOpen) {\n          setListBoxOpen(true);\n          handleOpenListBox();\n        }\n      }\n    };\n\n    const handleOnSearch = (event: ChangeEvent<HTMLInputElement>) => {\n      if (externalSearch) {\n        onSearch?.(event);\n      } else {\n        setFilterValue(event.target.value);\n      }\n    };\n\n    const handleOnKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n      props?.onKeyDown?.(event);\n      const notUndigitableKeys: string[] = [Keys.backspace, Keys.delete];\n      if ((undigitable) && notUndigitableKeys.includes(event.key)) {\n        event.preventDefault();\n        return;\n      }\n      const shouldOpenByTyping = isTypingKey(event) || event.key === Keys.arrowDown;\n      if (shouldOpenByTyping && selectInputRef.current === document.activeElement) {\n        if (event.key === Keys.arrowDown) {\n          event.preventDefault();\n        }\n        requestAnimationFrame(() => {\n          const ulListElement = selectListBoxRef.current?.querySelector('ul[role=\"listbox\"]');\n          const liElementsFiltered = (ulListElement?.querySelectorAll(\n            'li[data-state-filtered=\"true\"]',\n          ) ?? []) as HTMLLIElement[];\n          if (!listBoxOpen && event.key === Keys.arrowDown) {\n            const currentValue = !isMultipleSelect ?\n              props?.value\n              : _.orderBy([...props.value], value => _.toNumber(value), ['asc'])[0];\n            setActiveDescendant(_.toString(currentValue) ?? undefined);\n          } else {\n            setActiveDescendant(liElementsFiltered[0]?.id ?? undefined);\n          }\n        });\n        if (!listBoxOpen) {\n          setListBoxOpen(true);\n          handleOpenListBox();\n        }\n      }\n      if (listBoxOpen && NAVIGATION_KEYS.includes(event.key)) {\n        event.preventDefault();\n      }\n      requestAnimationFrame(() => {\n        const ulListElement = selectListBoxRef.current?.querySelector('ul[role=\"listbox\"]');\n        const liElementsFiltered = (ulListElement?.querySelectorAll(\n          'li[data-state-filtered=\"true\"]',\n        ) ?? []) as HTMLLIElement[];\n        const currentElementIndex = Array.from(liElementsFiltered).findIndex(\n          liElement => liElement.id === activeDescendant,\n        );\n        let nextElementIndex = currentElementIndex;\n        if (listBoxOpen) {\n          if (NAVIGATION_KEYS.includes(event.key)) {\n            switch (event.key) {\n              case Keys.escape:\n                setListBoxOpen(false);\n                setFilterValue('');\n                selectInputRef.current?.focus();\n                if (event.target === selectSearchInputRef.current) {\n                  setListBoxOpen(false);\n                }\n                break;\n              case Keys.arrowDown:\n                nextElementIndex = Math.min(currentElementIndex + 1, liElementsFiltered.length - 1);\n                break;\n              case Keys.arrowUp:\n                nextElementIndex = Math.max(currentElementIndex - 1, 0);\n                break;\n              case Keys.enter:\n                if (activeDescendant) {\n                  const selectedLIOption = liElementsFiltered[nextElementIndex];\n                  if (selectedLIOption) {\n                    selectedLIOption.click();\n                  }\n                }\n                break;\n              default:\n                break;\n            }\n            const nextLIOption = liElementsFiltered[nextElementIndex];\n            if (nextLIOption) {\n              setActiveDescendant(nextLIOption?.id ?? '');\n              const ulListBox = selectListBoxRef.current?.querySelector('ul[role=\"listbox\"]');\n              scrollListBoxToElement(ulListBox, nextLIOption, 'nearest');\n            }\n          }\n        } else return null;\n      });\n    };\n\n    const contextValues = ({\n      selectFieldId: SELECT_FIELD_CONTROLS_ID, label: props.label, striped, listBoxOpen,\n      filterValue, disabled, liSelectedRef, selectInputRef, selectSearchInputRef, handleOnSearch,\n      searchOnDropdown, nameSelect: String(props.name), valueSelect: props?.value,\n      activeDescendant, handleOnChange, handleOnKeyDown, selectContainerRef, handleCloseListBox,\n      notFoundFilterLabel, handleChangeLiSelected, isMultipleSelect, isMultipleDefault,\n      isMultipleWithCheckboxes, searchInputPlaceholder, showClearButton, dropdownAlignButton,\n      handleClearValue, handleCheckMultiple, handleChangeListBoxState, optionItens,\n    });\n\n    return (\n      <Fragment>\n        <SelectFieldContext.Provider value={contextValues}>\n          <div\n            ref={selectFieldRoot}\n            data-testid=\"test-select-field-root\"\n            className={`select-field-root ${customClassWrapper}`}\n            data-state-error={hasValidationErrors}\n            data-state-hint-position={hintPosition}>\n            {hasLabel && (\n              <span\n                className={`root-label ${customClassLabel}`}\n                data-state-skeletonize={skeletonize}>\n                <label\n                  data-testid=\"test-select-field-label\"\n                  className=\"label\"\n                  title={label}\n                  htmlFor={name}\n                  aria-disabled={disabled}\n                  aria-readonly={readOnly}\n                  data-state-input-required={props.required}>\n                  {label}\n                </label>\n                {hasHintMessages && hintPosition === 'onLabelRight' && !skeletonize && (\n                  <Popover\n                    customClass=\"label-popover\"\n                    theme={themePopover}\n                    align={popoverAlign}\n                    iconColor=\"#03bde2\">\n                    <PopoverText text={props?.hint ?? ''} />\n                  </Popover>\n                )}\n              </span>\n            )}\n            <div\n              ref={selectContainerRef}\n              className={`container ${customClassInputContainer}`}\n              aria-expanded={listBoxOpen}\n              data-state-skeletonize={skeletonize}>\n              {(hasLeftSlotElements && !skeletonize) && leftSlotElements}\n              <div className=\"input-root\">\n                <input\n                  {...rest}\n                  ref={mergeRefs(ref, selectInputRef)}\n                  readOnly={props.readOnly || undigitable}\n                  className={`input ${customClass}`}\n                  placeholder={rest.placeholder}\n                  data-state-error={hasValidationErrors}\n                  data-state-multiple={isMultipleSelect}\n                  data-state-read-only={readOnly}\n                  data-state-text-align={textAlign}\n                  data-state-undigitable={undigitable}\n                  data-state-skeletonize={skeletonize}\n                  data-state-multiple-with-checkboxes={isMultipleWithCheckboxes}\n                  id={name}\n                  type=\"text\"\n                  role=\"combobox\"\n                  multiple={false}\n                  disabled={disabled}\n                  data-testid=\"test-select-field-input\"\n                  aria-autocomplete=\"list\"\n                  aria-expanded={listBoxOpen}\n                  aria-controls={SELECT_FIELD_CONTROLS_ID}\n                  aria-activedescendant={activeDescendant}\n                  tabIndex={(!readOnly && !skeletonize) ? 0 : -1}\n                  value={inputValue}\n                  onBlur={handleOnBlur}\n                  onFocus={handleOnFocus}\n                  onKeyDown={handleOnKeyDown}\n                  onChange={handleOnChangeInput}\n                  onPaste={handleOnPaste}\n                  onMouseDown={handleOnMouseDown}\n                  onBeforeInput={handleOnBeforeInput} />\n                {isMultipleDefault && (\n                  <Selections\n                    disabled={Boolean(disabled)}\n                    isReadOnly={Boolean(readOnly)}\n                    listOfOptionsToSelect={listOptionsMap} />\n                )}\n              </div>\n              {(hasRightSlotElements && !skeletonize) && rightSlotElements}\n              <div\n                className=\"triggers\"\n                data-state-disabled={disabled}\n                data-state-read-only={readOnly}\n                data-state-skeletonize={skeletonize}>\n                <Triggers />\n              </div>\n              {listBoxOpen && createPortal(\n                <ListBox\n                  ref={selectListBoxRef}\n                  dropdownMaxWidth={dropdownMaxWidth}>\n                  {childrenItems}\n                </ListBox>,\n                document.body,\n              )}\n            </div>\n            {hintPosition === 'below' && (\n              <Hint\n                customClass=\"hint\"\n                skeletonize={skeletonize}\n                description={props.hint}\n                disabled={disabled}\n                visible={hasHintMessages} />\n            )}\n            {hasValidationErrors && (\n              <span\n                data-testid=\"test-select-field-list-errors\"\n                className=\"error\"\n                data-state-skeletonize={skeletonize}\n                aria-describedby={String(name).concat('-errors')}>\n                {errors?.map((error, index) => (\n                  <Fragment key={`${index + 1}-${error}`}>\n                    {error}\n                    {' '}\n                  </Fragment>\n                ))}\n              </span>\n            )}\n          </div>\n        </SelectFieldContext.Provider>\n        <Tooltip\n          targetRef={selectInputRef}\n          text={tooltip}\n          position={tooltipPosition}\n          width={tooltipWidth}\n          space={tooltipPosition === 'right' ? 64 : undefined} />\n      </Fragment>\n    );\n  },\n);\n\nInputBase.displayName = 'SelectFieldInputBase';\n"],"names":["InputBase","forwardRef","props","ref","name","label","errors","children","onChange","tooltip","tooltipPosition","tooltipWidth","hintPosition","themePopover","popoverAlign","skeletonize","striped","undigitable","externalSearch","openDropdownOnFocus","showClearButton","textAlign","searchOnDropdown","onSearch","undefined","customClass","customClassLabel","customClassWrapper","customClassInputContainer","notFoundFilterLabel","multipleInputLabelEmpty","multipleInputLabelManySelection","searchInputPlaceholder","dropdownAlignButton","dropdownMaxWidth","disabled","readOnly","rest","SELECT_FIELD_CONTROLS_ID","useId","inputValue","setInputValue","useState","filterValue","setFilterValue","listBoxOpen","setListBoxOpen","activeDescendant","setActiveDescendant","isMultipleDefault","_","isEqual","multiple","MultipleVariantEnum","default","isMultipleWithCheckboxes","checkboxes","isMultipleSelect","liSelectedRef","useRef","selectFieldRoot","selectInputRef","selectListBoxRef","selectContainerRef","selectSearchInputRef","listOptionsMap","useMemo","optionsMap","Map","Children","forEach","child","isValidElement","set","value","useEffect","setTimeout","current","focus","retries","maxRetries","scrollToViewSelectedElement","listBox","querySelector","currentValue","orderBy","toNumber","currentLiElement","toString","clientHeight","scrollListBoxToElement","requestAnimationFrame","lazyInputValue","get","firstSelectionLabel","size","hasLabel","isEmpty","hasHintMessages","Boolean","hint","length","hasValidationErrors","childrenItems","itens","map","childElement","index","clonedChild","cloneElement","key","type","Item","push","leftSlotElements","rightSlotElements","left","right","LeftSlot","RightSlot","optionItens","clonedChildItem","Options","hasLeftSlotElements","hasRightSlotElements","handleCloseListBox","handleOpenListBox","handleChangeListBoxState","prevState","document","activeElement","handleChangeLiSelected","liElement","handleOnChange","inputLabel","addOrRemove","multipleValue","union","without","changedValue","multiValue","syntheticEvent","target","handleCheckMultiple","checkOrUncheckAll","checkAll","allValues","__","handleClearValue","resetValue","handleOnBlur","event","onBlur","relatedTarget","handleOnFocus","onFocus","handleOnChangeInput","handleOnPaste","preventDefault","onPaste","handleOnBeforeInput","onBeforeInput","handleOnMouseDown","onMouseDown","handleOnSearch","handleOnKeyDown","onKeyDown","notUndigitableKeys","Keys","backspace","delete","includes","shouldOpenByTyping","isTypingKey","arrowDown","ulListElement","liElementsFiltered","querySelectorAll","id","NAVIGATION_KEYS","currentElementIndex","Array","from","findIndex","nextElementIndex","escape","Math","min","arrowUp","max","enter","selectedLIOption","click","nextLIOption","ulListBox","contextValues","selectFieldId","nameSelect","String","valueSelect","required","mergeRefs","placeholder","createPortal","body","concat","error","displayName"],"mappings":"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"}
+{"version":3,"file":"base.js","sources":["../../../src/lib/inputs2/selectfield/base.tsx"],"sourcesContent":["import '../../assets/styles/selectfield.scss';\n\nimport {\n  Children, cloneElement, forwardRef, Fragment, isValidElement, useEffect,\n  useId, useMemo, useRef, useState, type ChangeEvent, type ClipboardEvent,\n  type FocusEvent, type InputEvent, type KeyboardEvent, type ReactNode,\n  type MouseEvent, \n} from 'react';\nimport _ from 'lodash';\nimport { createPortal } from 'react-dom';\nimport Hint from '../../hint';\nimport Popover, { PopoverText } from '../../popover';\nimport { Tooltip } from '../../tooltip';\nimport { mergeRefs } from '../../form2/helpers';\nimport { LeftSlot, RightSlot, type SlotProps } from '../slot';\nimport { ListBox } from './listbox';\nimport { Triggers } from './triggers';\nimport { Selections } from './selections';\nimport { SelectFieldContext } from './context';\nimport { Options, type OptionsProps } from './options';\nimport { Item, type SelectFieldItemProps } from './item';\nimport { Keys, MultipleVariantEnum, SelectFieldInputBaseProps } from './types';\nimport { isTypingKey, NAVIGATION_KEYS, scrollListBoxToElement } from './helpers';\n\nexport const InputBase = forwardRef<HTMLInputElement, SelectFieldInputBaseProps>(\n  (props, ref) => {\n    const {\n      name, label, errors, children, onChange, tooltip, tooltipPosition, tooltipWidth, hintPosition = 'below',\n      themePopover = 'light', popoverAlign = 'left', skeletonize = false, striped = false, undigitable = false, externalSearch = false,\n      openDropdownOnFocus = true, showClearButton = true, textAlign = 'left', searchOnDropdown = false, onSearch = undefined,\n      customClass = '', customClassLabel = '', customClassWrapper = '', customClassInputContainer = '',\n      notFoundFilterLabel = 'Nenhuma opção encontrada.', multipleInputLabelEmpty = 'Nenhum registro selecionado',\n      multipleInputLabelManySelection = 'Múltiplos registros selecionados', searchInputPlaceholder = 'Pesquisar registros',\n      dropdownAlignButton = 'left', dropdownMaxWidth = undefined, disabled, readOnly, onEndReached,\n      onEndReachedThreshold, ...rest\n    } = props;\n    const SELECT_FIELD_CONTROLS_ID = useId();\n    const [inputValue, setInputValue] = useState('');\n    const [filterValue, setFilterValue] = useState('');\n    const [listBoxOpen, setListBoxOpen] = useState(false);\n    const [activeDescendant, setActiveDescendant] = useState<string | undefined>(undefined);\n    const isMultipleDefault = _.isEqual(props?.multiple, MultipleVariantEnum.default);\n    const isMultipleWithCheckboxes = _.isEqual(props?.multiple, MultipleVariantEnum.checkboxes);\n    const isMultipleSelect = isMultipleDefault || isMultipleWithCheckboxes;\n    const liSelectedRef = useRef<HTMLLIElement | null>(null);\n    const selectFieldRoot = useRef<HTMLDivElement | null>(null);\n    const selectInputRef = useRef<HTMLInputElement | null>(null);\n    const selectListBoxRef = useRef<HTMLDivElement | null>(null);\n    const selectContainerRef = useRef<HTMLDivElement | null>(null);\n    const selectSearchInputRef = useRef<HTMLInputElement | null>(null);\n\n    const listOptionsMap = useMemo(() => {\n      const optionsMap = new Map<string, string>();\n      Children.forEach(children, (child) => {\n        if (isValidElement<SelectFieldItemProps>(child)) {\n          optionsMap.set(child.props.value, child.props.label);\n        }\n      });\n      return optionsMap;\n    }, [children]);\n\n    useEffect(() => {\n      if (isMultipleWithCheckboxes) {\n        setInputValue(multipleInputLabelEmpty);\n      }\n    }, []);\n\n    useEffect(() => {\n      if (openDropdownOnFocus && listBoxOpen) {\n        if (isMultipleWithCheckboxes) {\n          setTimeout(() => { selectSearchInputRef.current?.focus?.(); }, 10);\n        }\n      }\n\n      if (listBoxOpen) {\n        /**\n         * Scroll automático para o item selecionado na abertura do listbox.\n         *\n         * Usa requestAnimationFrame para aguardar que o DOM esteja renderizado e que o container\n         * tenha dimensões estáveis (clientHeight > 0), já que a animação CSS \"revealelement\"\n         * inicia com height: 0%, o que invalida o cálculo de scroll se executado antes.\n         *\n         * O scroll é feito via scrollListBoxToElement (helpers.ts) que manipula diretamente\n         * o scrollTop do <ul>, sem usar scrollIntoView(), evitando propagação indesejada\n         * de scroll para containers ancestrais(ex: body).\n         */\n        let retries = 0;\n        const maxRetries = 20;\n        const scrollToViewSelectedElement = () => {\n          const listBox = selectListBoxRef.current?.querySelector('ul[role=\"listbox\"]');\n          const currentValue = !isMultipleSelect ?\n            props?.value\n            : _.orderBy([...props.value], value => _.toNumber(value), ['asc'])[0];\n          const currentLiElement = listBox?.querySelector(`li[id=\"${\n            _.toString(currentValue)}\"]`) as HTMLLIElement | null;\n          if (currentLiElement && listBox) {\n            if (listBox.clientHeight > 0) {\n              scrollListBoxToElement(listBox, currentLiElement, 'center');\n            } else if (retries < maxRetries) {\n              retries++;\n              requestAnimationFrame(scrollToViewSelectedElement);\n            }\n          }\n        };\n        requestAnimationFrame(scrollToViewSelectedElement);\n      }\n    }, [listBoxOpen]);\n\n    useEffect(() => {\n      if (props?.value && !isMultipleSelect) setActiveDescendant(props?.value);\n      if (!isMultipleWithCheckboxes && !props?.value) setInputValue('');\n      const lazyInputValue = listOptionsMap.get(rest.value);\n      if (!isMultipleWithCheckboxes) setInputValue(lazyInputValue ?? '');\n      if (isMultipleWithCheckboxes) {\n        const firstSelectionLabel = listOptionsMap.get(props?.value[0]);\n        switch (_.size(props?.value)) {\n          case 0:\n            return setInputValue(multipleInputLabelEmpty);\n          case 1:\n            return setInputValue(firstSelectionLabel ?? '');\n          default:\n            return setInputValue(multipleInputLabelManySelection);\n        }\n      }\n    }, [props?.value, listOptionsMap]);\n\n    const hasLabel = !_.isEmpty(props?.label);\n    const hasHintMessages = Boolean(props.hint?.length);\n    const hasValidationErrors = Boolean(errors?.length);\n\n    const { childrenItems } = useMemo(() => {\n      const itens: ReactNode[] = [];\n\n      Children.map(children, (childElement, index) => {\n        if (isValidElement<SelectFieldItemProps>(childElement)) {\n          const clonedChild = cloneElement(childElement, {\n            key: childElement.key ?? `child-item-${index + 1}`,\n          });\n          if (childElement.type === Item) itens.push(clonedChild);\n        }\n      });\n\n      return { childrenItems: itens };\n    }, [children, disabled]);\n\n    const { leftSlotElements, rightSlotElements } = useMemo(() => {\n      const left: ReactNode[] = [];\n      const right: ReactNode[] = [];\n\n      Children.map(children, (childElement, index) => {\n        if (isValidElement<SlotProps>(childElement)) {\n          const clonedChild = cloneElement(childElement, {\n            key: childElement.key ?? `slot-${index}`,\n            disabled: disabled,\n            'aria-disabled': disabled,\n          });\n          if (childElement.type === LeftSlot) left.push(clonedChild);\n          if (childElement.type === RightSlot) right.push(clonedChild);\n        }\n      });\n\n      return { leftSlotElements: left, rightSlotElements: right };\n    }, [children, disabled]);\n\n    const { optionItens } = useMemo(() => {\n      const itens: ReactNode[] = [];\n\n      Children.map(children, (childElement, index) => {\n        if (isValidElement<OptionsProps>(childElement)) {\n          const clonedChildItem = cloneElement(childElement, {\n            key: childElement.key ?? `option-list-${index}`,\n            disabled: disabled,\n          });\n          if (childElement.type === Options) itens.push(clonedChildItem);\n        }\n      });\n\n      return { optionItens: itens };\n    }, [children, disabled]);\n\n    const hasLeftSlotElements = Boolean(leftSlotElements?.length);\n    const hasRightSlotElements = Boolean(rightSlotElements?.length);\n\n    const handleCloseListBox = () => {\n      setListBoxOpen(false);\n      setFilterValue('');\n    };\n\n    const handleOpenListBox = () => {\n      const currentValue = !isMultipleSelect ?\n        props?.value\n        : _.orderBy([...props.value], value => _.toNumber(value), ['asc'])[0];\n      setActiveDescendant(_.toString(currentValue) ?? undefined);\n    };\n\n    const handleChangeListBoxState = () => {\n      setListBoxOpen((prevState) => {\n        if (prevState) {\n          setFilterValue('');\n        }\n        if (selectInputRef.current !== document.activeElement) {\n          selectInputRef?.current?.focus?.();\n        }\n        handleOpenListBox();\n        return !prevState;\n      });\n    };\n\n    const handleChangeLiSelected = (liElement: HTMLLIElement | null) => {\n      liSelectedRef.current = liElement;\n    };\n\n    const handleOnChange = (value?: any, inputLabel?: string, addOrRemove?: boolean) => {\n      let multipleValue = props?.value;\n      if (!addOrRemove) multipleValue = _.union(props.value, [value]);\n      if (addOrRemove) multipleValue = _.without(props.value, value);\n      const changedValue = !isMultipleSelect ?\n        value\n        : _.orderBy(multipleValue, multiValue => _.toNumber(multiValue), ['asc']);\n      const syntheticEvent = {\n        target: {\n          name,\n          value: changedValue as any,\n        },\n      } as ChangeEvent<HTMLInputElement>;\n      onChange?.(syntheticEvent);\n      if (!isMultipleSelect) {\n        setListBoxOpen(false);\n        setFilterValue('');\n        setInputValue(inputLabel ?? '');\n        if (document.activeElement === selectSearchInputRef.current) {\n          selectInputRef?.current?.focus?.();\n          setListBoxOpen(false);\n        }\n      }\n    };\n\n    const handleCheckMultiple = (checkOrUncheckAll?: boolean) => {\n      const checkAll = Boolean(checkOrUncheckAll);\n      const allValues: any[] = [];\n      listOptionsMap.forEach((__, key) => allValues.push(key));\n      const value: any = checkAll ? allValues : [];\n      const syntheticEvent = {\n        target: {\n          name,\n          value,\n        },\n      } as ChangeEvent<HTMLInputElement>;\n      onChange?.(syntheticEvent);\n    };\n\n    const handleClearValue = () => {\n      const resetValue = !isMultipleSelect ? '' : [];\n      const syntheticEvent = {\n        target: {\n          name,\n          value: resetValue as any,\n        },\n      } as ChangeEvent<HTMLInputElement>;\n      onChange?.(syntheticEvent);\n      setListBoxOpen(false);\n      if (!isMultipleSelect) {\n        setFilterValue('');\n        setInputValue('');\n      }\n      if (isMultipleWithCheckboxes) {\n        setInputValue(multipleInputLabelEmpty);\n      }\n    };\n\n    const handleOnBlur = (event: FocusEvent<HTMLInputElement>) => {\n      props?.onBlur?.(event);\n      if (!event.relatedTarget || event.relatedTarget !== selectSearchInputRef.current) {\n        setListBoxOpen(false);\n      }\n      setFilterValue('');\n    };\n\n    const handleOnFocus = (event: FocusEvent<HTMLInputElement>) => {\n      props?.onFocus?.(event);\n      if (openDropdownOnFocus) {\n        setListBoxOpen(true);\n        handleOpenListBox();\n      }\n    };\n\n    const handleOnChangeInput = (event: ChangeEvent<HTMLInputElement>) => {\n      setFilterValue(event.target.value);\n      setInputValue(event.target.value);\n    };\n\n    const handleOnPaste = (event: ClipboardEvent<HTMLInputElement>) => {\n      if (undigitable || isMultipleWithCheckboxes) {\n        event.preventDefault();\n      } else {\n        props.onPaste?.(event);\n      }\n    };\n\n    const handleOnBeforeInput = (event: InputEvent<HTMLInputElement>) => {\n      if (undigitable || isMultipleWithCheckboxes) {\n        event.preventDefault();\n      } else {\n        props.onBeforeInput?.(event);\n      }\n    };\n\n    const handleOnMouseDown = (event: MouseEvent<HTMLInputElement>) => {\n      if (undigitable) {\n        event.preventDefault();\n      } else {\n        props.onMouseDown?.(event);\n        if (openDropdownOnFocus && !listBoxOpen) {\n          setListBoxOpen(true);\n          handleOpenListBox();\n        }\n      }\n    };\n\n    const handleOnSearch = (event: ChangeEvent<HTMLInputElement>) => {\n      if (externalSearch) {\n        onSearch?.(event);\n      } else {\n        setFilterValue(event.target.value);\n      }\n    };\n\n    const handleOnKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n      props?.onKeyDown?.(event);\n      const notUndigitableKeys: string[] = [Keys.backspace, Keys.delete];\n      if ((undigitable) && notUndigitableKeys.includes(event.key)) {\n        event.preventDefault();\n        return;\n      }\n      const shouldOpenByTyping = isTypingKey(event) || event.key === Keys.arrowDown;\n      if (shouldOpenByTyping && selectInputRef.current === document.activeElement) {\n        if (event.key === Keys.arrowDown) {\n          event.preventDefault();\n        }\n        requestAnimationFrame(() => {\n          const ulListElement = selectListBoxRef.current?.querySelector('ul[role=\"listbox\"]');\n          const liElementsFiltered = (ulListElement?.querySelectorAll(\n            'li[data-state-filtered=\"true\"]',\n          ) ?? []) as HTMLLIElement[];\n          if (!listBoxOpen && event.key === Keys.arrowDown) {\n            const currentValue = !isMultipleSelect ?\n              props?.value\n              : _.orderBy([...props.value], value => _.toNumber(value), ['asc'])[0];\n            setActiveDescendant(_.toString(currentValue) ?? undefined);\n          } else {\n            setActiveDescendant(liElementsFiltered[0]?.id ?? undefined);\n          }\n        });\n        if (!listBoxOpen) {\n          setListBoxOpen(true);\n          handleOpenListBox();\n        }\n      }\n      if (listBoxOpen && NAVIGATION_KEYS.includes(event.key)) {\n        event.preventDefault();\n      }\n      requestAnimationFrame(() => {\n        const ulListElement = selectListBoxRef.current?.querySelector('ul[role=\"listbox\"]');\n        const liElementsFiltered = (ulListElement?.querySelectorAll(\n          'li[data-state-filtered=\"true\"]',\n        ) ?? []) as HTMLLIElement[];\n        const currentElementIndex = Array.from(liElementsFiltered).findIndex(\n          liElement => liElement.id === activeDescendant,\n        );\n        let nextElementIndex = currentElementIndex;\n        if (listBoxOpen) {\n          if (NAVIGATION_KEYS.includes(event.key)) {\n            switch (event.key) {\n              case Keys.escape:\n                setListBoxOpen(false);\n                setFilterValue('');\n                selectInputRef.current?.focus();\n                if (event.target === selectSearchInputRef.current) {\n                  setListBoxOpen(false);\n                }\n                break;\n              case Keys.arrowDown:\n                nextElementIndex = Math.min(currentElementIndex + 1, liElementsFiltered.length - 1);\n                break;\n              case Keys.arrowUp:\n                nextElementIndex = Math.max(currentElementIndex - 1, 0);\n                break;\n              case Keys.enter:\n                if (activeDescendant) {\n                  const selectedLIOption = liElementsFiltered[nextElementIndex];\n                  if (selectedLIOption) {\n                    selectedLIOption.click();\n                  }\n                }\n                break;\n              default:\n                break;\n            }\n            const nextLIOption = liElementsFiltered[nextElementIndex];\n            if (nextLIOption) {\n              setActiveDescendant(nextLIOption?.id ?? '');\n              const ulListBox = selectListBoxRef.current?.querySelector('ul[role=\"listbox\"]');\n              scrollListBoxToElement(ulListBox, nextLIOption, 'nearest');\n            }\n          }\n        } else return null;\n      });\n    };\n\n    const contextValues = ({\n      selectFieldId: SELECT_FIELD_CONTROLS_ID, label: props.label, striped, listBoxOpen,\n      filterValue, disabled, liSelectedRef, selectInputRef, selectSearchInputRef, handleOnSearch,\n      searchOnDropdown, nameSelect: String(props.name), valueSelect: props?.value,\n      activeDescendant, handleOnChange, handleOnKeyDown, selectContainerRef, handleCloseListBox,\n      notFoundFilterLabel, handleChangeLiSelected, isMultipleSelect, isMultipleDefault,\n      isMultipleWithCheckboxes, searchInputPlaceholder, showClearButton, dropdownAlignButton,\n      handleClearValue, handleCheckMultiple, handleChangeListBoxState, optionItens,\n    });\n\n    return (\n      <Fragment>\n        <SelectFieldContext.Provider value={contextValues}>\n          <div\n            ref={selectFieldRoot}\n            data-testid=\"test-select-field-root\"\n            className={`select-field-root ${customClassWrapper}`}\n            data-state-error={hasValidationErrors}\n            data-state-hint-position={hintPosition}>\n            {hasLabel && (\n              <span\n                className={`root-label ${customClassLabel}`}\n                data-state-skeletonize={skeletonize}>\n                <label\n                  data-testid=\"test-select-field-label\"\n                  className=\"label\"\n                  title={label}\n                  htmlFor={name}\n                  aria-disabled={disabled}\n                  aria-readonly={readOnly}\n                  data-state-input-required={props.required}>\n                  {label}\n                </label>\n                {hasHintMessages && hintPosition === 'onLabelRight' && !skeletonize && (\n                  <Popover\n                    customClass=\"label-popover\"\n                    theme={themePopover}\n                    align={popoverAlign}\n                    iconColor=\"#03bde2\">\n                    <PopoverText text={props?.hint ?? ''} />\n                  </Popover>\n                )}\n              </span>\n            )}\n            <div\n              ref={selectContainerRef}\n              className={`container ${customClassInputContainer}`}\n              aria-expanded={listBoxOpen}\n              data-state-skeletonize={skeletonize}>\n              {(hasLeftSlotElements && !skeletonize) && leftSlotElements}\n              <div className=\"input-root\">\n                <input\n                  {...rest}\n                  ref={mergeRefs(ref, selectInputRef)}\n                  readOnly={props.readOnly || undigitable}\n                  className={`input ${customClass}`}\n                  placeholder={rest.placeholder}\n                  data-state-error={hasValidationErrors}\n                  data-state-multiple={isMultipleSelect}\n                  data-state-read-only={readOnly}\n                  data-state-text-align={textAlign}\n                  data-state-undigitable={undigitable}\n                  data-state-skeletonize={skeletonize}\n                  data-state-multiple-with-checkboxes={isMultipleWithCheckboxes}\n                  id={name}\n                  type=\"text\"\n                  role=\"combobox\"\n                  multiple={false}\n                  disabled={disabled}\n                  data-testid=\"test-select-field-input\"\n                  aria-autocomplete=\"list\"\n                  aria-expanded={listBoxOpen}\n                  aria-controls={SELECT_FIELD_CONTROLS_ID}\n                  aria-activedescendant={activeDescendant}\n                  tabIndex={(!readOnly && !skeletonize) ? 0 : -1}\n                  value={inputValue}\n                  onBlur={handleOnBlur}\n                  onFocus={handleOnFocus}\n                  onKeyDown={handleOnKeyDown}\n                  onChange={handleOnChangeInput}\n                  onPaste={handleOnPaste}\n                  onMouseDown={handleOnMouseDown}\n                  onBeforeInput={handleOnBeforeInput} />\n                {isMultipleDefault && (\n                  <Selections\n                    disabled={Boolean(disabled)}\n                    isReadOnly={Boolean(readOnly)}\n                    listOfOptionsToSelect={listOptionsMap} />\n                )}\n              </div>\n              {(hasRightSlotElements && !skeletonize) && rightSlotElements}\n              <div\n                className=\"triggers\"\n                data-state-disabled={disabled}\n                data-state-read-only={readOnly}\n                data-state-skeletonize={skeletonize}>\n                <Triggers />\n              </div>\n              {listBoxOpen && createPortal(\n                <ListBox\n                  ref={selectListBoxRef}\n                  dropdownMaxWidth={dropdownMaxWidth}\n                  onEndReached={onEndReached}\n                  onEndReachedThreshold={onEndReachedThreshold}>\n                  {childrenItems}\n                </ListBox>,\n                document.body,\n              )}\n            </div>\n            {hintPosition === 'below' && (\n              <Hint\n                customClass=\"hint\"\n                skeletonize={skeletonize}\n                description={props.hint}\n                disabled={disabled}\n                visible={hasHintMessages} />\n            )}\n            {hasValidationErrors && (\n              <span\n                data-testid=\"test-select-field-list-errors\"\n                className=\"error\"\n                data-state-skeletonize={skeletonize}\n                aria-describedby={String(name).concat('-errors')}>\n                {errors?.map((error, index) => (\n                  <Fragment key={`${index + 1}-${error}`}>\n                    {error}\n                    {' '}\n                  </Fragment>\n                ))}\n              </span>\n            )}\n          </div>\n        </SelectFieldContext.Provider>\n        <Tooltip\n          targetRef={selectInputRef}\n          text={tooltip}\n          position={tooltipPosition}\n          width={tooltipWidth}\n          space={tooltipPosition === 'right' ? 64 : undefined} />\n      </Fragment>\n    );\n  },\n);\n\nInputBase.displayName = 'SelectFieldInputBase';\n"],"names":["InputBase","forwardRef","props","ref","name","label","errors","children","onChange","tooltip","tooltipPosition","tooltipWidth","hintPosition","themePopover","popoverAlign","skeletonize","striped","undigitable","externalSearch","openDropdownOnFocus","showClearButton","textAlign","searchOnDropdown","onSearch","undefined","customClass","customClassLabel","customClassWrapper","customClassInputContainer","notFoundFilterLabel","multipleInputLabelEmpty","multipleInputLabelManySelection","searchInputPlaceholder","dropdownAlignButton","dropdownMaxWidth","disabled","readOnly","onEndReached","onEndReachedThreshold","rest","SELECT_FIELD_CONTROLS_ID","useId","inputValue","setInputValue","useState","filterValue","setFilterValue","listBoxOpen","setListBoxOpen","activeDescendant","setActiveDescendant","isMultipleDefault","_","isEqual","multiple","MultipleVariantEnum","default","isMultipleWithCheckboxes","checkboxes","isMultipleSelect","liSelectedRef","useRef","selectFieldRoot","selectInputRef","selectListBoxRef","selectContainerRef","selectSearchInputRef","listOptionsMap","useMemo","optionsMap","Map","Children","forEach","child","isValidElement","set","value","useEffect","setTimeout","current","focus","retries","maxRetries","scrollToViewSelectedElement","listBox","querySelector","currentValue","orderBy","toNumber","currentLiElement","toString","clientHeight","scrollListBoxToElement","requestAnimationFrame","lazyInputValue","get","firstSelectionLabel","size","hasLabel","isEmpty","hasHintMessages","Boolean","hint","length","hasValidationErrors","childrenItems","itens","map","childElement","index","clonedChild","cloneElement","key","type","Item","push","leftSlotElements","rightSlotElements","left","right","LeftSlot","RightSlot","optionItens","clonedChildItem","Options","hasLeftSlotElements","hasRightSlotElements","handleCloseListBox","handleOpenListBox","handleChangeListBoxState","prevState","document","activeElement","handleChangeLiSelected","liElement","handleOnChange","inputLabel","addOrRemove","multipleValue","union","without","changedValue","multiValue","syntheticEvent","target","handleCheckMultiple","checkOrUncheckAll","checkAll","allValues","__","handleClearValue","resetValue","handleOnBlur","event","onBlur","relatedTarget","handleOnFocus","onFocus","handleOnChangeInput","handleOnPaste","preventDefault","onPaste","handleOnBeforeInput","onBeforeInput","handleOnMouseDown","onMouseDown","handleOnSearch","handleOnKeyDown","onKeyDown","notUndigitableKeys","Keys","backspace","delete","includes","shouldOpenByTyping","isTypingKey","arrowDown","ulListElement","liElementsFiltered","querySelectorAll","id","NAVIGATION_KEYS","currentElementIndex","Array","from","findIndex","nextElementIndex","escape","Math","min","arrowUp","max","enter","selectedLIOption","click","nextLIOption","ulListBox","contextValues","selectFieldId","nameSelect","String","valueSelect","required","mergeRefs","placeholder","createPortal","body","concat","error","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;AAwBO,MAAMA,YAAYC,WACvB,CAACC,OAAOC,QAAQ;AACd,QAAM;AAAA,IACJC;AAAAA,IAAMC;AAAAA,IAAOC;AAAAA,IAAQC;AAAAA,IAAUC;AAAAA,IAAUC;AAAAA,IAASC;AAAAA,IAAiBC;AAAAA,IAAcC,eAAe;AAAA,IAChGC,eAAe;AAAA,IAASC,eAAe;AAAA,IAAQC,cAAc;AAAA,IAAOC,UAAU;AAAA,IAAOC,cAAc;AAAA,IAAOC,iBAAiB;AAAA,IAC3HC,sBAAsB;AAAA,IAAMC,kBAAkB;AAAA,IAAMC,YAAY;AAAA,IAAQC,mBAAmB;AAAA,IAAOC,WAAWC;AAAAA,IAC7GC,cAAc;AAAA,IAAIC,mBAAmB;AAAA,IAAIC,qBAAqB;AAAA,IAAIC,4BAA4B;AAAA,IAC9FC,sBAAsB;AAAA,IAA6BC,0BAA0B;AAAA,IAC7EC,kCAAkC;AAAA,IAAoCC,yBAAyB;AAAA,IAC/FC,sBAAsB;AAAA,IAAQC,mBAAmBV;AAAAA,IAAWW;AAAAA,IAAUC;AAAAA,IAAUC;AAAAA,IAChFC;AAAAA,IAAuB,GAAGC;AAAAA,EAAAA,IACxBrC;AACJ,QAAMsC,2BAA2BC,MAAAA;AACjC,QAAM,CAACC,YAAYC,aAAa,IAAIC,SAAS,EAAE;AAC/C,QAAM,CAACC,aAAaC,cAAc,IAAIF,SAAS,EAAE;AACjD,QAAM,CAACG,aAAaC,cAAc,IAAIJ,SAAS,KAAK;AACpD,QAAM,CAACK,kBAAkBC,mBAAmB,IAAIN,SAA6BpB,MAAS;AACtF,QAAM2B,oBAAoBC,EAAEC,QAAQnD,OAAOoD,UAAUC,oBAAoBC,OAAO;AAChF,QAAMC,2BAA2BL,EAAEC,QAAQnD,OAAOoD,UAAUC,oBAAoBG,UAAU;AAC1F,QAAMC,mBAAmBR,qBAAqBM;AAC9C,QAAMG,gBAAgBC,OAA6B,IAAI;AACvD,QAAMC,kBAAkBD,OAA8B,IAAI;AAC1D,QAAME,iBAAiBF,OAAgC,IAAI;AAC3D,QAAMG,mBAAmBH,OAA8B,IAAI;AAC3D,QAAMI,qBAAqBJ,OAA8B,IAAI;AAC7D,QAAMK,uBAAuBL,OAAgC,IAAI;AAEjE,QAAMM,iBAAiBC,QAAQ,MAAM;AACnC,UAAMC,iCAAiBC,IAAAA;AACvBC,aAASC,QAAQjE,UAAWkE,CAAAA,UAAU;AACpC,UAAIC,eAAqCD,KAAK,GAAG;AAC/CJ,mBAAWM,IAAIF,MAAMvE,MAAM0E,OAAOH,MAAMvE,MAAMG,KAAK;AAAA,MACrD;AAAA,IACF,CAAC;AACD,WAAOgE;AAAAA,EACT,GAAG,CAAC9D,QAAQ,CAAC;AAEbsE,YAAU,MAAM;AACd,QAAIpB,0BAA0B;AAC5Bd,oBAAcb,uBAAuB;AAAA,IACvC;AAAA,EACF,GAAG,CAAA,CAAE;AAEL+C,YAAU,MAAM;AACd,QAAI1D,uBAAuB4B,aAAa;AACtC,UAAIU,0BAA0B;AAC5BqB,mBAAW,MAAM;AAAEZ,+BAAqBa,SAASC,QAAAA;AAAAA,QAAW,GAAG,EAAE;AAAA,MACnE;AAAA,IACF;AAEA,QAAIjC,aAAa;AAYf,UAAIkC,UAAU;AACd,YAAMC,aAAa;AACnB,YAAMC,8BAA8BA,MAAM;AACxC,cAAMC,UAAUpB,iBAAiBe,SAASM,cAAc,oBAAoB;AAC5E,cAAMC,eAAe,CAAC3B,mBACpBzD,OAAO0E,QACLxB,EAAEmC,QAAQ,CAAC,GAAGrF,MAAM0E,KAAK,GAAGA,CAAAA,UAASxB,EAAEoC,SAASZ,KAAK,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC;AACtE,cAAMa,mBAAmBL,SAASC,cAAc,UAC9CjC,EAAEsC,SAASJ,YAAY,CAAC,IAAI;AAC9B,YAAIG,oBAAoBL,SAAS;AAC/B,cAAIA,QAAQO,eAAe,GAAG;AAC5BC,mCAAuBR,SAASK,kBAAkB,QAAQ;AAAA,UAC5D,WAAWR,UAAUC,YAAY;AAC/BD;AACAY,kCAAsBV,2BAA2B;AAAA,UACnD;AAAA,QACF;AAAA,MACF;AACAU,4BAAsBV,2BAA2B;AAAA,IACnD;AAAA,EACF,GAAG,CAACpC,WAAW,CAAC;AAEhB8B,YAAU,MAAM;AACd,QAAI3E,OAAO0E,SAAS,CAACjB,iBAAkBT,qBAAoBhD,OAAO0E,KAAK;AACvE,QAAI,CAACnB,4BAA4B,CAACvD,OAAO0E,qBAAqB,EAAE;AAChE,UAAMkB,iBAAiB3B,eAAe4B,IAAIxD,KAAKqC,KAAK;AACpD,QAAI,CAACnB,yBAA0Bd,eAAcmD,kBAAkB,EAAE;AACjE,QAAIrC,0BAA0B;AAC5B,YAAMuC,sBAAsB7B,eAAe4B,IAAI7F,OAAO0E,MAAM,CAAC,CAAC;AAC9D,cAAQxB,EAAE6C,KAAK/F,OAAO0E,KAAK,GAAA;AAAA,QACzB,KAAK;AACH,iBAAOjC,cAAcb,uBAAuB;AAAA,QAC9C,KAAK;AACH,iBAAOa,cAAcqD,uBAAuB,EAAE;AAAA,QAChD;AACE,iBAAOrD,cAAcZ,+BAA+B;AAAA,MAAA;AAAA,IAE1D;AAAA,EACF,GAAG,CAAC7B,OAAO0E,OAAOT,cAAc,CAAC;AAEjC,QAAM+B,WAAW,CAAC9C,EAAE+C,QAAQjG,OAAOG,KAAK;AACxC,QAAM+F,kBAAkBC,QAAQnG,MAAMoG,MAAMC,MAAM;AAClD,QAAMC,sBAAsBH,QAAQ/F,QAAQiG,MAAM;AAElD,QAAM;AAAA,IAAEE;AAAAA,EAAAA,IAAkBrC,QAAQ,MAAM;AACtC,UAAMsC,QAAqB,CAAA;AAE3BnC,aAASoC,IAAIpG,UAAU,CAACqG,cAAcC,UAAU;AAC9C,UAAInC,eAAqCkC,YAAY,GAAG;AACtD,cAAME,cAAcC,aAAaH,cAAc;AAAA,UAC7CI,KAAKJ,aAAaI,OAAO,cAAcH,QAAQ,CAAC;AAAA,QAAA,CACjD;AACD,YAAID,aAAaK,SAASC,KAAMR,OAAMS,KAAKL,WAAW;AAAA,MACxD;AAAA,IACF,CAAC;AAED,WAAO;AAAA,MAAEL,eAAeC;AAAAA,IAAAA;AAAAA,EAC1B,GAAG,CAACnG,UAAU4B,QAAQ,CAAC;AAEvB,QAAM;AAAA,IAAEiF;AAAAA,IAAkBC;AAAAA,EAAAA,IAAsBjD,QAAQ,MAAM;AAC5D,UAAMkD,OAAoB,CAAA;AAC1B,UAAMC,QAAqB,CAAA;AAE3BhD,aAASoC,IAAIpG,UAAU,CAACqG,gBAAcC,YAAU;AAC9C,UAAInC,eAA0BkC,cAAY,GAAG;AAC3C,cAAME,gBAAcC,aAAaH,gBAAc;AAAA,UAC7CI,KAAKJ,eAAaI,OAAO,QAAQH,OAAK;AAAA,UACtC1E;AAAAA,UACA,iBAAiBA;AAAAA,QAAAA,CAClB;AACD,YAAIyE,eAAaK,SAASO,SAAUF,MAAKH,KAAKL,aAAW;AACzD,YAAIF,eAAaK,SAASQ,UAAWF,OAAMJ,KAAKL,aAAW;AAAA,MAC7D;AAAA,IACF,CAAC;AAED,WAAO;AAAA,MAAEM,kBAAkBE;AAAAA,MAAMD,mBAAmBE;AAAAA,IAAAA;AAAAA,EACtD,GAAG,CAAChH,UAAU4B,QAAQ,CAAC;AAEvB,QAAM;AAAA,IAAEuF;AAAAA,EAAAA,IAAgBtD,QAAQ,MAAM;AACpC,UAAMsC,UAAqB,CAAA;AAE3BnC,aAASoC,IAAIpG,UAAU,CAACqG,gBAAcC,YAAU;AAC9C,UAAInC,eAA6BkC,cAAY,GAAG;AAC9C,cAAMe,kBAAkBZ,aAAaH,gBAAc;AAAA,UACjDI,KAAKJ,eAAaI,OAAO,eAAeH,OAAK;AAAA,UAC7C1E;AAAAA,QAAAA,CACD;AACD,YAAIyE,eAAaK,SAASW,QAASlB,SAAMS,KAAKQ,eAAe;AAAA,MAC/D;AAAA,IACF,CAAC;AAED,WAAO;AAAA,MAAED,aAAahB;AAAAA,IAAAA;AAAAA,EACxB,GAAG,CAACnG,UAAU4B,QAAQ,CAAC;AAEvB,QAAM0F,sBAAsBxB,QAAQe,kBAAkBb,MAAM;AAC5D,QAAMuB,uBAAuBzB,QAAQgB,mBAAmBd,MAAM;AAE9D,QAAMwB,qBAAqBA,MAAM;AAC/B/E,mBAAe,KAAK;AACpBF,mBAAe,EAAE;AAAA,EACnB;AAEA,QAAMkF,oBAAoBA,MAAM;AAC9B,UAAM1C,iBAAe,CAAC3B,mBACpBzD,OAAO0E,QACLxB,EAAEmC,QAAQ,CAAC,GAAGrF,MAAM0E,KAAK,GAAGA,CAAAA,YAASxB,EAAEoC,SAASZ,OAAK,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC;AACtE1B,wBAAoBE,EAAEsC,SAASJ,cAAY,KAAK9D,MAAS;AAAA,EAC3D;AAEA,QAAMyG,2BAA2BA,MAAM;AACrCjF,mBAAgBkF,CAAAA,cAAc;AAC5B,UAAIA,WAAW;AACbpF,uBAAe,EAAE;AAAA,MACnB;AACA,UAAIiB,eAAegB,YAAYoD,SAASC,eAAe;AACrDrE,wBAAgBgB,SAASC,QAAAA;AAAAA,MAC3B;AACAgD,wBAAAA;AACA,aAAO,CAACE;AAAAA,IACV,CAAC;AAAA,EACH;AAEA,QAAMG,yBAAyBA,CAACC,cAAoC;AAClE1E,kBAAcmB,UAAUuD;AAAAA,EAC1B;AAEA,QAAMC,iBAAiBA,CAAC3D,SAAa4D,YAAqBC,gBAA0B;AAClF,QAAIC,gBAAgBxI,OAAO0E;AAC3B,QAAI,CAAC6D,YAAaC,iBAAgBtF,EAAEuF,MAAMzI,MAAM0E,OAAO,CAACA,OAAK,CAAC;AAC9D,QAAI6D,YAAaC,iBAAgBtF,EAAEwF,QAAQ1I,MAAM0E,OAAOA,OAAK;AAC7D,UAAMiE,eAAe,CAAClF,mBACpBiB,UACExB,EAAEmC,QAAQmD,eAAeI,CAAAA,eAAc1F,EAAEoC,SAASsD,UAAU,GAAG,CAAC,KAAK,CAAC;AAC1E,UAAMC,iBAAiB;AAAA,MACrBC,QAAQ;AAAA,QACN5I;AAAAA,QACAwE,OAAOiE;AAAAA,MAAAA;AAAAA,IACT;AAEFrI,eAAWuI,cAAc;AACzB,QAAI,CAACpF,kBAAkB;AACrBX,qBAAe,KAAK;AACpBF,qBAAe,EAAE;AACjBH,oBAAc6F,cAAc,EAAE;AAC9B,UAAIL,SAASC,kBAAkBlE,qBAAqBa,SAAS;AAC3DhB,wBAAgBgB,SAASC,QAAAA;AACzBhC,uBAAe,KAAK;AAAA,MACtB;AAAA,IACF;AAAA,EACF;AAEA,QAAMiG,sBAAsBA,CAACC,sBAAgC;AAC3D,UAAMC,WAAW9C,QAAQ6C,iBAAiB;AAC1C,UAAME,YAAmB,CAAA;AACzBjF,mBAAeK,QAAQ,CAAC6E,IAAIrC,QAAQoC,UAAUjC,KAAKH,GAAG,CAAC;AACvD,UAAMpC,UAAauE,WAAWC,YAAY,CAAA;AAC1C,UAAML,mBAAiB;AAAA,MACrBC,QAAQ;AAAA,QACN5I;AAAAA,QACAwE,OAAAA;AAAAA,MAAAA;AAAAA,IACF;AAEFpE,eAAWuI,gBAAc;AAAA,EAC3B;AAEA,QAAMO,mBAAmBA,MAAM;AAC7B,UAAMC,aAAa,CAAC5F,mBAAmB,KAAK,CAAA;AAC5C,UAAMoF,mBAAiB;AAAA,MACrBC,QAAQ;AAAA,QACN5I;AAAAA,QACAwE,OAAO2E;AAAAA,MAAAA;AAAAA,IACT;AAEF/I,eAAWuI,gBAAc;AACzB/F,mBAAe,KAAK;AACpB,QAAI,CAACW,kBAAkB;AACrBb,qBAAe,EAAE;AACjBH,oBAAc,EAAE;AAAA,IAClB;AACA,QAAIc,0BAA0B;AAC5Bd,oBAAcb,uBAAuB;AAAA,IACvC;AAAA,EACF;AAEA,QAAM0H,eAAeA,CAACC,UAAwC;AAC5DvJ,WAAOwJ,SAASD,KAAK;AACrB,QAAI,CAACA,MAAME,iBAAiBF,MAAME,kBAAkBzF,qBAAqBa,SAAS;AAChF/B,qBAAe,KAAK;AAAA,IACtB;AACAF,mBAAe,EAAE;AAAA,EACnB;AAEA,QAAM8G,gBAAgBA,CAACH,YAAwC;AAC7DvJ,WAAO2J,UAAUJ,OAAK;AACtB,QAAItI,qBAAqB;AACvB6B,qBAAe,IAAI;AACnBgF,wBAAAA;AAAAA,IACF;AAAA,EACF;AAEA,QAAM8B,sBAAsBA,CAACL,YAAyC;AACpE3G,mBAAe2G,QAAMT,OAAOpE,KAAK;AACjCjC,kBAAc8G,QAAMT,OAAOpE,KAAK;AAAA,EAClC;AAEA,QAAMmF,gBAAgBA,CAACN,YAA4C;AACjE,QAAIxI,eAAewC,0BAA0B;AAC3CgG,cAAMO,eAAAA;AAAAA,IACR,OAAO;AACL9J,YAAM+J,UAAUR,OAAK;AAAA,IACvB;AAAA,EACF;AAEA,QAAMS,sBAAsBA,CAACT,YAAwC;AACnE,QAAIxI,eAAewC,0BAA0B;AAC3CgG,cAAMO,eAAAA;AAAAA,IACR,OAAO;AACL9J,YAAMiK,gBAAgBV,OAAK;AAAA,IAC7B;AAAA,EACF;AAEA,QAAMW,oBAAoBA,CAACX,YAAwC;AACjE,QAAIxI,aAAa;AACfwI,cAAMO,eAAAA;AAAAA,IACR,OAAO;AACL9J,YAAMmK,cAAcZ,OAAK;AACzB,UAAItI,uBAAuB,CAAC4B,aAAa;AACvCC,uBAAe,IAAI;AACnBgF,0BAAAA;AAAAA,MACF;AAAA,IACF;AAAA,EACF;AAEA,QAAMsC,iBAAiBA,CAACb,YAAyC;AAC/D,QAAIvI,gBAAgB;AAClBK,iBAAWkI,OAAK;AAAA,IAClB,OAAO;AACL3G,qBAAe2G,QAAMT,OAAOpE,KAAK;AAAA,IACnC;AAAA,EACF;AAEA,QAAM2F,kBAAkBA,CAACd,YAA2C;AAClEvJ,WAAOsK,YAAYf,OAAK;AACxB,UAAMgB,qBAA+B,CAACC,KAAKC,WAAWD,KAAKE,MAAM;AACjE,QAAK3J,eAAgBwJ,mBAAmBI,SAASpB,QAAMzC,GAAG,GAAG;AAC3DyC,cAAMO,eAAAA;AACN;AAAA,IACF;AACA,UAAMc,qBAAqBC,YAAYtB,OAAK,KAAKA,QAAMzC,QAAQ0D,KAAKM;AACpE,QAAIF,sBAAsB/G,eAAegB,YAAYoD,SAASC,eAAe;AAC3E,UAAIqB,QAAMzC,QAAQ0D,KAAKM,WAAW;AAChCvB,gBAAMO,eAAAA;AAAAA,MACR;AACAnE,4BAAsB,MAAM;AAC1B,cAAMoF,gBAAgBjH,iBAAiBe,SAASM,cAAc,oBAAoB;AAClF,cAAM6F,qBAAsBD,eAAeE,iBACzC,gCACF,KAAK,CAAA;AACL,YAAI,CAACpI,eAAe0G,QAAMzC,QAAQ0D,KAAKM,WAAW;AAChD,gBAAM1F,iBAAe,CAAC3B,mBACpBzD,OAAO0E,QACLxB,EAAEmC,QAAQ,CAAC,GAAGrF,MAAM0E,KAAK,GAAGA,CAAAA,YAASxB,EAAEoC,SAASZ,OAAK,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC;AACtE1B,8BAAoBE,EAAEsC,SAASJ,cAAY,KAAK9D,MAAS;AAAA,QAC3D,OAAO;AACL0B,8BAAoBgI,mBAAmB,CAAC,GAAGE,MAAM5J,MAAS;AAAA,QAC5D;AAAA,MACF,CAAC;AACD,UAAI,CAACuB,aAAa;AAChBC,uBAAe,IAAI;AACnBgF,0BAAAA;AAAAA,MACF;AAAA,IACF;AACA,QAAIjF,eAAesI,gBAAgBR,SAASpB,QAAMzC,GAAG,GAAG;AACtDyC,cAAMO,eAAAA;AAAAA,IACR;AACAnE,0BAAsB,MAAM;AAC1B,YAAMoF,kBAAgBjH,iBAAiBe,SAASM,cAAc,oBAAoB;AAClF,YAAM6F,uBAAsBD,iBAAeE,iBACzC,gCACF,KAAK,CAAA;AACL,YAAMG,sBAAsBC,MAAMC,KAAKN,oBAAkB,EAAEO,UACzDnD,CAAAA,gBAAaA,YAAU8C,OAAOnI,gBAChC;AACA,UAAIyI,mBAAmBJ;AACvB,UAAIvI,aAAa;AACf,YAAIsI,gBAAgBR,SAASpB,QAAMzC,GAAG,GAAG;AACvC,kBAAQyC,QAAMzC,KAAAA;AAAAA,YACZ,KAAK0D,KAAKiB;AACR3I,6BAAe,KAAK;AACpBF,6BAAe,EAAE;AACjBiB,6BAAegB,SAASC,MAAAA;AACxB,kBAAIyE,QAAMT,WAAW9E,qBAAqBa,SAAS;AACjD/B,+BAAe,KAAK;AAAA,cACtB;AACA;AAAA,YACF,KAAK0H,KAAKM;AACRU,iCAAmBE,KAAKC,IAAIP,sBAAsB,GAAGJ,qBAAmB3E,SAAS,CAAC;AAClF;AAAA,YACF,KAAKmE,KAAKoB;AACRJ,iCAAmBE,KAAKG,IAAIT,sBAAsB,GAAG,CAAC;AACtD;AAAA,YACF,KAAKZ,KAAKsB;AACR,kBAAI/I,kBAAkB;AACpB,sBAAMgJ,mBAAmBf,qBAAmBQ,gBAAgB;AAC5D,oBAAIO,kBAAkB;AACpBA,mCAAiBC,MAAAA;AAAAA,gBACnB;AAAA,cACF;AACA;AAAA,UAEA;AAEJ,gBAAMC,eAAejB,qBAAmBQ,gBAAgB;AACxD,cAAIS,cAAc;AAChBjJ,gCAAoBiJ,cAAcf,MAAM,EAAE;AAC1C,kBAAMgB,YAAYpI,iBAAiBe,SAASM,cAAc,oBAAoB;AAC9EO,mCAAuBwG,WAAWD,cAAc,SAAS;AAAA,UAC3D;AAAA,QACF;AAAA,MACF,MAAO,QAAO;AAAA,IAChB,CAAC;AAAA,EACH;AAEA,QAAME,gBAAiB;AAAA,IACrBC,eAAe9J;AAAAA,IAA0BnC,OAAOH,MAAMG;AAAAA,IAAOW;AAAAA,IAAS+B;AAAAA,IACtEF;AAAAA,IAAaV;AAAAA,IAAUyB;AAAAA,IAAeG;AAAAA,IAAgBG;AAAAA,IAAsBoG;AAAAA,IAC5EhJ;AAAAA,IAAkBiL,YAAYC,OAAOtM,MAAME,IAAI;AAAA,IAAGqM,aAAavM,OAAO0E;AAAAA,IACtE3B;AAAAA,IAAkBsF;AAAAA,IAAgBgC;AAAAA,IAAiBtG;AAAAA,IAAoB8D;AAAAA,IACvElG;AAAAA,IAAqBwG;AAAAA,IAAwB1E;AAAAA,IAAkBR;AAAAA,IAC/DM;AAAAA,IAA0BzB;AAAAA,IAAwBZ;AAAAA,IAAiBa;AAAAA,IACnEqH;AAAAA,IAAkBL;AAAAA,IAAqBhB;AAAAA,IAA0BP;AAAAA,EAAAA;AAGnE,8BACG,UAAA,EACC,UAAA;AAAA,IAAA,oBAAC,mBAAmB,UAAnB,EAA4B,OAAO2E,eAClC,UAAA,qBAAC,SACC,KAAKvI,iBACL,eAAY,0BACZ,WAAW,qBAAqBnC,kBAAkB,IAClD,oBAAkB6E,qBAClB,4BAA0B5F,cACzBsF,UAAAA;AAAAA,MAAAA,iCACE,QAAA,EACC,WAAW,cAAcxE,gBAAgB,IACzC,0BAAwBX,aACxB,UAAA;AAAA,QAAA,oBAAC,WACC,eAAY,2BACZ,WAAU,SACV,OAAOV,OACP,SAASD,MACT,iBAAe+B,UACf,iBAAeC,UACf,6BAA2BlC,MAAMwM,UAChCrM,UAAAA,OACH;AAAA,QACC+F,mBAAmBxF,iBAAiB,kBAAkB,CAACG,eACtD,oBAAC,SAAA,EACC,aAAY,iBACZ,OAAOF,cACP,OAAOC,cACP,WAAU,WACV,UAAA,oBAAC,eAAY,MAAMZ,OAAOoG,QAAQ,GAAA,CAAG,EAAA,CACvC;AAAA,MAAA,GAEJ;AAAA,MAEF,qBAAC,OAAA,EACC,KAAKrC,oBACL,WAAW,aAAarC,yBAAyB,IACjD,iBAAemB,aACf,0BAAwBhC,aACtB8G,UAAAA;AAAAA,QAAAA,uBAAuB,CAAC9G,eAAgBqG;AAAAA,QAC1C,qBAAC,OAAA,EAAI,WAAU,cACb,UAAA;AAAA,UAAA,oBAAC,SAAA,EACC,GAAI7E,MACJ,KAAKoK,UAAUxM,KAAK4D,cAAc,GAClC,UAAU7D,MAAMkC,YAAYnB,aAC5B,WAAW,SAASQ,WAAW,IAC/B,aAAac,KAAKqK,aAClB,oBAAkBpG,qBAClB,uBAAqB7C,kBACrB,wBAAsBvB,UACtB,yBAAuBf,WACvB,0BAAwBJ,aACxB,0BAAwBF,aACxB,uCAAqC0C,0BACrC,IAAIrD,MACJ,MAAK,QACL,MAAK,YACL,UAAU,OACV,UACA,eAAY,2BACZ,qBAAkB,QAClB,iBAAe2C,aACf,iBAAeP,0BACf,yBAAuBS,kBACvB,UAAW,CAACb,YAAY,CAACrB,cAAe,IAAI,IAC5C,OAAO2B,YACP,QAAQ8G,cACR,SAASI,eACT,WAAWW,iBACX,UAAUT,qBACV,SAASC,eACT,aAAaK,mBACb,eAAeF,qBAAoB;AAAA,UACpC/G,qBACC,oBAAC,YAAA,EACC,UAAUkD,QAAQlE,QAAQ,GAC1B,YAAYkE,QAAQjE,QAAQ,GAC5B,uBAAuB+B,eAAAA,CAAe;AAAA,QAAA,GAE5C;AAAA,QACE2D,wBAAwB,CAAC/G,eAAgBsG;AAAAA,QAC3C,oBAAC,OAAA,EACC,WAAU,YACV,uBAAqBlF,UACrB,wBAAsBC,UACtB,0BAAwBrB,aACxB,UAAA,oBAAC,UAAA,CAAA,CAAQ,GACX;AAAA,QACCgC,eAAe8J,aACd,oBAAC,SAAA,EACC,KAAK7I,kBACL,kBACA,cACA,uBACCyC,UAAAA,cAAAA,CACH,GACA0B,SAAS2E,IACX;AAAA,MAAA,GACF;AAAA,MACClM,iBAAiB,WAChB,oBAAC,MAAA,EACC,aAAY,QACZ,aACA,aAAaV,MAAMoG,MACnB,UACA,SAASF,gBAAAA,CAAgB;AAAA,MAE5BI,2CACE,QAAA,EACC,eAAY,iCACZ,WAAU,SACV,0BAAwBzF,aACxB,oBAAkByL,OAAOpM,IAAI,EAAE2M,OAAO,SAAS,GAC9CzM,UAAAA,QAAQqG,IAAI,CAACqG,OAAOnG,YACnB,qBAAC,UAAA,EACEmG,UAAAA;AAAAA,QAAAA;AAAAA,QACA;AAAA,MAAA,EAAA,GAFY,GAAGnG,UAAQ,CAAC,IAAImG,KAAK,EAGpC,CACD,EAAA,CACH;AAAA,IAAA,EAAA,CAEJ,EAAA,CACF;AAAA,IACA,oBAAC,SAAA,EACC,WAAWjJ,gBACX,MAAMtD,SACN,UAAUC,iBACV,OAAOC,cACP,OAAOD,oBAAoB,UAAU,KAAKc,OAAAA,CAAU;AAAA,EAAA,GACxD;AAEJ,CACF;AAEAxB,UAAUiN,cAAc;"}

package/lib/inputs2/selectfield/listbox.d.ts

@@ -1,5 +1,6 @@
 import { ComponentProps } from 'react';
-interface SelectFieldListBoxProps extends ComponentProps<'div'> {
+import { UseScrollEndReachedParams } from 'src/lib/hooks/useScrollEndReached/types';
+interface SelectFieldListBoxProps extends ComponentProps<'div'>, UseScrollEndReachedParams {
     dropdownMaxWidth?: number;
 }
 declare const ListBox: import('react').ForwardRefExoticComponent<Omit<SelectFieldListBoxProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;

package/lib/inputs2/selectfield/listbox.js

@@ -1,6 +1,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import _ from "../../_virtual/lodash.js";
 import { forwardRef, useState, useRef, useEffect } from "react";
+import { useScrollEndReached } from "../../hooks/useScrollEndReached/index.js";
 import { Search } from "./search.js";
 import { useSelectFieldContext } from "./context.js";
 const MAX_HEIGHT = 27 * 15 + 1;
@@ -8,6 +9,8 @@ const ListBox = forwardRef((props, ref) => {
   const {
     children,
     dropdownMaxWidth,
+    onEndReached,
+    onEndReachedThreshold,
     ...rest
   } = props;
   const {
@@ -66,6 +69,11 @@ const ListBox = forwardRef((props, ref) => {
       window.removeEventListener("scroll", updatePosition, true);
     };
   }, [listBoxOpen, valueSelect, selectContainerRef]);
+  useScrollEndReached({
+    elementRef: listBoxRef,
+    onEndReached,
+    onEndReachedThreshold
+  });
   return /* @__PURE__ */ jsxs("div", { ref, style: listBoxStyles, "aria-expanded": listBoxOpen, className: "select-field-listbox", "data-testid": "test-select-field-listbox", "data-dropdown-max-width": dropdownMaxWidth, ...rest, children: [
     shouldBeShowSearchInput && /* @__PURE__ */ jsx(Search, {}),
     /* @__PURE__ */ jsxs("ul", { id: selectFieldId, role: "listbox", ref: listBoxRef, children: [

package/lib/inputs2/selectfield/listbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"listbox.js","sources":["../../../src/lib/inputs2/selectfield/listbox.tsx"],"sourcesContent":["import _ from 'lodash';\nimport { ComponentProps, CSSProperties, forwardRef, useEffect, useRef, useState } from 'react';\nimport { Search } from './search';\nimport { useSelectFieldContext } from './context';\n\ninterface SelectFieldListBoxProps extends ComponentProps<'div'> {\n  dropdownMaxWidth?: number;\n}\n\nconst MAX_HEIGHT = ((27 * 15) + 1); // 27px de height do list item * 15 itens máximos na exibição + 1px de borda listbox.\nconst ListBox = forwardRef<HTMLDivElement, SelectFieldListBoxProps>((props, ref) => {\n  const { children, dropdownMaxWidth, ...rest } = props;\n  const {\n    listBoxOpen, valueSelect, selectFieldId, selectContainerRef, notFoundFilterLabel,\n    searchOnDropdown, isMultipleWithCheckboxes,\n  } = useSelectFieldContext();\n\n  const [listBoxStyles, setListBoxStyles] = useState<CSSProperties>({});\n  const [filterResultIsEmpty, setFilterResultIsEmpty] = useState(false);\n  const listBoxRef = useRef<HTMLUListElement>(null);\n  const shouldBeShowSearchInput = searchOnDropdown || isMultipleWithCheckboxes;\n\n  requestAnimationFrame(() => {\n    const hasChildrenElementsInUL = (listBoxRef.current?.childNodes);\n    const liElementsFiltered = (listBoxRef.current?.querySelectorAll(\n      'li[data-state-filtered=\"true\"]',\n    ) ?? []) as HTMLLIElement[];\n    const filterIsEmpty = !_.isEmpty(hasChildrenElementsInUL) && _.isEmpty(liElementsFiltered);\n    setFilterResultIsEmpty(filterIsEmpty);\n  });\n\n  useEffect(() => {\n    const updatePosition = () => {\n      const selectPositionOnScreen = selectContainerRef.current?.getBoundingClientRect();\n      if (selectPositionOnScreen) {\n        const { top, left, width, height } = selectPositionOnScreen;\n        const spaceBelow = window.innerHeight - (top + height);\n        const spaceAbove = top;\n        const shouldOpenUp = spaceBelow < MAX_HEIGHT && spaceAbove > spaceBelow;\n\n        const styles: CSSProperties = {\n          left: left + window.scrollX,\n          minWidth: dropdownMaxWidth ?? width,\n        };\n\n        if (shouldOpenUp) {\n          styles.bottom = window.innerHeight - top - window.scrollY;\n          styles.maxHeight = Math.min(MAX_HEIGHT, spaceAbove);\n        } else {\n          styles.top = top + height + window.scrollY;\n          styles.maxHeight = Math.min(MAX_HEIGHT, spaceBelow);\n        }\n\n        setListBoxStyles(styles);\n      }\n    };\n\n    if (listBoxOpen) {\n      updatePosition();\n      window.addEventListener('resize', updatePosition);\n      window.addEventListener('scroll', updatePosition, true);\n    }\n\n    return () => {\n      window.removeEventListener('resize', updatePosition);\n      window.removeEventListener('scroll', updatePosition, true);\n    };\n  }, [listBoxOpen, valueSelect, selectContainerRef]);\n\n  return (\n    <div\n      ref={ref}\n      style={listBoxStyles}\n      aria-expanded={listBoxOpen}\n      className=\"select-field-listbox\"\n      data-testid=\"test-select-field-listbox\"\n      data-dropdown-max-width={dropdownMaxWidth}\n      {...rest}>\n      {shouldBeShowSearchInput && (<Search />)}\n      <ul\n        id={selectFieldId}\n        role=\"listbox\"\n        ref={listBoxRef}>\n        {children}\n        {filterResultIsEmpty && (\n          <li\n            tabIndex={-1}\n            aria-disabled={true}\n            aria-label={notFoundFilterLabel}\n            key=\"not-found-values\"\n            // eslint-disable-next-line jsx-a11y/role-has-required-aria-props\n            role=\"option\"\n            id=\"not-found-values\"\n            className=\"not-found-values\"\n            onClick={(event) => { event.preventDefault(); }}\n            onMouseDown={(event) => { event.preventDefault(); }}>\n            {notFoundFilterLabel}\n          </li>\n        )}\n      </ul>\n    </div>\n  );\n});\n\nListBox.displayName = 'SelectListBox';\nexport { ListBox };\nexport type { SelectFieldListBoxProps };\n"],"names":["MAX_HEIGHT","ListBox","forwardRef","props","ref","children","dropdownMaxWidth","rest","listBoxOpen","valueSelect","selectFieldId","selectContainerRef","notFoundFilterLabel","searchOnDropdown","isMultipleWithCheckboxes","useSelectFieldContext","listBoxStyles","setListBoxStyles","useState","filterResultIsEmpty","setFilterResultIsEmpty","listBoxRef","useRef","shouldBeShowSearchInput","requestAnimationFrame","hasChildrenElementsInUL","current","childNodes","liElementsFiltered","querySelectorAll","filterIsEmpty","_","isEmpty","useEffect","updatePosition","selectPositionOnScreen","getBoundingClientRect","top","left","width","height","spaceBelow","window","innerHeight","spaceAbove","shouldOpenUp","styles","scrollX","minWidth","bottom","scrollY","maxHeight","Math","min","addEventListener","removeEventListener","event","preventDefault","displayName"],"mappings":"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"}
+{"version":3,"file":"listbox.js","sources":["../../../src/lib/inputs2/selectfield/listbox.tsx"],"sourcesContent":["import _ from 'lodash';\nimport { ComponentProps, CSSProperties, forwardRef, useEffect, useRef, useState } from 'react';\nimport { UseScrollEndReachedParams } from 'src/lib/hooks/useScrollEndReached/types';\nimport { useScrollEndReached } from '../../hooks/useScrollEndReached';\nimport { Search } from './search';\nimport { useSelectFieldContext } from './context';\n\ninterface SelectFieldListBoxProps extends ComponentProps<'div'>, UseScrollEndReachedParams {\n  dropdownMaxWidth?: number;\n}\n\nconst MAX_HEIGHT = ((27 * 15) + 1); // 27px de height do list item * 15 itens máximos na exibição + 1px de borda listbox.\nconst ListBox = forwardRef<HTMLDivElement, SelectFieldListBoxProps>((props, ref) => {\n  const { children, dropdownMaxWidth, onEndReached, onEndReachedThreshold, ...rest } = props;\n  const {\n    listBoxOpen, valueSelect, selectFieldId, selectContainerRef, notFoundFilterLabel,\n    searchOnDropdown, isMultipleWithCheckboxes,\n  } = useSelectFieldContext();\n\n  const [listBoxStyles, setListBoxStyles] = useState<CSSProperties>({});\n  const [filterResultIsEmpty, setFilterResultIsEmpty] = useState(false);\n  const listBoxRef = useRef<HTMLUListElement>(null);\n  const shouldBeShowSearchInput = searchOnDropdown || isMultipleWithCheckboxes;\n\n  requestAnimationFrame(() => {\n    const hasChildrenElementsInUL = (listBoxRef.current?.childNodes);\n    const liElementsFiltered = (listBoxRef.current?.querySelectorAll(\n      'li[data-state-filtered=\"true\"]',\n    ) ?? []) as HTMLLIElement[];\n    const filterIsEmpty = !_.isEmpty(hasChildrenElementsInUL) && _.isEmpty(liElementsFiltered);\n    setFilterResultIsEmpty(filterIsEmpty);\n  });\n\n  useEffect(() => {\n    const updatePosition = () => {\n      const selectPositionOnScreen = selectContainerRef.current?.getBoundingClientRect();\n      if (selectPositionOnScreen) {\n        const { top, left, width, height } = selectPositionOnScreen;\n        const spaceBelow = window.innerHeight - (top + height);\n        const spaceAbove = top;\n        const shouldOpenUp = spaceBelow < MAX_HEIGHT && spaceAbove > spaceBelow;\n\n        const styles: CSSProperties = {\n          left: left + window.scrollX,\n          minWidth: dropdownMaxWidth ?? width,\n        };\n\n        if (shouldOpenUp) {\n          styles.bottom = window.innerHeight - top - window.scrollY;\n          styles.maxHeight = Math.min(MAX_HEIGHT, spaceAbove);\n        } else {\n          styles.top = top + height + window.scrollY;\n          styles.maxHeight = Math.min(MAX_HEIGHT, spaceBelow);\n        }\n\n        setListBoxStyles(styles);\n      }\n    };\n\n    if (listBoxOpen) {\n      updatePosition();\n      window.addEventListener('resize', updatePosition);\n      window.addEventListener('scroll', updatePosition, true);\n    }\n\n    return () => {\n      window.removeEventListener('resize', updatePosition);\n      window.removeEventListener('scroll', updatePosition, true);\n    };\n  }, [listBoxOpen, valueSelect, selectContainerRef]);\n\n  useScrollEndReached({\n    elementRef: listBoxRef,\n    onEndReached,\n    onEndReachedThreshold,\n  });\n\n  return (\n    <div\n      ref={ref}\n      style={listBoxStyles}\n      aria-expanded={listBoxOpen}\n      className=\"select-field-listbox\"\n      data-testid=\"test-select-field-listbox\"\n      data-dropdown-max-width={dropdownMaxWidth}\n      {...rest}>\n      {shouldBeShowSearchInput && (<Search />)}\n      <ul\n        id={selectFieldId}\n        role=\"listbox\"\n        ref={listBoxRef}>\n        {children}\n        {filterResultIsEmpty && (\n          <li\n            tabIndex={-1}\n            aria-disabled={true}\n            aria-label={notFoundFilterLabel}\n            key=\"not-found-values\"\n            // eslint-disable-next-line jsx-a11y/role-has-required-aria-props\n            role=\"option\"\n            id=\"not-found-values\"\n            className=\"not-found-values\"\n            onClick={(event) => { event.preventDefault(); }}\n            onMouseDown={(event) => { event.preventDefault(); }}>\n            {notFoundFilterLabel}\n          </li>\n        )}\n      </ul>\n    </div>\n  );\n});\n\nListBox.displayName = 'SelectListBox';\nexport { ListBox };\nexport type { SelectFieldListBoxProps };\n"],"names":["MAX_HEIGHT","ListBox","forwardRef","props","ref","children","dropdownMaxWidth","onEndReached","onEndReachedThreshold","rest","listBoxOpen","valueSelect","selectFieldId","selectContainerRef","notFoundFilterLabel","searchOnDropdown","isMultipleWithCheckboxes","useSelectFieldContext","listBoxStyles","setListBoxStyles","useState","filterResultIsEmpty","setFilterResultIsEmpty","listBoxRef","useRef","shouldBeShowSearchInput","requestAnimationFrame","hasChildrenElementsInUL","current","childNodes","liElementsFiltered","querySelectorAll","filterIsEmpty","_","isEmpty","useEffect","updatePosition","selectPositionOnScreen","getBoundingClientRect","top","left","width","height","spaceBelow","window","innerHeight","spaceAbove","shouldOpenUp","styles","scrollX","minWidth","bottom","scrollY","maxHeight","Math","min","addEventListener","removeEventListener","useScrollEndReached","elementRef","event","preventDefault","displayName"],"mappings":"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"}

package/lib/inputs2/selectfield/types.d.ts

@@ -1,4 +1,5 @@
 import { ChangeEvent, ComponentPropsWithoutRef } from 'react';
+import { UseScrollEndReachedParams } from 'src/lib/hooks/useScrollEndReached/types';
 import { TextAlign } from '../../@types/Align';
 import { ColorTheme } from '../../@types/ColorStyles';
 import { ITooltipCommonProps } from '../../tooltip/types';
@@ -23,7 +24,7 @@ export interface SelectFieldInputProps extends SelectFieldInputBaseProps {
     permissionAttr?: PermissionAttr;
     onDeniedActions?: OnDenied;
 }
-export interface SelectFieldInputBaseProps extends InputHTMLProps, ITooltipCommonProps {
+export interface SelectFieldInputBaseProps extends InputHTMLProps, ITooltipCommonProps, UseScrollEndReachedParams {
     skeletonize?: boolean;
     undigitable?: boolean;
     externalSearch?: boolean;

package/lib/inputs2/selectfield/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sources":["../../../src/lib/inputs2/selectfield/types.ts"],"sourcesContent":["import { ChangeEvent, type ComponentPropsWithoutRef } from 'react';\nimport type { TextAlign } from '../../@types/Align';\nimport type { ColorTheme } from '../../@types/ColorStyles';\nimport type { ITooltipCommonProps } from '../../tooltip/types';\nimport type { Position, HintPosition } from '../../@types/Position';\nimport type { OnDenied, PermissionAttr } from '../../@types/PermissionAttr';\n\nexport enum MultipleVariantEnum { default = 'default', checkboxes = 'checkboxes' }\nexport enum Keys {\n  escape = 'Escape',\n  arrowDown = 'ArrowDown',\n  arrowUp = 'ArrowUp',\n  enter = 'Enter',\n  backspace = 'Backspace',\n  delete = 'Delete',\n  spaceBar = ' '\n}\ntype InputHTMLProps = Omit<ComponentPropsWithoutRef<'input'>, 'multiple' | 'type'>;\n\nexport interface SelectFieldInputProps extends SelectFieldInputBaseProps {\n  gridLayout?: string;\n  permissionAttr?: PermissionAttr;\n  onDeniedActions?: OnDenied;\n}\n\nexport interface SelectFieldInputBaseProps extends InputHTMLProps, ITooltipCommonProps {\n  skeletonize?: boolean;\n  undigitable?: boolean;\n  externalSearch?: boolean;\n  showClearButton?: boolean;\n  searchOnDropdown?: boolean;\n  openDropdownOnFocus?: boolean;\n  value?: any;\n  label?: string;\n  errors?: string[];\n  striped?: boolean;\n  hint?: string;\n  notFoundFilterLabel?: string;\n  customClass?: string;\n  customClassLabel?: string;\n  customClassWrapper?: string;\n  searchInputPlaceholder?: string;\n  customClassInputContainer?: string;\n  multipleInputLabelEmpty?: string;\n  multipleInputLabelManySelection?: string;\n  textAlign?: TextAlign;\n  hintPosition?: HintPosition;\n  themePopover?: ColorTheme;\n  popoverAlign?: Extract<Position, 'left' | 'right'>;\n  dropdownAlignButton?: Extract<Position, 'left' | 'right'>;\n  onSearch?: (event?: ChangeEvent<HTMLInputElement>) => void;\n  multiple?: keyof typeof MultipleVariantEnum;\n  dropdownMaxWidth?: number;\n}\n"],"names":["MultipleVariantEnum","default","checkboxes","Keys","escape","arrowDown","arrowUp","enter","backspace","delete","spaceBar"],"mappings":"AAOO,IAAKA,wCAAAA,yBAAL;AAA2BC,uBAAAA,SAAAA,IAAU;AAAWC,uBAAAA,YAAAA,IAAa;AAAxDF,SAAAA;AAAAA,GAAAA,uBAAAA,CAAAA,CAAAA;AACL,IAAKG,yBAAAA,UAAL;AACLC,QAAAA,QAAAA,IAAS;AACTC,QAAAA,WAAAA,IAAY;AACZC,QAAAA,SAAAA,IAAU;AACVC,QAAAA,OAAAA,IAAQ;AACRC,QAAAA,WAAAA,IAAY;AACZC,QAAAA,QAAAA,IAAS;AACTC,QAAAA,UAAAA,IAAW;AAPDP,SAAAA;AAAAA,GAAAA,QAAAA,CAAAA,CAAAA;"}
+{"version":3,"file":"types.js","sources":["../../../src/lib/inputs2/selectfield/types.ts"],"sourcesContent":["import { ChangeEvent, type ComponentPropsWithoutRef } from 'react';\nimport { UseScrollEndReachedParams } from 'src/lib/hooks/useScrollEndReached/types';\nimport type { TextAlign } from '../../@types/Align';\nimport type { ColorTheme } from '../../@types/ColorStyles';\nimport type { ITooltipCommonProps } from '../../tooltip/types';\nimport type { Position, HintPosition } from '../../@types/Position';\nimport type { OnDenied, PermissionAttr } from '../../@types/PermissionAttr';\n\nexport enum MultipleVariantEnum { default = 'default', checkboxes = 'checkboxes' }\nexport enum Keys {\n  escape = 'Escape',\n  arrowDown = 'ArrowDown',\n  arrowUp = 'ArrowUp',\n  enter = 'Enter',\n  backspace = 'Backspace',\n  delete = 'Delete',\n  spaceBar = ' '\n}\ntype InputHTMLProps = Omit<ComponentPropsWithoutRef<'input'>, 'multiple' | 'type'>;\n\nexport interface SelectFieldInputProps extends SelectFieldInputBaseProps {\n  gridLayout?: string;\n  permissionAttr?: PermissionAttr;\n  onDeniedActions?: OnDenied;\n}\n\nexport interface SelectFieldInputBaseProps \n  extends InputHTMLProps, ITooltipCommonProps, UseScrollEndReachedParams {\n  skeletonize?: boolean;\n  undigitable?: boolean;\n  externalSearch?: boolean;\n  showClearButton?: boolean;\n  searchOnDropdown?: boolean;\n  openDropdownOnFocus?: boolean;\n  value?: any;\n  label?: string;\n  errors?: string[];\n  striped?: boolean;\n  hint?: string;\n  notFoundFilterLabel?: string;\n  customClass?: string;\n  customClassLabel?: string;\n  customClassWrapper?: string;\n  searchInputPlaceholder?: string;\n  customClassInputContainer?: string;\n  multipleInputLabelEmpty?: string;\n  multipleInputLabelManySelection?: string;\n  textAlign?: TextAlign;\n  hintPosition?: HintPosition;\n  themePopover?: ColorTheme;\n  popoverAlign?: Extract<Position, 'left' | 'right'>;\n  dropdownAlignButton?: Extract<Position, 'left' | 'right'>;\n  onSearch?: (event?: ChangeEvent<HTMLInputElement>) => void;\n  multiple?: keyof typeof MultipleVariantEnum;\n  dropdownMaxWidth?: number;\n}\n"],"names":["MultipleVariantEnum","default","checkboxes","Keys","escape","arrowDown","arrowUp","enter","backspace","delete","spaceBar"],"mappings":"AAQO,IAAKA,wCAAAA,yBAAL;AAA2BC,uBAAAA,SAAAA,IAAU;AAAWC,uBAAAA,YAAAA,IAAa;AAAxDF,SAAAA;AAAAA,GAAAA,uBAAAA,CAAAA,CAAAA;AACL,IAAKG,yBAAAA,UAAL;AACLC,QAAAA,QAAAA,IAAS;AACTC,QAAAA,WAAAA,IAAY;AACZC,QAAAA,SAAAA,IAAU;AACVC,QAAAA,OAAAA,IAAQ;AACRC,QAAAA,WAAAA,IAAY;AACZC,QAAAA,QAAAA,IAAS;AACTC,QAAAA,UAAAA,IAAW;AAPDP,SAAAA;AAAAA,GAAAA,QAAAA,CAAAA,CAAAA;"}

package/lib/node_modules/lodash/lodash.js

@@ -13,7 +13,7 @@ var hasRequiredLodash;
 function requireLodash() {
   if (hasRequiredLodash) return lodash$1.exports;
   hasRequiredLodash = 1;
-  (function(module, exports$1) {
+  (function(module, exports) {
     (function() {
       var undefined$1;
       var VERSION = "4.17.21";
@@ -341,7 +341,7 @@ function requireLodash() {
       var freeGlobal = typeof commonjsGlobal == "object" && commonjsGlobal && commonjsGlobal.Object === Object && commonjsGlobal;
       var freeSelf = typeof self == "object" && self && self.Object === Object && self;
       var root = freeGlobal || freeSelf || Function("return this")();
-      var freeExports = exports$1 && !exports$1.nodeType && exports$1;
+      var freeExports = exports && !exports.nodeType && exports;
       var freeModule = freeExports && true && module && !module.nodeType && module;
       var moduleExports = freeModule && freeModule.exports === freeExports;
       var freeProcess = moduleExports && freeGlobal.process;