@heartlandone/vega-react 1.50.0 → 2.0.0-preview-1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/dist/components.d.ts +8 -2
  2. package/dist/components.js +8 -2
  3. package/dist/react-component-lib/utils/attachProps.js +4 -0
  4. package/package.json +2 -2
package/dist/components.d.ts CHANGED
@@ -3,8 +3,8 @@ import type { JSX } from '@heartlandone/vega';
3
3
  export declare const VegaAccordion: import("react").ForwardRefExoticComponent<JSX.VegaAccordion & Omit<import("react").HTMLAttributes<HTMLVegaAccordionElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVegaAccordionElement>>;
4
4
  export declare const VegaAppFooter: import("react").ForwardRefExoticComponent<JSX.VegaAppFooter & Omit<import("react").HTMLAttributes<HTMLVegaAppFooterElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVegaAppFooterElement>>;
5
5
  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>>;
6
+ export declare const VegaBackdrop: import("react").ForwardRefExoticComponent<JSX.VegaBackdrop & Omit<import("react").HTMLAttributes<HTMLVegaBackdropElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVegaBackdropElement>>;
6
7
  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>>;
7
- 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>>;
8
8
  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>>;
9
9
  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>>;
10
10
  export declare const VegaBreadcrumb: import("react").ForwardRefExoticComponent<JSX.VegaBreadcrumb & Omit<import("react").HTMLAttributes<HTMLVegaBreadcrumbElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVegaBreadcrumbElement>>;
@@ -20,8 +20,10 @@ export declare const VegaColorPicker: import("react").ForwardRefExoticComponent<
20
20
  export declare const VegaComboBox: import("react").ForwardRefExoticComponent<JSX.VegaComboBox & Omit<import("react").HTMLAttributes<HTMLVegaComboBoxElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVegaComboBoxElement>>;
21
21
  export declare const VegaCounterBadge: import("react").ForwardRefExoticComponent<JSX.VegaCounterBadge & Omit<import("react").HTMLAttributes<HTMLVegaCounterBadgeElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVegaCounterBadgeElement>>;
22
22
  export declare const VegaDatePicker: import("react").ForwardRefExoticComponent<JSX.VegaDatePicker & Omit<import("react").HTMLAttributes<HTMLVegaDatePickerElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVegaDatePickerElement>>;
23
+ export declare const VegaDatePickerCalendar: import("react").ForwardRefExoticComponent<JSX.VegaDatePickerCalendar & Omit<import("react").HTMLAttributes<HTMLVegaDatePickerCalendarElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVegaDatePickerCalendarElement>>;
23
24
  export declare const VegaDialog: import("react").ForwardRefExoticComponent<JSX.VegaDialog & Omit<import("react").HTMLAttributes<HTMLVegaDialogElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVegaDialogElement>>;
24
25
  export declare const VegaDropdown: import("react").ForwardRefExoticComponent<JSX.VegaDropdown & Omit<import("react").HTMLAttributes<HTMLVegaDropdownElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVegaDropdownElement>>;
26
+ export declare const VegaDropdownContentBox: import("react").ForwardRefExoticComponent<JSX.VegaDropdownContentBox & Omit<import("react").HTMLAttributes<HTMLVegaDropdownContentBoxElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVegaDropdownContentBoxElement>>;
25
27
  export declare const VegaDropdownGroup: import("react").ForwardRefExoticComponent<JSX.VegaDropdownGroup & Omit<import("react").HTMLAttributes<HTMLVegaDropdownGroupElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVegaDropdownGroupElement>>;
26
28
  export declare const VegaDropdownItem: import("react").ForwardRefExoticComponent<JSX.VegaDropdownItem & Omit<import("react").HTMLAttributes<HTMLVegaDropdownItemElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVegaDropdownItemElement>>;
27
29
  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>>;
@@ -43,14 +45,16 @@ export declare const VegaLeftNavGroup: import("react").ForwardRefExoticComponent
43
45
  export declare const VegaLeftNavLink: import("react").ForwardRefExoticComponent<JSX.VegaLeftNavLink & Omit<import("react").HTMLAttributes<HTMLVegaLeftNavLinkElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVegaLeftNavLinkElement>>;
