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

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/inputs/select/Dropdown.js

@@ -1,5 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState, useEffect } from "react";
+import { useScrollEndReached } from "../../hooks/useScrollEndReached/index.js";
 import Icon from "../../icons/index.js";
 import Avatar from "../../avatar/index.js";
 import { returnDropdownDynamicStyles, getDropdownItemCssClass } from "./helper.js";
@@ -25,7 +26,9 @@ const Dropdown = (props) => {
     handleOnKeydown,
     searchNotFoundText,
     idKey,
-    selectFieldRef
+    selectFieldRef,
+    onEndReached,
+    onEndReachedThreshold
   } = props;
   const [dropdownDynamicStyles, setDropdownDynamicStyles] = useState(returnDropdownDynamicStyles({
     ...props
@@ -37,6 +40,11 @@ const Dropdown = (props) => {
       }));
     }
   }, [dropdownRef.current, dataCombo]);
+  useScrollEndReached({
+    elementRef: dropdownRef,
+    onEndReached,
+    onEndReachedThreshold
+  });
   return /* @__PURE__ */ jsx(DropdownPopup, { align: "left", leftPosition: dropdownDynamicStyles.left, topPosition: dropdownDynamicStyles.top, targetRef: selectFieldRef?.current, children: /* @__PURE__ */ jsxs("div", { className: "select-dropdown", ref: dropdownRef, style: {
     width: dropdownWidth,
     marginLeft: gridWrapperStyle ? gridWrapperStyle.paddingLeft : "0",

package/lib/inputs/select/Dropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.js","sources":["../../../src/lib/inputs/select/Dropdown.tsx"],"sourcesContent":["import { ChangeEvent, KeyboardEvent, useEffect, useState } from 'react';\nimport Icon from '../../icons';\nimport Avatar from '../../avatar';\nimport * as helper from './helper';\nimport DropdownPopup from '../../dropdown/Popup';\nimport { IDropdownSelectProps } from '../types';\nimport { DataCombo } from '../../@types/DataCombo';\n\nconst Dropdown = (props: IDropdownSelectProps) => {\n  const {\n    imageAlign = 'left', striped = false, dataCombo, descriptionKey, imgSrcKey, dropdownRef,\n    currents = [], dropdownWidth, gridWrapperStyle, handleOnSelect, inputValue,\n    handleOnFocus, opened, handleOnFilter, selected = null, searchOnDropdown, handleOnKeydown,\n    searchNotFoundText, idKey, selectFieldRef,\n  } = props;\n  const [dropdownDynamicStyles, setDropdownDynamicStyles] =\n    useState(helper.returnDropdownDynamicStyles({ ...props }));\n\n  useEffect(() => {\n    if (dropdownRef.current) {\n      setDropdownDynamicStyles(helper.returnDropdownDynamicStyles({ ...props }));\n    }\n  }, [dropdownRef.current, dataCombo]);\n\n  return (\n    <DropdownPopup\n      align=\"left\"\n      leftPosition={dropdownDynamicStyles.left}\n      topPosition={dropdownDynamicStyles.top}\n      targetRef={selectFieldRef?.current}>\n      <div\n        className=\"select-dropdown\"\n        ref={dropdownRef}\n        style={{\n          width: dropdownWidth,\n          marginLeft: gridWrapperStyle ? gridWrapperStyle.paddingLeft : '0',\n          maxHeight: dropdownDynamicStyles.maxHeight,\n        }}>\n        {searchOnDropdown &&\n          <div className=\"filtercontainer\">\n            <input\n              className=\"filterinput\"\n              type=\"text\"\n              value={inputValue}\n              onFocus={() => { handleOnFocus(); }}\n              onChange={(e: ChangeEvent<HTMLInputElement>) => {\n                handleOnFilter(e.target.value);\n              }}\n              onKeyDown={(e: KeyboardEvent<Element>) => { handleOnKeydown(e); }}\n              autoFocus={opened} />\n            <Icon name=\"search\" viewBox=\"0 0 32 32\" />\n          </div>\n        }\n        {dataCombo.map((item: DataCombo) => {\n          const disabled = (currents && currents.length > 0 ?\n              currents.some(s => s[idKey] === item[idKey])\n            : false);\n          const itemSelected = Boolean(selected && selected[idKey] === item[idKey]);\n          return (\n            <div\n              key={`dropdowmIten ${item[idKey]}}`}\n              className={helper.getDropdownItemCssClass(itemSelected, disabled, striped)} >\n              <button\n                className=\"menubutton\"\n                tabIndex={-1}\n                onClick={() => { if (!disabled) { handleOnSelect(item); } }}>\n                {item.iconName &&\n                  <Icon\n                    name={item.iconName}\n                    customClass=\"menuicon\"\n                    style={{ order: imageAlign === 'left' ? 0 : 1 }} />\n                }\n                {imgSrcKey && item.imgSrcKey &&\n                  <Avatar\n                    src={item.imgSrcKey}\n                    customClass=\"menuicon\"\n                    style={{ order: imageAlign === 'left' ? 0 : 1 }} />\n                }\n                <span className=\"label\">{typeof descriptionKey === 'string' ? item[descriptionKey] : descriptionKey(item)}</span>\n              </button>\n            </div>\n          );\n        })}\n        {dataCombo && dataCombo.length === 0 &&\n          <div className=\"notfound\">{searchNotFoundText}</div>\n        }\n      </div>\n    </DropdownPopup>\n  );\n};\n\nexport default Dropdown;\n"],"names":["Dropdown","props","imageAlign","striped","dataCombo","descriptionKey","imgSrcKey","dropdownRef","currents","dropdownWidth","gridWrapperStyle","handleOnSelect","inputValue","handleOnFocus","opened","handleOnFilter","selected","searchOnDropdown","handleOnKeydown","searchNotFoundText","idKey","selectFieldRef","dropdownDynamicStyles","setDropdownDynamicStyles","useState","helper","useEffect","current","left","top","width","marginLeft","paddingLeft","maxHeight","e","target","value","map","item","disabled","length","some","s","itemSelected","Boolean","iconName","order"],"mappings":"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"}
+{"version":3,"file":"Dropdown.js","sources":["../../../src/lib/inputs/select/Dropdown.tsx"],"sourcesContent":["import { ChangeEvent, KeyboardEvent, useEffect, useState } from 'react';\nimport { useScrollEndReached } from '../../hooks/useScrollEndReached';\nimport Icon from '../../icons';\nimport Avatar from '../../avatar';\nimport * as helper from './helper';\nimport DropdownPopup from '../../dropdown/Popup';\nimport { IDropdownSelectProps } from '../types';\nimport { DataCombo } from '../../@types/DataCombo';\n\nconst Dropdown = (props: IDropdownSelectProps) => {\n  const {\n    imageAlign = 'left', striped = false, dataCombo, descriptionKey, imgSrcKey, dropdownRef,\n    currents = [], dropdownWidth, gridWrapperStyle, handleOnSelect, inputValue,\n    handleOnFocus, opened, handleOnFilter, selected = null, searchOnDropdown, handleOnKeydown,\n    searchNotFoundText, idKey, selectFieldRef, onEndReached, onEndReachedThreshold,\n  } = props;\n  const [dropdownDynamicStyles, setDropdownDynamicStyles] =\n    useState(helper.returnDropdownDynamicStyles({ ...props }));\n\n  useEffect(() => {\n    if (dropdownRef.current) {\n      setDropdownDynamicStyles(helper.returnDropdownDynamicStyles({ ...props }));\n    }\n  }, [dropdownRef.current, dataCombo]);\n\n  useScrollEndReached({\n    elementRef: dropdownRef,\n    onEndReached,\n    onEndReachedThreshold,\n  });\n\n  return (\n    <DropdownPopup\n      align=\"left\"\n      leftPosition={dropdownDynamicStyles.left}\n      topPosition={dropdownDynamicStyles.top}\n      targetRef={selectFieldRef?.current}>\n      <div\n        className=\"select-dropdown\"\n        ref={dropdownRef}\n        style={{\n          width: dropdownWidth,\n          marginLeft: gridWrapperStyle ? gridWrapperStyle.paddingLeft : '0',\n          maxHeight: dropdownDynamicStyles.maxHeight,\n        }}>\n        {searchOnDropdown &&\n          <div className=\"filtercontainer\">\n            <input\n              className=\"filterinput\"\n              type=\"text\"\n              value={inputValue}\n              onFocus={() => { handleOnFocus(); }}\n              onChange={(e: ChangeEvent<HTMLInputElement>) => {\n                handleOnFilter(e.target.value);\n              }}\n              onKeyDown={(e: KeyboardEvent<Element>) => { handleOnKeydown(e); }}\n              autoFocus={opened} />\n            <Icon name=\"search\" viewBox=\"0 0 32 32\" />\n          </div>\n        }\n        {dataCombo.map((item: DataCombo) => {\n          const disabled = (currents && currents.length > 0 ?\n              currents.some(s => s[idKey] === item[idKey])\n            : false);\n          const itemSelected = Boolean(selected && selected[idKey] === item[idKey]);\n          return (\n            <div\n              key={`dropdowmIten ${item[idKey]}}`}\n              className={helper.getDropdownItemCssClass(itemSelected, disabled, striped)} >\n              <button\n                className=\"menubutton\"\n                tabIndex={-1}\n                onClick={() => { if (!disabled) { handleOnSelect(item); } }}>\n                {item.iconName &&\n                  <Icon\n                    name={item.iconName}\n                    customClass=\"menuicon\"\n                    style={{ order: imageAlign === 'left' ? 0 : 1 }} />\n                }\n                {imgSrcKey && item.imgSrcKey &&\n                  <Avatar\n                    src={item.imgSrcKey}\n                    customClass=\"menuicon\"\n                    style={{ order: imageAlign === 'left' ? 0 : 1 }} />\n                }\n                <span className=\"label\">{typeof descriptionKey === 'string' ? item[descriptionKey] : descriptionKey(item)}</span>\n              </button>\n            </div>\n          );\n        })}\n        {dataCombo && dataCombo.length === 0 &&\n          <div className=\"notfound\">{searchNotFoundText}</div>\n        }\n      </div>\n    </DropdownPopup>\n  );\n};\n\nexport default Dropdown;\n"],"names":["Dropdown","props","imageAlign","striped","dataCombo","descriptionKey","imgSrcKey","dropdownRef","currents","dropdownWidth","gridWrapperStyle","handleOnSelect","inputValue","handleOnFocus","opened","handleOnFilter","selected","searchOnDropdown","handleOnKeydown","searchNotFoundText","idKey","selectFieldRef","onEndReached","onEndReachedThreshold","dropdownDynamicStyles","setDropdownDynamicStyles","useState","helper","useEffect","current","useScrollEndReached","elementRef","left","top","width","marginLeft","paddingLeft","maxHeight","e","target","value","map","item","disabled","length","some","s","itemSelected","Boolean","iconName","order"],"mappings":"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"}

package/lib/inputs/select/multiple/index.js

@@ -26,7 +26,9 @@ const MultipleSelect = (props) => {
     customClassForInputContent,
     customClassForSideButtons,
     disabled = false,
-    dropdownMaxWidth = void 0
+    dropdownMaxWidth = void 0,
+    onEndReached,
+    onEndReachedThreshold
   } = props;
   const [dataCombo, setDataCombo] = useState(dataSource);
   const [currents, setCurrents] = useState([]);
@@ -225,7 +227,7 @@ const MultipleSelect = (props) => {
       if (shouldDisable()) return null;
       return onClearClick();
     }, handlerOpenClose: onOpenClose, customClassForSideButtons }, "action-buttons-multiselect")], children: /* @__PURE__ */ jsx(Selecteds, { ...props, currents, handlerOnUnselect: onUnselect }) }),
