@nebula.js/stardust 5.8.0 → 5.8.1

package/dist/stardust.dev.js

@@ -1,5 +1,5 @@
 /*
-* @nebula.js/stardust v5.8.0
+* @nebula.js/stardust v5.8.1
 * Copyright (c) 2024 QlikTech International AB
 * Released under the MIT license.
 */
@@ -15657,7 +15657,7 @@
 	  return cache[key];
 	}
 
-	const NEBULA_VERSION_HASH = "18d6";
+	const NEBULA_VERSION_HASH = "c2a3";
 	ClassNameGenerator.configure(componentName => {
 	  return "njs-".concat(NEBULA_VERSION_HASH, "-").concat(componentName.replace('Mui', ''));
 	});
@@ -15889,7 +15889,7 @@
 	  const appRef = React.createRef();
 	  const element = document.createElement('div');
 	  element.style.display = 'none';
-	  element.setAttribute('data-nebulajs-version', "5.8.0");
+	  element.setAttribute('data-nebulajs-version', "5.8.1");
 	  element.setAttribute('data-app-id', app.id);
 	  document.body.appendChild(element);
 	  if (context) {
@@ -38119,6 +38119,42 @@
 	  return h.value[1];
 	}
 
+	/**
+	 * Reference object returned from useRef
+	 * @interface Ref
+	 * @template R
+	 * @property {R} current Current value
+	 */
+
+	/**
+	 * Creates a reference to a value not needed for rendering
+	 *
+	 * While Nebula does not have a virtual DOM, it is still useful
+	 * to have a reference to an object that is retained across
+	 * renders and in it self does not trigger a render.
+	 * @entry
+	 * @template R
+	 * @param {R} initialValue - The initial value.
+	 * @returns {Ref<R>} An object with the current value
+	 * @example
+	 * import { useRef } from '@nebula.js/stardust';
+	 * // ...
+	 * // initiate with simple value
+	 * const timesRendered = useRef(0);
+	 *
+	 * useEffect(() => {
+	 *  render(layout);
+	 *  // increments the render counter, a useState would trigger another render
+	 *  timesRendered.current += 1;
+	 * },[layout]);
+	 *
+	 */
+	function useRef(initialValue) {
+	  return useMemo(() => ({
+	    current: initialValue
+	  }), []);
+	}
+
 	/**
 	 * Runs a callback function when a dependent changes.
 	 *
@@ -43276,6 +43312,7 @@
 	exports.usePlugins = usePlugins;
 	exports.usePromise = usePromise;
 	exports.useRect = useRect;
+	exports.useRef = useRef;
 	exports.useRenderState = useRenderState;
 	exports.useSelections = useSelections;
 	exports.useStaleLayout = useStaleLayout;