44
46
  export declare const VegaLeftNavSection: import("react").ForwardRefExoticComponent<JSX.VegaLeftNavSection & Omit<import("react").HTMLAttributes<HTMLVegaLeftNavSectionElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVegaLeftNavSectionElement>>;
45
47
  export declare const VegaLineChart: import("react").ForwardRefExoticComponent<JSX.VegaLineChart & Omit<import("react").HTMLAttributes<HTMLVegaLineChartElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVegaLineChartElement>>;
48
+ export declare const VegaLoaderWrapper: import("react").ForwardRefExoticComponent<JSX.VegaLoaderWrapper & Omit<import("react").HTMLAttributes<HTMLVegaLoaderWrapperElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVegaLoaderWrapperElement>>;
46
49
  export declare const VegaLoadingIndicator: import("react").ForwardRefExoticComponent<JSX.VegaLoadingIndicator & Omit<import("react").HTMLAttributes<HTMLVegaLoadingIndicatorElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVegaLoadingIndicatorElement>>;
47
50
  export declare const VegaModal: import("react").ForwardRefExoticComponent<JSX.VegaModal & Omit<import("react").HTMLAttributes<HTMLVegaModalElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVegaModalElement>>;
48
51
  export declare const VegaNavCard: import("react").ForwardRefExoticComponent<JSX.VegaNavCard & Omit<import("react").HTMLAttributes<HTMLVegaNavCardElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVegaNavCardElement>>;
49
- export declare const VegaOption: import("react").ForwardRefExoticComponent<JSX.VegaOption & Omit<import("react").HTMLAttributes<HTMLVegaOptionElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVegaOptionElement>>;
50
52
  export declare const VegaPageNotification: import("react").ForwardRefExoticComponent<JSX.VegaPageNotification & Omit<import("react").HTMLAttributes<HTMLVegaPageNotificationElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVegaPageNotificationElement>>;
53
+ export declare const VegaPageNotificationList: import("react").ForwardRefExoticComponent<JSX.VegaPageNotificationList & Omit<import("react").HTMLAttributes<HTMLVegaPageNotificationListElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVegaPageNotificationListElement>>;
51
54
  export declare const VegaPagination: import("react").ForwardRefExoticComponent<JSX.VegaPagination & Omit<import("react").HTMLAttributes<HTMLVegaPaginationElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVegaPaginationElement>>;
52
55
  export declare const VegaPieChart: import("react").ForwardRefExoticComponent<JSX.VegaPieChart & Omit<import("react").HTMLAttributes<HTMLVegaPieChartElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVegaPieChartElement>>;
53
56
  export declare const VegaPopover: import("react").ForwardRefExoticComponent<JSX.VegaPopover & Omit<import("react").HTMLAttributes<HTMLVegaPopoverElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVegaPopoverElement>>;
57
+ export declare const VegaPopoverContentBox: import("react").ForwardRefExoticComponent<JSX.VegaPopoverContentBox & Omit<import("react").HTMLAttributes<HTMLVegaPopoverContentBoxElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVegaPopoverContentBoxElement>>;
54
58
  export declare const VegaProgressTracker: import("react").ForwardRefExoticComponent<JSX.VegaProgressTracker & Omit<import("react").HTMLAttributes<HTMLVegaProgressTrackerElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVegaProgressTrackerElement>>;
55
59
  export declare const VegaRadio: import("react").ForwardRefExoticComponent<JSX.VegaRadio & Omit<import("react").HTMLAttributes<HTMLVegaRadioElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVegaRadioElement>>;
56
60
  export declare const VegaRadioGroup: import("react").ForwardRefExoticComponent<JSX.VegaRadioGroup & Omit<import("react").HTMLAttributes<HTMLVegaRadioGroupElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVegaRadioGroupElement>>;
@@ -72,6 +76,8 @@ export declare const VegaTableRow: import("react").ForwardRefExoticComponent<JSX
72
76
  export declare const VegaText: import("react").ForwardRefExoticComponent<JSX.VegaText & Omit<import("react").HTMLAttributes<HTMLVegaTextElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVegaTextElement>>;
73
77
  export declare const VegaTextarea: import("react").ForwardRefExoticComponent<JSX.VegaTextarea & Omit<import("react").HTMLAttributes<HTMLVegaTextareaElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVegaTextareaElement>>;
