@frontegg/react-hooks 7.84.0-alpha.0 → 7.84.0-alpha.1

package/index.d.ts

@@ -6,5 +6,6 @@ export * from './vendor';
 export * from './common';
 export * from './flags';
 export * from './useSnapshot';
+export * from './overlay';
 export * from './FronteggProvider';
 export * from './FronteggStoreContext';

package/index.js

@@ -1,4 +1,4 @@
-/** @license Frontegg v7.84.0-alpha.0
+/** @license Frontegg v7.84.0-alpha.1
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
@@ -11,5 +11,6 @@ export * from './vendor';
 export * from './common';
 export * from './flags';
 export * from './useSnapshot';
+export * from './overlay';
 export * from './FronteggProvider';
 export * from './FronteggStoreContext';

package/node/index.js

@@ -1,4 +1,4 @@
-/** @license Frontegg v7.84.0-alpha.0
+/** @license Frontegg v7.84.0-alpha.1
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
@@ -96,6 +96,17 @@ Object.keys(_useSnapshot).forEach(function (key) {
     }
   });
 });
+var _overlay = require("./overlay");
+Object.keys(_overlay).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _overlay[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _overlay[key];
+    }
+  });
+});
 var _FronteggProvider = require("./FronteggProvider");
 Object.keys(_FronteggProvider).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/node/overlay/index.js

@@ -0,0 +1,52 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useOverlayRef = exports.useOverlayPageRoot = exports.useOverlayLeaf = exports.OverlayProfiler = exports.OverlayKeys = void 0;
+var _react = _interopRequireWildcard(require("react"));
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+let OverlayKeys;
+exports.OverlayKeys = OverlayKeys;
+(function (OverlayKeys) {
+  OverlayKeys["localization"] = "localization";
+  OverlayKeys["themeOptionKey"] = "themeOptionKey";
+  OverlayKeys["leaf"] = "leaf";
+  OverlayKeys["pageRoot"] = "pageRoot";
+})(OverlayKeys || (exports.OverlayKeys = OverlayKeys = {}));
+const useOverlayRef = (key, initialValue) => {
+  const ref = (0, _react.useRef)(initialValue);
+  // @ts-ignore
+  ref.current.__frontegg_key__ = key; // Store the key in the ref for identification
+  return ref;
+};
+exports.useOverlayRef = useOverlayRef;
+const useOverlayLeaf = key => {
+  useOverlayRef(OverlayKeys.leaf, {
+    key
+  });
+};
+exports.useOverlayLeaf = useOverlayLeaf;
+const useOverlayPageRoot = () => {
+  useOverlayRef(OverlayKeys.pageRoot, {
+    key: 'pageRoot'
+  });
+};
+exports.useOverlayPageRoot = useOverlayPageRoot;
+const OverlayProfiler = ({
+  onFiberUpdateListener,
+  children
+}) => {
+  if (onFiberUpdateListener) {
+    return /*#__PURE__*/_react.default.createElement(_react.default.Profiler, {
+      id: 'overlay-profiler',
+      children,
+      onRender: onFiberUpdateListener
+    });
+  }
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
+    children
+  });
+};
+exports.OverlayProfiler = OverlayProfiler;

package/overlay/index.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+export declare enum OverlayKeys {
+    localization = "localization",
+    themeOptionKey = "themeOptionKey",
+    leaf = "leaf",
+    pageRoot = "pageRoot"
+}
+export declare const useOverlayRef: <T>(key: OverlayKeys, initialValue: T) => React.MutableRefObject<T>;
+export declare const useOverlayLeaf: (key: string) => void;
+export declare const useOverlayPageRoot: () => void;
+export declare const OverlayProfiler: ({ onFiberUpdateListener, children, }: {
+    onFiberUpdateListener?: any;
+    children: React.ReactNode;
+}) => React.FunctionComponentElement<React.ProfilerProps> | React.FunctionComponentElement<{
+    children?: React.ReactNode | undefined;
+}>;

package/overlay/index.js

@@ -0,0 +1,39 @@
+import React, { useRef } from 'react';
+export let OverlayKeys;
+(function (OverlayKeys) {
+  OverlayKeys["localization"] = "localization";
+  OverlayKeys["themeOptionKey"] = "themeOptionKey";
+  OverlayKeys["leaf"] = "leaf";
+  OverlayKeys["pageRoot"] = "pageRoot";
+})(OverlayKeys || (OverlayKeys = {}));
+export const useOverlayRef = (key, initialValue) => {
+  const ref = useRef(initialValue);
+  // @ts-ignore
+  ref.current.__frontegg_key__ = key; // Store the key in the ref for identification
+  return ref;
+};
+export const useOverlayLeaf = key => {
+  useOverlayRef(OverlayKeys.leaf, {
+    key
+  });
+};
+export const useOverlayPageRoot = () => {
+  useOverlayRef(OverlayKeys.pageRoot, {
+    key: 'pageRoot'
+  });
+};
+export const OverlayProfiler = ({
+  onFiberUpdateListener,
+  children
+}) => {
+  if (onFiberUpdateListener) {
+    return /*#__PURE__*/React.createElement(React.Profiler, {
+      id: 'overlay-profiler',
+      children,
+      onRender: onFiberUpdateListener
+    });
+  }
+  return /*#__PURE__*/React.createElement(React.Fragment, {
+    children
+  });
+};

package/overlay/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "main": "../node/overlay/index.js",
+  "types": "./index.d.ts"
+}

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@frontegg/react-hooks",
-  "version": "7.84.0-alpha.0",
+  "version": "7.84.0-alpha.1",
   "main": "./node/index.js",
   "license": "MIT",
   "author": "Frontegg LTD",
   "dependencies": {
     "@babel/runtime": "^7.18.6",
-    "@frontegg/redux-store": "7.84.0-alpha.0",
-    "@frontegg/types": "7.84.0-alpha.0",
+    "@frontegg/redux-store": "7.84.0-alpha.1",
+    "@frontegg/types": "7.84.0-alpha.1",
     "@types/react": "*",
     "@types/react-is": "^17.0.7",
     "get-value": "^3.0.1",