dynamic-modal 1.1.1 → 1.1.7

package/src/interfaces/input-upload.ts

@@ -1,21 +1,21 @@
-import { ChangeEvent, CSSProperties } from 'react'
-
-export interface IFileResult {
-  name: string
-  size: number
-  data: string
-}
-
-export interface IInputUpload {
-  id?: string
-  value?: string
-  onChange: (event: ChangeEvent<HTMLInputElement> | IFileResult | FileList | null) => void
-  accept?:string
-  label?: string
-  helpText?: string
-  style?:CSSProperties
-  readAsArrayBuffer?: boolean
-  name: string
-  disabled?: boolean
-  read?: boolean
-}
+import { ChangeEvent, CSSProperties } from 'react'
+
+export interface IFileResult {
+  name: string
+  size: number
+  data: string
+}
+
+export interface IInputUpload {
+  id?: string
+  value?: string
+  onChange: (event: ChangeEvent<HTMLInputElement> | IFileResult | FileList | null) => void
+  accept?:string
+  label?: string
+  helpText?: string
+  style?:CSSProperties
+  readAsArrayBuffer?: boolean
+  name: string
+  disabled?: boolean
+  read?: boolean
+}

package/src/interfaces/make-button.ts

@@ -1,19 +1,19 @@
-import { CSSProperties } from 'react'
-import { IFieldProps } from './field'
-
-export interface IMakeButton {
-  id?: string
-  elementType: 'button'
-  disabled?: boolean
-  className?: string
-  style?: CSSProperties
-  variant?: string
-  text?: string
-  type?: 'button' | 'submit' | 'reset'
-  onClick?: () => void
-  color?: string
-}
-
-export interface IMakeButtonProps extends IFieldProps {
-  element: Omit<IMakeButton, 'elementType'>
-}
+import { CSSProperties } from 'react'
+import { IFieldProps } from './field'
+
+export interface IMakeButton {
+  id?: string
+  elementType: 'button'
+  disabled?: boolean
+  className?: string
+  style?: CSSProperties
+  variant?: string
+  text?: string
+  type?: 'button' | 'submit' | 'reset'
+  onClick?: () => void
+  color?: string
+}
+
+export interface IMakeButtonProps extends IFieldProps {
+  element: Omit<IMakeButton, 'elementType'>
+}

package/src/interfaces/make-description.ts

@@ -1,14 +1,14 @@
-import { CSSProperties, FC } from 'react'
-import { IFieldProps } from './field'
-
-export interface IMakeDescription {
-  elementType: 'text'
-  text: string
-  containerStyle?: CSSProperties
-  textStyle?: CSSProperties
-  Icon?: FC
-}
-
-export interface IMakeDescriptionProps extends IFieldProps {
-  element: Omit<IMakeDescription, 'elementType'>
-}
+import { CSSProperties, FC } from 'react'
+import { IFieldProps } from './field'
+
+export interface IMakeDescription {
+  elementType: 'text'
+  text: string
+  containerStyle?: CSSProperties
+  textStyle?: CSSProperties
+  Icon?: FC
+}
+
+export interface IMakeDescriptionProps extends IFieldProps {
+  element: Omit<IMakeDescription, 'elementType'>
+}

package/src/interfaces/make-field-group.ts

@@ -1,14 +1,14 @@
-import { CSSProperties } from 'react'
-import { IFieldProps } from './field'
-import { IModalField } from './modal'
-
-export interface IMakeFieldGroup {
-  elementType: 'group'
-  groups: Array<IModalField>
-  style?: CSSProperties
-  title?: string
-}
-
-export interface IMakeFieldGroupProps extends IFieldProps {
-  element: IMakeFieldGroup
-}
+import { CSSProperties } from 'react'
+import { IFieldProps } from './field'
+import { IModalField } from './modal'
+
+export interface IMakeFieldGroup {
+  elementType: 'group'
+  groups: Array<IModalField>
+  style?: CSSProperties
+  title?: string
+}
+
+export interface IMakeFieldGroupProps extends IFieldProps {
+  element: IMakeFieldGroup
+}

package/src/interfaces/make-input.ts