74
78
  export declare const VegaTimePicker: import("react").ForwardRefExoticComponent<JSX.VegaTimePicker & Omit<import("react").HTMLAttributes<HTMLVegaTimePickerElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVegaTimePickerElement>>;
79
+ export declare const VegaTimePickerDropdown: import("react").ForwardRefExoticComponent<JSX.VegaTimePickerDropdown & Omit<import("react").HTMLAttributes<HTMLVegaTimePickerDropdownElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVegaTimePickerDropdownElement>>;
75
80
  export declare const VegaToggleSwitch: import("react").ForwardRefExoticComponent<JSX.VegaToggleSwitch & Omit<import("react").HTMLAttributes<HTMLVegaToggleSwitchElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVegaToggleSwitchElement>>;
76
81
  export declare const VegaTooltip: import("react").ForwardRefExoticComponent<JSX.VegaTooltip & Omit<import("react").HTMLAttributes<HTMLVegaTooltipElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVegaTooltipElement>>;
82
+ export declare const VegaTooltipContentBox: import("react").ForwardRefExoticComponent<JSX.VegaTooltipContentBox & Omit<import("react").HTMLAttributes<HTMLVegaTooltipContentBoxElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVegaTooltipContentBoxElement>>;
77
83
  export declare const VegaVirtualScroll: import("react").ForwardRefExoticComponent<JSX.VegaVirtualScroll & Omit<import("react").HTMLAttributes<HTMLVegaVirtualScrollElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVegaVirtualScrollElement>>;
package/dist/components.js CHANGED
@@ -9,8 +9,8 @@ defineCustomElements();
9
9
  export const VegaAccordion = /*@__PURE__*/ createReactComponent('vega-accordion');
10
10
  export const VegaAppFooter = /*@__PURE__*/ createReactComponent('vega-app-footer');
11
11
  export const VegaAppHeaderButton = /*@__PURE__*/ createReactComponent('vega-app-header-button');
12
+ export const VegaBackdrop = /*@__PURE__*/ createReactComponent('vega-backdrop');
12
13
  export const VegaBadge = /*@__PURE__*/ createReactComponent('vega-badge');
13
- export const VegaBanner = /*@__PURE__*/ createReactComponent('vega-banner');
14
14
  export const VegaBarChart = /*@__PURE__*/ createReactComponent('vega-bar-chart');
15
15
  export const VegaBox = /*@__PURE__*/ createReactComponent('vega-box');
16
16
  export const VegaBreadcrumb = /*@__PURE__*/ createReactComponent('vega-breadcrumb');
