dynamic-modal 1.0.0 → 1.0.2

package/dist/components/make-toggle/make-toggle.js

@@ -0,0 +1,51 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importStar(require("react"));
+const react_hook_form_1 = require("react-hook-form");
+const field_render_1 = require("../../hooks/field-render");
+const react_2 = require("@nextui-org/react");
+const general_1 = require("../../tools/general");
+const MakeToggle = (props) => {
+    var _a, _b;
+    const { render, enable, checkField } = (0, field_render_1.useFieldRender)(props);
+    (0, react_1.useEffect)(() => {
+        const subscription = props.watch((value, { name, type }) => checkField(value, { name, type }));
+        return () => subscription.unsubscribe();
+    }, [checkField, props, props.watch]);
+    return (render
+        ? react_1.default.createElement(react_hook_form_1.Controller, { control: props.control, name: props.element.name, rules: {
+                required: props.element.validation.required,
+                pattern: {
+                    value: (_a = props.element.validation.regex) !== null && _a !== void 0 ? _a : /(.*)/,
+                    message: (_b = props.element.validation.message) !== null && _b !== void 0 ? _b : ''
+                }
+            }, render: ({ field: { onChange, value } }) => {
+                var _a, _b;
+                return (react_1.default.createElement(react_2.Switch, Object.assign({}, props.element, { id: (_a = props.element.id) !== null && _a !== void 0 ? _a : (0, general_1.generateId)(), isSelected: value, onValueChange: onChange, isDisabled: (_b = props.element.disabled) !== null && _b !== void 0 ? _b : !enable }), props.element.label));
+            } })
+        : null);
+};
+exports.default = MakeToggle;

package/dist/components/make-upload/make-upload.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { IMakeUploadProps } from '../../interfaces/make-upload';
+declare const MakeUpload: FC<IMakeUploadProps>;
+export default MakeUpload;

package/dist/components/make-upload/make-upload.js

@@ -0,0 +1,26 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const react_hook_form_1 = require("react-hook-form");
+const input_upload_1 = __importDefault(require("../input-upload/input-upload"));
+const field_render_1 = require("../../hooks/field-render");
+const MakeUpload = (props) => {
+    var _a, _b;
+    const { render, enable } = (0, field_render_1.useFieldRender)(props);
+    return (render
+        ? react_1.default.createElement(react_hook_form_1.Controller, { control: props.control, name: props.element.name, rules: {
+                required: props.element.validation.required,
+                pattern: {
+                    value: (_a = props.element.validation.regex) !== null && _a !== void 0 ? _a : /(.*)/,
+                    message: (_b = props.element.validation.message) !== null && _b !== void 0 ? _b : ''
+                }
+            }, render: ({ field: { onChange } }) => {
+                var _a;
+                return (react_1.default.createElement(input_upload_1.default, { id: props.element.id, name: props.element.name, disabled: (_a = props.element.disabled) !== null && _a !== void 0 ? _a : !enable, onChange: onChange, label: props.element.label, helpText: props.element.helpText, style: props.element.styles, accept: props.element.accept, read: props.element.read }));
+            } })
+        : null);
+};
+exports.default = MakeUpload;

package/dist/components/portal/portal.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { IPortal } from '../../interfaces/portal';
+export declare const Portal: FC<IPortal>;

package/dist/components/portal/portal.js

@@ -0,0 +1,55 @@
+"use strict";
+'use client';
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Portal = void 0;
+const react_1 = __importStar(require("react"));
+const react_dom_1 = require("react-dom");
+const Portal = (props) => {
+    const ref = (0, react_1.useRef)(null);
+    const [mounted, setMounted] = (0, react_1.useState)(false);
+    (0, react_1.useEffect)(() => {
+        var _a;
+        if (mounted && !props.portalOpen && props.closeTime > 0) {
+            const timeoutId = setTimeout(() => {
+                setMounted(false);
+                ref.current = null;
+            }, props.closeTime);
+            return () => clearTimeout(timeoutId);
+        }
+        else if (mounted && !props.portalOpen) {
+            setMounted(false);
+            ref.current = null;
+        }
+        else if (!mounted && props.portalOpen) {
+            ref.current = document.querySelector((_a = props.portalTag) !== null && _a !== void 0 ? _a : '#portal');
+            setMounted(true);
+        }
+    }, [mounted, props.closeTime, props.portalOpen, props.portalTag]);
+    return (mounted && ref.current
+        ? (0, react_dom_1.createPortal)(react_1.default.createElement("div", { className: 'transition-all delay-100 fixed top-0 left-0 w-full h-full grid place-items-center bg-black bg-opacity-40 z-20' }, props.children), ref.current)
+        : null);
+};
+exports.Portal = Portal;