@@ -1,14 +1,14 @@
-import { HTMLInputTypeAttribute } from 'react'
-import { IField, IFieldProps } from './field'
-
-export interface IMakeInput extends IField {
-  elementType: 'input'
-  placeholder?: string
-  min?: string
-  max?: string
-  type?: HTMLInputTypeAttribute
-}
-
-export interface IMakeInputProps extends IFieldProps {
-  element: Omit<IMakeInput, 'elementType'>
-}
+import { HTMLInputTypeAttribute } from 'react'
+import { IField, IFieldProps } from './field'
+
+export interface IMakeInput extends IField {
+  elementType: 'input'
+  placeholder?: string
+  min?: string
+  max?: string
+  type?: HTMLInputTypeAttribute
+}
+
+export interface IMakeInputProps extends IFieldProps {
+  element: Omit<IMakeInput, 'elementType'>
+}

package/src/interfaces/make-select.ts

@@ -1,14 +1,15 @@
-import { IField, IFieldProps } from './field'
-import { IModalLiveDataCondition } from './modal'
-
-export interface IMakeSelect extends IField {
-  elementType: 'select'
-  options: Array<Record<'id'|'name', string>>
-  liveData?: IModalLiveDataCondition
-  isSearch?: boolean
-  isMulti?: boolean
-}
-
-export interface IMakeSelectProps extends IFieldProps {
-  element: Omit<IMakeSelect, 'elementType'>
-}
+import { IField, IFieldProps } from './field'
+import { IModalLiveDataCondition } from './modal'
+import { IOption } from './option'
+
+export interface IMakeSelect extends IField {
+  elementType: 'select'
+  options: Array<IOption>
+  liveData?: IModalLiveDataCondition
+  isSearch?: boolean
+  isMulti?: boolean
+}
+
+export interface IMakeSelectProps extends IFieldProps {
+  element: Omit<IMakeSelect, 'elementType'>
+}

package/src/interfaces/make-textarea.ts

@@ -1,11 +1,11 @@
-import { IField, IFieldProps } from './field'
-
-export interface IMakeTextarea extends IField {
-  elementType: 'textarea'
-  cols?: number
-  rows?: number
-}
-
-export interface IMakeTextareaProps extends IFieldProps {
-  element: Omit<IMakeTextarea, 'elementType'>
-}
+import { IField, IFieldProps } from './field'
+
+export interface IMakeTextarea extends IField {
+  elementType: 'textarea'
+  cols?: number
+  rows?: number
+}
+
+export interface IMakeTextareaProps extends IFieldProps {
+  element: Omit<IMakeTextarea, 'elementType'>
+}

package/src/interfaces/make-toggle.ts

@@ -1,9 +1,9 @@
-import { IField, IFieldProps } from './field'
-
-export interface IMakeToggle extends IField {
-  elementType: 'toggle'
-}
-
-export interface IMakeToggleProps extends IFieldProps {
-  element: Omit<IMakeToggle, 'elementType'>
-}
+import { IField, IFieldProps } from './field'
+
+export interface IMakeToggle extends IField {
+  elementType: 'toggle'
+}
+
+export interface IMakeToggleProps extends IFieldProps {
+  element: Omit<IMakeToggle, 'elementType'>
+}

package/src/interfaces/make-upload.ts

@@ -1,14 +1,14 @@
-import { IField, IFieldProps } from './field'
-
-export interface IMakeUpload extends Omit<IField, 'defaultValue'> {
-  elementType: 'upload'
-  helpText?: string
-  read: boolean
-  image?: boolean
-  accept?:string
-  readAsArrayBuffer?: boolean
-}
-
-export interface IMakeUploadProps extends IFieldProps {
-  element: Omit<IMakeUpload, 'elementType'>
-}
+import { IField, IFieldProps } from './field'
+
+export interface IMakeUpload extends Omit<IField, 'defaultValue'> {
+  elementType: 'upload'
+  helpText?: string
+  read: boolean
+  image?: boolean
+  accept?:string
+  readAsArrayBuffer?: boolean
+}
+
+export interface IMakeUploadProps extends IFieldProps {
+  element: Omit<IMakeUpload, 'elementType'>
+}

package/src/interfaces/modal.ts

