dynamic-modal 1.1.8 → 1.1.10

package/src/interfaces/field.ts

@@ -1,37 +1,43 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-import { CSSProperties } from 'react'
-import { Control, FieldValues, UseFormSetValue, UseFormUnregister, UseFormWatch } from 'react-hook-form'
-import { IModalRenderCondition } from './modal'
+import { CSSProperties } from 'react';
+import {
+  Control,
+  FieldValues,
+  UseFormSetValue,
+  UseFormUnregister,
+  UseFormWatch,
+} from 'react-hook-form';
+
+import { IModalRenderCondition } from './modal';
 
 export interface IValidationBase<T> {
-  value: T
-  message: string
+  value: T;
+  message: string;
 }
 
 export interface IField {
-  name: string
-  id?: string
-  label?: string
-  style?: CSSProperties
-  placeholder?: string
-  defaultValue?: any
-  renderIf?: IModalRenderCondition
-  enableIf?: IModalRenderCondition
+  name: string;
+  id?: string;
+  label?: string;
+  style?: CSSProperties;
+  placeholder?: string;
+  defaultValue?: any;
+  renderIf?: IModalRenderCondition;
+  enableIf?: IModalRenderCondition;
   validation: {
-    required: boolean
-    regex?: RegExp
-    message?: string
-    maxLength?: IValidationBase<number>
-    minLength?: IValidationBase<number>
-    min?: IValidationBase<number | string>
-    max?: IValidationBase<number | string>
-  }
-  disabled?: boolean
+    required: boolean;
+    regex?: RegExp;
+    message?: string;
+    maxLength?: IValidationBase<number>;
+    minLength?: IValidationBase<number>;
+    min?: IValidationBase<number | string>;
+    max?: IValidationBase<number | string>;
+  };
+  disabled?: boolean;
 }
 
 export interface IFieldProps {
-  control: Control<FieldValues, unknown>
-  watch: UseFormWatch<FieldValues>
-  setValue: UseFormSetValue<FieldValues>
-  unregister: UseFormUnregister<FieldValues>
+  control: Control<FieldValues, unknown>;
+  watch: UseFormWatch<FieldValues>;
+  setValue: UseFormSetValue<FieldValues>;
+  unregister: UseFormUnregister<FieldValues>;
 }

package/src/interfaces/input-upload.ts

@@ -1,21 +1,23 @@
-import { ChangeEvent, CSSProperties } from 'react'
+import { ChangeEvent, CSSProperties } from 'react';
 
 export interface IFileResult {
-  name: string
-  size: number
-  data: string
+  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
+  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,20 @@
-import { CSSProperties } from 'react'
-import { IFieldProps } from './field'
+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
+  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'>
+  element: Omit<IMakeButton, 'elementType'>;
 }

package/src/interfaces/make-description.ts

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

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

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

package/src/interfaces/make-input.ts

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

package/src/interfaces/make-select.ts

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

package/src/interfaces/make-textarea.ts

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

package/src/interfaces/make-toggle.ts

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

package/src/interfaces/make-upload.ts

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

package/src/interfaces/modal.ts

@@ -1,50 +1,68 @@
-/* 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 = {
-  action: (data: string, ...args: any[]) => Promise<boolean>
-  condition: Array<string>
+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 interface IModalRenderAction {
+  action: (data: string, ...args: any[]) => Promise<boolean>;
+  condition: Array<string>;
 }
 
+export type IModalRenderCriteria = Record<
+  string,
+  Array<string | number | boolean> | undefined
+>;
+
+export type IModalRenderCondition = IModalRenderAction | IModalRenderCriteria;
+
 export type IModalLiveDataCondition = {
-  action: (data: string, ...args: any[]) => Promise<Array<IOption>>
-  condition: Array<string>
-}
+  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
+  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'>
-  }
+    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 type IModalConfigLoader<T = any, D = any> = (
+  props: T,
+  action: (modalResult: D) => void,
+) => IModalConfigProps;
 
 export interface IModal {
-  open: boolean
-  close: () => void
-  config: IModalConfigProps
+  open: boolean;
+  close: () => void;
+  config: IModalConfigProps;
 }

package/src/interfaces/option.ts

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

package/src/interfaces/portal.ts

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