dynamic-modal 1.0.12 → 1.1.1

package/src/components/make-multi-select/make-multi-select.tsx

@@ -1,56 +0,0 @@
-import React, { FC, useEffect } from 'react'
-import { Controller } from 'react-hook-form'
-import { useFieldRender } from '../../hooks/field-render'
-import { generateId } from '../../tools/general'
-import { IMakeMultiSelectProps } from '../../interfaces/make-multi-select'
-import { Select, SelectItem } from '@nextui-org/react'
-
-const MakeMultiSelect: FC<IMakeMultiSelectProps> = ({ element: { validation: { required, ...validation }, ...element }, ...props }) => {
-  const { render, enable, checkField, liveData, liveSearching } = useFieldRender({ ...props, element })
-
-  useEffect(() => {
-    const subscription = props.watch((value, { name, type }) => checkField(value, { name, type }))
-    return () => subscription.unsubscribe()
-  }, [checkField, props, props.watch])
-
-  return (
-    render
-      ? <Controller
-        control={props.control}
-        name={element.name}
-        rules={{
-          required,
-          pattern: {
-            value: validation.regex as RegExp ?? /(.*)/,
-            message: validation.message ?? ''
-          },
-            ...validation
-        }}
-        render={({ field: { onChange, value }, fieldState: { invalid } }) => (
-          <Select
-            size='sm'
-            {...element}
-            id={element.id ?? generateId()}
-            onSelectionChange={onChange}
-            label={liveSearching ? 'Loading...' : element.label}
-            selectionMode="multiple"
-            selectedKeys={value}
-            color={invalid ? 'danger' : undefined}
-            isInvalid={invalid}
-            errorMessage={invalid ? (validation.message ?? '') : undefined}
-            disabled={element.disabled ?? !enable}
-            className='max-w-lg'
-          >
-            {
-              (liveData || (element.options ?? [])).map((opt) => (
-                <SelectItem key={opt.id} value={opt.id}>{opt.name}</SelectItem>
-              ))
-            }
-          </Select>
-        )}
-      />
-      : null
-  )
-}
-
-export default MakeMultiSelect

package/src/components/make-text/make-text.tsx

@@ -1,16 +0,0 @@
-import React, { FC } from 'react'
-import { IMakeTextProps } from '../../interfaces/make-text'
-
-const MakeText: FC<IMakeTextProps> = ({
-  element
-}) => {
-  return (
-    <div className='text-xs text-center'>
-      <p style={element.styles}>
-        {element.text}
-      </p>
-    </div>
-  )
-}
-
-export default MakeText

package/src/components/make-title/make-title.tsx

@@ -1,12 +0,0 @@
-import React, { FC } from 'react'
-import { IMakeTitle } from '../../interfaces/make-title'
-
-const MakeTitle: FC<IMakeTitle> = ({ title }) => {
-  return (
-    <div className='flex text-center items-center justify-center text-xl'>
-      {title}
-    </div>
-  )
-}
-
-export default MakeTitle

package/src/interfaces/make-autocomplete.ts

@@ -1,13 +0,0 @@
-import { IField, IFieldProps } from './field'
-import { IModalLiveDataCondition } from './modal'
-import { IOption } from './option'
-
-export interface IMakeAutoComplete extends IField {
-  elementType: 'autocomplete'
-  options: Array<IOption>
-  liveData?: IModalLiveDataCondition
-}
-
-export interface IMakeAutoCompleteProps extends IFieldProps {
-  element: IMakeAutoComplete
-}

package/src/interfaces/make-multi-select.ts

@@ -1,14 +0,0 @@
-import { IOption } from './option'
-import { IField, IFieldProps } from './field'
-import { IModalLiveDataCondition } from './modal'
-
-export interface IMakeMultiSelect extends Omit<IField, 'defaultValue'> {
-  elementType: 'multiselect';
-  options: Array<IOption>;
-  liveData?: IModalLiveDataCondition;
-  defaultValue?: Array<string>
-}
-
-export interface IMakeMultiSelectProps extends IFieldProps {
-  element: IMakeMultiSelect
-}

package/src/interfaces/make-text.ts

@@ -1,12 +0,0 @@
-import { CSSProperties } from 'react'
-import { IFieldProps } from './field'
-
-export interface IMakeText {
-  elementType: 'text'
-  text: string
-  styles?: CSSProperties
-}
-
-export interface IMakeTextProps extends IFieldProps {
-  element: IMakeText
-}

package/src/interfaces/make-title.ts

@@ -1,3 +0,0 @@
-export interface IMakeTitle {
-  title: string
-}