@dnb/eufemia
Version:
DNB Eufemia Design System UI Library
82 lines (81 loc) • 3.27 kB
JavaScript
;
"use client";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = useSnapshot;
var _react = require("react");
var _componentHelper = require("../../../shared/component-helper.js");
var _index = _interopRequireDefault(require("../utils/json-pointer/index.js"));
var _useDataContext = _interopRequireDefault(require("./useDataContext.js"));
var _useData = _interopRequireDefault(require("../Form/data-context/useData.js"));
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
function useSnapshot(id) {
const internalSnapshotsRef = (0, _react.useRef)();
if (!internalSnapshotsRef.current) {
internalSnapshotsRef.current = new Map();
}
const {
getContext
} = (0, _useDataContext.default)(id);
const {
set: setData,
update: updateData
} = (0, _useData.default)(id);
const {
internalDataRef,
snapshotsRef
} = getContext() || {};
const internalData = internalDataRef === null || internalDataRef === void 0 ? void 0 : internalDataRef.current;
const createSnapshot = (0, _react.useCallback)((id = (0, _componentHelper.makeUniqueId)(), name = null, content = null) => {
if (!content) {
var _snapshotsRef$current, _snapshotsRef$current2;
const snapshotWithPaths = snapshotsRef === null || snapshotsRef === void 0 || (_snapshotsRef$current = snapshotsRef.current) === null || _snapshotsRef$current === 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 && _index.default.has(internalData, path)) {
collectedData.set(path, _index.default.get(internalData, path));
}
});
content = collectedData;
} else {
content = internalData;
}
}
internalSnapshotsRef.current.set(combineIdWithName(id, name), content);
return id;
}, [internalData, snapshotsRef]);
const getSnapshot = (0, _react.useCallback)((id, name = null) => {
return internalSnapshotsRef.current.get(combineIdWithName(id, name));
}, []);
const deleteSnapshot = (0, _react.useCallback)((id, name = null) => {
internalSnapshotsRef.current.delete(combineIdWithName(id, name));
}, []);
const applySnapshot = (0, _react.useCallback)((id, name = 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 = (0, _react.useCallback)((id, name = null) => {
applySnapshot(id, name);
deleteSnapshot(id, name);
}, [applySnapshot, deleteSnapshot]);
return (0, _react.useMemo)(() => {
return {
createSnapshot,
revertSnapshot,
applySnapshot,
internalSnapshotsRef
};
}, [applySnapshot, createSnapshot, revertSnapshot]);
}
function combineIdWithName(id, name = null) {
return name ? `${id}-${name}` : id;
}
//# sourceMappingURL=useSnapshot.js.map