@premieroctet/next-admin/dist/context/FormStateContext.js

Next-Admin provides a customizable and turnkey admin dashboard for applications built with Next.js and powered by the Prisma ORM. It aims to simplify the development process by providing a turnkey admin system that can be easily integrated into your proje

"use strict";
var __webpack_require__ = {};
(()=>{
    __webpack_require__.d = (exports1, definition)=>{
        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
            enumerable: true,
            get: definition[key]
        });
    };
})();
(()=>{
    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
})();
(()=>{
    __webpack_require__.r = (exports1)=>{
        if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
            value: 'Module'
        });
        Object.defineProperty(exports1, '__esModule', {
            value: true
        });
    };
})();
var __webpack_exports__ = {};
__webpack_require__.r(__webpack_exports__);
__webpack_require__.d(__webpack_exports__, {
    default: ()=>FormStateContext,
    useFormState: ()=>useFormState
});
const jsx_runtime_namespaceObject = require("react/jsx-runtime");
const external_react_namespaceObject = require("react");
const FormStateContext_FormStateContext = /*#__PURE__*/ (0, external_react_namespaceObject.createContext)({
    dirtyFields: [],
    setFieldDirty: (_name)=>{},
    cleanAll: ()=>{}
});
const useFormState = ()=>(0, external_react_namespaceObject.useContext)(FormStateContext_FormStateContext);
const FormProvider = ({ children })=>{
    const [dirtyFields, setDirtyFields] = (0, external_react_namespaceObject.useState)([]);
    const setFieldDirty = (name)=>{
        setDirtyFields((prevDirtyFields)=>{
            if (!prevDirtyFields.includes(name)) return [
                ...prevDirtyFields,
                name
            ];
            return prevDirtyFields;
        });
    };
    const cleanAll = ()=>{
        setDirtyFields([]);
    };
    (0, external_react_namespaceObject.useEffect)(()=>{
        const onBeforeUnload = (e)=>{
            if (0 === dirtyFields.length) return;
            e.preventDefault();
            e.returnValue = true;
        };
        window.addEventListener("beforeunload", onBeforeUnload);
        return ()=>{
            window.removeEventListener("beforeunload", onBeforeUnload);
        };
    }, [
        dirtyFields
    ]);
    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(FormStateContext_FormStateContext.Provider, {
        value: {
            dirtyFields,
            setFieldDirty,
            cleanAll
        },
        children: children
    });
};
const FormStateContext = FormProvider;
exports["default"] = __webpack_exports__["default"];
exports.useFormState = __webpack_exports__.useFormState;
for(var __webpack_i__ in __webpack_exports__)if (-1 === [
    "default",
    "useFormState"
].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
Object.defineProperty(exports, '__esModule', {
    value: true
});