@chakra-ui/react-env
Version:
Component and hook for handling window and document object in iframe or ssr environment
78 lines (77 loc) • 2.85 kB
JavaScript
'use client'
;
var __defProp = Object.defineProperty;
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
var __getOwnPropNames = Object.getOwnPropertyNames;
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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
// src/env.tsx
var env_exports = {};
__export(env_exports, {
EnvironmentProvider: () => EnvironmentProvider,
useEnvironment: () => useEnvironment
});
module.exports = __toCommonJS(env_exports);
var import_react_use_safe_layout_effect = require("@chakra-ui/react-use-safe-layout-effect");
var import_react = require("react");
var import_jsx_runtime = require("react/jsx-runtime");
var EnvironmentContext = (0, import_react.createContext)({
getDocument() {
return document;
},
getWindow() {
return window;
}
});
EnvironmentContext.displayName = "EnvironmentContext";
function useEnvironment({ defer } = {}) {
const [, forceUpdate] = (0, import_react.useReducer)((c) => c + 1, 0);
(0, import_react_use_safe_layout_effect.useSafeLayoutEffect)(() => {
if (!defer)
return;
forceUpdate();
}, [defer]);
return (0, import_react.useContext)(EnvironmentContext);
}
function EnvironmentProvider(props) {
const { children, environment: environmentProp, disabled } = props;
const ref = (0, import_react.useRef)(null);
const context = (0, import_react.useMemo)(() => {
if (environmentProp)
return environmentProp;
return {
getDocument: () => {
var _a, _b;
return (_b = (_a = ref.current) == null ? void 0 : _a.ownerDocument) != null ? _b : document;
},
getWindow: () => {
var _a, _b;
return (_b = (_a = ref.current) == null ? void 0 : _a.ownerDocument.defaultView) != null ? _b : window;
}
};
}, [environmentProp]);
const showSpan = !disabled || !environmentProp;
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(EnvironmentContext.Provider, { value: context, children: [
children,
showSpan && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { id: "__chakra_env", hidden: true, ref })
] });
}
EnvironmentProvider.displayName = "EnvironmentProvider";
// Annotate the CommonJS export names for ESM import in node:
0 && (module.exports = {
EnvironmentProvider,
useEnvironment
});
//# sourceMappingURL=env.js.map