UNPKG

@dnb/eufemia

Version:

DNB Eufemia Design System UI Library

44 lines (43 loc) 1.85 kB
"use strict"; "use client"; Object.defineProperty(exports, "__esModule", { value: true }); exports.default = FormHandler; var _react = require("react"); var _helpers = require("../../../../shared/helpers.js"); var _index = _interopRequireDefault(require("../../DataContext/Provider/index.js")); var _index2 = _interopRequireDefault(require("../Element/index.js")); var _jsxRuntime = require("react/jsx-runtime"); function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; } const allowedProviderContextProps = ['id', 'defaultData', 'data', 'schema', 'ajvInstance', 'errorMessages', 'globalStatusId', 'transformIn', 'transformOut', 'onChange', 'onPathChange', 'onSubmit', 'onSubmitRequest', 'onSubmitComplete', 'onClear', 'minimumAsyncBehaviorTime', 'asyncSubmitTimeout', 'scrollTopOnSubmit', 'sessionStorageId', 'locale', 'countryCode', 'translations', 'translationsLoader', 'messageFormatter', 'autoComplete', 'disabled', 'required', 'decoupleForm', 'restHandlerProps']; function FormHandler(props) { const { decoupleForm, children } = props; const hasElementRef = (0, _react.useRef)(false); (0, _react.useEffect)(() => { if (decoupleForm && !hasElementRef.current) { (0, _helpers.warn)('Please include a Form.Element when using decoupleForm!'); } }, [decoupleForm]); const providerProps = { hasElementRef, restHandlerProps: {} }; for (const key in props) { if (allowedProviderContextProps.includes(key)) { providerProps[key] = props[key]; } else if (key !== 'children') { providerProps.restHandlerProps[key] = props[key]; } } return (0, _jsxRuntime.jsx)(_index.default, { ...providerProps, children: decoupleForm ? children : (0, _jsxRuntime.jsx)(_index2.default, { children: children }) }); } //# sourceMappingURL=Handler.js.map