@nlabs/arkhamjs-utils-react
Version:
ArkhamJS React Utilities
54 lines (53 loc) • 4.04 kB
JavaScript
var __create = Object.create;
var __defProp = Object.defineProperty;
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
var __getOwnPropNames = Object.getOwnPropertyNames;
var __getProtoOf = Object.getPrototypeOf;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __export = (target, all) => {
for (var name in all)
__defProp(target, name, { get: all[name], enumerable: true });
};
var __copyProps = (to, from, except, desc) => {
if (from && typeof from === "object" || typeof from === "function") {
for (let key of __getOwnPropNames(from))
if (!__hasOwnProp.call(to, key) && key !== except)
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
}
return to;
};
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
// If the importer is in node compatibility mode or this is not an ESM
// file that has been converted to a CommonJS file using a Babel-
// compatible transform (i.e. "__esModule" has not been set), then set
// "default" to the CommonJS "module.exports" for node compatibility.
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
mod
));
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
var useFluxState_exports = {};
__export(useFluxState_exports, {
useFluxState: () => useFluxState
});
module.exports = __toCommonJS(useFluxState_exports);
var import_isEqual = __toESM(require("lodash/isEqual"));
var import_react = require("react");
var import_FluxContext = require("./FluxContext");
const useFluxState = (key, defaultValue) => {
const { flux, state } = (0, import_react.useContext)(import_FluxContext.FluxContext);
const ref = (0, import_react.useRef)();
const value = flux.getState(key, defaultValue);
const [updatedValue, setValue] = (0, import_react.useState)(value);
(0, import_react.useEffect)(() => {
if (!(0, import_isEqual.default)(value, ref.current)) {
ref.current = value;
setValue(value);
}
}, [state]);
return updatedValue;
};
// Annotate the CommonJS export names for ESM import in node:
0 && (module.exports = {
useFluxState
});
//# sourceMappingURL=data:application/json;base64,ewogICJ2ZXJzaW9uIjogMywKICAic291cmNlcyI6IFsiLi4vc3JjL3VzZUZsdXhTdGF0ZS50cyJdLAogICJzb3VyY2VzQ29udGVudCI6IFsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjAtUHJlc2VudCwgTml0cm9nZW4gTGFicywgSW5jLlxuICogQ29weXJpZ2h0cyBsaWNlbnNlZCB1bmRlciB0aGUgTUlUIExpY2Vuc2UuIFNlZSB0aGUgYWNjb21wYW55aW5nIExJQ0VOU0UgZmlsZSBmb3IgdGVybXMuXG4gKi9cbmltcG9ydCBpc0VxdWFsIGZyb20gJ2xvZGFzaC9pc0VxdWFsJztcbmltcG9ydCB7dXNlQ29udGV4dCwgdXNlRWZmZWN0LCB1c2VSZWYsIHVzZVN0YXRlfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7Rmx1eENvbnRleHR9IGZyb20gJy4vRmx1eENvbnRleHQnO1xuXG5leHBvcnQgY29uc3QgdXNlRmx1eFN0YXRlID0gKGtleTogc3RyaW5nIHwgc3RyaW5nW10sIGRlZmF1bHRWYWx1ZT86IGFueSk6IGFueSA9PiB7XG4gIGNvbnN0IHtmbHV4LCBzdGF0ZX0gPSB1c2VDb250ZXh0KEZsdXhDb250ZXh0KTtcbiAgY29uc3QgcmVmID0gdXNlUmVmKCk7XG4gIGNvbnN0IHZhbHVlID0gZmx1eC5nZXRTdGF0ZShrZXksIGRlZmF1bHRWYWx1ZSk7XG4gIGNvbnN0IFt1cGRhdGVkVmFsdWUsIHNldFZhbHVlXSA9IHVzZVN0YXRlKHZhbHVlKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmKCFpc0VxdWFsKHZhbHVlLCByZWYuY3VycmVudCkpIHtcbiAgICAgIHJlZi5jdXJyZW50ID0gdmFsdWU7XG4gICAgICBzZXRWYWx1ZSh2YWx1ZSk7XG4gICAgfVxuICB9LCBbc3RhdGVdKTtcblxuICByZXR1cm4gdXBkYXRlZFZhbHVlO1xufTtcbiJdLAogICJtYXBwaW5ncyI6ICI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFJQSxxQkFBb0I7QUFDcEIsbUJBQXNEO0FBRXRELHlCQUEwQjtBQUVuQixNQUFNLGVBQWUsQ0FBQyxLQUF3QixpQkFBNEI7QUFDL0UsUUFBTSxFQUFDLE1BQU0sTUFBSyxRQUFJLHlCQUFXLDhCQUFXO0FBQzVDLFFBQU0sVUFBTSxxQkFBTztBQUNuQixRQUFNLFFBQVEsS0FBSyxTQUFTLEtBQUssWUFBWTtBQUM3QyxRQUFNLENBQUMsY0FBYyxRQUFRLFFBQUksdUJBQVMsS0FBSztBQUUvQyw4QkFBVSxNQUFNO0FBQ2QsUUFBRyxLQUFDLGVBQUFBLFNBQVEsT0FBTyxJQUFJLE9BQU8sR0FBRztBQUMvQixVQUFJLFVBQVU7QUFDZCxlQUFTLEtBQUs7QUFBQSxJQUNoQjtBQUFBLEVBQ0YsR0FBRyxDQUFDLEtBQUssQ0FBQztBQUVWLFNBQU87QUFDVDsiLAogICJuYW1lcyI6IFsiaXNFcXVhbCJdCn0K