@dnb/eufemia/cjs/extensions/forms/Form/Isolation/Isolation.js

DNB Eufemia Design System UI Library

"use strict";
"use client";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
require("core-js/modules/es.string.replace.js");
require("core-js/modules/web.dom-collections.iterator.js");
var _react = _interopRequireWildcard(require("react"));
var _jsonPointer = _interopRequireDefault(require("../../utils/json-pointer"));
var _componentHelper = require("../../../../shared/component-helper");
var _isAsync = require("../../../../shared/helpers/isAsync");
var _useId = _interopRequireDefault(require("../../../../shared/helpers/useId"));
var _useDataValue = _interopRequireDefault(require("../../hooks/useDataValue"));
var _DataContext = require("../../DataContext");
var _SectionContext = _interopRequireDefault(require("../Section/SectionContext"));
var _IsolationCommitButton = _interopRequireDefault(require("./IsolationCommitButton"));
var _Provider = require("../../DataContext/Provider");
var _structuredClone = _interopRequireDefault(require("@ungap/structured-clone"));
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
function IsolationProvider(props) {
  var _outerContext$addSetS, _outerContext$addSetS2;
  const {
    children,
    onPathChange,
    onCommit: onCommitProp,
    onClear: onClearProp,
    transformOnCommit: transformOnCommitProp,
    commitHandleRef,
    bubbleValidation,
    data,
    defaultData
  } = props;
  const [, forceUpdate] = (0, _react.useReducer)(() => ({}), {});
  const internalDataRef = (0, _react.useRef)();
  const localDataRef = (0, _react.useRef)({});
  const dataContextRef = (0, _react.useRef)(null);
  const outerContext = (0, _react.useContext)(_DataContext.Context);
  const {
    path: pathSection
  } = (0, _react.useContext)(_SectionContext.default) || {};
  const {
    handlePathChange: handlePathChangeOuter,
    data: dataOuter
  } = outerContext || {};
  const {
    moveValueToPath
  } = (0, _useDataValue.default)();
  const onPathChangeHandler = (0, _react.useCallback)(async (path, value) => {
    if (localDataRef.current === _Provider.clearedData) {
      localDataRef.current = {};
    }
    _jsonPointer.default.set(localDataRef.current, path, value);
    if (pathSection) {
      path = path.replace(pathSection, '');
    }
    return await (onPathChange === null || onPathChange === void 0 ? void 0 : onPathChange(path, value));
  }, [onPathChange, pathSection]);
  const removeSectionPath = (0, _react.useCallback)(data => {
    return pathSection && _jsonPointer.default.has(data, pathSection) ? _jsonPointer.default.get(data, pathSection) : data;
  }, [pathSection]);
  const getMountedData = (0, _react.useCallback)(data => {
    var _dataContextRef$curre;
    const mounterData = {};
    (_dataContextRef$curre = dataContextRef.current) === null || _dataContextRef$curre === void 0 ? void 0 : _dataContextRef$curre.mountedFieldsRef.current.forEach((field, path) => {
      if (field.isMounted && _jsonPointer.default.has(data, path)) {
        _jsonPointer.default.set(mounterData, path, _jsonPointer.default.get(data, path));
      }
    });
    return mounterData;
  }, []);
  (0, _react.useEffect)(() => {
    localDataRef.current = getMountedData(internalDataRef.current);
  }, [getMountedData]);
  (0, _react.useMemo)(() => {
    if (localDataRef.current === _Provider.clearedData) {
      return;
    }
    let localData = data !== null && data !== void 0 ? data : defaultData;
    if (localData && pathSection && !_jsonPointer.default.has(localDataRef.current, pathSection)) {
      localData = moveValueToPath(pathSection, localData);
    }
    internalDataRef.current = Object.assign({}, localData || dataOuter || {}, localDataRef.current);
  }, [data, defaultData, pathSection, dataOuter, moveValueToPath]);
  const onCommit = (0, _react.useCallback)(async (data, additionalArgs) => {
    var _props$path;
    const mountedData = getMountedData(data);
    const path = (_props$path = props.path) !== null && _props$path !== void 0 ? _props$path : '/';
    const outerData = props.path && _jsonPointer.default.has(dataOuter, path) ? _jsonPointer.default.get(dataOuter, path) : dataOuter;
    localDataRef.current = mountedData;
    let isolatedData = (0, _structuredClone.default)(mountedData);
    if (typeof transformOnCommitProp === 'function') {
      isolatedData = transformOnCommitProp(isolatedData, outerData);
    }
    let stop = false;
    additionalArgs.preventCommit = () => stop = true;
    const commitData = removeSectionPath(isolatedData);
    const result = (0, _isAsync.isAsync)(onCommitProp) ? await (onCommitProp === null || onCommitProp === void 0 ? void 0 : onCommitProp(commitData, additionalArgs)) : onCommitProp === null || onCommitProp === void 0 ? void 0 : onCommitProp(commitData, additionalArgs);
    if (stop) {
      return;
    }
    await (handlePathChangeOuter === null || handlePathChangeOuter === void 0 ? void 0 : handlePathChangeOuter(path, Array.isArray(isolatedData) ? isolatedData : (0, _componentHelper.extendDeep)({}, outerData, isolatedData)));
    return result;
  }, [getMountedData, props.path, dataOuter, transformOnCommitProp, handlePathChangeOuter, onCommitProp, removeSectionPath]);
  const onClear = (0, _react.useCallback)(() => {
    localDataRef.current = _Provider.clearedData;
    internalDataRef.current = _Provider.clearedData;
    forceUpdate();
    onClearProp === null || onClearProp === void 0 ? void 0 : onClearProp();
  }, [onClearProp]);
  const setShowAllErrorsNested = (0, _react.useCallback)(showAllErrors => {
    var _dataContextRef$curre2, _dataContextRef$curre3;
    (_dataContextRef$curre2 = dataContextRef.current) === null || _dataContextRef$curre2 === void 0 ? void 0 : (_dataContextRef$curre3 = _dataContextRef$curre2.setShowAllErrors) === null || _dataContextRef$curre3 === void 0 ? void 0 : _dataContextRef$curre3.call(_dataContextRef$curre2, showAllErrors);
  }, []);
  if (bubbleValidation && !(outerContext !== null && outerContext !== void 0 && (_outerContext$addSetS = outerContext.addSetShowAllErrorsRef) !== null && _outerContext$addSetS !== void 0 && (_outerContext$addSetS2 = _outerContext$addSetS.current) !== null && _outerContext$addSetS2 !== void 0 && _outerContext$addSetS2.includes(setShowAllErrorsNested))) {
    var _outerContext$addSetS3;
    (_outerContext$addSetS3 = outerContext.addSetShowAllErrorsRef) === null || _outerContext$addSetS3 === void 0 ? void 0 : _outerContext$addSetS3.current.push(setShowAllErrorsNested);
  }
  const providerProps = _objectSpread(_objectSpread({}, props), {}, {
    [defaultData ? 'defaultData' : 'data']: internalDataRef.current,
    onPathChange: onPathChangeHandler,
    onCommit,
    onClear,
    isolate: true
  });
  return _react.default.createElement(_DataContext.Provider, providerProps, _react.default.createElement(_DataContext.Context.Consumer, null, dataContext => {
    dataContextRef.current = dataContext;
    if (commitHandleRef) {
      commitHandleRef.current = dataContext === null || dataContext === void 0 ? void 0 : dataContext.handleSubmit;
    }
    return children;
  }), bubbleValidation && _react.default.createElement(BubbleValidation, {
    outerContext: outerContext
  }));
}
function BubbleValidation(_ref) {
  let {
    outerContext
  } = _ref;
  const {
    setMountedFieldState,
    setFieldError
  } = outerContext || {};
  const errors = (0, _react.useContext)(_DataContext.Context).hasErrors();
  const id = (0, _useId.default)();
  (0, _react.useEffect)(() => {
    const path = `/${id}`;
    if (errors) {
      setMountedFieldState === null || setMountedFieldState === void 0 ? void 0 : setMountedFieldState(path, {
        isMounted: true
      });
    }
    setFieldError === null || setFieldError === void 0 ? void 0 : setFieldError(path, errors ? new Error('Form.Isolation') : undefined);
    return () => {
      setFieldError === null || setFieldError === void 0 ? void 0 : setFieldError(path, undefined);
      setMountedFieldState === null || setMountedFieldState === void 0 ? void 0 : setMountedFieldState(path, {
        isMounted: false
      });
    };
  }, [errors, id, setFieldError, setMountedFieldState]);
  return null;
}
IsolationProvider.CommitButton = _IsolationCommitButton.default;
IsolationProvider._supportsSpacingProps = undefined;
var _default = exports.default = IsolationProvider;
//# sourceMappingURL=Isolation.js.map