package/dist/hooks/field-render.d.ts

@@ -0,0 +1,19 @@
+import { IField, IFieldProps } from '../interfaces/field';
+import { IOption } from '../interfaces/option';
+import { IModalLiveDataCondition } 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'> {
+    element: Partial<Pick<IField, 'enableIf' | 'renderIf' | 'name'>> & Partial<Record<'liveData', IModalLiveDataCondition>>;
+}
+export declare const useFieldRender: (props: IFieldRenderProps) => IFieldRender;

package/dist/hooks/field-render.js

@@ -0,0 +1,83 @@
+"use strict";
+'use client';
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useFieldRender = void 0;
+const react_1 = require("react");
+const useFieldRender = (props) => {
+    const [render, setRender] = (0, react_1.useState)(null);
+    const [enable, setEnable] = (0, react_1.useState)(null);
+    const [liveSearching, setLiveSearching] = (0, react_1.useState)(false);
+    const [liveData, setLiveData] = (0, react_1.useState)(undefined);
+    const renderCondition = (0, react_1.useMemo)(() => {
+        const isRender = props.element.renderIf !== undefined;
+        if (render === null)
+            setRender(!isRender);
+        return isRender;
+    }, [props.element.renderIf, render]);
+    const enableCondition = (0, react_1.useMemo)(() => {
+        const isEnable = props.element.enableIf !== undefined;
+        if (enable === null)
+            setEnable(!isEnable);
+        return isEnable;
+    }, [props.element.enableIf, enable]);
+    const liveDataCondition = (0, react_1.useMemo)(() => {
+        return props.element.liveData !== undefined;
+    }, [props.element.liveData]);
+    const renderConditionList = (0, react_1.useMemo)(() => {
+        return renderCondition ? Object.keys(props.element.renderIf) : [];
+    }, [props.element.renderIf, renderCondition]);
+    const enableConditionList = (0, react_1.useMemo)(() => {
+        return enableCondition ? Object.keys(props.element.enableIf) : [];
+    }, [enableCondition, props.element.enableIf]);
+    const liveDataAction = (0, react_1.useCallback)((field, formData) => __awaiter(void 0, void 0, void 0, function* () {
+        var _a;
+        if (typeof field === 'string' && ((_a = props.element.liveData) === null || _a === void 0 ? void 0 : _a.action)) {
+            const options = props.element.liveData.action(field, formData);
+            return options !== null && options !== void 0 ? options : [];
+        }
+        return [];
+    }), [props.element.liveData]);
+    const checkField = (0, react_1.useCallback)((formData_1, _a) => __awaiter(void 0, [formData_1, _a], void 0, function* (formData, { name }) {
+        var _b;
+        const key = name !== null && name !== void 0 ? name : '';
+        const targetField = formData[key];
+        if (renderCondition && renderConditionList.includes(key)) {
+            const renderStatus = props.element.renderIf[key].includes(targetField);
+            if (render !== renderStatus)
+                setRender(renderStatus);
+        }
+        else if (enableCondition && enableConditionList.includes(key)) {
+            const enableStatus = props.element.enableIf[key].includes(targetField);
+            if (enable !== enableStatus)
+                setEnable(enableStatus);
+        }
+        if (liveDataCondition && key === ((_b = props.element.liveData) === null || _b === void 0 ? void 0 : _b.condition)) {
+            if (targetField) {
+                setLiveSearching(true);
+                const options = yield liveDataAction(targetField, formData);
+                if (liveData && JSON.stringify(liveData) !== JSON.stringify(options)) {
+                    props.setValue(props.element.name, options);
+                }
+                setLiveData(options);
+                setLiveSearching(false);
+            }
+        }
+    }), [enable, enableCondition, enableConditionList, liveData, liveDataAction, liveDataCondition, props, render, renderCondition, renderConditionList]);
+    return {
+        render,
+        enable,
+        checkField,
+        liveData,
+        liveSearching
+    };
+};
+exports.useFieldRender = useFieldRender;

