@heartlandone/vega-react 1.32.0 → 1.34.0

package/dist/components.d.ts

@@ -5,6 +5,7 @@ export declare const VegaAppFooter: import("react").ForwardRefExoticComponent<JS
 export declare const VegaAppHeaderButton: import("react").ForwardRefExoticComponent<JSX.VegaAppHeaderButton & Omit<import("react").HTMLAttributes<HTMLVegaAppHeaderButtonElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVegaAppHeaderButtonElement>>;
 export declare const VegaBadge: import("react").ForwardRefExoticComponent<JSX.VegaBadge & Omit<import("react").HTMLAttributes<HTMLVegaBadgeElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVegaBadgeElement>>;
 export declare const VegaBanner: import("react").ForwardRefExoticComponent<JSX.VegaBanner & Omit<import("react").HTMLAttributes<HTMLVegaBannerElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVegaBannerElement>>;
+export declare const VegaBarChart: import("react").ForwardRefExoticComponent<JSX.VegaBarChart & Omit<import("react").HTMLAttributes<HTMLVegaBarChartElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVegaBarChartElement>>;
 export declare const VegaBox: import("react").ForwardRefExoticComponent<JSX.VegaBox & Omit<import("react").HTMLAttributes<HTMLVegaBoxElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVegaBoxElement>>;
 export declare const VegaButton: import("react").ForwardRefExoticComponent<JSX.VegaButton & Omit<import("react").HTMLAttributes<HTMLVegaButtonElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVegaButtonElement>>;
 export declare const VegaButtonCircle: import("react").ForwardRefExoticComponent<JSX.VegaButtonCircle & Omit<import("react").HTMLAttributes<HTMLVegaButtonCircleElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVegaButtonCircleElement>>;

package/dist/components.js

@@ -9,6 +9,7 @@ export const VegaAppFooter = /*@__PURE__*/ createReactComponent('vega-app-footer
 export const VegaAppHeaderButton = /*@__PURE__*/ createReactComponent('vega-app-header-button');
 export const VegaBadge = /*@__PURE__*/ createReactComponent('vega-badge');
 export const VegaBanner = /*@__PURE__*/ createReactComponent('vega-banner');
+export const VegaBarChart = /*@__PURE__*/ createReactComponent('vega-bar-chart');
 export const VegaBox = /*@__PURE__*/ createReactComponent('vega-box');
 export const VegaButton = /*@__PURE__*/ createReactComponent('vega-button');
 export const VegaButtonCircle = /*@__PURE__*/ createReactComponent('vega-button-circle');

package/dist/react-component-lib/utils/attachProps.js

@@ -24,18 +24,25 @@ export const attachProps = (node, newProps, oldProps = {}) => {
                 }
             }
             else {
-                // TODO: this test case will be added in https://gethired.atlassian.net/browse/VD-859
-                node.componentOnReady().then(() => {
-                    node[name] = newProps[name];
-                    const propType = typeof newProps[name];
-                    if (propType === 'string') {
-                        node.setAttribute(camelToDashCase(name), newProps[name]);
-                    }
-                });
+                // For Next, the node have componentOnReady method in prototype of node, but no exist in React.
+                // so we attach props while componentOnReady in Next, and directly attach in React.
+                const hasOnReadyMethod = Boolean(node.componentOnReady);
+                hasOnReadyMethod ?
+                    node.componentOnReady().then(() => {
+                        attachProp(node, newProps, name);
+                    }) :
+                    attachProp(node, newProps, name);
             }
         });
     }
 };
+function attachProp(node, newProps, name) {
+    node[name] = newProps[name];
+    const propType = typeof newProps[name];
+    if (propType === 'string') {
+        node.setAttribute(camelToDashCase(name), newProps[name]);
+    }
+}
 export const getClassName = (classList, newProps, oldProps) => {
     const newClassProp = newProps.className || newProps.class;
     const oldClassProp = oldProps.className || oldProps.class;

package/package.json

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