-    opened && /* @__PURE__ */ jsx(Dropdown, { ...props, selected, selectFieldRef: componentRef, dropdownRef, gridWrapperStyle: props.gridLayout && gridElRef.current ? window.getComputedStyle(gridElRef.current) : void 0, handleOnSelect: onSelect, handleOnFilter: onFilter, handleOnKeydown: onInputKeyDown, handleOnBlur: () => onBlur, handleOnFocus: onFocus, opened, dataCombo, currents, dropdownWidth: dropdownMaxWidth || dropdownWidth || 0 }),
+    opened && /* @__PURE__ */ jsx(Dropdown, { ...props, selected, selectFieldRef: componentRef, dropdownRef, gridWrapperStyle: props.gridLayout && gridElRef.current ? window.getComputedStyle(gridElRef.current) : void 0, handleOnSelect: onSelect, handleOnFilter: onFilter, handleOnKeydown: onInputKeyDown, handleOnBlur: () => onBlur, handleOnFocus: onFocus, opened, dataCombo, currents, dropdownWidth: dropdownMaxWidth || dropdownWidth || 0, onEndReached, onEndReachedThreshold }),
     /* @__PURE__ */ jsx(Hint, { visible: !!hint && hintPosition === "below", customClass: "hint", description: hint })
   ] });
 };

