goobs-frontend 0.7.67 → 0.7.69

package/src/components/StyledComponent/hooks/useRequiredFieldsValidator.tsx

@@ -1,190 +0,0 @@
-'use client'
-
-import { useCallback, useMemo, MutableRefObject, useRef } from 'react'
-import { session } from 'goobs-cache'
-import { StyledComponentProps } from '../index'
-import { HelperFooterMessage } from './useInputHelperFooter'
-import { ClientLogger } from 'goobs-testing'
-
-type HelperFooterState = Record<string, HelperFooterMessage>
-
-export const useRequiredFieldsValidator = (
-  formname: string,
-  components: StyledComponentProps[],
-  hasInputRef: MutableRefObject<boolean>,
-  helperFooterAtom: ReturnType<typeof session.atom<HelperFooterState>>
-) => {
-  ClientLogger.debug('useRequiredFieldsValidator called', {
-    formname,
-    componentsCount: components.length,
-    hasInputRefCurrent: hasInputRef.current,
-  })
-
-  const [helperFooters, setHelperFooters] = session.useAtom(helperFooterAtom)
-  const failedAttempts = useRef<Record<string, number>>({})
-
-  const initializeComponentStatuses = useCallback(() => {
-    ClientLogger.debug('initializeComponentStatuses called')
-
-    try {
-      const initialHelperFooters: HelperFooterState = {
-        ...(helperFooters || {}),
-      }
-
-      components.forEach(component => {
-        if (
-          component.name &&
-          component.required &&
-          component.label &&
-          !initialHelperFooters[component.name]
-        ) {
-          initialHelperFooters[component.name] = {
-            status: 'emptyAndRequired',
-            statusMessage: `${component.label} is required.`,
-            spreadMessage: `${component.label} is required.`,
-            spreadMessagePriority: component.spreadMessagePriority || 1,
-            required: true,
-            hasInput: false,
-          }
-          ClientLogger.debug(`Created new helper footer`, {
-            componentName: component.name,
-            helperFooter: initialHelperFooters[component.name],
-          })
-        }
-      })
-
-      ClientLogger.debug('Setting helper footers in session atom')
-      setHelperFooters(initialHelperFooters)
-
-      ClientLogger.debug(`Initialized helper footers`, { initialHelperFooters })
-    } catch (error) {
-      ClientLogger.error('Error in initializeComponentStatuses', { error })
-    }
-  }, [components, helperFooters, setHelperFooters])
-
-  const checkFormStatus = useCallback(() => {
-    ClientLogger.debug('checkFormStatus called')
-    try {
-      const requiredComponents = components.filter(
-        component => component.required
-      )
-      ClientLogger.debug('Required components', {
-        count: requiredComponents.length,
-      })
-
-      const allRequiredHaveInput = requiredComponents.every(
-        component =>
-          helperFooters[component.name || '']?.hasInput || hasInputRef.current
-      )
-      ClientLogger.debug('All required fields have input', {
-        allRequiredHaveInput,
-      })
-      return allRequiredHaveInput
-    } catch (error) {
-      ClientLogger.error('Error in checkFormStatus', { error })
-      return false
-    }
-  }, [components, hasInputRef, helperFooters])
-
-  const getEmptyRequiredFields = useCallback(() => {
-    ClientLogger.debug('getEmptyRequiredFields called')
-
-    try {
-      const emptyFields = Object.entries(helperFooters)
-        .filter(
-          ([, value]) =>
-            value.required && !value.hasInput && !hasInputRef.current
-        )
-        .map(([key]) => key)
-      ClientLogger.debug('Empty required fields', { emptyFields })
-      return emptyFields
-    } catch (error) {
-      ClientLogger.error('Error in getEmptyRequiredFields', { error })
-      return []
-    }
-  }, [hasInputRef, helperFooters])
-
-  const validateRequiredField = useCallback(
-    (
-      name: string,
-      label: string,
-      required: boolean,
-      spreadMessagePriority: number
-    ) => {
-      ClientLogger.debug('validateRequiredField called', {
-        name,
-        label,
-        required,
-        spreadMessagePriority,
-      })
-
-      try {
-        if (failedAttempts.current[name] && failedAttempts.current[name] >= 3) {
-          ClientLogger.warn('Validation attempts exceeded for field', {
-            name,
-            attempts: failedAttempts.current[name],
-          })
-          return
-        }
-
-        if (
-          required &&
-          !helperFooters[name]?.hasInput &&
-          !hasInputRef.current
-        ) {
-          ClientLogger.debug(
-            `${name} is required and empty, updating helper footer`
-          )
-          const newHelperFooter: HelperFooterMessage = {
-            status: 'emptyAndRequired',
-            statusMessage: `${label} is required.`,
-            spreadMessage: `${label} is required.`,
-            spreadMessagePriority,
-            required: true,
-            hasInput: false,
-          }
-
-          setHelperFooters((prev: HelperFooterState) => ({
-            ...prev,
-            [name]: newHelperFooter,
-          }))
-
-          ClientLogger.debug('Updated helperFooters', {
-            name,
-            newHelperFooter,
-          })
-
-          failedAttempts.current[name] = (failedAttempts.current[name] || 0) + 1
-        } else {
-          ClientLogger.debug(
-            `${name} validation not needed or already has input`
-          )
-        }
-      } catch (error) {
-        ClientLogger.error('Error in validateRequiredField', { error, name })
-        failedAttempts.current[name] = (failedAttempts.current[name] || 0) + 1
-      }
-    },
-    [hasInputRef, helperFooters, setHelperFooters]
-  )
-
-  const result = useMemo(
-    () => ({
-      checkFormStatus,
-      getEmptyRequiredFields,
-      validateRequiredField,
-      initializeComponentStatuses,
-    }),
-    [
-      checkFormStatus,
-      getEmptyRequiredFields,
-      validateRequiredField,
-      initializeComponentStatuses,
-    ]
-  )
-
-  ClientLogger.debug('useRequiredFieldsValidator returning', { result })
-  return result
-}
-
-export default useRequiredFieldsValidator