package/dist/hooks/modal-handler.d.ts

@@ -0,0 +1,7 @@
+import { IModal, IModalConfigProps } from '../interfaces/modal';
+interface IModalHandler {
+    openModal: (config: IModalConfigProps) => void;
+    modalProps: IModal;
+}
+export declare function useModalHandler(): IModalHandler;
+export {};

package/dist/hooks/modal-handler.js

@@ -0,0 +1,28 @@
+"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useModalHandler = useModalHandler;
+const react_1 = require("react");
+function useModalHandler() {
+    const initialState = {
+        modalProps: {
+            config: {},
+            close: () => { },
+            open: false,
+        },
+        openModal: () => { },
+    };
+    const [modalConfig, setModalConfig] = (0, react_1.useState)(initialState);
+    const openModal = (config) => {
+        if (!config) {
+            alert(`¡WARNING! this modal was not returned config, please check before use`);
+            return;
+        }
+        setModalConfig({ openModal, modalProps: { config, open: true, close } });
+    };
+    const closeModal = () => setModalConfig(initialState);
+    return {
+        openModal,
+        modalProps: Object.assign(Object.assign({}, modalConfig.modalProps), { close: closeModal }),
+    };
+}

package/dist/interfaces/field.d.ts

@@ -0,0 +1,27 @@
+import { CSSProperties } from 'react';
+import { Control, FieldValues, UseFormSetValue, UseFormWatch } from 'react-hook-form';
+import { IOption } from './option';
+export interface IFieldLiveData {
+    action: (data: string, ...args: unknown[]) => Promise<Array<IOption>>;
+    condition: string;
+}
+export interface IField {
+    name: string;
+    id?: string;
+    label?: string;
+    styles?: CSSProperties;
+    defaultValue?: string;
+    renderIf?: Record<string, Array<string | number>>;
+    enableIf?: Record<string, Array<string | number>>;
+    validation: {
+        required: boolean;
+        regex?: RegExp;
+        message?: string;
+    };
+    disabled?: boolean;
+}
+export interface IFieldProps {
+    control: Control<FieldValues, unknown>;
+    watch: UseFormWatch<FieldValues>;
+    setValue: UseFormSetValue<FieldValues>;
+}

package/dist/interfaces/field.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/interfaces/input-upload.d.ts

@@ -0,0 +1,32 @@
+import { ChangeEvent, CSSProperties } from 'react';
+export interface IFileResult {
+    name: string;
+    size: number;
+    data: string;
+}
+export interface IFile {
+    data?: string;
+    name: string;
+    size: number;
+}
+export interface IInputState {
+    state: boolean;
+    file: IFile;
+}
+export interface IInputStorage {
+    setData: (file: IInputState) => void;
+    clearFuntion: () => void;
+}
+export interface IInputUpload {
+    id?: string;
+    value?: string;
+    onChange: (event: ChangeEvent<HTMLInputElement> | IFileResult | FileList | null) => void;
+    accept?: string;
+    label?: string;
+    helpText?: string;
+    clearfunction?: () => void;
+    style?: CSSProperties;
+    name: string;
+    disabled?: boolean;
+    read?: boolean;
+}

package/dist/interfaces/input-upload.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/interfaces/make-autocomplete.d.ts

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

package/dist/interfaces/make-autocomplete.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/interfaces/make-button.d.ts

