@dnb/eufemia/extensions/forms/hooks/useSnapshot.js

DNB Eufemia Design System UI Library

"use client";

import "core-js/modules/web.dom-collections.iterator.js";
import { useCallback, useMemo, useRef } from 'react';
import { makeUniqueId } from '../../../shared/component-helper';
import pointer from '../utils/json-pointer';
import useDataContext from './useDataContext';
import useData from '../Form/data-context/useData';
export default function useSnapshot(id) {
  const internalSnapshotsRef = useRef();
  if (!internalSnapshotsRef.current) {
    internalSnapshotsRef.current = new Map();
  }
  const {
    getContext
  } = useDataContext(id);
  const {
    set: setData,
    update: updateData
  } = useData(id);
  const {
    internalDataRef,
    snapshotsRef
  } = getContext() || {};
  const internalData = internalDataRef === null || internalDataRef === void 0 ? void 0 : internalDataRef.current;
  const createSnapshot = useCallback(function () {
    let id = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : makeUniqueId();
    let name = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
    let content = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
    if (!content) {
      var _snapshotsRef$current, _snapshotsRef$current2;
      const snapshotWithPaths = snapshotsRef === null || snapshotsRef === void 0 ? void 0 : (_snapshotsRef$current = snapshotsRef.current) === null || _snapshotsRef$current === void 0 ? void 0 : (_snapshotsRef$current2 = _snapshotsRef$current.get) === null || _snapshotsRef$current2 === void 0 ? void 0 : _snapshotsRef$current2.call(_snapshotsRef$current, name);
      if (snapshotWithPaths) {
        const collectedData = new Map();
        snapshotWithPaths.forEach((isMounted, path) => {
          if (isMounted && pointer.has(internalData, path)) {
            collectedData.set(path, pointer.get(internalData, path));
          }
        });
        content = collectedData;
      } else {
        content = internalData;
      }
    }
    internalSnapshotsRef.current.set(combineIdWithName(id, name), content);
    return id;
  }, [internalData, snapshotsRef]);
  const getSnapshot = useCallback(function (id) {
    let name = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
    return internalSnapshotsRef.current.get(combineIdWithName(id, name));
  }, []);
  const deleteSnapshot = useCallback(function (id) {
    let name = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
    internalSnapshotsRef.current.delete(combineIdWithName(id, name));
  }, []);
  const applySnapshot = useCallback(function (id) {
    let name = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
    const snapshot = getSnapshot(id, name);
    if (snapshot instanceof Map) {
      snapshot.forEach((value, path) => {
        updateData(path, value);
      });
    } else if (snapshot) {
      setData(snapshot);
    }
  }, [getSnapshot, setData, updateData]);
  const revertSnapshot = useCallback(function (id) {
    let name = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
    applySnapshot(id, name);
    deleteSnapshot(id, name);
  }, [applySnapshot, deleteSnapshot]);
  return useMemo(() => {
    return {
      createSnapshot,
      revertSnapshot,
      applySnapshot,
      internalSnapshotsRef
    };
  }, [applySnapshot, createSnapshot, revertSnapshot]);
}
function combineIdWithName(id) {
  let name = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
  return name ? `${id}-${name}` : id;
}
//# sourceMappingURL=useSnapshot.js.map