package/src/components/StyledComponent/hooks/useSearchbar.tsx

@@ -1,46 +0,0 @@
-'use client'
-
-import { useState, useCallback } from 'react'
-import React from 'react'
-
-interface UseSearchbarProps {
-  options: readonly string[]
-  defaultValue?: string
-}
-
-/**
- * useSearchbar hook provides functionality for handling searchbar input and filtering options.
- * It maintains the input value state and filters options based on the search query.
- * @param props The props for the useSearchbar hook.
- * @returns An object containing the inputValue state, filteredOptions, and the handleOnChange function.
- */
-export const useSearchbar = ({
-  options,
-  defaultValue = '',
-}: UseSearchbarProps) => {
-  const [inputValue, setInputValue] = useState(defaultValue)
-  const [filteredOptions, setFilteredOptions] = useState(options)
-
-  /**
-   * handleOnChange function is called when the searchbar input value changes.
-   * It updates the inputValue state and filters the options based on the search query.
-   * @param event The change event triggered by the searchbar input.
-   */
-  const handleOnChange = useCallback(
-    (event: React.ChangeEvent<HTMLInputElement>) => {
-      const searchQuery = event.target.value
-      setInputValue(searchQuery)
-      const newFilteredOptions = options.filter(option =>
-        option.toLowerCase().includes(searchQuery.toLowerCase())
-      )
-      setFilteredOptions(newFilteredOptions)
-    },
-    [options]
-  )
-
-  return {
-    inputValue,
-    filteredOptions,
-    handleOnChange,
-  }
-}

package/src/components/StyledComponent/hooks/useSplitButton.tsx

@@ -1,70 +0,0 @@
-'use client'
-
-import { useState, useCallback } from 'react'
-import { StyledComponentProps } from '../index'
-
-/**
- * useSplitButton hook handles the state and logic for a split button component.
- * @param props The props for the split button component.
- * @returns An object containing the value and handlers for the split button.
- */
-export const useSplitButton = (props: StyledComponentProps) => {
-  const [value, setValue] = useState(() => {
-    return props.value !== undefined ? props.value : '0'
-  })
-
-  /**
-   * Increment the value by 1.
-   */
-  const handleIncrement = useCallback(() => {
-    setValue(prev => {
-      const num = parseInt(prev)
-      if (isNaN(num)) {
-        return '0'
-      }
-      const newValue = num + 1
-      return newValue > 0 ? newValue.toString() : '0'
-    })
-  }, [])
-
-  /**
-   * Decrement the value by 1.
-   */
-  const handleDecrement = useCallback(() => {
-    setValue(prev => {
-      const num = parseInt(prev)
-      if (isNaN(num)) {
-        return '0'
-      }
-      const newValue = num - 1
-      return newValue >= 0 ? newValue.toString() : '0'
-    })
-  }, [])
-
-  /**
-   * Update the value when the input value changes.
-   * @param newValue The new value from the input.
-   */
-  const handleChange = useCallback((newValue: string) => {
-    const numValue = newValue.replace(/[^0-9]/g, '')
-    setValue(numValue === '' ? '0' : numValue)
-  }, [])
-
-  /**
-   * Update the value state when the value prop changes.
-   * This function replaces the useEffect from the original implementation.
-   */
-  const updateValueFromProps = useCallback(() => {
-    if (props.value !== undefined) {
-      setValue(props.value)
-    }
-  }, [props.value])
-
-  return {
-    value,
-    handleIncrement,
-    handleDecrement,
-    handleChange,
-    updateValueFromProps,
-  }
-}