@@ -0,0 +1,18 @@
+import { CSSProperties } from 'react';
+import { IFieldProps } from './field';
+export interface IMakeButton {
+    elementType: 'button';
+    disabled?: boolean;
+    className?: string;
+    variant?: 'solid' | 'light' | 'flat' | 'bordered' | 'faded' | 'shadow' | 'ghost';
+    text?: string;
+    type?: 'button' | 'submit' | 'reset';
+    onClick?: () => void;
+    iconName?: string;
+    iconSize?: number | string;
+    iconClassName?: CSSProperties;
+    color?: 'primary' | 'secondary' | 'default' | 'success' | 'warning' | 'danger';
+}
+export interface IMakeButtonProps extends IFieldProps {
+    element: IMakeButton;
+}

package/dist/interfaces/make-button.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/interfaces/make-field-group.d.ts

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

package/dist/interfaces/make-field-group.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/interfaces/make-field.d.ts

@@ -0,0 +1,12 @@
+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: IMakeInput;
+}

package/dist/interfaces/make-field.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/interfaces/make-multi-select.d.ts

@@ -0,0 +1,12 @@
+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/dist/interfaces/make-multi-select.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/interfaces/make-select.d.ts

@@ -0,0 +1,12 @@
+import { IField, IFieldProps } from './field';
+import { IModalLiveDataCondition } from './modal';
+export interface IMakeSelect extends IField {
+    elementType: 'select';
+    options: Array<Record<'id' | 'name', string>>;
+    defaultOption?: boolean;
+    defaultOptionName?: string;
+    liveData?: IModalLiveDataCondition;
+}
+export interface IMakeSelectProps extends IFieldProps {
+    element: IMakeSelect;
+}

package/dist/interfaces/make-select.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/interfaces/make-text.d.ts

@@ -0,0 +1,10 @@
+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/dist/interfaces/make-text.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/interfaces/make-textarea.d.ts

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

package/dist/interfaces/make-textarea.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/interfaces/make-title.d.ts

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

package/dist/interfaces/make-title.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/interfaces/make-toggle.d.ts

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

package/dist/interfaces/make-toggle.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/interfaces/make-upload.d.ts

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

package/dist/interfaces/make-upload.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/interfaces/modal.d.ts

@@ -0,0 +1,43 @@
+import { CSSProperties } from 'react';
+import { IMakeSelect } from './make-select';
+import { IMakeInput } from './make-field';
+import { IMakeTextarea } from './make-textarea';
+import { IMakeToggle } from './make-toggle';
+import { IMakeMultiSelect } from './make-multi-select';
+import { IMakeText } from './make-text';
+import { IMakeFieldGroup } from './make-field-group';
+import { IMakeUpload } from './make-upload';
+import { IOption } from './option';
+import { IMakeButton } from './make-button';
+import { IMakeAutoComplete } from './make-autocomplete';
+export type IModalField = IMakeSelect | IMakeInput | IMakeFieldGroup | IMakeTextarea | IMakeToggle | IMakeMultiSelect | IMakeText | IMakeUpload | IMakeButton | IMakeAutoComplete;
+export type IFormField = IMakeSelect | IMakeInput | IMakeTextarea | IMakeToggle | IMakeMultiSelect;
+export type IModalRenderCondition = Record<string, Array<string | number>>;
+export type IModalLiveDataCondition = {
+    action: (data: string, ...args: any[]) => Promise<Array<IOption>>;
+    condition: string;
+};
+export interface IModalConfigProps {
+    fields: Array<IModalField>;
+    title: string;
+    action: {
+        name: string;
+        action?: (data: any) => void;
+        hide?: boolean;
+    };
+    cancel?: {
+        name?: string;
+        action?: () => void;
+        hide?: boolean;
+    };
+    reservedData?: Record<string, string | number>;
+    styles?: CSSProperties;
+    overFlowBody?: string | number;
+    minHeightBody?: string | number;
+}
+export type IModalConfigLoader<T = any, D = any> = (props: T, action: (modalResult: D) => void) => IModalConfigProps;
+export interface IModal {
+    open: boolean;
+    close: () => void;
+    config: IModalConfigProps;
+}

package/dist/interfaces/modal.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/interfaces/option.d.ts

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

package/dist/interfaces/option.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/interfaces/portal.d.ts

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

package/dist/interfaces/portal.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/modal.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { IModal } from './interfaces/modal';
+export declare const Modal: ({ open, close, config }: IModal) => React.JSX.Element | null;
+export default Modal;