@@ -26,8 +26,10 @@ export const VegaColorPicker = /*@__PURE__*/ createReactComponent('vega-color-pi
26
26
  export const VegaComboBox = /*@__PURE__*/ createReactComponent('vega-combo-box');
27
27
  export const VegaCounterBadge = /*@__PURE__*/ createReactComponent('vega-counter-badge');
28
28
  export const VegaDatePicker = /*@__PURE__*/ createReactComponent('vega-date-picker');
29
+ export const VegaDatePickerCalendar = /*@__PURE__*/ createReactComponent('vega-date-picker-calendar');
29
30
  export const VegaDialog = /*@__PURE__*/ createReactComponent('vega-dialog');
30
31
  export const VegaDropdown = /*@__PURE__*/ createReactComponent('vega-dropdown');
32
+ export const VegaDropdownContentBox = /*@__PURE__*/ createReactComponent('vega-dropdown-content-box');
31
33
  export const VegaDropdownGroup = /*@__PURE__*/ createReactComponent('vega-dropdown-group');
32
34
  export const VegaDropdownItem = /*@__PURE__*/ createReactComponent('vega-dropdown-item');
33
35
  export const VegaFieldError = /*@__PURE__*/ createReactComponent('vega-field-error');
@@ -49,14 +51,16 @@ export const VegaLeftNavGroup = /*@__PURE__*/ createReactComponent('vega-left-na
49
51
  export const VegaLeftNavLink = /*@__PURE__*/ createReactComponent('vega-left-nav-link');
50
52
  export const VegaLeftNavSection = /*@__PURE__*/ createReactComponent('vega-left-nav-section');
51
53
  export const VegaLineChart = /*@__PURE__*/ createReactComponent('vega-line-chart');
54
+ export const VegaLoaderWrapper = /*@__PURE__*/ createReactComponent('vega-loader-wrapper');
52
55
  export const VegaLoadingIndicator = /*@__PURE__*/ createReactComponent('vega-loading-indicator');
53
56
  export const VegaModal = /*@__PURE__*/ createReactComponent('vega-modal');
54
57
  export const VegaNavCard = /*@__PURE__*/ createReactComponent('vega-nav-card');
55
- export const VegaOption = /*@__PURE__*/ createReactComponent('vega-option');
56
58
  export const VegaPageNotification = /*@__PURE__*/ createReactComponent('vega-page-notification');
59
+ export const VegaPageNotificationList = /*@__PURE__*/ createReactComponent('vega-page-notification-list');
57
60
  export const VegaPagination = /*@__PURE__*/ createReactComponent('vega-pagination');
58
61
  export const VegaPieChart = /*@__PURE__*/ createReactComponent('vega-pie-chart');
59
62
  export const VegaPopover = /*@__PURE__*/ createReactComponent('vega-popover');
63
+ export const VegaPopoverContentBox = /*@__PURE__*/ createReactComponent('vega-popover-content-box');
60
64
  export const VegaProgressTracker = /*@__PURE__*/ createReactComponent('vega-progress-tracker');
61
65
  export const VegaRadio = /*@__PURE__*/ createReactComponent('vega-radio');
62
66
  export const VegaRadioGroup = /*@__PURE__*/ createReactComponent('vega-radio-group');
@@ -78,6 +82,8 @@ export const VegaTableRow = /*@__PURE__*/ createReactComponent('vega-table-row')
78
82
  export const VegaText = /*@__PURE__*/ createReactComponent('vega-text');
79
83
  export const VegaTextarea = /*@__PURE__*/ createReactComponent('vega-textarea');
80
84
  export const VegaTimePicker = /*@__PURE__*/ createReactComponent('vega-time-picker');
85
+ export const VegaTimePickerDropdown = /*@__PURE__*/ createReactComponent('vega-time-picker-dropdown');
81
86
  export const VegaToggleSwitch = /*@__PURE__*/ createReactComponent('vega-toggle-switch');
82
87
  export const VegaTooltip = /*@__PURE__*/ createReactComponent('vega-tooltip');
88
+ export const VegaTooltipContentBox = /*@__PURE__*/ createReactComponent('vega-tooltip-content-box');
83
89
  export const VegaVirtualScroll = /*@__PURE__*/ createReactComponent('vega-virtual-scroll');
package/dist/react-component-lib/utils/attachProps.js CHANGED
@@ -1,4 +1,5 @@
1
1
  import { camelToDashCase } from './case';
2
+ import { FeatureFlag } from '@heartlandone/vega';
2
3
  export const attachProps = (node, newProps, oldProps = {}) => {
3
4
  // some test frameworks don't render DOM elements, so we test here to make sure we are dealing with DOM first
4
5
  if (node instanceof Element) {
@@ -23,6 +24,9 @@ export const attachProps = (node, newProps, oldProps = {}) => {
23
24
  syncEvent(node, eventNameLc, newProps[name]);
24
25
  }
25
26
  }
27
+ else if (FeatureFlag.isEnabled('VEGA_REACT.PREVENT_CALL_WATCH_METHOD_BEFORE_COMPONENT_LOAD')) {
28
+ attachProp(node, newProps, name);
29
+ }
26
30
  else {
27
31
  // For Next, the node have componentOnReady method in prototype of node, but no exist in React.
28
32
  // so we attach props while componentOnReady in Next, and directly attach in React.
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@heartlandone/vega-react",
3
3
  "sideEffects": false,
4
- "version": "1.50.0",
4
+ "version": "2.0.0-preview-1",
5
5
  "description": "React specific wrapper for @heartlandone/vega",
6
6
  "scripts": {
7
7
  "stencil-postbuild": "node ./src/scripts/stencil-post-build-script.js",
@@ -39,7 +39,7 @@
39
39
  "typescript": "^4.0.0"
40
40
  },
41
41
  "dependencies": {
42
- "@heartlandone/vega": "1.50.0"
42
+ "@heartlandone/vega": "2.0.0-preview-1"
43
43
  },
44
44
  "peerDependencies": {
45
45
  "react": ">=16.7.0",