dynamic-modal 1.1.8 → 1.1.10

package/src/hooks/field-render.ts

@@ -1,120 +0,0 @@
-'use client'
-
-import { useCallback, useMemo, useState } from 'react'
-import { IField, IFieldProps } from '../interfaces/field'
-import { IOption } from '../interfaces/option'
-import { IModalLiveDataCondition, IModalRenderCondition } from '../interfaces/modal'
-
-export type IFormData = Record<string, unknown>
-
-export interface IWatchEvent {
-  name: string | undefined
-  type: string | undefined
-}
-
-export interface IFieldRender {
-  render: boolean | null
-  enable: boolean | null
-  checkField: (formData: IFormData, { name, type }: IWatchEvent) => void
-  liveData?: Array<IOption>
-  liveSearching?: boolean
-}
-
-export interface IFieldRenderProps extends Pick<IFieldProps, 'setValue' | 'unregister'> {
-  element: Partial<Pick<IField, 'enableIf' | 'renderIf' | 'name' >> & Partial<Record<'liveData', IModalLiveDataCondition>>
-}
-
-export type ILiveHandlerProps = Pick<IField, 'enableIf' | 'renderIf'>
-
-export const useFieldRender = ({ element, setValue, unregister }: IFieldRenderProps): IFieldRender => {
-  const [render, setRender] = useState<boolean|null>(null)
-  const [enable, setEnable] = useState<boolean|null>(null)
-  const [liveSearching, setLiveSearching] = useState<boolean>(false)
-  const [liveData, setLiveData] = useState<Array<IOption> | undefined>(undefined)
-
-  const renderCondition = useMemo<boolean>(
-    () => {
-      const isRender: boolean = element.renderIf !== undefined
-      if (render === null) setRender(!isRender)
-      return isRender
-    }, [element.renderIf, render]
-  )
-
-  const enableCondition = useMemo<boolean>(
-    () => {
-      const isEnable: boolean = element.enableIf !== undefined
-      if (enable === null) setEnable(!isEnable)
-      return isEnable
-    }, [element.enableIf, enable]
-  )
-
-  const liveDataCondition = useMemo<boolean>(
-    () => {
-      return element.liveData !== undefined
-    }, [element.liveData]
-  )
-
-  const renderConditionList: Array<string> = useMemo(() => {
-    return renderCondition ? Object.keys(element.renderIf as IModalRenderCondition) : []
-  }, [element.renderIf, renderCondition])
-
-  const enableConditionList: Array<string> = useMemo(() => {
-    return enableCondition ? Object.keys(element.enableIf as IModalRenderCondition) : []
-  }, [enableCondition, element.enableIf])
-
-  const liveDataAction = useCallback(
-    async (field: string | number | Array<unknown>, formData: IFormData) => {
-      if (typeof field === 'string' && element.liveData?.action) {
-        const options = element.liveData.action(field, formData)
-        return options ?? []
-      }
-      return [] as Array<IOption>
-    }, [element.liveData]
-  )
-
-  const liveDataHandler = useCallback(
-    async (targetHandler: keyof ILiveHandlerProps, field: string | number | Array<unknown>, formData: IFormData) => {
-      if (typeof field === 'string' && element[targetHandler]?.action) {
-        const result = element[targetHandler].action(field, formData)
-        return result ?? false
-      }
-
-      return false
-    }, [element.liveData]
-  )
-
-  const checkField = useCallback(
-    async (formData: IFormData, { name }: IWatchEvent) => {
-      const key: string = name ?? ''
-      const targetField  = formData[key] as string | number
-      if(!targetField) return 
-
-      if (renderCondition && element.renderIf?.condition.includes(key)) {
-        const renderStatus: boolean = await liveDataHandler('renderIf', targetField, formData)
-        if (render !== renderStatus) {
-          setRender(renderStatus)
-          if(!renderStatus) unregister(element.name as string)
-        }
-      } else if (enableCondition && element.enableIf?.condition.includes(key)){
-        const enableStatus: boolean = await liveDataHandler('enableIf', targetField, formData)
-        if (enable !== enableStatus) setEnable(enableStatus)
-      }
-
-      if (liveDataCondition && element.liveData?.condition.includes(key)) {
-        setLiveSearching(true)
-        const options: Array<IOption> = await liveDataAction(targetField, formData)
-        if (liveData && JSON.stringify(liveData) !== JSON.stringify(options)) { setValue(element.name as string, options) }
-        setLiveData(options)
-        setLiveSearching(false)
-      }
-    }, [enable, enableCondition, enableConditionList, liveData, liveDataAction, liveDataCondition, render, renderCondition, renderConditionList]
-  )
-
-  return {
-    render,
-    enable,
-    checkField,
-    liveData,
-    liveSearching
-  }
-}

package/src/tools/general.ts

@@ -1,8 +0,0 @@
-'use client'
-
-export const generateId = (): string => {
-  return Math.random()
-    .toString(36)
-    .split('.')[1]
-    .substring(0, 6)
-}