@heartlandone/vega-react 1.45.0 → 1.46.1

package/dist/components.d.ts

@@ -25,6 +25,7 @@ export declare const VegaDropdown: import("react").ForwardRefExoticComponent<JSX
 export declare const VegaFieldError: import("react").ForwardRefExoticComponent<JSX.VegaFieldError & Omit<import("react").HTMLAttributes<HTMLVegaFieldErrorElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVegaFieldErrorElement>>;
 export declare const VegaFieldLabel: import("react").ForwardRefExoticComponent<JSX.VegaFieldLabel & Omit<import("react").HTMLAttributes<HTMLVegaFieldLabelElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVegaFieldLabelElement>>;
 export declare const VegaFlex: import("react").ForwardRefExoticComponent<JSX.VegaFlex & Omit<import("react").HTMLAttributes<HTMLVegaFlexElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVegaFlexElement>>;
+export declare const VegaFont: import("react").ForwardRefExoticComponent<JSX.VegaFont & Omit<import("react").HTMLAttributes<HTMLVegaFontElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVegaFontElement>>;
 export declare const VegaFooter: import("react").ForwardRefExoticComponent<JSX.VegaFooter & Omit<import("react").HTMLAttributes<HTMLVegaFooterElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVegaFooterElement>>;
 export declare const VegaForm: import("react").ForwardRefExoticComponent<JSX.VegaForm & Omit<import("react").HTMLAttributes<HTMLVegaFormElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVegaFormElement>>;
 export declare const VegaGrid: import("react").ForwardRefExoticComponent<JSX.VegaGrid & Omit<import("react").HTMLAttributes<HTMLVegaGridElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVegaGridElement>>;

package/dist/components.js

@@ -3,6 +3,8 @@
 /* auto-generated react proxies */
 import { createReactComponent } from './react-component-lib';
 import { defineCustomElements } from '@heartlandone/vega/loader';
+import { setVegaEnv } from '@heartlandone/vega';
+setVegaEnv({ framework: "react" });
 defineCustomElements();
 export const VegaAccordion = /*@__PURE__*/ createReactComponent('vega-accordion');
 export const VegaAppFooter = /*@__PURE__*/ createReactComponent('vega-app-footer');
@@ -29,6 +31,7 @@ export const VegaDropdown = /*@__PURE__*/ createReactComponent('vega-dropdown');
 export const VegaFieldError = /*@__PURE__*/ createReactComponent('vega-field-error');
 export const VegaFieldLabel = /*@__PURE__*/ createReactComponent('vega-field-label');
 export const VegaFlex = /*@__PURE__*/ createReactComponent('vega-flex');
+export const VegaFont = /*@__PURE__*/ createReactComponent('vega-font');
 export const VegaFooter = /*@__PURE__*/ createReactComponent('vega-footer');
 export const VegaForm = /*@__PURE__*/ createReactComponent('vega-form');
 export const VegaGrid = /*@__PURE__*/ createReactComponent('vega-grid');

package/dist/hooks/use-vega-ref.d.ts

@@ -10,6 +10,7 @@ export declare type VegaRef<T> = {
  * See more info here: https://medium.com/@teh_builder/ref-objects-inside-useeffect-hooks-eb7c15198780
  * Link issue: https://gethired.atlassian.net/browse/VD-1297
  *
+ * @param {() => void} callback - The `callback` parameter is a function that will be called when the `vegaRef` is available.
  * @returns {VegaRef} a callback function of type `VegaRef<T>`.
  */
-export declare function useVegaRef<T>(): VegaRef<T>;
+export declare function useVegaRef<T>(callback?: (ref: T) => void): VegaRef<T>;

package/dist/hooks/use-vega-ref.js

@@ -1,4 +1,4 @@
-import { useCallback, useState } from "react";
+import { useCallback, useEffect, useState } from "react";
 /**
  * useVegaRef returns a callback that can be used to store a reference to a DOM node.
  * It will be overridden to type {@link VegaRef} which value is stored by the callback
@@ -8,13 +8,21 @@ import { useCallback, useState } from "react";
  * See more info here: https://medium.com/@teh_builder/ref-objects-inside-useeffect-hooks-eb7c15198780
  * Link issue: https://gethired.atlassian.net/browse/VD-1297
  *
+ * @param {() => void} callback - The `callback` parameter is a function that will be called when the `vegaRef` is available.
  * @returns {VegaRef} a callback function of type `VegaRef<T>`.
  */
-export function useVegaRef() {
+export function useVegaRef(callback) {
     const [refState, setRefState] = useState(undefined);
     const refCallback = useCallback((node) => {
         setRefState(node);
     }, []);
     refCallback.current = refState;
+    if (callback) {
+        useEffect(() => {
+            if (refState) {
+                callback(refState);
+            }
+        }, [refState]);
+    }
     return refCallback;
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@heartlandone/vega-react",
   "sideEffects": false,
-  "version": "1.45.0",
+  "version": "1.46.1",
   "description": "React specific wrapper for @heartlandone/vega",
   "scripts": {
     "stencil-postbuild": "node ./src/scripts/stencil-post-build-script.js",
@@ -39,7 +39,7 @@
     "typescript": "^4.0.0"
   },
   "dependencies": {
-    "@heartlandone/vega": "1.45.0"
+    "@heartlandone/vega": "1.46.1"
   },
   "peerDependencies": {
     "react": ">=16.7.0",