package/lib/inputs/select/multiple/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/lib/inputs/select/multiple/index.tsx"],"sourcesContent":["import { KeyboardEvent, useEffect, useRef, useState } from 'react';\nimport _ from 'lodash';\nimport * as uuid from 'uuid';\nimport Dropdown from '../Dropdown';\nimport ActionButtons from '../ActionButtons';\nimport Selecteds from './Selecteds';\nimport * as constants from '../../../internals/constants';\nimport InputTextBase from '../../base/InputTextBase';\nimport { getFilteredMultipleDataCombo } from '../helper';\nimport { OnDenied } from '../../../@types/PermissionAttr';\nimport { DataCombo } from '../../../@types/DataCombo';\nimport { IMultipleSelectProps } from '../types';\nimport { CustomInputEvent } from '../../base/types';\nimport Hint from '../../../hint';\n\nconst MultipleSelect = (props: IMultipleSelectProps) => {\n  const {\n    idKey, dataSource = [], handlerClear, value = [], remoteSearch = false, descriptionKey,\n    showClearButton, rightElements = [], hint, hintPosition = 'below', customClassForLabel,\n    customClassForWrapper, customClassForInputContent, customClassForSideButtons, disabled = false,\n    dropdownMaxWidth = undefined,\n  } = props;\n  const [dataCombo, setDataCombo] = useState(dataSource);\n  const [currents, setCurrents] = useState<DataCombo[]>([]);\n  const [selected, setSelected] = useState<DataCombo>();\n  const [inputValue, setInputValue] = useState<string[] | number[]>([]);\n  const [opened, setOpened] = useState(false);\n  const [dropdownWidth, setDropdownWidth] = useState(0);\n  const [insideComponent, setInsideComponent] = useState(false);\n  const [onDenied, setOnDeniedSelect] = useState<OnDenied>();\n  const [valueFromProps, setValueFromProps] = useState<string[] | number[]>([]);\n\n  const componentId = `select-component${uuid.v1()}`;\n  const componentRef = useRef<HTMLInputElement>(null);\n  const dropdownRef = useRef<HTMLInputElement>(null);\n  const selectWrapper = useRef<HTMLDivElement | HTMLTextAreaElement>(null);\n  const gridElRef = useRef<Element>(null);\n  const inputTextRef = useRef<HTMLInputElement | HTMLTextAreaElement | null>(null);\n  const descriptionKeyIsString = typeof descriptionKey === 'string';\n  const insideComponents =\n    ['item', 'menubutton', 'filterinput', 'filtercontainer', 'label', 'actionbutton'];\n\n  const onScreenResize = () => {\n    if (selectWrapper.current) setDropdownWidth(selectWrapper.current.clientWidth);\n  };\n\n  const onClickOutside = (event: MouseEvent) => {\n    const { target } = event;\n    if (!insideComponents.includes((target as Element).className) &&\n      target !== selectWrapper.current && selectWrapper.current &&\n      !selectWrapper.current.contains(target as Node) &&\n      dropdownRef.current && !dropdownRef.current.contains(target as Node)) {\n      setOpened(false);\n    }\n  };\n\n  const onMouseMove = (event: MouseEvent) => {\n    const target = event.target as Element;\n    const idDropdown = dropdownRef.current?.parentElement?.id || '';\n    const dropdownElement = document.getElementById(idDropdown);\n    const keepDropdownOpen = Boolean(dropdownElement?.contains(target));\n    setInsideComponent(keepDropdownOpen);\n  };\n\n  const onClearClick = () => {\n    setSelected(undefined);\n    setCurrents([]);\n    if (props.onSelect) props.onSelect();\n  };\n\n  const onFilter = (filteredValue: string) => {\n    let selectedFilter = null;\n    if (remoteSearch) {\n      if (props.onSearch) props.onSearch(filteredValue);\n      setOpened(true);\n      setInputValue([filteredValue]);\n    } else {\n      let dataComboFilter = dataSource;\n      if (filteredValue.length > 0) {\n        dataComboFilter = getFilteredMultipleDataCombo({\n          inputText: [filteredValue],\n          dataSource,\n          descriptionKey,\n          currents,\n        });\n      }\n      if (dataComboFilter && dataComboFilter.length > 0) selectedFilter = dataComboFilter[0];\n      setDataCombo(dataComboFilter);\n      setOpened(true);\n      if (selectedFilter) setSelected(selectedFilter);\n      setInputValue([filteredValue]);\n    }\n  };\n\n  const onFocus = () => {\n    const dropdownWidthFocus =\n      selectWrapper.current ? selectWrapper.current.clientWidth : dropdownWidth;\n    setOpened(true);\n    setDropdownWidth(dropdownWidthFocus);\n  };\n\n  const onSelect = (select: DataCombo) => {\n    if (select === null) return;\n    const currentsSelect = [...currents, select];\n\n    setCurrents(currentsSelect);\n    setDataCombo(dataSource);\n    setInputValue([]);\n    if (inputTextRef && inputTextRef.current) inputTextRef.current.focus();\n    if (props.onSelect) setSelected(props.onSelect(currentsSelect.map(i => i[idKey])));\n    dropdownRef.current?.focus();\n  };\n\n  const onUnselect = (id: string) => {\n    if (currents) {\n      const result = currents.filter(item => item[idKey] !== id);\n      setCurrents(result);\n      if (inputTextRef && inputTextRef.current) inputTextRef.current.focus();\n      setOpened(false);\n      if (props.onSelect) setSelected(props.onSelect(result.map(i => i[idKey])));\n      dropdownRef.current?.focus();\n    }\n  };\n\n  const onOpenClose = () => {\n    setOpened(prevState => !prevState);\n    if (selectWrapper.current) setDropdownWidth(selectWrapper.current.clientWidth);\n  };\n\n  const onBlur = (e: CustomInputEvent) => {\n    if (props.onBlur) props.onBlur(e);\n    if (selected && opened) {\n      onSelect(selected);\n    }\n    if (!insideComponent) {\n      setOpened(false);\n      setDataCombo(dataSource);\n    }\n  };\n\n  const onInputKeyDown = (e: CustomInputEvent | KeyboardEvent) => {\n    if (e.keyCode) {\n      if ((e.keyCode === constants.keyCodes.ENTER || e.key === constants.keys.TAB) \n          && selected && opened) {\n        if (e.keyCode === constants.keyCodes.ENTER) e.preventDefault?.();\n        if (!currents.some(current => current[idKey] === selected[idKey])) {\n          onSelect(selected);\n        }\n      } else if ([constants.keyCodes.ARROW_UP, constants.keyCodes.ARROW_DOWN].includes(e.keyCode)) {\n        if (!opened) setOpened(true);\n        let index = dataCombo ? dataCombo.findIndex(d => d === selected) : 0;\n        if (e.keyCode === constants.keyCodes.ARROW_DOWN) {\n          index = (dataCombo && index === dataCombo.length - 1 ? 0 : index + 1);\n        } else {\n          index = (dataCombo && index === 0 ? dataCombo.length - 1 : index - 1);\n        }\n        if (dataCombo && dataCombo.length) {\n          if (descriptionKeyIsString && dataCombo[index][descriptionKey]) {\n            setInputValue(dataCombo[index][descriptionKey]);\n          } else if (!descriptionKeyIsString) setInputValue([descriptionKey(dataCombo[index])]);\n        }\n        if (dataCombo) setSelected(dataCombo[index]);\n      } else if (e.keyCode === constants.keyCodes.BACKSPACE) {\n        if (inputValue.length === 0) {\n          const currentsKeyDown = _.dropRight(currents);\n          setCurrents(currentsKeyDown);\n          if (props.onSelect) props.onSelect(currentsKeyDown.map(i => i[idKey]));\n        }\n      } else if (e.keyCode === constants.keyCodes.TAB) {\n        setOpened(false);\n      }\n    }\n  };\n\n  const setOnDenied = (denied: OnDenied) => {\n    setOnDeniedSelect(denied);\n  };\n\n  const shouldDisable = () =>\n    disabled ||\n    (onDenied && (onDenied.disabled || onDenied.hideContent));\n\n  const shouldBeReadOnly = () => props.readOnly || (onDenied && (onDenied.readOnly));\n\n  useEffect(() => {\n    window.addEventListener('resize', onScreenResize);\n    document.addEventListener('click', onClickOutside);\n    document.addEventListener('mousemove', onMouseMove);\n    if (handlerClear) onClearClick();\n\n    return () => {\n      window.removeEventListener('resize', onScreenResize);\n      document.removeEventListener('click', onClickOutside);\n      document.removeEventListener('mousemove', onMouseMove);\n    };\n  }, []);\n\n  useEffect(() => {\n    if (props.gridLayout) {\n      const gridEl = document.querySelector(`#${componentId}>.-withinput.grid-container`);\n      if (gridElRef.current !== gridEl && gridEl) gridElRef.current = gridEl;\n    }\n  }, []);\n\n  useEffect(() => {\n    if (value.length > 0 && value !== valueFromProps && dataSource.length > 0) {\n      const newCurrents = dataSource.filter((item: { [id: string]: string }) =>\n        value.includes(item[idKey] as never));\n\n      setValueFromProps(value);\n      setCurrents(newCurrents);\n    }\n  }, [dataSource.length, value.length]);\n\n  useEffect(() => {\n    if (!_.isEqual(dataSource, dataCombo)) {\n      const filteredDataCombo = remoteSearch\n        ? dataSource\n        : getFilteredMultipleDataCombo({\n            currents, dataSource, descriptionKey, inputText: inputValue,\n          });\n\n      setDataCombo(filteredDataCombo);\n      setSelected(filteredDataCombo.length > 0 ? dataCombo[0] : null);\n    }\n  }, [dataSource]);\n\n  return (\n    <span\n      id={componentId}\n      ref={componentRef}\n      className=\"select-component\">\n      <InputTextBase\n        {...props}\n        inputRef={(ref) => {\n          if (props.inputRef) {\n            if (!_.isFunction(props.inputRef)) {\n              props.inputRef.current = ref;\n            } else {\n              props.inputRef(ref);\n            }\n          }\n          inputTextRef.current = ref;\n        }}\n        autoComplete=\"off\"\n        value={inputValue.toString()}\n        readOnly={shouldBeReadOnly()}\n        onFocus={() => { onFocus(); }}\n        onBlur={(e: CustomInputEvent) => { onBlur(e); }}\n        onChange={(e?: CustomInputEvent) => {\n          if (e) onFilter(e.target.value);\n        }}\n        onClick={onFocus}\n        onKeyDown={onInputKeyDown}\n        customClassForLabel={customClassForLabel}\n        customClassForWrapper={\n          `selectwrapper ${(props.readOnly || shouldDisable() || shouldBeReadOnly()) && ' -undigitable'} ${customClassForWrapper}`\n        }\n        customClassForInputContent={`multiselect ${customClassForInputContent}`}\n        inputBaseRef={(r: HTMLDivElement | HTMLTextAreaElement) => { selectWrapper.current = r; }}\n        handlerSetOnDenied={setOnDenied}\n        rightElements={[\n          ...rightElements,\n          <ActionButtons\n            key=\"action-buttons-multiselect\"\n            showClearButton={showClearButton}\n            disabled={shouldDisable() || shouldBeReadOnly()}\n            dropDownOpened={opened}\n            handlerClear={() => {\n              if (shouldDisable()) return null;\n              return onClearClick();\n            }}\n            handlerOpenClose={onOpenClose}\n            customClassForSideButtons={customClassForSideButtons} />,\n        ]}>\n        <Selecteds\n          {...props}\n          currents={currents}\n          handlerOnUnselect={onUnselect} />\n      </InputTextBase>\n      {opened &&\n        <Dropdown\n          {...props}\n          selected={selected}\n          selectFieldRef={componentRef}\n          dropdownRef={dropdownRef}\n          gridWrapperStyle={props.gridLayout && gridElRef.current\n            ? window.getComputedStyle(gridElRef.current)\n            : undefined}\n          handleOnSelect={onSelect}\n          handleOnFilter={onFilter}\n          handleOnKeydown={onInputKeyDown}\n          handleOnBlur={() => onBlur}\n          handleOnFocus={onFocus}\n          opened={opened}\n          dataCombo={dataCombo}\n          currents={currents}\n          dropdownWidth={dropdownMaxWidth || dropdownWidth || 0} />\n      }\n      <Hint visible={!!hint && hintPosition === 'below'} customClass=\"hint\" description={hint} />\n    </span>\n  );\n};\n\nexport default MultipleSelect;\n"],"names":["MultipleSelect","props","idKey","dataSource","handlerClear","value","remoteSearch","descriptionKey","showClearButton","rightElements","hint","hintPosition","customClassForLabel","customClassForWrapper","customClassForInputContent","customClassForSideButtons","disabled","dropdownMaxWidth","undefined","dataCombo","setDataCombo","useState","currents","setCurrents","selected","setSelected","inputValue","setInputValue","opened","setOpened","dropdownWidth","setDropdownWidth","insideComponent","setInsideComponent","onDenied","setOnDeniedSelect","valueFromProps","setValueFromProps","componentId","uuid","v1","componentRef","useRef","dropdownRef","selectWrapper","gridElRef","inputTextRef","descriptionKeyIsString","insideComponents","onScreenResize","current","clientWidth","onClickOutside","event","target","includes","className","contains","onMouseMove","idDropdown","parentElement","id","dropdownElement","document","getElementById","keepDropdownOpen","Boolean","onClearClick","onSelect","onFilter","filteredValue","selectedFilter","onSearch","dataComboFilter","length","getFilteredMultipleDataCombo","inputText","onFocus","dropdownWidthFocus","select","currentsSelect","focus","map","i","onUnselect","result","filter","item","onOpenClose","prevState","onBlur","e","onInputKeyDown","keyCode","constants","ENTER","key","TAB","preventDefault","some","ARROW_UP","ARROW_DOWN","index","findIndex","d","BACKSPACE","currentsKeyDown","_","dropRight","setOnDenied","denied","shouldDisable","hideContent","shouldBeReadOnly","readOnly","useEffect","window","addEventListener","removeEventListener","gridLayout","gridEl","querySelector","newCurrents","isEqual","filteredDataCombo","ref","inputRef","isFunction","toString","r","getComputedStyle"],"mappings":";;;;;;;;;;;AAeA,MAAMA,iBAAiBA,CAACC,UAAgC;AACtD,QAAM;AAAA,IACJC;AAAAA,IAAOC,aAAa,CAAA;AAAA,IAAIC;AAAAA,IAAcC,QAAQ,CAAA;AAAA,IAAIC,eAAe;AAAA,IAAOC;AAAAA,IACxEC;AAAAA,IAAiBC,gBAAgB,CAAA;AAAA,IAAIC;AAAAA,IAAMC,eAAe;AAAA,IAASC;AAAAA,IACnEC;AAAAA,IAAuBC;AAAAA,IAA4BC;AAAAA,IAA2BC,WAAW;AAAA,IACzFC,mBAAmBC;AAAAA,EAAAA,IACjBjB;AACJ,QAAM,CAACkB,WAAWC,YAAY,IAAIC,SAASlB,UAAU;AACrD,QAAM,CAACmB,UAAUC,WAAW,IAAIF,SAAsB,CAAA,CAAE;AACxD,QAAM,CAACG,UAAUC,WAAW,IAAIJ,SAAAA;AAChC,QAAM,CAACK,YAAYC,aAAa,IAAIN,SAA8B,CAAA,CAAE;AACpE,QAAM,CAACO,QAAQC,SAAS,IAAIR,SAAS,KAAK;AAC1C,QAAM,CAACS,eAAeC,gBAAgB,IAAIV,SAAS,CAAC;AACpD,QAAM,CAACW,iBAAiBC,kBAAkB,IAAIZ,SAAS,KAAK;AAC5D,QAAM,CAACa,UAAUC,iBAAiB,IAAId,SAAAA;AACtC,QAAM,CAACe,gBAAgBC,iBAAiB,IAAIhB,SAA8B,CAAA,CAAE;AAE5E,QAAMiB,cAAc,mBAAmBC,GAAKC,CAAI;AAChD,QAAMC,eAAeC,OAAyB,IAAI;AAClD,QAAMC,cAAcD,OAAyB,IAAI;AACjD,QAAME,gBAAgBF,OAA6C,IAAI;AACvE,QAAMG,YAAYH,OAAgB,IAAI;AACtC,QAAMI,eAAeJ,OAAsD,IAAI;AAC/E,QAAMK,yBAAyB,OAAOxC,mBAAmB;AACzD,QAAMyC,mBACJ,CAAC,QAAQ,cAAc,eAAe,mBAAmB,SAAS,cAAc;AAElF,QAAMC,iBAAiBA,MAAM;AAC3B,QAAIL,cAAcM,QAASnB,kBAAiBa,cAAcM,QAAQC,WAAW;AAAA,EAC/E;AAEA,QAAMC,iBAAiBA,CAACC,UAAsB;AAC5C,UAAM;AAAA,MAAEC;AAAAA,IAAAA,IAAWD;AACnB,QAAI,CAACL,iBAAiBO,SAAUD,OAAmBE,SAAS,KAC1DF,WAAWV,cAAcM,WAAWN,cAAcM,WAClD,CAACN,cAAcM,QAAQO,SAASH,MAAc,KAC9CX,YAAYO,WAAW,CAACP,YAAYO,QAAQO,SAASH,MAAc,GAAG;AACtEzB,gBAAU,KAAK;AAAA,IACjB;AAAA,EACF;AAEA,QAAM6B,cAAcA,CAACL,YAAsB;AACzC,UAAMC,WAASD,QAAMC;AACrB,UAAMK,aAAahB,YAAYO,SAASU,eAAeC,MAAM;AAC7D,UAAMC,kBAAkBC,SAASC,eAAeL,UAAU;AAC1D,UAAMM,mBAAmBC,QAAQJ,iBAAiBL,SAASH,QAAM,CAAC;AAClErB,uBAAmBgC,gBAAgB;AAAA,EACrC;AAEA,QAAME,eAAeA,MAAM;AACzB1C,gBAAYP,MAAS;AACrBK,gBAAY,CAAA,CAAE;AACd,QAAItB,MAAMmE,SAAUnE,OAAMmE,SAAAA;AAAAA,EAC5B;AAEA,QAAMC,WAAWA,CAACC,kBAA0B;AAC1C,QAAIC,iBAAiB;AACrB,QAAIjE,cAAc;AAChB,UAAIL,MAAMuE,SAAUvE,OAAMuE,SAASF,aAAa;AAChDzC,gBAAU,IAAI;AACdF,oBAAc,CAAC2C,aAAa,CAAC;AAAA,IAC/B,OAAO;AACL,UAAIG,kBAAkBtE;AACtB,UAAImE,cAAcI,SAAS,GAAG;AAC5BD,0BAAkBE,6BAA6B;AAAA,UAC7CC,WAAW,CAACN,aAAa;AAAA,UACzBnE;AAAAA,UACAI;AAAAA,UACAe;AAAAA,QAAAA,CACD;AAAA,MACH;AACA,UAAImD,mBAAmBA,gBAAgBC,SAAS,EAAGH,kBAAiBE,gBAAgB,CAAC;AACrFrD,mBAAaqD,eAAe;AAC5B5C,gBAAU,IAAI;AACd,UAAI0C,4BAA4BA,cAAc;AAC9C5C,oBAAc,CAAC2C,aAAa,CAAC;AAAA,IAC/B;AAAA,EACF;AAEA,QAAMO,UAAUA,MAAM;AACpB,UAAMC,qBACJlC,cAAcM,UAAUN,cAAcM,QAAQC,cAAcrB;AAC9DD,cAAU,IAAI;AACdE,qBAAiB+C,kBAAkB;AAAA,EACrC;AAEA,QAAMV,WAAWA,CAACW,WAAsB;AACtC,QAAIA,WAAW,KAAM;AACrB,UAAMC,iBAAiB,CAAC,GAAG1D,UAAUyD,MAAM;AAE3CxD,gBAAYyD,cAAc;AAC1B5D,iBAAajB,UAAU;AACvBwB,kBAAc,CAAA,CAAE;AAChB,QAAImB,gBAAgBA,aAAaI,QAASJ,cAAaI,QAAQ+B,MAAAA;AAC/D,QAAIhF,MAAMmE,SAAU3C,aAAYxB,MAAMmE,SAASY,eAAeE,IAAIC,CAAAA,MAAKA,EAAEjF,KAAK,CAAC,CAAC,CAAC;AACjFyC,gBAAYO,SAAS+B,MAAAA;AAAAA,EACvB;AAEA,QAAMG,aAAaA,CAACvB,OAAe;AACjC,QAAIvC,UAAU;AACZ,YAAM+D,SAAS/D,SAASgE,OAAOC,UAAQA,KAAKrF,KAAK,MAAM2D,EAAE;AACzDtC,kBAAY8D,MAAM;AAClB,UAAIvC,gBAAgBA,aAAaI,QAASJ,cAAaI,QAAQ+B,MAAAA;AAC/DpD,gBAAU,KAAK;AACf,UAAI5B,MAAMmE,SAAU3C,aAAYxB,MAAMmE,SAASiB,OAAOH,IAAIC,CAAAA,QAAKA,IAAEjF,KAAK,CAAC,CAAC,CAAC;AACzEyC,kBAAYO,SAAS+B,MAAAA;AAAAA,IACvB;AAAA,EACF;AAEA,QAAMO,cAAcA,MAAM;AACxB3D,cAAU4D,CAAAA,cAAa,CAACA,SAAS;AACjC,QAAI7C,cAAcM,QAASnB,kBAAiBa,cAAcM,QAAQC,WAAW;AAAA,EAC/E;AAEA,QAAMuC,SAASA,CAACC,MAAwB;AACtC,QAAI1F,MAAMyF,OAAQzF,OAAMyF,OAAOC,CAAC;AAChC,QAAInE,YAAYI,QAAQ;AACtBwC,eAAS5C,QAAQ;AAAA,IACnB;AACA,QAAI,CAACQ,iBAAiB;AACpBH,gBAAU,KAAK;AACfT,mBAAajB,UAAU;AAAA,IACzB;AAAA,EACF;AAEA,QAAMyF,iBAAiBA,CAACD,QAAwC;AAC9D,QAAIA,IAAEE,SAAS;AACb,WAAKF,IAAEE,YAAYC,SAAmBC,SAASJ,IAAEK,QAAQF,KAAeG,QACjEzE,YAAYI,QAAQ;AACzB,YAAI+D,IAAEE,YAAYC,SAAmBC,WAASG,iBAAAA;AAC9C,YAAI,CAAC5E,SAAS6E,KAAKjD,CAAAA,YAAWA,QAAQhD,KAAK,MAAMsB,SAAStB,KAAK,CAAC,GAAG;AACjEkE,mBAAS5C,QAAQ;AAAA,QACnB;AAAA,MACF,WAAW,CAACsE,SAAmBM,UAAUN,SAAmBO,UAAU,EAAE9C,SAASoC,IAAEE,OAAO,GAAG;AAC3F,YAAI,CAACjE,OAAQC,WAAU,IAAI;AAC3B,YAAIyE,QAAQnF,YAAYA,UAAUoF,UAAUC,CAAAA,MAAKA,MAAMhF,QAAQ,IAAI;AACnE,YAAImE,IAAEE,YAAYC,SAAmBO,YAAY;AAC/CC,kBAASnF,aAAamF,UAAUnF,UAAUuD,SAAS,IAAI,IAAI4B,QAAQ;AAAA,QACrE,OAAO;AACLA,kBAASnF,aAAamF,UAAU,IAAInF,UAAUuD,SAAS,IAAI4B,QAAQ;AAAA,QACrE;AACA,YAAInF,aAAaA,UAAUuD,QAAQ;AACjC,cAAI3B,0BAA0B5B,UAAUmF,KAAK,EAAE/F,cAAc,GAAG;AAC9DoB,0BAAcR,UAAUmF,KAAK,EAAE/F,cAAc,CAAC;AAAA,UAChD,WAAW,CAACwC,uBAAwBpB,eAAc,CAACpB,eAAeY,UAAUmF,KAAK,CAAC,CAAC,CAAC;AAAA,QACtF;AACA,YAAInF,UAAWM,aAAYN,UAAUmF,KAAK,CAAC;AAAA,MAC7C,WAAWX,IAAEE,YAAYC,SAAmBW,WAAW;AACrD,YAAI/E,WAAWgD,WAAW,GAAG;AAC3B,gBAAMgC,kBAAkBC,EAAEC,UAAUtF,QAAQ;AAC5CC,sBAAYmF,eAAe;AAC3B,cAAIzG,MAAMmE,SAAUnE,OAAMmE,SAASsC,gBAAgBxB,IAAIC,CAAAA,QAAKA,IAAEjF,KAAK,CAAC,CAAC;AAAA,QACvE;AAAA,MACF,WAAWyF,IAAEE,YAAYC,SAAmBG,KAAK;AAC/CpE,kBAAU,KAAK;AAAA,MACjB;AAAA,IACF;AAAA,EACF;AAEA,QAAMgF,cAAcA,CAACC,WAAqB;AACxC3E,sBAAkB2E,MAAM;AAAA,EAC1B;AAEA,QAAMC,gBAAgBA,MACpB/F,YACCkB,aAAaA,SAASlB,YAAYkB,SAAS8E;AAE9C,QAAMC,mBAAmBA,MAAMhH,MAAMiH,YAAahF,YAAaA,SAASgF;AAExEC,YAAU,MAAM;AACdC,WAAOC,iBAAiB,UAAUpE,cAAc;AAChDc,aAASsD,iBAAiB,SAASjE,cAAc;AACjDW,aAASsD,iBAAiB,aAAa3D,WAAW;AAClD,QAAItD,aAAc+D,cAAAA;AAElB,WAAO,MAAM;AACXiD,aAAOE,oBAAoB,UAAUrE,cAAc;AACnDc,eAASuD,oBAAoB,SAASlE,cAAc;AACpDW,eAASuD,oBAAoB,aAAa5D,WAAW;AAAA,IACvD;AAAA,EACF,GAAG,CAAA,CAAE;AAELyD,YAAU,MAAM;AACd,QAAIlH,MAAMsH,YAAY;AACpB,YAAMC,SAASzD,SAAS0D,cAAc,IAAInF,WAAW,6BAA6B;AAClF,UAAIO,UAAUK,YAAYsE,UAAUA,kBAAkBtE,UAAUsE;AAAAA,IAClE;AAAA,EACF,GAAG,CAAA,CAAE;AAELL,YAAU,MAAM;AACd,QAAI9G,MAAMqE,SAAS,KAAKrE,UAAU+B,kBAAkBjC,WAAWuE,SAAS,GAAG;AACzE,YAAMgD,cAAcvH,WAAWmF,OAAO,CAACC,WACrClF,MAAMkD,SAASgC,OAAKrF,KAAK,CAAU,CAAC;AAEtCmC,wBAAkBhC,KAAK;AACvBkB,kBAAYmG,WAAW;AAAA,IACzB;AAAA,EACF,GAAG,CAACvH,WAAWuE,QAAQrE,MAAMqE,MAAM,CAAC;AAEpCyC,YAAU,MAAM;AACd,QAAI,CAACR,EAAEgB,QAAQxH,YAAYgB,SAAS,GAAG;AACrC,YAAMyG,oBAAoBtH,eACtBH,aACAwE,6BAA6B;AAAA,QAC3BrD;AAAAA,QAAUnB;AAAAA,QAAYI;AAAAA,QAAgBqE,WAAWlD;AAAAA,MAAAA,CAClD;AAELN,mBAAawG,iBAAiB;AAC9BnG,kBAAYmG,kBAAkBlD,SAAS,IAAIvD,UAAU,CAAC,IAAI,IAAI;AAAA,IAChE;AAAA,EACF,GAAG,CAAChB,UAAU,CAAC;AAEf,8BACG,QAAA,EACC,IAAImC,aACJ,KAAKG,cACL,WAAU,oBACV,UAAA;AAAA,IAAA,oBAAC,eAAA,EACC,GAAIxC,OACJ,UAAW4H,CAAAA,QAAQ;AACjB,UAAI5H,MAAM6H,UAAU;AAClB,YAAI,CAACnB,EAAEoB,WAAW9H,MAAM6H,QAAQ,GAAG;AACjC7H,gBAAM6H,SAAS5E,UAAU2E;AAAAA,QAC3B,OAAO;AACL5H,gBAAM6H,SAASD,GAAG;AAAA,QACpB;AAAA,MACF;AACA/E,mBAAaI,UAAU2E;AAAAA,IACzB,GACA,cAAa,OACb,OAAOnG,WAAWsG,SAAAA,GAClB,UAAUf,oBACV,SAAS,MAAM;AAAEpC,cAAAA;AAAAA,IAAW,GAC5B,QAAQ,CAACc,QAAwB;AAAED,aAAOC,GAAC;AAAA,IAAG,GAC9C,UAAU,CAACA,QAAyB;AAClC,UAAIA,IAAGtB,UAASsB,IAAErC,OAAOjD,KAAK;AAAA,IAChC,GACA,SAASwE,SACT,WAAWe,gBACX,qBACA,uBACE,kBAAkB3F,MAAMiH,YAAYH,cAAAA,KAAmBE,uBAAuB,eAAe,IAAIpG,qBAAqB,IAExH,4BAA4B,eAAeC,0BAA0B,IACrE,cAAc,CAACmH,MAA4C;AAAErF,oBAAcM,UAAU+E;AAAAA,IAAG,GACxF,oBAAoBpB,aACpB,eAAe,CACb,GAAGpG,eACH,oBAAC,eAAA,EAEC,iBACA,UAAUsG,mBAAmBE,iBAAAA,GAC7B,gBAAgBrF,QAChB,cAAc,MAAM;AAClB,UAAImF,cAAAA,EAAiB,QAAO;AAC5B,aAAO5C,aAAAA;AAAAA,IACT,GACA,kBAAkBqB,aAClB,0BAAA,GATI,4BASiD,CAAG,GAE5D,UAAA,oBAAC,WAAA,EACC,GAAIvF,OACJ,UACA,mBAAmBmF,YAAW,GAClC;AAAA,IACCxD,UACC,oBAAC,UAAA,EACC,GAAI3B,OACJ,UACA,gBAAgBwC,cAChB,aACA,kBAAkBxC,MAAMsH,cAAc1E,UAAUK,UAC5CkE,OAAOc,iBAAiBrF,UAAUK,OAAO,IACzChC,QACJ,gBAAgBkD,UAChB,gBAAgBC,UAChB,iBAAiBuB,gBACjB,cAAc,MAAMF,QACpB,eAAeb,SACf,QACA,WACA,UACA,eAAe5D,oBAAoBa,iBAAiB,GAAE;AAAA,IAE1D,oBAAC,MAAA,EAAK,SAAS,CAAC,CAACpB,QAAQC,iBAAiB,SAAS,aAAY,QAAO,aAAaD,KAAAA,CAAK;AAAA,EAAA,GAC1F;AAEJ;"}
+{"version":3,"file":"index.js","sources":["../../../../src/lib/inputs/select/multiple/index.tsx"],"sourcesContent":["import { KeyboardEvent, useEffect, useRef, useState } from 'react';\nimport _ from 'lodash';\nimport * as uuid from 'uuid';\nimport Dropdown from '../Dropdown';\nimport ActionButtons from '../ActionButtons';\nimport Selecteds from './Selecteds';\nimport * as constants from '../../../internals/constants';\nimport InputTextBase from '../../base/InputTextBase';\nimport { getFilteredMultipleDataCombo } from '../helper';\nimport { OnDenied } from '../../../@types/PermissionAttr';\nimport { DataCombo } from '../../../@types/DataCombo';\nimport { IMultipleSelectProps } from '../types';\nimport { CustomInputEvent } from '../../base/types';\nimport Hint from '../../../hint';\n\nconst MultipleSelect = (props: IMultipleSelectProps) => {\n  const {\n    idKey, dataSource = [], handlerClear, value = [], remoteSearch = false, descriptionKey,\n    showClearButton, rightElements = [], hint, hintPosition = 'below', customClassForLabel,\n    customClassForWrapper, customClassForInputContent, customClassForSideButtons, disabled = false,\n    dropdownMaxWidth = undefined, onEndReached, onEndReachedThreshold,\n  } = props;\n  const [dataCombo, setDataCombo] = useState(dataSource);\n  const [currents, setCurrents] = useState<DataCombo[]>([]);\n  const [selected, setSelected] = useState<DataCombo>();\n  const [inputValue, setInputValue] = useState<string[] | number[]>([]);\n  const [opened, setOpened] = useState(false);\n  const [dropdownWidth, setDropdownWidth] = useState(0);\n  const [insideComponent, setInsideComponent] = useState(false);\n  const [onDenied, setOnDeniedSelect] = useState<OnDenied>();\n  const [valueFromProps, setValueFromProps] = useState<string[] | number[]>([]);\n\n  const componentId = `select-component${uuid.v1()}`;\n  const componentRef = useRef<HTMLInputElement>(null);\n  const dropdownRef = useRef<HTMLInputElement>(null);\n  const selectWrapper = useRef<HTMLDivElement | HTMLTextAreaElement>(null);\n  const gridElRef = useRef<Element>(null);\n  const inputTextRef = useRef<HTMLInputElement | HTMLTextAreaElement | null>(null);\n  const descriptionKeyIsString = typeof descriptionKey === 'string';\n  const insideComponents =\n    ['item', 'menubutton', 'filterinput', 'filtercontainer', 'label', 'actionbutton'];\n\n  const onScreenResize = () => {\n    if (selectWrapper.current) setDropdownWidth(selectWrapper.current.clientWidth);\n  };\n\n  const onClickOutside = (event: MouseEvent) => {\n    const { target } = event;\n    if (!insideComponents.includes((target as Element).className) &&\n      target !== selectWrapper.current && selectWrapper.current &&\n      !selectWrapper.current.contains(target as Node) &&\n      dropdownRef.current && !dropdownRef.current.contains(target as Node)) {\n      setOpened(false);\n    }\n  };\n\n  const onMouseMove = (event: MouseEvent) => {\n    const target = event.target as Element;\n    const idDropdown = dropdownRef.current?.parentElement?.id || '';\n    const dropdownElement = document.getElementById(idDropdown);\n    const keepDropdownOpen = Boolean(dropdownElement?.contains(target));\n    setInsideComponent(keepDropdownOpen);\n  };\n\n  const onClearClick = () => {\n    setSelected(undefined);\n    setCurrents([]);\n    if (props.onSelect) props.onSelect();\n  };\n\n  const onFilter = (filteredValue: string) => {\n    let selectedFilter = null;\n    if (remoteSearch) {\n      if (props.onSearch) props.onSearch(filteredValue);\n      setOpened(true);\n      setInputValue([filteredValue]);\n    } else {\n      let dataComboFilter = dataSource;\n      if (filteredValue.length > 0) {\n        dataComboFilter = getFilteredMultipleDataCombo({\n          inputText: [filteredValue],\n          dataSource,\n          descriptionKey,\n          currents,\n        });\n      }\n      if (dataComboFilter && dataComboFilter.length > 0) selectedFilter = dataComboFilter[0];\n      setDataCombo(dataComboFilter);\n      setOpened(true);\n      if (selectedFilter) setSelected(selectedFilter);\n      setInputValue([filteredValue]);\n    }\n  };\n\n  const onFocus = () => {\n    const dropdownWidthFocus =\n      selectWrapper.current ? selectWrapper.current.clientWidth : dropdownWidth;\n    setOpened(true);\n    setDropdownWidth(dropdownWidthFocus);\n  };\n\n  const onSelect = (select: DataCombo) => {\n    if (select === null) return;\n    const currentsSelect = [...currents, select];\n\n    setCurrents(currentsSelect);\n    setDataCombo(dataSource);\n    setInputValue([]);\n    if (inputTextRef && inputTextRef.current) inputTextRef.current.focus();\n    if (props.onSelect) setSelected(props.onSelect(currentsSelect.map(i => i[idKey])));\n    dropdownRef.current?.focus();\n  };\n\n  const onUnselect = (id: string) => {\n    if (currents) {\n      const result = currents.filter(item => item[idKey] !== id);\n      setCurrents(result);\n      if (inputTextRef && inputTextRef.current) inputTextRef.current.focus();\n      setOpened(false);\n      if (props.onSelect) setSelected(props.onSelect(result.map(i => i[idKey])));\n      dropdownRef.current?.focus();\n    }\n  };\n\n  const onOpenClose = () => {\n    setOpened(prevState => !prevState);\n    if (selectWrapper.current) setDropdownWidth(selectWrapper.current.clientWidth);\n  };\n\n  const onBlur = (e: CustomInputEvent) => {\n    if (props.onBlur) props.onBlur(e);\n    if (selected && opened) {\n      onSelect(selected);\n    }\n    if (!insideComponent) {\n      setOpened(false);\n      setDataCombo(dataSource);\n    }\n  };\n\n  const onInputKeyDown = (e: CustomInputEvent | KeyboardEvent) => {\n    if (e.keyCode) {\n      if ((e.keyCode === constants.keyCodes.ENTER || e.key === constants.keys.TAB) \n          && selected && opened) {\n        if (e.keyCode === constants.keyCodes.ENTER) e.preventDefault?.();\n        if (!currents.some(current => current[idKey] === selected[idKey])) {\n          onSelect(selected);\n        }\n      } else if ([constants.keyCodes.ARROW_UP, constants.keyCodes.ARROW_DOWN].includes(e.keyCode)) {\n        if (!opened) setOpened(true);\n        let index = dataCombo ? dataCombo.findIndex(d => d === selected) : 0;\n        if (e.keyCode === constants.keyCodes.ARROW_DOWN) {\n          index = (dataCombo && index === dataCombo.length - 1 ? 0 : index + 1);\n        } else {\n          index = (dataCombo && index === 0 ? dataCombo.length - 1 : index - 1);\n        }\n        if (dataCombo && dataCombo.length) {\n          if (descriptionKeyIsString && dataCombo[index][descriptionKey]) {\n            setInputValue(dataCombo[index][descriptionKey]);\n          } else if (!descriptionKeyIsString) setInputValue([descriptionKey(dataCombo[index])]);\n        }\n        if (dataCombo) setSelected(dataCombo[index]);\n      } else if (e.keyCode === constants.keyCodes.BACKSPACE) {\n        if (inputValue.length === 0) {\n          const currentsKeyDown = _.dropRight(currents);\n          setCurrents(currentsKeyDown);\n          if (props.onSelect) props.onSelect(currentsKeyDown.map(i => i[idKey]));\n        }\n      } else if (e.keyCode === constants.keyCodes.TAB) {\n        setOpened(false);\n      }\n    }\n  };\n\n  const setOnDenied = (denied: OnDenied) => {\n    setOnDeniedSelect(denied);\n  };\n\n  const shouldDisable = () =>\n    disabled ||\n    (onDenied && (onDenied.disabled || onDenied.hideContent));\n\n  const shouldBeReadOnly = () => props.readOnly || (onDenied && (onDenied.readOnly));\n\n  useEffect(() => {\n    window.addEventListener('resize', onScreenResize);\n    document.addEventListener('click', onClickOutside);\n    document.addEventListener('mousemove', onMouseMove);\n    if (handlerClear) onClearClick();\n\n    return () => {\n      window.removeEventListener('resize', onScreenResize);\n      document.removeEventListener('click', onClickOutside);\n      document.removeEventListener('mousemove', onMouseMove);\n    };\n  }, []);\n\n  useEffect(() => {\n    if (props.gridLayout) {\n      const gridEl = document.querySelector(`#${componentId}>.-withinput.grid-container`);\n      if (gridElRef.current !== gridEl && gridEl) gridElRef.current = gridEl;\n    }\n  }, []);\n\n  useEffect(() => {\n    if (value.length > 0 && value !== valueFromProps && dataSource.length > 0) {\n      const newCurrents = dataSource.filter((item: { [id: string]: string }) =>\n        value.includes(item[idKey] as never));\n\n      setValueFromProps(value);\n      setCurrents(newCurrents);\n    }\n  }, [dataSource.length, value.length]);\n\n  useEffect(() => {\n    if (!_.isEqual(dataSource, dataCombo)) {\n      const filteredDataCombo = remoteSearch\n        ? dataSource\n        : getFilteredMultipleDataCombo({\n            currents, dataSource, descriptionKey, inputText: inputValue,\n          });\n\n      setDataCombo(filteredDataCombo);\n      setSelected(filteredDataCombo.length > 0 ? dataCombo[0] : null);\n    }\n  }, [dataSource]);\n\n  return (\n    <span\n      id={componentId}\n      ref={componentRef}\n      className=\"select-component\">\n      <InputTextBase\n        {...props}\n        inputRef={(ref) => {\n          if (props.inputRef) {\n            if (!_.isFunction(props.inputRef)) {\n              props.inputRef.current = ref;\n            } else {\n              props.inputRef(ref);\n            }\n          }\n          inputTextRef.current = ref;\n        }}\n        autoComplete=\"off\"\n        value={inputValue.toString()}\n        readOnly={shouldBeReadOnly()}\n        onFocus={() => { onFocus(); }}\n        onBlur={(e: CustomInputEvent) => { onBlur(e); }}\n        onChange={(e?: CustomInputEvent) => {\n          if (e) onFilter(e.target.value);\n        }}\n        onClick={onFocus}\n        onKeyDown={onInputKeyDown}\n        customClassForLabel={customClassForLabel}\n        customClassForWrapper={\n          `selectwrapper ${(props.readOnly || shouldDisable() || shouldBeReadOnly()) && ' -undigitable'} ${customClassForWrapper}`\n        }\n        customClassForInputContent={`multiselect ${customClassForInputContent}`}\n        inputBaseRef={(r: HTMLDivElement | HTMLTextAreaElement) => { selectWrapper.current = r; }}\n        handlerSetOnDenied={setOnDenied}\n        rightElements={[\n          ...rightElements,\n          <ActionButtons\n            key=\"action-buttons-multiselect\"\n            showClearButton={showClearButton}\n            disabled={shouldDisable() || shouldBeReadOnly()}\n            dropDownOpened={opened}\n            handlerClear={() => {\n              if (shouldDisable()) return null;\n              return onClearClick();\n            }}\n            handlerOpenClose={onOpenClose}\n            customClassForSideButtons={customClassForSideButtons} />,\n        ]}>\n        <Selecteds\n          {...props}\n          currents={currents}\n          handlerOnUnselect={onUnselect} />\n      </InputTextBase>\n      {opened &&\n        <Dropdown\n          {...props}\n          selected={selected}\n          selectFieldRef={componentRef}\n          dropdownRef={dropdownRef}\n          gridWrapperStyle={props.gridLayout && gridElRef.current\n            ? window.getComputedStyle(gridElRef.current)\n            : undefined}\n          handleOnSelect={onSelect}\n          handleOnFilter={onFilter}\n          handleOnKeydown={onInputKeyDown}\n          handleOnBlur={() => onBlur}\n          handleOnFocus={onFocus}\n          opened={opened}\n          dataCombo={dataCombo}\n          currents={currents}\n          dropdownWidth={dropdownMaxWidth || dropdownWidth || 0}\n          onEndReached={onEndReached}\n          onEndReachedThreshold={onEndReachedThreshold} />\n      }\n      <Hint visible={!!hint && hintPosition === 'below'} customClass=\"hint\" description={hint} />\n    </span>\n  );\n};\n\nexport default MultipleSelect;\n"],"names":["MultipleSelect","props","idKey","dataSource","handlerClear","value","remoteSearch","descriptionKey","showClearButton","rightElements","hint","hintPosition","customClassForLabel","customClassForWrapper","customClassForInputContent","customClassForSideButtons","disabled","dropdownMaxWidth","undefined","onEndReached","onEndReachedThreshold","dataCombo","setDataCombo","useState","currents","setCurrents","selected","setSelected","inputValue","setInputValue","opened","setOpened","dropdownWidth","setDropdownWidth","insideComponent","setInsideComponent","onDenied","setOnDeniedSelect","valueFromProps","setValueFromProps","componentId","uuid","v1","componentRef","useRef","dropdownRef","selectWrapper","gridElRef","inputTextRef","descriptionKeyIsString","insideComponents","onScreenResize","current","clientWidth","onClickOutside","event","target","includes","className","contains","onMouseMove","idDropdown","parentElement","id","dropdownElement","document","getElementById","keepDropdownOpen","Boolean","onClearClick","onSelect","onFilter","filteredValue","selectedFilter","onSearch","dataComboFilter","length","getFilteredMultipleDataCombo","inputText","onFocus","dropdownWidthFocus","select","currentsSelect","focus","map","i","onUnselect","result","filter","item","onOpenClose","prevState","onBlur","e","onInputKeyDown","keyCode","constants","ENTER","key","TAB","preventDefault","some","ARROW_UP","ARROW_DOWN","index","findIndex","d","BACKSPACE","currentsKeyDown","_","dropRight","setOnDenied","denied","shouldDisable","hideContent","shouldBeReadOnly","readOnly","useEffect","window","addEventListener","removeEventListener","gridLayout","gridEl","querySelector","newCurrents","isEqual","filteredDataCombo","ref","inputRef","isFunction","toString","r","getComputedStyle"],"mappings":"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"}