@@ -1,45 +1,47 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-import { CSSProperties } from 'react'
-import { IMakeSelect } from './make-select'
-import { IMakeInput } from './make-input'
-import { IMakeTextarea } from './make-textarea'
-import { IMakeToggle } from './make-toggle'
-import { IMakeDescription } from './make-description'
-import { IMakeFieldGroup } from './make-field-group'
-import { IMakeUpload } from './make-upload'
-import { IOption } from './option'
-import { IMakeButton } from './make-button'
-
-export type IModalField = IMakeSelect | IMakeInput | IMakeFieldGroup | IMakeTextarea | IMakeToggle | IMakeDescription | IMakeUpload | IMakeButton
-
-export type IFormField = IMakeSelect | IMakeInput | IMakeTextarea | IMakeToggle
-
-export type IModalRenderCondition = Record<string, Array<string | number>>
-
-export type IModalLiveDataCondition = {
-  action: (data: string, ...args: any[]) => Promise<Array<IOption>>
-  condition: Array<string>
-}
-export interface IModalConfigProps {
-  reservedData?: Record<string, any>
-  title: string
-  fields: Array<IModalField>
-  out: (data: any) => void
-  onClose?: () => void
-  style?: CSSProperties;
-  overFlowBody?: string | number
-  minHeightBody?: string | number
-  actions: {
-    containerStyle?: CSSProperties
-    cancel?: Omit<IMakeButton, 'elementType'>
-    action: Omit<IMakeButton, 'elementType'>
-  }
-}
-
-export type IModalConfigLoader<T = any, D = any> = (props: T, action: (modalResult: D) => void) => IModalConfigProps
-
-export interface IModal {
-  open: boolean;
-  close: () => void
-  config: IModalConfigProps
-}
+/* eslint-disable @typescript-eslint/no-explicit-any */
+import { CSSProperties } from 'react'
+import { IMakeSelect } from './make-select'
+import { IMakeInput } from './make-input'
+import { IMakeTextarea } from './make-textarea'
+import { IMakeToggle } from './make-toggle'
+import { IMakeDescription } from './make-description'
+import { IMakeFieldGroup } from './make-field-group'
+import { IMakeUpload } from './make-upload'
+import { IOption } from './option'
+import { IMakeButton } from './make-button'
+
+export type IModalField = IMakeSelect | IMakeInput | IMakeFieldGroup | IMakeTextarea | IMakeToggle | IMakeDescription | IMakeUpload | IMakeButton
+
+export type IFormField = IMakeSelect | IMakeInput | IMakeTextarea | IMakeToggle
+
+export type IModalRenderCondition =  Record<string, Array<string | number | boolean> | undefined>
+
+export type IModalLiveDataCondition = {
+  action: (data: string, ...args: any[]) => Promise<Array<IOption>>
+  condition: Array<string>
+}
+
+export interface IModalConfigProps {
+  reservedData?: Record<string, any>
+  title: string
+  fields: Array<IModalField>
+  out: (data: any) => void
+  onClose?: () => void
+  style?: CSSProperties
+  overFlowBody?: string | number
+  minHeightBody?: string | number
+  useSubmit?: boolean
+  actions: {
+    containerStyle?: CSSProperties
+    cancel?: Omit<IMakeButton, 'elementType'>
+    action: Omit<IMakeButton, 'elementType'>
+  }
+}
+
+export type IModalConfigLoader<T = any, D = any> = (props: T, action: (modalResult: D) => void) => IModalConfigProps
+
+export interface IModal {
+  open: boolean
+  close: () => void
+  config: IModalConfigProps
+}

package/src/interfaces/option.ts

@@ -1,4 +1,4 @@
-export interface IOption {
-  id: string
-  name: string
+export interface IOption {
+  id: string
+  name: string
 }

package/src/interfaces/portal.ts

@@ -1,8 +1,8 @@
-import { ReactNode } from 'react'
-
-export interface IPortal {
-  children: ReactNode
-  closeTime: number
-  portalOpen: boolean
-  portalTag?: string
-}
+import { ReactNode } from 'react'
+
+export interface IPortal {
+  children: ReactNode
+  closeTime: number
+  portalOpen: boolean
+  portalTag?: string
+}