package/lib/inputs/select/simple/index.js

@@ -31,7 +31,9 @@ const SimpleSelect = (props) => {
     customClassForInputContent,
     customClassForLabel,
     customClassForSideButtons,
-    dropdownMaxWidth = void 0
+    dropdownMaxWidth = void 0,
+    onEndReached,
+    onEndReachedThreshold
   } = props;
   const descriptionKeyIsString = typeof descriptionKey === "string";
   const dataSourceWithAllOptions = allOptions ? [{
@@ -258,7 +260,7 @@ const SimpleSelect = (props) => {
     }, handlerOpenClose: onOpenClose, customClassForSideButtons }, "action-buttons-simpleselect")] }),
     opened && /* @__PURE__ */ jsx(Dropdown, { ...props, opened, selected, inputValue: inputText, selectFieldRef: componentRef, dropdownRef, searchOnDropdown, gridWrapperStyle: gridLayout && gridElement.current ? window.getComputedStyle(gridElement.current) : void 0, handleOnSelect: (dataSelected) => {
       if (dataSelected) onSelect(dataSelected);
-    }, handleOnFilter: (valueFilter_0) => onFilter(valueFilter_0), handleOnKeydown: onInputKeyDown, handleOnBlur: () => onBlur, handleOnFocus: onFocus, dataCombo, searchNotFoundText, dropdownWidth: dropdownMaxWidth || dropdownWidth || 0 })
+    }, handleOnFilter: (valueFilter_0) => onFilter(valueFilter_0), handleOnKeydown: onInputKeyDown, handleOnBlur: () => onBlur, handleOnFocus: onFocus, dataCombo, searchNotFoundText, dropdownWidth: dropdownMaxWidth || dropdownWidth || 0, onEndReached, onEndReachedThreshold })
   ] });
 };
 export {

package/lib/inputs/select/simple/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/lib/inputs/select/simple/index.tsx"],"sourcesContent":["import { KeyboardEvent as KeyboardEventReact, useEffect, useRef, useState } from 'react';\nimport * as uuid from 'uuid';\nimport _ from 'lodash';\nimport Dropdown from '../Dropdown';\nimport ActionButtons from '../ActionButtons';\nimport * as constants from '../../../internals/constants';\nimport { getFilteredSimpleDataCombo } from '../helper';\nimport { DataCombo } from '../../../@types/DataCombo';\nimport { OnDenied } from '../../../@types/PermissionAttr';\nimport InputTextBase from '../../base/InputTextBase';\nimport { ISimpleSelectProps } from '../types';\nimport { CustomInputEvent } from '../../base/types';\n\nconst SimpleSelect = (props: ISimpleSelectProps) => {\n  const {\n    value, descriptionKey, dataSource = [], gridLayout, onSearch, disabled, readOnly,\n    openDropdownOnFocus = true, selectFirstOnEnter = false, idKey, remoteSearch = false, name = '',\n    undigitable, searchOnDropdown = false, allOptions = undefined, showClearButton = false,\n    searchNotFoundText, rightElements = [], customClassForWrapper, customClassForInputContent, \n    customClassForLabel, customClassForSideButtons, dropdownMaxWidth = undefined,\n  } = props;\n\n  const descriptionKeyIsString = typeof descriptionKey === 'string';\n  const dataSourceWithAllOptions = allOptions\n    ? [{\n        [idKey]: allOptions.idValue,\n        [descriptionKeyIsString ?\n          descriptionKey :\n            descriptionKey(allOptions.label)]: allOptions.label,\n      }, ...dataSource]\n    : dataSource;\n  const [dataCombo, setDataCombo] = useState<DataCombo[]>(dataSourceWithAllOptions);\n  const [selected, setSelected] = useState<DataCombo | null>(null);\n  const [inputText, setInputText] = useState('');\n  const [opened, setOpened] = useState(false);\n  const [dropdownWidth, setDropdownWidth] = useState(0);\n  const [insideComponent, setInsideComponent] = useState(false);\n  const [onDenied, setOnDeniedSelect] = useState<OnDenied>();\n  const [isTyping, setIsTyping] = useState(false);\n\n  const dropdownRef = useRef<HTMLDivElement>(null);\n  const componentId = `select-component-${name}-${uuid.v1()}`;\n  const componentRef = useRef<HTMLInputElement>(null);\n  const selectWrapper = useRef<HTMLDivElement>(null);\n  const gridElement = useRef<Element>(null);\n  const inputTextRef = useRef<HTMLInputElement | HTMLTextAreaElement | null>(null);\n\n  const onScreenResize = () => {\n    if (selectWrapper.current) setDropdownWidth(selectWrapper.current.clientWidth);\n  };\n\n  const onClickOutside = (event: MouseEvent) => {\n    const { target } = event;\n    if (target !== selectWrapper.current && !selectWrapper.current?.contains(target as Node) &&\n      !dropdownRef.current?.contains(target as Node)) {\n      setOpened(false);\n    }\n  };\n\n  const onMouseMove = (event: MouseEvent) => {\n    const target = event.target as Element;\n    const idDropdown = dropdownRef.current?.parentElement?.id || '';\n    const dropdownElement = document.getElementById(idDropdown);\n    const keepDropdownOpen = Boolean(dropdownElement?.contains(target));\n    setInsideComponent(keepDropdownOpen);\n  };\n\n  const getSelectEvent = (selectedEvent?: DataCombo) => (\n    {\n      target: {\n        value: selectedEvent ? selectedEvent[idKey] : undefined,\n        name,\n      },\n    }\n  );\n\n  const onChange = (selectedChange?: DataCombo) => {\n    if (props.onChange) {\n      const event = getSelectEvent(selectedChange);\n      props.onChange(event);\n    }\n  };\n\n  const onFilter = (valueFilter: string) => {\n    let selectedFilter = null;\n    if (remoteSearch) {\n      if (onSearch) onSearch(valueFilter);\n    } else {\n      const dataComboFilter = getFilteredSimpleDataCombo({\n        inputText: valueFilter,\n        descriptionKey,\n        dataSource: dataSourceWithAllOptions,\n      });\n\n      if (dataComboFilter && dataComboFilter.length > 0) {\n        selectedFilter = dataComboFilter[0];\n        setSelected(selectedFilter);\n      }\n      setDataCombo(dataComboFilter);\n    }\n    setOpened(true);\n    setInputText(valueFilter);\n    if (selectedFilter) {\n      if ((descriptionKeyIsString && valueFilter === selectedFilter[descriptionKey])\n        || (!descriptionKeyIsString && valueFilter === descriptionKey(selectedFilter))) {\n        onChange(selectedFilter);\n      }\n    }\n  };\n\n  const onSelect = (selectedDropdown: DataCombo) => {\n    if (!selectedDropdown) return;\n    setSelected(selectedDropdown);\n\n    if (descriptionKeyIsString) setInputText(selectedDropdown[descriptionKey]);\n    else setInputText(descriptionKey(selectedDropdown));\n    new Promise((resolve) => {\n      resolve(onChange(selectedDropdown));\n    }).finally(() => {\n      if (inputTextRef && inputTextRef.current) inputTextRef.current.focus();\n      setOpened(false);\n    });\n    dropdownRef.current?.focus();\n  };\n\n  const onOpenClose = () => {\n    setOpened(prevState => !prevState);\n    if (selectWrapper.current) setDropdownWidth(selectWrapper.current.clientWidth);\n  };\n\n  const onFocus = () => {\n    if (openDropdownOnFocus) setOpened(true);\n    if (selectWrapper) {\n      const dropdownWidthFocus = selectWrapper.current ? selectWrapper.current.clientWidth : 0;\n      setDropdownWidth(dropdownWidthFocus);\n    }\n  };\n\n  const onBlur = () => {\n    if (props.onBlur) {\n      const event = getSelectEvent(selected);\n      props.onBlur(event);\n      if (selected && (descriptionKeyIsString && inputText !== selected[descriptionKey])\n        || (!descriptionKeyIsString && inputText !== descriptionKey(selected))) {\n        setSelected(null);\n        setInputText(inputText);\n        new Promise((resolve) => {\n          resolve(onChange(null));\n        }).finally(() => {\n          onChange();\n        });\n      }\n    }\n    if (!insideComponent) {\n      setOpened(false);\n      setIsTyping(false);\n      setDataCombo(dataSourceWithAllOptions);\n    }\n  };\n\n  const onInputKeyDown = (e: CustomInputEvent | KeyboardEventReact) => {\n    if (e.keyCode) {\n      if ((e.keyCode === constants.keyCodes.ENTER || e.key === constants.keys.TAB) && \n            selected && opened) {\n        if (e.keyCode === constants.keyCodes.ENTER) e.preventDefault?.();\n        onSelect(selected);\n      } else if ([constants.keyCodes.ARROW_UP, constants.keyCodes.ARROW_DOWN].includes(e.keyCode)) {\n        if (!opened) setOpened(true);\n        let index = dataCombo.length > 0\n          ? dataCombo.findIndex(d => selected &&\n            d[idKey] === selected[idKey])\n          : 0;\n        if (e.keyCode === constants.keyCodes.ARROW_DOWN) {\n          index = (dataCombo\n            && index === dataCombo.length - 1\n            ? 0\n            : index + 1);\n        } else {\n          index = (dataCombo\n            && index === 0\n            ? dataCombo?.length - 1\n            : index - 1);\n        }\n        setSelected(dataCombo[index]);\n        if (descriptionKeyIsString) setInputText(dataCombo[index][descriptionKey]);\n        if (!descriptionKeyIsString) setInputText(descriptionKey(dataCombo[index]));\n      }\n    }\n    if (!isTyping) setIsTyping(true);\n  };\n\n  const onClearClick = () => {\n    new Promise((resolve) => {\n      resolve(onChange(null));\n    }).finally(() => {\n      setSelected(null);\n      setInputText('');\n      onChange();\n      if (inputTextRef && inputTextRef.current) inputTextRef.current.focus();\n      setOpened(false);\n    });\n  };\n\n  const setOnDenied = (onDeniedSelect: OnDenied) => {\n    setOnDeniedSelect(onDeniedSelect);\n  };\n\n  const shouldDisable = () =>\n    disabled || (onDenied && (onDenied.disabled || onDenied.hideContent));\n\n  const shouldBeReadOnly = () => readOnly || (onDenied && (onDenied.readOnly));\n\n  useEffect(() => {\n    window.addEventListener('resize', onScreenResize);\n    document.addEventListener('click', onClickOutside);\n    document.addEventListener('mousemove', onMouseMove);\n\n    return () => {\n      window.removeEventListener('resize', onScreenResize);\n      document.removeEventListener('click', onClickOutside);\n      document.removeEventListener('mousemove', onMouseMove);\n    };\n  }, []);\n\n  useEffect(() => {\n    if (gridLayout) {\n      const gridEl = document.querySelector(`#${componentId}>.-withinput.grid-container`);\n      if (gridElement.current !== gridEl && gridEl) gridElement.current = gridEl;\n    }\n  }, [gridLayout]);\n\n  useEffect(() => {\n    if (dataSourceWithAllOptions.length > 0) {\n      let newCurrent = null;\n      if (value || value === 0) {\n        newCurrent = dataSourceWithAllOptions.find(i => (value || value === 0)\n          && i[idKey]?.toString().toLowerCase() === value?.toString().toLowerCase());\n      } else if (dataSourceWithAllOptions.length > 0 && selectFirstOnEnter) {\n        newCurrent = dataSourceWithAllOptions[0];\n      }\n\n      setSelected(newCurrent);\n      if (descriptionKeyIsString) setInputText(newCurrent ? newCurrent[descriptionKey] : '');\n      else setInputText(newCurrent ? descriptionKey(newCurrent) : '');\n    }\n\n    if (dataSourceWithAllOptions.length === 0 && inputText) {\n      setInputText('');\n    }\n  }, [dataSourceWithAllOptions.length, value]);\n\n  useEffect(() => {\n    if (!_.isEqual(dataCombo, dataSourceWithAllOptions)) {\n      const dataComboFilteredSimple = (undigitable || remoteSearch || !isTyping) ?\n        dataSourceWithAllOptions\n        : getFilteredSimpleDataCombo({\n            inputText, dataSource: dataSourceWithAllOptions, descriptionKey,\n          });\n      setDataCombo(dataComboFilteredSimple);\n      if (dataSourceWithAllOptions.length > 0 && remoteSearch) {\n        const data = dataSourceWithAllOptions[0];\n        setSelected(data);\n      }\n    }\n\n    if (allOptions) {\n      setDataCombo([\n        {\n          [idKey]: allOptions.idValue,\n          [descriptionKeyIsString ?\n            descriptionKey :\n              descriptionKey(allOptions.label)]: allOptions.label,\n        },\n        ...dataSource,\n      ]);\n    }\n  }, [JSON.stringify(dataSourceWithAllOptions)]);\n\n  return (\n    <span\n      id={componentId}\n      ref={componentRef}\n      className=\"select-component\">\n      <InputTextBase\n        {...props}\n        inputRef={(ref) => {\n          if (props.inputRef) {\n            if (!_.isFunction(props.inputRef)) {\n              props.inputRef.current = ref;\n            } else {\n              props.inputRef(ref);\n            }\n          }\n          inputTextRef.current = ref;\n        }}\n        autoComplete=\"off\"\n        readOnly={undigitable || shouldBeReadOnly()}\n        value={inputText}\n        onFocus={onFocus}\n        onBlur={onBlur}\n        onChange={(e?: CustomInputEvent) => {\n          if (e) onFilter(e.target.value);\n        }}\n        onClick={onFocus}\n        onKeyDown={onInputKeyDown}\n        customClassForLabel={customClassForLabel}\n        customClassForWrapper={\n          `selectwrapper ${(undigitable || searchOnDropdown || shouldBeReadOnly()) && ' -undigitable'} ${customClassForWrapper}`\n        }\n        customClassForInputContent={`multiselect ${customClassForInputContent}`}\n        inputBaseRef={(r: HTMLDivElement) => { selectWrapper.current = r; }}\n        handlerSetOnDenied={(inputOnDenied: OnDenied) => setOnDenied(inputOnDenied)}\n        rightElements={[\n          ...rightElements,\n          <ActionButtons\n            key=\"action-buttons-simpleselect\"\n            disabled={shouldDisable() || shouldBeReadOnly()}\n            showClearButton={showClearButton}\n            dropDownOpened={opened}\n            handlerClear={() => {\n              if (shouldDisable()) return null;\n              return onClearClick();\n            }}\n            handlerOpenClose={onOpenClose}\n            customClassForSideButtons={customClassForSideButtons} />,\n        ]} />\n      {opened &&\n        <Dropdown\n          {...props}\n          opened={opened}\n          selected={selected}\n          inputValue={inputText}\n          selectFieldRef={componentRef}\n          dropdownRef={dropdownRef}\n          searchOnDropdown={searchOnDropdown}\n          gridWrapperStyle={gridLayout && gridElement.current ?\n              window.getComputedStyle(gridElement.current)\n            : undefined}\n          handleOnSelect={(dataSelected?: DataCombo) => {\n            if (dataSelected) onSelect(dataSelected);\n          }}\n          handleOnFilter={(valueFilter: string) => onFilter(valueFilter)}\n          handleOnKeydown={onInputKeyDown}\n          handleOnBlur={() => onBlur}\n          handleOnFocus={onFocus}\n          dataCombo={dataCombo}\n          searchNotFoundText={searchNotFoundText}\n          dropdownWidth={dropdownMaxWidth || dropdownWidth || 0} />\n      }\n    </span>\n  );\n};\nexport default SimpleSelect;\n"],"names":["SimpleSelect","props","value","descriptionKey","dataSource","gridLayout","onSearch","disabled","readOnly","openDropdownOnFocus","selectFirstOnEnter","idKey","remoteSearch","name","undigitable","searchOnDropdown","allOptions","undefined","showClearButton","searchNotFoundText","rightElements","customClassForWrapper","customClassForInputContent","customClassForLabel","customClassForSideButtons","dropdownMaxWidth","descriptionKeyIsString","dataSourceWithAllOptions","idValue","label","dataCombo","setDataCombo","useState","selected","setSelected","inputText","setInputText","opened","setOpened","dropdownWidth","setDropdownWidth","insideComponent","setInsideComponent","onDenied","setOnDeniedSelect","isTyping","setIsTyping","dropdownRef","useRef","componentId","uuid","componentRef","selectWrapper","gridElement","inputTextRef","onScreenResize","current","clientWidth","onClickOutside","event","target","contains","onMouseMove","idDropdown","parentElement","id","dropdownElement","document","getElementById","keepDropdownOpen","Boolean","getSelectEvent","selectedEvent","onChange","selectedChange","onFilter","valueFilter","selectedFilter","dataComboFilter","getFilteredSimpleDataCombo","length","onSelect","selectedDropdown","Promise","resolve","finally","focus","onOpenClose","prevState","onFocus","dropdownWidthFocus","onBlur","onInputKeyDown","e","keyCode","constants","ENTER","key","TAB","preventDefault","ARROW_UP","ARROW_DOWN","includes","index","findIndex","d","onClearClick","setOnDenied","onDeniedSelect","shouldDisable","hideContent","shouldBeReadOnly","useEffect","window","addEventListener","removeEventListener","gridEl","querySelector","newCurrent","find","i","toString","toLowerCase","_","isEqual","dataComboFilteredSimple","data","JSON","stringify","ref","inputRef","isFunction","r","inputOnDenied","getComputedStyle","dataSelected"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../src/lib/inputs/select/simple/index.tsx"],"sourcesContent":["import { KeyboardEvent as KeyboardEventReact, useEffect, useRef, useState } from 'react';\nimport * as uuid from 'uuid';\nimport _ from 'lodash';\nimport Dropdown from '../Dropdown';\nimport ActionButtons from '../ActionButtons';\nimport * as constants from '../../../internals/constants';\nimport { getFilteredSimpleDataCombo } from '../helper';\nimport { DataCombo } from '../../../@types/DataCombo';\nimport { OnDenied } from '../../../@types/PermissionAttr';\nimport InputTextBase from '../../base/InputTextBase';\nimport { ISimpleSelectProps } from '../types';\nimport { CustomInputEvent } from '../../base/types';\n\nconst SimpleSelect = (props: ISimpleSelectProps) => {\n  const {\n    value, descriptionKey, dataSource = [], gridLayout, onSearch, disabled, readOnly,\n    openDropdownOnFocus = true, selectFirstOnEnter = false, idKey, remoteSearch = false, name = '',\n    undigitable, searchOnDropdown = false, allOptions = undefined, showClearButton = false,\n    searchNotFoundText, rightElements = [], customClassForWrapper, customClassForInputContent, \n    customClassForLabel, customClassForSideButtons, dropdownMaxWidth = undefined,\n    onEndReached, onEndReachedThreshold,\n  } = props;\n\n  const descriptionKeyIsString = typeof descriptionKey === 'string';\n  const dataSourceWithAllOptions = allOptions\n    ? [{\n        [idKey]: allOptions.idValue,\n        [descriptionKeyIsString ?\n          descriptionKey :\n            descriptionKey(allOptions.label)]: allOptions.label,\n      }, ...dataSource]\n    : dataSource;\n  const [dataCombo, setDataCombo] = useState<DataCombo[]>(dataSourceWithAllOptions);\n  const [selected, setSelected] = useState<DataCombo | null>(null);\n  const [inputText, setInputText] = useState('');\n  const [opened, setOpened] = useState(false);\n  const [dropdownWidth, setDropdownWidth] = useState(0);\n  const [insideComponent, setInsideComponent] = useState(false);\n  const [onDenied, setOnDeniedSelect] = useState<OnDenied>();\n  const [isTyping, setIsTyping] = useState(false);\n\n  const dropdownRef = useRef<HTMLDivElement>(null);\n  const componentId = `select-component-${name}-${uuid.v1()}`;\n  const componentRef = useRef<HTMLInputElement>(null);\n  const selectWrapper = useRef<HTMLDivElement>(null);\n  const gridElement = useRef<Element>(null);\n  const inputTextRef = useRef<HTMLInputElement | HTMLTextAreaElement | null>(null);\n\n  const onScreenResize = () => {\n    if (selectWrapper.current) setDropdownWidth(selectWrapper.current.clientWidth);\n  };\n\n  const onClickOutside = (event: MouseEvent) => {\n    const { target } = event;\n    if (target !== selectWrapper.current && !selectWrapper.current?.contains(target as Node) &&\n      !dropdownRef.current?.contains(target as Node)) {\n      setOpened(false);\n    }\n  };\n\n  const onMouseMove = (event: MouseEvent) => {\n    const target = event.target as Element;\n    const idDropdown = dropdownRef.current?.parentElement?.id || '';\n    const dropdownElement = document.getElementById(idDropdown);\n    const keepDropdownOpen = Boolean(dropdownElement?.contains(target));\n    setInsideComponent(keepDropdownOpen);\n  };\n\n  const getSelectEvent = (selectedEvent?: DataCombo) => (\n    {\n      target: {\n        value: selectedEvent ? selectedEvent[idKey] : undefined,\n        name,\n      },\n    }\n  );\n\n  const onChange = (selectedChange?: DataCombo) => {\n    if (props.onChange) {\n      const event = getSelectEvent(selectedChange);\n      props.onChange(event);\n    }\n  };\n\n  const onFilter = (valueFilter: string) => {\n    let selectedFilter = null;\n    if (remoteSearch) {\n      if (onSearch) onSearch(valueFilter);\n    } else {\n      const dataComboFilter = getFilteredSimpleDataCombo({\n        inputText: valueFilter,\n        descriptionKey,\n        dataSource: dataSourceWithAllOptions,\n      });\n\n      if (dataComboFilter && dataComboFilter.length > 0) {\n        selectedFilter = dataComboFilter[0];\n        setSelected(selectedFilter);\n      }\n      setDataCombo(dataComboFilter);\n    }\n    setOpened(true);\n    setInputText(valueFilter);\n    if (selectedFilter) {\n      if ((descriptionKeyIsString && valueFilter === selectedFilter[descriptionKey])\n        || (!descriptionKeyIsString && valueFilter === descriptionKey(selectedFilter))) {\n        onChange(selectedFilter);\n      }\n    }\n  };\n\n  const onSelect = (selectedDropdown: DataCombo) => {\n    if (!selectedDropdown) return;\n    setSelected(selectedDropdown);\n\n    if (descriptionKeyIsString) setInputText(selectedDropdown[descriptionKey]);\n    else setInputText(descriptionKey(selectedDropdown));\n    new Promise((resolve) => {\n      resolve(onChange(selectedDropdown));\n    }).finally(() => {\n      if (inputTextRef && inputTextRef.current) inputTextRef.current.focus();\n      setOpened(false);\n    });\n    dropdownRef.current?.focus();\n  };\n\n  const onOpenClose = () => {\n    setOpened(prevState => !prevState);\n    if (selectWrapper.current) setDropdownWidth(selectWrapper.current.clientWidth);\n  };\n\n  const onFocus = () => {\n    if (openDropdownOnFocus) setOpened(true);\n    if (selectWrapper) {\n      const dropdownWidthFocus = selectWrapper.current ? selectWrapper.current.clientWidth : 0;\n      setDropdownWidth(dropdownWidthFocus);\n    }\n  };\n\n  const onBlur = () => {\n    if (props.onBlur) {\n      const event = getSelectEvent(selected);\n      props.onBlur(event);\n      if (selected && (descriptionKeyIsString && inputText !== selected[descriptionKey])\n        || (!descriptionKeyIsString && inputText !== descriptionKey(selected))) {\n        setSelected(null);\n        setInputText(inputText);\n        new Promise((resolve) => {\n          resolve(onChange(null));\n        }).finally(() => {\n          onChange();\n        });\n      }\n    }\n    if (!insideComponent) {\n      setOpened(false);\n      setIsTyping(false);\n      setDataCombo(dataSourceWithAllOptions);\n    }\n  };\n\n  const onInputKeyDown = (e: CustomInputEvent | KeyboardEventReact) => {\n    if (e.keyCode) {\n      if ((e.keyCode === constants.keyCodes.ENTER || e.key === constants.keys.TAB) && \n            selected && opened) {\n        if (e.keyCode === constants.keyCodes.ENTER) e.preventDefault?.();\n        onSelect(selected);\n      } else if ([constants.keyCodes.ARROW_UP, constants.keyCodes.ARROW_DOWN].includes(e.keyCode)) {\n        if (!opened) setOpened(true);\n        let index = dataCombo.length > 0\n          ? dataCombo.findIndex(d => selected &&\n            d[idKey] === selected[idKey])\n          : 0;\n        if (e.keyCode === constants.keyCodes.ARROW_DOWN) {\n          index = (dataCombo\n            && index === dataCombo.length - 1\n            ? 0\n            : index + 1);\n        } else {\n          index = (dataCombo\n            && index === 0\n            ? dataCombo?.length - 1\n            : index - 1);\n        }\n        setSelected(dataCombo[index]);\n        if (descriptionKeyIsString) setInputText(dataCombo[index][descriptionKey]);\n        if (!descriptionKeyIsString) setInputText(descriptionKey(dataCombo[index]));\n      }\n    }\n    if (!isTyping) setIsTyping(true);\n  };\n\n  const onClearClick = () => {\n    new Promise((resolve) => {\n      resolve(onChange(null));\n    }).finally(() => {\n      setSelected(null);\n      setInputText('');\n      onChange();\n      if (inputTextRef && inputTextRef.current) inputTextRef.current.focus();\n      setOpened(false);\n    });\n  };\n\n  const setOnDenied = (onDeniedSelect: OnDenied) => {\n    setOnDeniedSelect(onDeniedSelect);\n  };\n\n  const shouldDisable = () =>\n    disabled || (onDenied && (onDenied.disabled || onDenied.hideContent));\n\n  const shouldBeReadOnly = () => readOnly || (onDenied && (onDenied.readOnly));\n\n  useEffect(() => {\n    window.addEventListener('resize', onScreenResize);\n    document.addEventListener('click', onClickOutside);\n    document.addEventListener('mousemove', onMouseMove);\n\n    return () => {\n      window.removeEventListener('resize', onScreenResize);\n      document.removeEventListener('click', onClickOutside);\n      document.removeEventListener('mousemove', onMouseMove);\n    };\n  }, []);\n\n  useEffect(() => {\n    if (gridLayout) {\n      const gridEl = document.querySelector(`#${componentId}>.-withinput.grid-container`);\n      if (gridElement.current !== gridEl && gridEl) gridElement.current = gridEl;\n    }\n  }, [gridLayout]);\n\n  useEffect(() => {\n    if (dataSourceWithAllOptions.length > 0) {\n      let newCurrent = null;\n      if (value || value === 0) {\n        newCurrent = dataSourceWithAllOptions.find(i => (value || value === 0)\n          && i[idKey]?.toString().toLowerCase() === value?.toString().toLowerCase());\n      } else if (dataSourceWithAllOptions.length > 0 && selectFirstOnEnter) {\n        newCurrent = dataSourceWithAllOptions[0];\n      }\n\n      setSelected(newCurrent);\n      if (descriptionKeyIsString) setInputText(newCurrent ? newCurrent[descriptionKey] : '');\n      else setInputText(newCurrent ? descriptionKey(newCurrent) : '');\n    }\n\n    if (dataSourceWithAllOptions.length === 0 && inputText) {\n      setInputText('');\n    }\n  }, [dataSourceWithAllOptions.length, value]);\n\n  useEffect(() => {\n    if (!_.isEqual(dataCombo, dataSourceWithAllOptions)) {\n      const dataComboFilteredSimple = (undigitable || remoteSearch || !isTyping) ?\n        dataSourceWithAllOptions\n        : getFilteredSimpleDataCombo({\n            inputText, dataSource: dataSourceWithAllOptions, descriptionKey,\n          });\n      setDataCombo(dataComboFilteredSimple);\n      if (dataSourceWithAllOptions.length > 0 && remoteSearch) {\n        const data = dataSourceWithAllOptions[0];\n        setSelected(data);\n      }\n    }\n\n    if (allOptions) {\n      setDataCombo([\n        {\n          [idKey]: allOptions.idValue,\n          [descriptionKeyIsString ?\n            descriptionKey :\n              descriptionKey(allOptions.label)]: allOptions.label,\n        },\n        ...dataSource,\n      ]);\n    }\n  }, [JSON.stringify(dataSourceWithAllOptions)]);\n\n  return (\n    <span\n      id={componentId}\n      ref={componentRef}\n      className=\"select-component\">\n      <InputTextBase\n        {...props}\n        inputRef={(ref) => {\n          if (props.inputRef) {\n            if (!_.isFunction(props.inputRef)) {\n              props.inputRef.current = ref;\n            } else {\n              props.inputRef(ref);\n            }\n          }\n          inputTextRef.current = ref;\n        }}\n        autoComplete=\"off\"\n        readOnly={undigitable || shouldBeReadOnly()}\n        value={inputText}\n        onFocus={onFocus}\n        onBlur={onBlur}\n        onChange={(e?: CustomInputEvent) => {\n          if (e) onFilter(e.target.value);\n        }}\n        onClick={onFocus}\n        onKeyDown={onInputKeyDown}\n        customClassForLabel={customClassForLabel}\n        customClassForWrapper={\n          `selectwrapper ${(undigitable || searchOnDropdown || shouldBeReadOnly()) && ' -undigitable'} ${customClassForWrapper}`\n        }\n        customClassForInputContent={`multiselect ${customClassForInputContent}`}\n        inputBaseRef={(r: HTMLDivElement) => { selectWrapper.current = r; }}\n        handlerSetOnDenied={(inputOnDenied: OnDenied) => setOnDenied(inputOnDenied)}\n        rightElements={[\n          ...rightElements,\n          <ActionButtons\n            key=\"action-buttons-simpleselect\"\n            disabled={shouldDisable() || shouldBeReadOnly()}\n            showClearButton={showClearButton}\n            dropDownOpened={opened}\n            handlerClear={() => {\n              if (shouldDisable()) return null;\n              return onClearClick();\n            }}\n            handlerOpenClose={onOpenClose}\n            customClassForSideButtons={customClassForSideButtons} />,\n        ]} />\n      {opened &&\n        <Dropdown\n          {...props}\n          opened={opened}\n          selected={selected}\n          inputValue={inputText}\n          selectFieldRef={componentRef}\n          dropdownRef={dropdownRef}\n          searchOnDropdown={searchOnDropdown}\n          gridWrapperStyle={gridLayout && gridElement.current ?\n              window.getComputedStyle(gridElement.current)\n            : undefined}\n          handleOnSelect={(dataSelected?: DataCombo) => {\n            if (dataSelected) onSelect(dataSelected);\n          }}\n          handleOnFilter={(valueFilter: string) => onFilter(valueFilter)}\n          handleOnKeydown={onInputKeyDown}\n          handleOnBlur={() => onBlur}\n          handleOnFocus={onFocus}\n          dataCombo={dataCombo}\n          searchNotFoundText={searchNotFoundText}\n          dropdownWidth={dropdownMaxWidth || dropdownWidth || 0}\n          onEndReached={onEndReached}\n          onEndReachedThreshold={onEndReachedThreshold} />\n      }\n    </span>\n  );\n};\nexport default SimpleSelect;\n"],"names":["SimpleSelect","props","value","descriptionKey","dataSource","gridLayout","onSearch","disabled","readOnly","openDropdownOnFocus","selectFirstOnEnter","idKey","remoteSearch","name","undigitable","searchOnDropdown","allOptions","undefined","showClearButton","searchNotFoundText","rightElements","customClassForWrapper","customClassForInputContent","customClassForLabel","customClassForSideButtons","dropdownMaxWidth","onEndReached","onEndReachedThreshold","descriptionKeyIsString","dataSourceWithAllOptions","idValue","label","dataCombo","setDataCombo","useState","selected","setSelected","inputText","setInputText","opened","setOpened","dropdownWidth","setDropdownWidth","insideComponent","setInsideComponent","onDenied","setOnDeniedSelect","isTyping","setIsTyping","dropdownRef","useRef","componentId","uuid","componentRef","selectWrapper","gridElement","inputTextRef","onScreenResize","current","clientWidth","onClickOutside","event","target","contains","onMouseMove","idDropdown","parentElement","id","dropdownElement","document","getElementById","keepDropdownOpen","Boolean","getSelectEvent","selectedEvent","onChange","selectedChange","onFilter","valueFilter","selectedFilter","dataComboFilter","getFilteredSimpleDataCombo","length","onSelect","selectedDropdown","Promise","resolve","finally","focus","onOpenClose","prevState","onFocus","dropdownWidthFocus","onBlur","onInputKeyDown","e","keyCode","constants","ENTER","key","TAB","preventDefault","ARROW_UP","ARROW_DOWN","includes","index","findIndex","d","onClearClick","setOnDenied","onDeniedSelect","shouldDisable","hideContent","shouldBeReadOnly","useEffect","window","addEventListener","removeEventListener","gridEl","querySelector","newCurrent","find","i","toString","toLowerCase","_","isEqual","dataComboFilteredSimple","data","JSON","stringify","ref","inputRef","isFunction","r","inputOnDenied","getComputedStyle","dataSelected"],"mappings":"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"}

package/lib/inputs/select/types.d.ts

@@ -1,5 +1,6 @@
 import { TextAlign } from 'src/lib/@types/Align';
 import { JSX, MutableRefObject } from 'react';
+import { UseScrollEndReachedParams } from 'src/lib/hooks/useScrollEndReached/types';
 import { DataCombo } from '../../@types/DataCombo';
 import { PermissionAttr } from '../../@types/PermissionAttr';
 import { CustomInputEvent } from '../base/types';
@@ -8,7 +9,7 @@ export type AllOptions = {
     label: string;
 };
 export type DescriptionKey = string | ((dataSelected: DataCombo) => string);
-export interface ISimpleSelectProps {
+export interface ISimpleSelectProps extends UseScrollEndReachedParams {
     idKey: string;
     descriptionKey: DescriptionKey;
     dataSource?: DataCombo[];
@@ -79,7 +80,7 @@ export interface ISelectFieldProps extends Omit<ISimpleSelectProps, 'idKey' | 'v
     required?: boolean;
     onSelect?: (data?: string | string[]) => DataCombo;
 }
-export interface IMultipleSelectProps extends Omit<ISimpleSelectProps, 'idKey' | 'value' | 'descriptionKey'> {
+export interface IMultipleSelectProps extends Omit<ISimpleSelectProps, 'idKey' | 'value' | 'descriptionKey'>, UseScrollEndReachedParams {
     descriptionKey: DescriptionKey;
     idKey: string;
     dataSource: DataCombo[];