@heartlandone/vega-react-sandbox-pr-2081-87a135a2ff0e4c723a3194f140abab0e3106a715 2.49.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.
- package/LICENSE +21 -0
- package/README.md +4 -0
- package/dist/components.d.ts +110 -0
- package/dist/components.js +116 -0
- package/dist/global.d.ts +6 -0
- package/dist/global.js +1 -0
- package/dist/hooks/use-vega-ref.d.ts +16 -0
- package/dist/hooks/use-vega-ref.js +28 -0
- package/dist/index.d.ts +3 -0
- package/dist/index.js +3 -0
- package/dist/react-component-lib/createComponent.d.ts +10 -0
- package/dist/react-component-lib/createComponent.js +85 -0
- package/dist/react-component-lib/createOverlayComponent.d.ts +21 -0
- package/dist/react-component-lib/createOverlayComponent.js +108 -0
- package/dist/react-component-lib/index.d.ts +2 -0
- package/dist/react-component-lib/index.js +2 -0
- package/dist/react-component-lib/interfaces.d.ts +29 -0
- package/dist/react-component-lib/interfaces.js +1 -0
- package/dist/react-component-lib/utils/attachProps.d.ts +12 -0
- package/dist/react-component-lib/utils/attachProps.js +124 -0
- package/dist/react-component-lib/utils/case.d.ts +2 -0
- package/dist/react-component-lib/utils/case.js +6 -0
- package/dist/react-component-lib/utils/dev.d.ts +2 -0
- package/dist/react-component-lib/utils/dev.js +12 -0
- package/dist/react-component-lib/utils/index.d.ts +10 -0
- package/dist/react-component-lib/utils/index.js +33 -0
- package/dist/testing/index.d.ts +1 -0
- package/dist/testing/index.js +1 -0
- package/dist/testing/utils.d.ts +8 -0
- package/dist/testing/utils.js +91 -0
- package/package.json +57 -0
package/LICENSE
ADDED
@@ -0,0 +1,21 @@
|
|
1
|
+
MIT License
|
2
|
+
|
3
|
+
Copyright (c) 2019 Ionic
|
4
|
+
|
5
|
+
Permission is hereby granted, free of charge, to any person obtaining a copy
|
6
|
+
of this software and associated documentation files (the "Software"), to deal
|
7
|
+
in the Software without restriction, including without limitation the rights
|
8
|
+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
9
|
+
copies of the Software, and to permit persons to whom the Software is
|
10
|
+
furnished to do so, subject to the following conditions:
|
11
|
+
|
12
|
+
The above copyright notice and this permission notice shall be included in all
|
13
|
+
copies or substantial portions of the Software.
|
14
|
+
|
15
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
16
|
+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
17
|
+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
18
|
+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
19
|
+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
20
|
+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
21
|
+
SOFTWARE.
|
package/README.md
ADDED
@@ -0,0 +1,110 @@
|
|
1
|
+
/// <reference types="react" />
|
2
|
+
import type { JSX } from '@heartlandone/vega-sandbox-pr-2081-87a135a2ff0e4c723a3194f140abab0e3106a715';
|
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
|
+
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
|
+
export declare const VegaAppHeaderButton: import("react").ForwardRefExoticComponent<VegaReactComponentWithNativeEvent<JSX.VegaAppHeaderButton, Omit<import("react").HTMLAttributes<HTMLVegaAppHeaderButtonElement>, "style">, "onClick"> & 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>>;
|
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
|
+
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
|
+
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
|
+
export declare const VegaBrandLogo: import("react").ForwardRefExoticComponent<JSX.VegaBrandLogo & Omit<import("react").HTMLAttributes<HTMLVegaBrandLogoElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVegaBrandLogoElement>>;
|
11
|
+
export declare const VegaBreadcrumb: import("react").ForwardRefExoticComponent<VegaReactComponentWithNativeEvent<JSX.VegaBreadcrumb, Omit<import("react").HTMLAttributes<HTMLVegaBreadcrumbElement>, "style">, "onClick"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVegaBreadcrumbElement>>;
|
12
|
+
export declare const VegaButton: import("react").ForwardRefExoticComponent<VegaReactComponentWithNativeEvent<JSX.VegaButton, Omit<import("react").HTMLAttributes<HTMLVegaButtonElement>, "style">, "onClick"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVegaButtonElement>>;
|
13
|
+
export declare const VegaButtonCircle: import("react").ForwardRefExoticComponent<VegaReactComponentWithNativeEvent<JSX.VegaButtonCircle, Omit<import("react").HTMLAttributes<HTMLVegaButtonCircleElement>, "style">, "onClick"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVegaButtonCircleElement>>;
|
14
|
+
export declare const VegaButtonGroup: import("react").ForwardRefExoticComponent<VegaReactComponentWithNativeEvent<JSX.VegaButtonGroup, Omit<import("react").HTMLAttributes<HTMLVegaButtonGroupElement>, "style">, "onClick"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVegaButtonGroupElement>>;
|
15
|
+
export declare const VegaButtonGroupItem: import("react").ForwardRefExoticComponent<JSX.VegaButtonGroupItem & Omit<import("react").HTMLAttributes<HTMLVegaButtonGroupItemElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVegaButtonGroupItemElement>>;
|
16
|
+
export declare const VegaButtonLink: import("react").ForwardRefExoticComponent<VegaReactComponentWithNativeEvent<JSX.VegaButtonLink, Omit<import("react").HTMLAttributes<HTMLVegaButtonLinkElement>, "style">, "onClick"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVegaButtonLinkElement>>;
|
17
|
+
export declare const VegaCalendar: import("react").ForwardRefExoticComponent<VegaReactComponentWithNativeEvent<JSX.VegaCalendar, Omit<import("react").HTMLAttributes<HTMLVegaCalendarElement>, "style">, "onChange"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVegaCalendarElement>>;
|
18
|
+
export declare const VegaCalendarEvent: import("react").ForwardRefExoticComponent<JSX.VegaCalendarEvent & Omit<import("react").HTMLAttributes<HTMLVegaCalendarEventElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVegaCalendarEventElement>>;
|
19
|
+
export declare const VegaCalendarEventSlot: import("react").ForwardRefExoticComponent<JSX.VegaCalendarEventSlot & Omit<import("react").HTMLAttributes<HTMLVegaCalendarEventSlotElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVegaCalendarEventSlotElement>>;
|
20
|
+
export declare const VegaCard: import("react").ForwardRefExoticComponent<JSX.VegaCard & Omit<import("react").HTMLAttributes<HTMLVegaCardElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVegaCardElement>>;
|
21
|
+
export declare const VegaCarousel: import("react").ForwardRefExoticComponent<JSX.VegaCarousel & Omit<import("react").HTMLAttributes<HTMLVegaCarouselElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVegaCarouselElement>>;
|
22
|
+
export declare const VegaCheckbox: import("react").ForwardRefExoticComponent<VegaReactComponentWithNativeEvent<JSX.VegaCheckbox, Omit<import("react").HTMLAttributes<HTMLVegaCheckboxElement>, "style">, "onChange"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVegaCheckboxElement>>;
|
23
|
+
export declare const VegaCheckboxGroup: import("react").ForwardRefExoticComponent<VegaReactComponentWithNativeEvent<JSX.VegaCheckboxGroup, Omit<import("react").HTMLAttributes<HTMLVegaCheckboxGroupElement>, "style">, "onChange"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVegaCheckboxGroupElement>>;
|
24
|
+
export declare const VegaChip: import("react").ForwardRefExoticComponent<VegaReactComponentWithNativeEvent<JSX.VegaChip, Omit<import("react").HTMLAttributes<HTMLVegaChipElement>, "style">, "onClick"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVegaChipElement>>;
|
25
|
+
export declare const VegaCodeBlock: import("react").ForwardRefExoticComponent<VegaReactComponentWithNativeEvent<JSX.VegaCodeBlock, Omit<import("react").HTMLAttributes<HTMLVegaCodeBlockElement>, "style">, "onChange"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVegaCodeBlockElement>>;
|
26
|
+
export declare const VegaColorPicker: import("react").ForwardRefExoticComponent<VegaReactComponentWithNativeEvent<JSX.VegaColorPicker, Omit<import("react").HTMLAttributes<HTMLVegaColorPickerElement>, "style">, "onChange"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVegaColorPickerElement>>;
|
27
|
+
export declare const VegaComboBox: import("react").ForwardRefExoticComponent<VegaReactComponentWithNativeEvent<JSX.VegaComboBox, Omit<import("react").HTMLAttributes<HTMLVegaComboBoxElement>, "style">, "onChange"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVegaComboBoxElement>>;
|
28
|
+
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>>;
|
29
|
+
export declare const VegaDatePicker: import("react").ForwardRefExoticComponent<VegaReactComponentWithNativeEvent<JSX.VegaDatePicker, Omit<import("react").HTMLAttributes<HTMLVegaDatePickerElement>, "style">, "onChange"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVegaDatePickerElement>>;
|
30
|
+
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>>;
|
31
|
+
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>>;
|
32
|
+
export declare const VegaDivider: import("react").ForwardRefExoticComponent<JSX.VegaDivider & Omit<import("react").HTMLAttributes<HTMLVegaDividerElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVegaDividerElement>>;
|
33
|
+
export declare const VegaDropdown: import("react").ForwardRefExoticComponent<VegaReactComponentWithNativeEvent<JSX.VegaDropdown, Omit<import("react").HTMLAttributes<HTMLVegaDropdownElement>, "style">, "onReset"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVegaDropdownElement>>;
|
34
|
+
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>>;
|
35
|
+
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>>;
|
36
|
+
export declare const VegaDropdownItem: import("react").ForwardRefExoticComponent<VegaReactComponentWithNativeEvent<JSX.VegaDropdownItem, Omit<import("react").HTMLAttributes<HTMLVegaDropdownItemElement>, "style">, "onClick"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVegaDropdownItemElement>>;
|
37
|
+
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>>;
|
38
|
+
export declare const VegaFieldLabel: import("react").ForwardRefExoticComponent<VegaReactComponentWithNativeEvent<JSX.VegaFieldLabel, Omit<import("react").HTMLAttributes<HTMLVegaFieldLabelElement>, "style">, "onClick"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVegaFieldLabelElement>>;
|
39
|
+
export declare const VegaFileUploader: import("react").ForwardRefExoticComponent<VegaReactComponentWithNativeEvent<JSX.VegaFileUploader, Omit<import("react").HTMLAttributes<HTMLVegaFileUploaderElement>, "style">, "onChange"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVegaFileUploaderElement>>;
|
40
|
+
export declare const VegaFlagIcon: import("react").ForwardRefExoticComponent<JSX.VegaFlagIcon & Omit<import("react").HTMLAttributes<HTMLVegaFlagIconElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVegaFlagIconElement>>;
|
41
|
+
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>>;
|
42
|
+
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>>;
|
43
|
+
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>>;
|
44
|
+
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>>;
|
45
|
+
export declare const VegaHint: import("react").ForwardRefExoticComponent<JSX.VegaHint & Omit<import("react").HTMLAttributes<HTMLVegaHintElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVegaHintElement>>;
|
46
|
+
export declare const VegaIcon: import("react").ForwardRefExoticComponent<JSX.VegaIcon & Omit<import("react").HTMLAttributes<HTMLVegaIconElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVegaIconElement>>;
|
47
|
+
export declare const VegaImageUploader: import("react").ForwardRefExoticComponent<VegaReactComponentWithNativeEvent<JSX.VegaImageUploader, Omit<import("react").HTMLAttributes<HTMLVegaImageUploaderElement>, "style">, "onChange"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVegaImageUploaderElement>>;
|
48
|
+
export declare const VegaInput: import("react").ForwardRefExoticComponent<VegaReactComponentWithNativeEvent<JSX.VegaInput, Omit<import("react").HTMLAttributes<HTMLVegaInputElement>, "style">, "onChange"|"onFocus"|"onBlur"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVegaInputElement>>;
|
49
|
+
export declare const VegaInputCreditCard: import("react").ForwardRefExoticComponent<VegaReactComponentWithNativeEvent<JSX.VegaInputCreditCard, Omit<import("react").HTMLAttributes<HTMLVegaInputCreditCardElement>, "style">, "onChange"|"onBlur"|"onFocus"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVegaInputCreditCardElement>>;
|
50
|
+
export declare const VegaInputNumeric: import("react").ForwardRefExoticComponent<VegaReactComponentWithNativeEvent<JSX.VegaInputNumeric, Omit<import("react").HTMLAttributes<HTMLVegaInputNumericElement>, "style">, "onChange"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVegaInputNumericElement>>;
|
51
|
+
export declare const VegaInputPhoneNumber: import("react").ForwardRefExoticComponent<VegaReactComponentWithNativeEvent<JSX.VegaInputPhoneNumber, Omit<import("react").HTMLAttributes<HTMLVegaInputPhoneNumberElement>, "style">, "onChange"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVegaInputPhoneNumberElement>>;
|
52
|
+
export declare const VegaInputRange: import("react").ForwardRefExoticComponent<VegaReactComponentWithNativeEvent<JSX.VegaInputRange, Omit<import("react").HTMLAttributes<HTMLVegaInputRangeElement>, "style">, "onChange"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVegaInputRangeElement>>;
|
53
|
+
export declare const VegaInputSelect: import("react").ForwardRefExoticComponent<VegaReactComponentWithNativeEvent<JSX.VegaInputSelect, Omit<import("react").HTMLAttributes<HTMLVegaInputSelectElement>, "style">, "onChange"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVegaInputSelectElement>>;
|
54
|
+
export declare const VegaItemToggle: import("react").ForwardRefExoticComponent<JSX.VegaItemToggle & Omit<import("react").HTMLAttributes<HTMLVegaItemToggleElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVegaItemToggleElement>>;
|
55
|
+
export declare const VegaLeftNav: import("react").ForwardRefExoticComponent<JSX.VegaLeftNav & Omit<import("react").HTMLAttributes<HTMLVegaLeftNavElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVegaLeftNavElement>>;
|
56
|
+
export declare const VegaLeftNavGroup: import("react").ForwardRefExoticComponent<JSX.VegaLeftNavGroup & Omit<import("react").HTMLAttributes<HTMLVegaLeftNavGroupElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVegaLeftNavGroupElement>>;
|
57
|
+
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>>;
|
58
|
+
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>>;
|
59
|
+
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>>;
|
60
|
+
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>>;
|
61
|
+
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>>;
|
62
|
+
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>>;
|
63
|
+
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>>;
|
64
|
+
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>>;
|
65
|
+
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>>;
|
66
|
+
export declare const VegaPagination: import("react").ForwardRefExoticComponent<VegaReactComponentWithNativeEvent<JSX.VegaPagination, Omit<import("react").HTMLAttributes<HTMLVegaPaginationElement>, "style">, "onChange"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVegaPaginationElement>>;
|
67
|
+
export declare const VegaPaginationPageSelectorMobile: import("react").ForwardRefExoticComponent<JSX.VegaPaginationPageSelectorMobile & Omit<import("react").HTMLAttributes<HTMLVegaPaginationPageSelectorMobileElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVegaPaginationPageSelectorMobileElement>>;
|
68
|
+
export declare const VegaPaginationPageSizeSelectorMobile: import("react").ForwardRefExoticComponent<JSX.VegaPaginationPageSizeSelectorMobile & Omit<import("react").HTMLAttributes<HTMLVegaPaginationPageSizeSelectorMobileElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVegaPaginationPageSizeSelectorMobileElement>>;
|
69
|
+
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>>;
|
70
|
+
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>>;
|
71
|
+
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>>;
|
72
|
+
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>>;
|
73
|
+
export declare const VegaRadio: import("react").ForwardRefExoticComponent<VegaReactComponentWithNativeEvent<JSX.VegaRadio, Omit<import("react").HTMLAttributes<HTMLVegaRadioElement>, "style">, "onChange"|"onFocus"|"onBlur"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVegaRadioElement>>;
|
74
|
+
export declare const VegaRadioGroup: import("react").ForwardRefExoticComponent<VegaReactComponentWithNativeEvent<JSX.VegaRadioGroup, Omit<import("react").HTMLAttributes<HTMLVegaRadioGroupElement>, "style">, "onChange"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVegaRadioGroupElement>>;
|
75
|
+
export declare const VegaRichTextContent: import("react").ForwardRefExoticComponent<JSX.VegaRichTextContent & Omit<import("react").HTMLAttributes<HTMLVegaRichTextContentElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVegaRichTextContentElement>>;
|
76
|
+
export declare const VegaRichTextEditor: import("react").ForwardRefExoticComponent<VegaReactComponentWithNativeEvent<JSX.VegaRichTextEditor, Omit<import("react").HTMLAttributes<HTMLVegaRichTextEditorElement>, "style">, "onChange"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVegaRichTextEditorElement>>;
|
77
|
+
export declare const VegaRichTextEditorToolbarButton: import("react").ForwardRefExoticComponent<VegaReactComponentWithNativeEvent<JSX.VegaRichTextEditorToolbarButton, Omit<import("react").HTMLAttributes<HTMLVegaRichTextEditorToolbarButtonElement>, "style">, "onClick"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVegaRichTextEditorToolbarButtonElement>>;
|
78
|
+
export declare const VegaRichTextImageEditor: import("react").ForwardRefExoticComponent<VegaReactComponentWithNativeEvent<JSX.VegaRichTextImageEditor, Omit<import("react").HTMLAttributes<HTMLVegaRichTextImageEditorElement>, "style">, "onChange"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVegaRichTextImageEditorElement>>;
|
79
|
+
export declare const VegaRichTextLinkEditor: import("react").ForwardRefExoticComponent<VegaReactComponentWithNativeEvent<JSX.VegaRichTextLinkEditor, Omit<import("react").HTMLAttributes<HTMLVegaRichTextLinkEditorElement>, "style">, "onChange"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVegaRichTextLinkEditorElement>>;
|
80
|
+
export declare const VegaSectionTitle: import("react").ForwardRefExoticComponent<JSX.VegaSectionTitle & Omit<import("react").HTMLAttributes<HTMLVegaSectionTitleElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVegaSectionTitleElement>>;
|
81
|
+
export declare const VegaSegmentControl: import("react").ForwardRefExoticComponent<VegaReactComponentWithNativeEvent<JSX.VegaSegmentControl, Omit<import("react").HTMLAttributes<HTMLVegaSegmentControlElement>, "style">, "onChange"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVegaSegmentControlElement>>;
|
82
|
+
export declare const VegaSelectionChip: import("react").ForwardRefExoticComponent<VegaReactComponentWithNativeEvent<JSX.VegaSelectionChip, Omit<import("react").HTMLAttributes<HTMLVegaSelectionChipElement>, "style">, "onChange"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVegaSelectionChipElement>>;
|
83
|
+
export declare const VegaSelectionChipGroup: import("react").ForwardRefExoticComponent<VegaReactComponentWithNativeEvent<JSX.VegaSelectionChipGroup, Omit<import("react").HTMLAttributes<HTMLVegaSelectionChipGroupElement>, "style">, "onChange"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVegaSelectionChipGroupElement>>;
|
84
|
+
export declare const VegaSelectionTile: import("react").ForwardRefExoticComponent<VegaReactComponentWithNativeEvent<JSX.VegaSelectionTile, Omit<import("react").HTMLAttributes<HTMLVegaSelectionTileElement>, "style">, "onChange"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVegaSelectionTileElement>>;
|
85
|
+
export declare const VegaSelectionTileGroup: import("react").ForwardRefExoticComponent<VegaReactComponentWithNativeEvent<JSX.VegaSelectionTileGroup, Omit<import("react").HTMLAttributes<HTMLVegaSelectionTileGroupElement>, "style">, "onChange"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVegaSelectionTileGroupElement>>;
|
86
|
+
export declare const VegaSidenav: import("react").ForwardRefExoticComponent<JSX.VegaSidenav & Omit<import("react").HTMLAttributes<HTMLVegaSidenavElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVegaSidenavElement>>;
|
87
|
+
export declare const VegaSidenavGroup: import("react").ForwardRefExoticComponent<JSX.VegaSidenavGroup & Omit<import("react").HTMLAttributes<HTMLVegaSidenavGroupElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVegaSidenavGroupElement>>;
|
88
|
+
export declare const VegaSidenavLink: import("react").ForwardRefExoticComponent<VegaReactComponentWithNativeEvent<JSX.VegaSidenavLink, Omit<import("react").HTMLAttributes<HTMLVegaSidenavLinkElement>, "style">, "onClick"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVegaSidenavLinkElement>>;
|
89
|
+
export declare const VegaSignatureCapture: import("react").ForwardRefExoticComponent<VegaReactComponentWithNativeEvent<JSX.VegaSignatureCapture, Omit<import("react").HTMLAttributes<HTMLVegaSignatureCaptureElement>, "style">, "onChange"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVegaSignatureCaptureElement>>;
|
90
|
+
export declare const VegaSkeleton: import("react").ForwardRefExoticComponent<JSX.VegaSkeleton & Omit<import("react").HTMLAttributes<HTMLVegaSkeletonElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVegaSkeletonElement>>;
|
91
|
+
export declare const VegaSlotContainer: import("react").ForwardRefExoticComponent<JSX.VegaSlotContainer & Omit<import("react").HTMLAttributes<HTMLVegaSlotContainerElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVegaSlotContainerElement>>;
|
92
|
+
export declare const VegaStepper: import("react").ForwardRefExoticComponent<VegaReactComponentWithNativeEvent<JSX.VegaStepper, Omit<import("react").HTMLAttributes<HTMLVegaStepperElement>, "style">, "onChange"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVegaStepperElement>>;
|
93
|
+
export declare const VegaTabGroup: import("react").ForwardRefExoticComponent<VegaReactComponentWithNativeEvent<JSX.VegaTabGroup, Omit<import("react").HTMLAttributes<HTMLVegaTabGroupElement>, "style">, "onClick"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVegaTabGroupElement>>;
|
94
|
+
export declare const VegaTabGroupPanel: import("react").ForwardRefExoticComponent<JSX.VegaTabGroupPanel & Omit<import("react").HTMLAttributes<HTMLVegaTabGroupPanelElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVegaTabGroupPanelElement>>;
|
95
|
+
export declare const VegaTable: import("react").ForwardRefExoticComponent<VegaReactComponentWithNativeEvent<JSX.VegaTable, Omit<import("react").HTMLAttributes<HTMLVegaTableElement>, "style">, "onChange"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVegaTableElement>>;
|
96
|
+
export declare const VegaTableBody: import("react").ForwardRefExoticComponent<JSX.VegaTableBody & Omit<import("react").HTMLAttributes<HTMLVegaTableBodyElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVegaTableBodyElement>>;
|
97
|
+
export declare const VegaTableCell: import("react").ForwardRefExoticComponent<JSX.VegaTableCell & Omit<import("react").HTMLAttributes<HTMLVegaTableCellElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVegaTableCellElement>>;
|
98
|
+
export declare const VegaTableExpandRow: import("react").ForwardRefExoticComponent<JSX.VegaTableExpandRow & Omit<import("react").HTMLAttributes<HTMLVegaTableExpandRowElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVegaTableExpandRowElement>>;
|
99
|
+
export declare const VegaTableHead: import("react").ForwardRefExoticComponent<JSX.VegaTableHead & Omit<import("react").HTMLAttributes<HTMLVegaTableHeadElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVegaTableHeadElement>>;
|
100
|
+
export declare const VegaTableHeadCell: import("react").ForwardRefExoticComponent<VegaReactComponentWithNativeEvent<JSX.VegaTableHeadCell, Omit<import("react").HTMLAttributes<HTMLVegaTableHeadCellElement>, "style">, "onClick"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVegaTableHeadCellElement>>;
|
101
|
+
export declare const VegaTableHeadRow: import("react").ForwardRefExoticComponent<JSX.VegaTableHeadRow & Omit<import("react").HTMLAttributes<HTMLVegaTableHeadRowElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVegaTableHeadRowElement>>;
|
102
|
+
export declare const VegaTableRow: import("react").ForwardRefExoticComponent<VegaReactComponentWithNativeEvent<JSX.VegaTableRow, Omit<import("react").HTMLAttributes<HTMLVegaTableRowElement>, "style">, "onClick"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVegaTableRowElement>>;
|
103
|
+
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>>;
|
104
|
+
export declare const VegaTextarea: import("react").ForwardRefExoticComponent<VegaReactComponentWithNativeEvent<JSX.VegaTextarea, Omit<import("react").HTMLAttributes<HTMLVegaTextareaElement>, "style">, "onChange"|"onBlur"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVegaTextareaElement>>;
|
105
|
+
export declare const VegaTimePicker: import("react").ForwardRefExoticComponent<VegaReactComponentWithNativeEvent<JSX.VegaTimePicker, Omit<import("react").HTMLAttributes<HTMLVegaTimePickerElement>, "style">, "onChange"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVegaTimePickerElement>>;
|
106
|
+
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>>;
|
107
|
+
export declare const VegaToggleSwitch: import("react").ForwardRefExoticComponent<VegaReactComponentWithNativeEvent<JSX.VegaToggleSwitch, Omit<import("react").HTMLAttributes<HTMLVegaToggleSwitchElement>, "style">, "onChange"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVegaToggleSwitchElement>>;
|
108
|
+
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>>;
|
109
|
+
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>>;
|
110
|
+
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>>;
|
@@ -0,0 +1,116 @@
|
|
1
|
+
/* eslint-disable */
|
2
|
+
/* tslint:disable */
|
3
|
+
/* auto-generated react proxies */
|
4
|
+
import { createReactComponent } from './react-component-lib';
|
5
|
+
import { defineCustomElements } from '@heartlandone/vega-sandbox-pr-2081-87a135a2ff0e4c723a3194f140abab0e3106a715/loader';
|
6
|
+
import { VegaEnvManager, FrameworkEnum } from '@heartlandone/vega-sandbox-pr-2081-87a135a2ff0e4c723a3194f140abab0e3106a715';
|
7
|
+
VegaEnvManager.setVegaFramework(FrameworkEnum.React);
|
8
|
+
defineCustomElements();
|
9
|
+
export const VegaAccordion = /*@__PURE__*/ createReactComponent('vega-accordion');
|
10
|
+
export const VegaAppFooter = /*@__PURE__*/ createReactComponent('vega-app-footer');
|
11
|
+
export const VegaAppHeaderButton = /*@__PURE__*/ createReactComponent('vega-app-header-button');
|
12
|
+
export const VegaBackdrop = /*@__PURE__*/ createReactComponent('vega-backdrop');
|
13
|
+
export const VegaBanner = /*@__PURE__*/ createReactComponent('vega-banner');
|
14
|
+
export const VegaBarChart = /*@__PURE__*/ createReactComponent('vega-bar-chart');
|
15
|
+
export const VegaBox = /*@__PURE__*/ createReactComponent('vega-box');
|
16
|
+
export const VegaBrandLogo = /*@__PURE__*/ createReactComponent('vega-brand-logo');
|
17
|
+
export const VegaBreadcrumb = /*@__PURE__*/ createReactComponent('vega-breadcrumb');
|
18
|
+
export const VegaButton = /*@__PURE__*/ createReactComponent('vega-button');
|
19
|
+
export const VegaButtonCircle = /*@__PURE__*/ createReactComponent('vega-button-circle');
|
20
|
+
export const VegaButtonGroup = /*@__PURE__*/ createReactComponent('vega-button-group');
|
21
|
+
export const VegaButtonGroupItem = /*@__PURE__*/ createReactComponent('vega-button-group-item');
|
22
|
+
export const VegaButtonLink = /*@__PURE__*/ createReactComponent('vega-button-link');
|
23
|
+
export const VegaCalendar = /*@__PURE__*/ createReactComponent('vega-calendar');
|
24
|
+
export const VegaCalendarEvent = /*@__PURE__*/ createReactComponent('vega-calendar-event');
|
25
|
+
export const VegaCalendarEventSlot = /*@__PURE__*/ createReactComponent('vega-calendar-event-slot');
|
26
|
+
export const VegaCard = /*@__PURE__*/ createReactComponent('vega-card');
|
27
|
+
export const VegaCarousel = /*@__PURE__*/ createReactComponent('vega-carousel');
|
28
|
+
export const VegaCheckbox = /*@__PURE__*/ createReactComponent('vega-checkbox');
|
29
|
+
export const VegaCheckboxGroup = /*@__PURE__*/ createReactComponent('vega-checkbox-group');
|
30
|
+
export const VegaChip = /*@__PURE__*/ createReactComponent('vega-chip');
|
31
|
+
export const VegaCodeBlock = /*@__PURE__*/ createReactComponent('vega-code-block');
|
32
|
+
export const VegaColorPicker = /*@__PURE__*/ createReactComponent('vega-color-picker');
|
33
|
+
export const VegaComboBox = /*@__PURE__*/ createReactComponent('vega-combo-box');
|
34
|
+
export const VegaCounterBadge = /*@__PURE__*/ createReactComponent('vega-counter-badge');
|
35
|
+
export const VegaDatePicker = /*@__PURE__*/ createReactComponent('vega-date-picker');
|
36
|
+
export const VegaDatePickerCalendar = /*@__PURE__*/ createReactComponent('vega-date-picker-calendar');
|
37
|
+
export const VegaDialog = /*@__PURE__*/ createReactComponent('vega-dialog');
|
38
|
+
export const VegaDivider = /*@__PURE__*/ createReactComponent('vega-divider');
|
39
|
+
export const VegaDropdown = /*@__PURE__*/ createReactComponent('vega-dropdown');
|
40
|
+
export const VegaDropdownContentBox = /*@__PURE__*/ createReactComponent('vega-dropdown-content-box');
|
41
|
+
export const VegaDropdownGroup = /*@__PURE__*/ createReactComponent('vega-dropdown-group');
|
42
|
+
export const VegaDropdownItem = /*@__PURE__*/ createReactComponent('vega-dropdown-item');
|
43
|
+
export const VegaFieldError = /*@__PURE__*/ createReactComponent('vega-field-error');
|
44
|
+
export const VegaFieldLabel = /*@__PURE__*/ createReactComponent('vega-field-label');
|
45
|
+
export const VegaFileUploader = /*@__PURE__*/ createReactComponent('vega-file-uploader');
|
46
|
+
export const VegaFlagIcon = /*@__PURE__*/ createReactComponent('vega-flag-icon');
|
47
|
+
export const VegaFlex = /*@__PURE__*/ createReactComponent('vega-flex');
|
48
|
+
export const VegaFont = /*@__PURE__*/ createReactComponent('vega-font');
|
49
|
+
export const VegaForm = /*@__PURE__*/ createReactComponent('vega-form');
|
50
|
+
export const VegaGrid = /*@__PURE__*/ createReactComponent('vega-grid');
|
51
|
+
export const VegaHint = /*@__PURE__*/ createReactComponent('vega-hint');
|
52
|
+
export const VegaIcon = /*@__PURE__*/ createReactComponent('vega-icon');
|
53
|
+
export const VegaImageUploader = /*@__PURE__*/ createReactComponent('vega-image-uploader');
|
54
|
+
export const VegaInput = /*@__PURE__*/ createReactComponent('vega-input');
|
55
|
+
export const VegaInputCreditCard = /*@__PURE__*/ createReactComponent('vega-input-credit-card');
|
56
|
+
export const VegaInputNumeric = /*@__PURE__*/ createReactComponent('vega-input-numeric');
|
57
|
+
export const VegaInputPhoneNumber = /*@__PURE__*/ createReactComponent('vega-input-phone-number');
|
58
|
+
export const VegaInputRange = /*@__PURE__*/ createReactComponent('vega-input-range');
|
59
|
+
export const VegaInputSelect = /*@__PURE__*/ createReactComponent('vega-input-select');
|
60
|
+
export const VegaItemToggle = /*@__PURE__*/ createReactComponent('vega-item-toggle');
|
61
|
+
export const VegaLeftNav = /*@__PURE__*/ createReactComponent('vega-left-nav');
|
62
|
+
export const VegaLeftNavGroup = /*@__PURE__*/ createReactComponent('vega-left-nav-group');
|
63
|
+
export const VegaLeftNavLink = /*@__PURE__*/ createReactComponent('vega-left-nav-link');
|
64
|
+
export const VegaLeftNavSection = /*@__PURE__*/ createReactComponent('vega-left-nav-section');
|
65
|
+
export const VegaLineChart = /*@__PURE__*/ createReactComponent('vega-line-chart');
|
66
|
+
export const VegaLoaderWrapper = /*@__PURE__*/ createReactComponent('vega-loader-wrapper');
|
67
|
+
export const VegaLoadingIndicator = /*@__PURE__*/ createReactComponent('vega-loading-indicator');
|
68
|
+
export const VegaModal = /*@__PURE__*/ createReactComponent('vega-modal');
|
69
|
+
export const VegaNavCard = /*@__PURE__*/ createReactComponent('vega-nav-card');
|
70
|
+
export const VegaPageNotification = /*@__PURE__*/ createReactComponent('vega-page-notification');
|
71
|
+
export const VegaPageNotificationList = /*@__PURE__*/ createReactComponent('vega-page-notification-list');
|
72
|
+
export const VegaPagination = /*@__PURE__*/ createReactComponent('vega-pagination');
|
73
|
+
export const VegaPaginationPageSelectorMobile = /*@__PURE__*/ createReactComponent('vega-pagination-page-selector-mobile');
|
74
|
+
export const VegaPaginationPageSizeSelectorMobile = /*@__PURE__*/ createReactComponent('vega-pagination-page-size-selector-mobile');
|
75
|
+
export const VegaPieChart = /*@__PURE__*/ createReactComponent('vega-pie-chart');
|
76
|
+
export const VegaPopover = /*@__PURE__*/ createReactComponent('vega-popover');
|
77
|
+
export const VegaPopoverContentBox = /*@__PURE__*/ createReactComponent('vega-popover-content-box');
|
78
|
+
export const VegaProgressTracker = /*@__PURE__*/ createReactComponent('vega-progress-tracker');
|
79
|
+
export const VegaRadio = /*@__PURE__*/ createReactComponent('vega-radio');
|
80
|
+
export const VegaRadioGroup = /*@__PURE__*/ createReactComponent('vega-radio-group');
|
81
|
+
export const VegaRichTextContent = /*@__PURE__*/ createReactComponent('vega-rich-text-content');
|
82
|
+
export const VegaRichTextEditor = /*@__PURE__*/ createReactComponent('vega-rich-text-editor');
|
83
|
+
export const VegaRichTextEditorToolbarButton = /*@__PURE__*/ createReactComponent('vega-rich-text-editor-toolbar-button');
|
84
|
+
export const VegaRichTextImageEditor = /*@__PURE__*/ createReactComponent('vega-rich-text-image-editor');
|
85
|
+
export const VegaRichTextLinkEditor = /*@__PURE__*/ createReactComponent('vega-rich-text-link-editor');
|
86
|
+
export const VegaSectionTitle = /*@__PURE__*/ createReactComponent('vega-section-title');
|
87
|
+
export const VegaSegmentControl = /*@__PURE__*/ createReactComponent('vega-segment-control');
|
88
|
+
export const VegaSelectionChip = /*@__PURE__*/ createReactComponent('vega-selection-chip');
|
89
|
+
export const VegaSelectionChipGroup = /*@__PURE__*/ createReactComponent('vega-selection-chip-group');
|
90
|
+
export const VegaSelectionTile = /*@__PURE__*/ createReactComponent('vega-selection-tile');
|
91
|
+
export const VegaSelectionTileGroup = /*@__PURE__*/ createReactComponent('vega-selection-tile-group');
|
92
|
+
export const VegaSidenav = /*@__PURE__*/ createReactComponent('vega-sidenav');
|
93
|
+
export const VegaSidenavGroup = /*@__PURE__*/ createReactComponent('vega-sidenav-group');
|
94
|
+
export const VegaSidenavLink = /*@__PURE__*/ createReactComponent('vega-sidenav-link');
|
95
|
+
export const VegaSignatureCapture = /*@__PURE__*/ createReactComponent('vega-signature-capture');
|
96
|
+
export const VegaSkeleton = /*@__PURE__*/ createReactComponent('vega-skeleton');
|
97
|
+
export const VegaSlotContainer = /*@__PURE__*/ createReactComponent('vega-slot-container');
|
98
|
+
export const VegaStepper = /*@__PURE__*/ createReactComponent('vega-stepper');
|
99
|
+
export const VegaTabGroup = /*@__PURE__*/ createReactComponent('vega-tab-group');
|
100
|
+
export const VegaTabGroupPanel = /*@__PURE__*/ createReactComponent('vega-tab-group-panel');
|
101
|
+
export const VegaTable = /*@__PURE__*/ createReactComponent('vega-table');
|
102
|
+
export const VegaTableBody = /*@__PURE__*/ createReactComponent('vega-table-body');
|
103
|
+
export const VegaTableCell = /*@__PURE__*/ createReactComponent('vega-table-cell');
|
104
|
+
export const VegaTableExpandRow = /*@__PURE__*/ createReactComponent('vega-table-expand-row');
|
105
|
+
export const VegaTableHead = /*@__PURE__*/ createReactComponent('vega-table-head');
|
106
|
+
export const VegaTableHeadCell = /*@__PURE__*/ createReactComponent('vega-table-head-cell');
|
107
|
+
export const VegaTableHeadRow = /*@__PURE__*/ createReactComponent('vega-table-head-row');
|
108
|
+
export const VegaTableRow = /*@__PURE__*/ createReactComponent('vega-table-row');
|
109
|
+
export const VegaText = /*@__PURE__*/ createReactComponent('vega-text');
|
110
|
+
export const VegaTextarea = /*@__PURE__*/ createReactComponent('vega-textarea');
|
111
|
+
export const VegaTimePicker = /*@__PURE__*/ createReactComponent('vega-time-picker');
|
112
|
+
export const VegaTimePickerDropdown = /*@__PURE__*/ createReactComponent('vega-time-picker-dropdown');
|
113
|
+
export const VegaToggleSwitch = /*@__PURE__*/ createReactComponent('vega-toggle-switch');
|
114
|
+
export const VegaTooltip = /*@__PURE__*/ createReactComponent('vega-tooltip');
|
115
|
+
export const VegaTooltipContentBox = /*@__PURE__*/ createReactComponent('vega-tooltip-content-box');
|
116
|
+
export const VegaVirtualScroll = /*@__PURE__*/ createReactComponent('vega-virtual-scroll');
|
package/dist/global.d.ts
ADDED
package/dist/global.js
ADDED
@@ -0,0 +1 @@
|
|
1
|
+
export {};
|
@@ -0,0 +1,16 @@
|
|
1
|
+
export declare type VegaRef<T> = {
|
2
|
+
current: T;
|
3
|
+
};
|
4
|
+
/**
|
5
|
+
* useVegaRef returns a callback that can be used to store a reference to a DOM node.
|
6
|
+
* It will be overridden to type {@link VegaRef} which value is stored by the callback
|
7
|
+
*
|
8
|
+
* Note: use `useVegaRef` instead `useRef` to store the reference of the Vega components when using `FeatureFlag.enable("VEGA_REACT.PREVENT_SSR");` to disable the SSR
|
9
|
+
*
|
10
|
+
* See more info here: https://medium.com/@teh_builder/ref-objects-inside-useeffect-hooks-eb7c15198780
|
11
|
+
* Link issue: https://gethired.atlassian.net/browse/VD-1297
|
12
|
+
*
|
13
|
+
* @param {() => void} callback - The `callback` parameter is a function that will be called when the `vegaRef` is available.
|
14
|
+
* @returns {VegaRef} a callback function of type `VegaRef<T>`.
|
15
|
+
*/
|
16
|
+
export declare function useVegaRef<T>(callback?: (ref: T) => void): VegaRef<T>;
|
@@ -0,0 +1,28 @@
|
|
1
|
+
import { useCallback, useEffect, useState } from "react";
|
2
|
+
/**
|
3
|
+
* useVegaRef returns a callback that can be used to store a reference to a DOM node.
|
4
|
+
* It will be overridden to type {@link VegaRef} which value is stored by the callback
|
5
|
+
*
|
6
|
+
* Note: use `useVegaRef` instead `useRef` to store the reference of the Vega components when using `FeatureFlag.enable("VEGA_REACT.PREVENT_SSR");` to disable the SSR
|
7
|
+
*
|
8
|
+
* See more info here: https://medium.com/@teh_builder/ref-objects-inside-useeffect-hooks-eb7c15198780
|
9
|
+
* Link issue: https://gethired.atlassian.net/browse/VD-1297
|
10
|
+
*
|
11
|
+
* @param {() => void} callback - The `callback` parameter is a function that will be called when the `vegaRef` is available.
|
12
|
+
* @returns {VegaRef} a callback function of type `VegaRef<T>`.
|
13
|
+
*/
|
14
|
+
export function useVegaRef(callback) {
|
15
|
+
const [refState, setRefState] = useState(undefined);
|
16
|
+
const refCallback = useCallback((node) => {
|
17
|
+
setRefState(node);
|
18
|
+
}, []);
|
19
|
+
refCallback.current = refState;
|
20
|
+
if (callback) {
|
21
|
+
useEffect(() => {
|
22
|
+
if (refState) {
|
23
|
+
callback(refState);
|
24
|
+
}
|
25
|
+
}, [refState]);
|
26
|
+
}
|
27
|
+
return refCallback;
|
28
|
+
}
|
package/dist/index.d.ts
ADDED
package/dist/index.js
ADDED
@@ -0,0 +1,10 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
export interface HTMLStencilElement extends HTMLElement {
|
3
|
+
componentOnReady(): Promise<this>;
|
4
|
+
}
|
5
|
+
interface StencilReactInternalProps<ElementType> extends React.HTMLAttributes<ElementType> {
|
6
|
+
forwardedRef: React.RefObject<ElementType>;
|
7
|
+
ref?: React.Ref<any>;
|
8
|
+
}
|
9
|
+
export declare const createReactComponent: <PropType, ElementType extends HTMLStencilElement, ContextStateType = {}, ExpandedPropsTypes = {}>(tagName: string, ReactComponentContext?: React.Context<ContextStateType>, manipulatePropsFunction?: (originalProps: StencilReactInternalProps<ElementType>, propsToPass: any) => ExpandedPropsTypes, defineCustomElement?: () => void) => React.ForwardRefExoticComponent<React.PropsWithoutRef<PropType & Omit<React.HTMLAttributes<ElementType>, "style"> & import("./interfaces").StyleReactProps> & React.RefAttributes<ElementType>>;
|
10
|
+
export {};
|
@@ -0,0 +1,85 @@
|
|
1
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
2
|
+
var t = {};
|
3
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
4
|
+
t[p] = s[p];
|
5
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
6
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
7
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
8
|
+
t[p[i]] = s[p[i]];
|
9
|
+
}
|
10
|
+
return t;
|
11
|
+
};
|
12
|
+
import React, { createElement } from 'react';
|
13
|
+
import { attachProps, camelToDashCase, createForwardRef, dashToPascalCase, isCoveredByReact, mergeRefs, } from './utils';
|
14
|
+
import { FeatureFlag } from '@heartlandone/vega-sandbox-pr-2081-87a135a2ff0e4c723a3194f140abab0e3106a715';
|
15
|
+
export const createReactComponent = (tagName, ReactComponentContext, manipulatePropsFunction, defineCustomElement) => {
|
16
|
+
if (defineCustomElement !== undefined) {
|
17
|
+
defineCustomElement();
|
18
|
+
}
|
19
|
+
const displayName = dashToPascalCase(tagName);
|
20
|
+
const ReactComponent = class extends React.Component {
|
21
|
+
constructor(props) {
|
22
|
+
super(props);
|
23
|
+
this.setComponentElRef = (element) => {
|
24
|
+
this.componentEl = element;
|
25
|
+
};
|
26
|
+
/**
|
27
|
+
* While VEGA components use some keyword like `widnow` which only for browser environment, the SSR will not work as expect.
|
28
|
+
* To skip compare for SSR and CSR in Hydation we use same temporary dom. that will avoid Hydation failed and emit error messages.
|
29
|
+
* The `canRender` state is work for this, while it false we return the temporary dom for both SSR and CSR to skip Hydation check,
|
30
|
+
* while component did mount, we set it as true and then we can realy render the component.
|
31
|
+
*/
|
32
|
+
this.state = { canRender: false };
|
33
|
+
}
|
34
|
+
componentDidMount() {
|
35
|
+
this.componentDidUpdate(this.props);
|
36
|
+
if (FeatureFlag.isEnabled('VEGA_REACT.PREVENT_SSR')) {
|
37
|
+
this.setState({ canRender: true });
|
38
|
+
}
|
39
|
+
}
|
40
|
+
componentDidUpdate(prevProps) {
|
41
|
+
attachProps(this.componentEl, this.props, prevProps);
|
42
|
+
}
|
43
|
+
render() {
|
44
|
+
const _a = this.props, { children, forwardedRef, style, className, ref } = _a, cProps = __rest(_a, ["children", "forwardedRef", "style", "className", "ref"]);
|
45
|
+
let propsToPass = Object.keys(cProps).reduce((acc, name) => {
|
46
|
+
const value = cProps[name];
|
47
|
+
if (name.indexOf('on') === 0 && name[2] === name[2].toUpperCase()) {
|
48
|
+
const eventName = name.substring(2).toLowerCase();
|
49
|
+
if (typeof document !== 'undefined' && isCoveredByReact(eventName)) {
|
50
|
+
acc[name] = value;
|
51
|
+
}
|
52
|
+
}
|
53
|
+
else {
|
54
|
+
// we should only render strings, booleans, and numbers as attrs in html.
|
55
|
+
// objects, functions, arrays etc get synced via properties on mount.
|
56
|
+
const type = typeof value;
|
57
|
+
if (type === 'string' || type === 'boolean' || type === 'number') {
|
58
|
+
acc[camelToDashCase(name)] = value;
|
59
|
+
}
|
60
|
+
}
|
61
|
+
return acc;
|
62
|
+
}, {});
|
63
|
+
if (manipulatePropsFunction) {
|
64
|
+
propsToPass = manipulatePropsFunction(this.props, propsToPass);
|
65
|
+
}
|
66
|
+
const newProps = Object.assign(Object.assign({}, propsToPass), { ref: mergeRefs(forwardedRef, this.setComponentElRef), style });
|
67
|
+
/**
|
68
|
+
* We use createElement here instead of
|
69
|
+
* React.createElement to work around a
|
70
|
+
* bug in Vite (https://github.com/vitejs/vite/issues/6104).
|
71
|
+
* React.createElement causes all elements to be rendered
|
72
|
+
* as <tagname> instead of the actual Web Component.
|
73
|
+
*/
|
74
|
+
return (!FeatureFlag.isEnabled('VEGA_REACT.PREVENT_SSR') || this.state.canRender) ? createElement(tagName, newProps, children) : React.createElement(React.Fragment, null);
|
75
|
+
}
|
76
|
+
static get displayName() {
|
77
|
+
return displayName;
|
78
|
+
}
|
79
|
+
};
|
80
|
+
// If context was passed to createReactComponent then conditionally add it to the Component Class
|
81
|
+
if (ReactComponentContext) {
|
82
|
+
ReactComponent.contextType = ReactComponentContext;
|
83
|
+
}
|
84
|
+
return createForwardRef(ReactComponent, displayName);
|
85
|
+
};
|
@@ -0,0 +1,21 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import { OverlayEventDetail } from './interfaces';
|
3
|
+
import { StencilReactForwardedRef } from './utils';
|
4
|
+
interface OverlayElement extends HTMLElement {
|
5
|
+
present: () => Promise<void>;
|
6
|
+
dismiss: (data?: any, role?: string | undefined) => Promise<boolean>;
|
7
|
+
}
|
8
|
+
export interface ReactOverlayProps {
|
9
|
+
children?: React.ReactNode;
|
10
|
+
isOpen: boolean;
|
11
|
+
onDidDismiss?: (event: CustomEvent<OverlayEventDetail>) => void;
|
12
|
+
onDidPresent?: (event: CustomEvent<OverlayEventDetail>) => void;
|
13
|
+
onWillDismiss?: (event: CustomEvent<OverlayEventDetail>) => void;
|
14
|
+
onWillPresent?: (event: CustomEvent<OverlayEventDetail>) => void;
|
15
|
+
}
|
16
|
+
export declare const createOverlayComponent: <OverlayComponent extends object, OverlayType extends OverlayElement>(tagName: string, controller: {
|
17
|
+
create: (options: any) => Promise<OverlayType>;
|
18
|
+
}, customElement?: any) => React.ForwardRefExoticComponent<React.PropsWithoutRef<OverlayComponent & ReactOverlayProps & {
|
19
|
+
forwardedRef?: StencilReactForwardedRef<OverlayType>;
|
20
|
+
}> & React.RefAttributes<OverlayType>>;
|
21
|
+
export {};
|
@@ -0,0 +1,108 @@
|
|
1
|
+
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
|
2
|
+
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
3
|
+
return new (P || (P = Promise))(function (resolve, reject) {
|
4
|
+
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
|
5
|
+
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
|
6
|
+
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
7
|
+
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
8
|
+
});
|
9
|
+
};
|
10
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
11
|
+
var t = {};
|
12
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
13
|
+
t[p] = s[p];
|
14
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
15
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
16
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
17
|
+
t[p[i]] = s[p[i]];
|
18
|
+
}
|
19
|
+
return t;
|
20
|
+
};
|
21
|
+
import React from 'react';
|
22
|
+
import ReactDOM from 'react-dom';
|
23
|
+
import { attachProps, dashToPascalCase, defineCustomElement, setRef, } from './utils';
|
24
|
+
export const createOverlayComponent = (tagName, controller, customElement) => {
|
25
|
+
defineCustomElement(tagName, customElement);
|
26
|
+
const displayName = dashToPascalCase(tagName);
|
27
|
+
const didDismissEventName = `on${displayName}DidDismiss`;
|
28
|
+
const didPresentEventName = `on${displayName}DidPresent`;
|
29
|
+
const willDismissEventName = `on${displayName}WillDismiss`;
|
30
|
+
const willPresentEventName = `on${displayName}WillPresent`;
|
31
|
+
let isDismissing = false;
|
32
|
+
class Overlay extends React.Component {
|
33
|
+
constructor(props) {
|
34
|
+
super(props);
|
35
|
+
if (typeof document !== 'undefined') {
|
36
|
+
this.el = document.createElement('div');
|
37
|
+
}
|
38
|
+
this.handleDismiss = this.handleDismiss.bind(this);
|
39
|
+
}
|
40
|
+
static get displayName() {
|
41
|
+
return displayName;
|
42
|
+
}
|
43
|
+
componentDidMount() {
|
44
|
+
if (this.props.isOpen) {
|
45
|
+
this.present();
|
46
|
+
}
|
47
|
+
}
|
48
|
+
componentWillUnmount() {
|
49
|
+
if (this.overlay) {
|
50
|
+
this.overlay.dismiss();
|
51
|
+
}
|
52
|
+
}
|
53
|
+
handleDismiss(event) {
|
54
|
+
if (this.props.onDidDismiss) {
|
55
|
+
this.props.onDidDismiss(event);
|
56
|
+
}
|
57
|
+
setRef(this.props.forwardedRef, null);
|
58
|
+
}
|
59
|
+
shouldComponentUpdate(nextProps) {
|
60
|
+
// Check if the overlay component is about to dismiss
|
61
|
+
if (this.overlay && nextProps.isOpen !== this.props.isOpen && nextProps.isOpen === false) {
|
62
|
+
isDismissing = true;
|
63
|
+
}
|
64
|
+
return true;
|
65
|
+
}
|
66
|
+
componentDidUpdate(prevProps) {
|
67
|
+
return __awaiter(this, void 0, void 0, function* () {
|
68
|
+
if (this.overlay) {
|
69
|
+
attachProps(this.overlay, this.props, prevProps);
|
70
|
+
}
|
71
|
+
if (prevProps.isOpen !== this.props.isOpen && this.props.isOpen === true) {
|
72
|
+
this.present(prevProps);
|
73
|
+
}
|
74
|
+
if (this.overlay && prevProps.isOpen !== this.props.isOpen && this.props.isOpen === false) {
|
75
|
+
yield this.overlay.dismiss();
|
76
|
+
isDismissing = false;
|
77
|
+
/**
|
78
|
+
* Now that the overlay is dismissed
|
79
|
+
* we need to render again so that any
|
80
|
+
* inner components will be unmounted
|
81
|
+
*/
|
82
|
+
this.forceUpdate();
|
83
|
+
}
|
84
|
+
});
|
85
|
+
}
|
86
|
+
present(prevProps) {
|
87
|
+
return __awaiter(this, void 0, void 0, function* () {
|
88
|
+
const _a = this.props, { children, isOpen, onDidDismiss, onDidPresent, onWillDismiss, onWillPresent } = _a, cProps = __rest(_a, ["children", "isOpen", "onDidDismiss", "onDidPresent", "onWillDismiss", "onWillPresent"]);
|
89
|
+
const elementProps = Object.assign(Object.assign({}, cProps), { ref: this.props.forwardedRef, [didDismissEventName]: this.handleDismiss, [didPresentEventName]: (e) => this.props.onDidPresent && this.props.onDidPresent(e), [willDismissEventName]: (e) => this.props.onWillDismiss && this.props.onWillDismiss(e), [willPresentEventName]: (e) => this.props.onWillPresent && this.props.onWillPresent(e) });
|
90
|
+
this.overlay = yield controller.create(Object.assign(Object.assign({}, elementProps), { component: this.el, componentProps: {} }));
|
91
|
+
setRef(this.props.forwardedRef, this.overlay);
|
92
|
+
attachProps(this.overlay, elementProps, prevProps);
|
93
|
+
yield this.overlay.present();
|
94
|
+
});
|
95
|
+
}
|
96
|
+
render() {
|
97
|
+
/**
|
98
|
+
* Continue to render the component even when
|
99
|
+
* overlay is dismissing otherwise component
|
100
|
+
* will be hidden before animation is done.
|
101
|
+
*/
|
102
|
+
return ReactDOM.createPortal(this.props.isOpen || isDismissing ? this.props.children : null, this.el);
|
103
|
+
}
|
104
|
+
}
|
105
|
+
return React.forwardRef((props, ref) => {
|
106
|
+
return React.createElement(Overlay, Object.assign({}, props, { forwardedRef: ref }));
|
107
|
+
});
|
108
|
+
};
|
@@ -0,0 +1,29 @@
|
|
1
|
+
export interface EventEmitter<T = any> {
|
2
|
+
emit: (data?: T) => CustomEvent<T>;
|
3
|
+
}
|
4
|
+
export interface StyleReactProps {
|
5
|
+
class?: string;
|
6
|
+
className?: string;
|
7
|
+
style?: {
|
8
|
+
[key: string]: any;
|
9
|
+
};
|
10
|
+
}
|
11
|
+
export interface OverlayEventDetail<T = any> {
|
12
|
+
data?: T;
|
13
|
+
role?: string;
|
14
|
+
}
|
15
|
+
export interface OverlayInterface {
|
16
|
+
el: HTMLElement;
|
17
|
+
animated: boolean;
|
18
|
+
keyboardClose: boolean;
|
19
|
+
overlayIndex: number;
|
20
|
+
presented: boolean;
|
21
|
+
enterAnimation?: any;
|
22
|
+
leaveAnimation?: any;
|
23
|
+
didPresent: EventEmitter<void>;
|
24
|
+
willPresent: EventEmitter<void>;
|
25
|
+
willDismiss: EventEmitter<OverlayEventDetail>;
|
26
|
+
didDismiss: EventEmitter<OverlayEventDetail>;
|
27
|
+
present(): Promise<void>;
|
28
|
+
dismiss(data?: any, role?: string): Promise<boolean>;
|
29
|
+
}
|
@@ -0,0 +1 @@
|
|
1
|
+
export {};
|
@@ -0,0 +1,12 @@
|
|
1
|
+
export declare const attachProps: (node: HTMLElement, newProps: any, oldProps?: any) => void;
|
2
|
+
export declare const getClassName: (classList: DOMTokenList, newProps: any, oldProps: any) => string;
|
3
|
+
/**
|
4
|
+
* Checks if an event is supported in the current execution environment.
|
5
|
+
* @license Modernizr 3.0.0pre (Custom Build) | MIT
|
6
|
+
*/
|
7
|
+
export declare const isCoveredByReact: (eventNameSuffix: string) => boolean;
|
8
|
+
export declare const syncEvent: (node: Element & {
|
9
|
+
__events?: {
|
10
|
+
[key: string]: (e: Event) => any;
|
11
|
+
};
|
12
|
+
}, eventName: string, newEventHandler?: (e: Event) => any) => void;
|
@@ -0,0 +1,124 @@
|
|
1
|
+
import { camelToDashCase } from './case';
|
2
|
+
import { FeatureFlag } from '@heartlandone/vega-sandbox-pr-2081-87a135a2ff0e4c723a3194f140abab0e3106a715';
|
3
|
+
export const attachProps = (node, newProps, oldProps = {}) => {
|
4
|
+
// some test frameworks don't render DOM elements, so we test here to make sure we are dealing with DOM first
|
5
|
+
if (node instanceof Element) {
|
6
|
+
// add any classes in className to the class list
|
7
|
+
const className = getClassName(node.classList, newProps, oldProps);
|
8
|
+
if (className !== '') {
|
9
|
+
node.className = className;
|
10
|
+
}
|
11
|
+
Object.keys(newProps).forEach((name) => {
|
12
|
+
if (name === 'children' ||
|
13
|
+
name === 'style' ||
|
14
|
+
name === 'ref' ||
|
15
|
+
name === 'class' ||
|
16
|
+
name === 'className' ||
|
17
|
+
name === 'forwardedRef') {
|
18
|
+
return;
|
19
|
+
}
|
20
|
+
if (name.indexOf('on') === 0 && name[2] === name[2].toUpperCase()) {
|
21
|
+
const eventName = name.substring(2);
|
22
|
+
const eventNameLc = eventName[0].toLowerCase() + eventName.substring(1);
|
23
|
+
if (!isCoveredByReact(eventNameLc) || shouldAddSyncEventFallback(eventName)) {
|
24
|
+
syncEvent(node, eventNameLc, newProps[name]);
|
25
|
+
}
|
26
|
+
}
|
27
|
+
else if (FeatureFlag.isEnabled('VEGA_REACT.PREVENT_CALL_WATCH_METHOD_BEFORE_COMPONENT_LOAD')) {
|
28
|
+
attachProp(node, newProps, name);
|
29
|
+
}
|
30
|
+
else {
|
31
|
+
// For Next, the node have componentOnReady method in prototype of node, but no exist in React.
|
32
|
+
// so we attach props while componentOnReady in Next, and directly attach in React.
|
33
|
+
const hasOnReadyMethod = Boolean(node.componentOnReady);
|
34
|
+
hasOnReadyMethod ?
|
35
|
+
node.componentOnReady().then(() => {
|
36
|
+
attachProp(node, newProps, name);
|
37
|
+
}) :
|
38
|
+
attachProp(node, newProps, name);
|
39
|
+
}
|
40
|
+
});
|
41
|
+
}
|
42
|
+
};
|
43
|
+
function attachProp(node, newProps, name) {
|
44
|
+
node[name] = newProps[name];
|
45
|
+
const propType = typeof newProps[name];
|
46
|
+
if (propType === 'string') {
|
47
|
+
node.setAttribute(camelToDashCase(name), newProps[name]);
|
48
|
+
}
|
49
|
+
}
|
50
|
+
export const getClassName = (classList, newProps, oldProps) => {
|
51
|
+
const newClassProp = newProps.className || newProps.class;
|
52
|
+
const oldClassProp = oldProps.className || oldProps.class;
|
53
|
+
// map the classes to Maps for performance
|
54
|
+
const currentClasses = arrayToMap(classList);
|
55
|
+
const incomingPropClasses = arrayToMap(newClassProp ? newClassProp.split(' ') : []);
|
56
|
+
const oldPropClasses = arrayToMap(oldClassProp ? oldClassProp.split(' ') : []);
|
57
|
+
const finalClassNames = [];
|
58
|
+
// loop through each of the current classes on the component
|
59
|
+
// to see if it should be a part of the classNames added
|
60
|
+
currentClasses.forEach((currentClass) => {
|
61
|
+
if (incomingPropClasses.has(currentClass)) {
|
62
|
+
// add it as its already included in classnames coming in from newProps
|
63
|
+
finalClassNames.push(currentClass);
|
64
|
+
incomingPropClasses.delete(currentClass);
|
65
|
+
}
|
66
|
+
else if (!oldPropClasses.has(currentClass)) {
|
67
|
+
// add it as it has NOT been removed by user
|
68
|
+
finalClassNames.push(currentClass);
|
69
|
+
}
|
70
|
+
});
|
71
|
+
incomingPropClasses.forEach((s) => finalClassNames.push(s));
|
72
|
+
return finalClassNames.join(' ');
|
73
|
+
};
|
74
|
+
/**
|
75
|
+
* Checks if an event is supported in the current execution environment.
|
76
|
+
* @license Modernizr 3.0.0pre (Custom Build) | MIT
|
77
|
+
*/
|
78
|
+
export const isCoveredByReact = (eventNameSuffix) => {
|
79
|
+
if (typeof document === 'undefined') {
|
80
|
+
return true;
|
81
|
+
}
|
82
|
+
else {
|
83
|
+
const eventName = 'on' + eventNameSuffix;
|
84
|
+
let isSupported = eventName in document;
|
85
|
+
if (!isSupported) {
|
86
|
+
const element = document.createElement('div');
|
87
|
+
element.setAttribute(eventName, 'return;');
|
88
|
+
isSupported = typeof element[eventName] === 'function';
|
89
|
+
}
|
90
|
+
return isSupported;
|
91
|
+
}
|
92
|
+
};
|
93
|
+
export const syncEvent = (node, eventName, newEventHandler) => {
|
94
|
+
const eventStore = node.__events || (node.__events = {});
|
95
|
+
const oldEventHandler = eventStore[eventName];
|
96
|
+
// Remove old listener so they don't double up.
|
97
|
+
if (oldEventHandler) {
|
98
|
+
node.removeEventListener(eventName, oldEventHandler);
|
99
|
+
}
|
100
|
+
// Bind new listener.
|
101
|
+
node.addEventListener(eventName, (eventStore[eventName] = function handler(e) {
|
102
|
+
if (newEventHandler) {
|
103
|
+
newEventHandler.call(this, e);
|
104
|
+
}
|
105
|
+
}));
|
106
|
+
};
|
107
|
+
const arrayToMap = (arr) => {
|
108
|
+
const map = new Map();
|
109
|
+
arr.forEach((s) => map.set(s, s));
|
110
|
+
return map;
|
111
|
+
};
|
112
|
+
function shouldAddSyncEventFallback(eventName) {
|
113
|
+
// onChange handle not works for custom component before react 19
|
114
|
+
// https://github.com/facebook/react/issues/22888
|
115
|
+
// TODO: we should support a general method to handle those issues.
|
116
|
+
// https://gethired.atlassian.net/browse/VD-3818
|
117
|
+
if ((eventName === "Change" &&
|
118
|
+
FeatureFlag.isEnabled("VEGA_REACT.ENABLE_ON_CHANGE_HANDLE_UNDER_LOW_VERSION")) ||
|
119
|
+
(eventName === "Close" &&
|
120
|
+
FeatureFlag.isEnabled("VEGA_REACT.ENABLE_ON_CLOSE_HANDLE_UNDER_LOW_VERSION"))) {
|
121
|
+
return true;
|
122
|
+
}
|
123
|
+
return false;
|
124
|
+
}
|
@@ -0,0 +1,12 @@
|
|
1
|
+
export const isDevMode = () => {
|
2
|
+
return process && process.env && process.env.NODE_ENV === 'development';
|
3
|
+
};
|
4
|
+
const warnings = {};
|
5
|
+
export const deprecationWarning = (key, message) => {
|
6
|
+
if (isDevMode()) {
|
7
|
+
if (!warnings[key]) {
|
8
|
+
console.warn(message);
|
9
|
+
warnings[key] = true;
|
10
|
+
}
|
11
|
+
}
|
12
|
+
};
|
@@ -0,0 +1,10 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import type { StyleReactProps } from '../interfaces';
|
3
|
+
export declare type StencilReactExternalProps<PropType, ElementType> = PropType & Omit<React.HTMLAttributes<ElementType>, 'style'> & StyleReactProps;
|
4
|
+
export declare type StencilReactForwardedRef<T> = ((instance: T | null) => void) | React.MutableRefObject<T | null> | null;
|
5
|
+
export declare const setRef: (ref: StencilReactForwardedRef<any> | React.Ref<any> | undefined, value: any) => void;
|
6
|
+
export declare const mergeRefs: (...refs: (StencilReactForwardedRef<any> | React.Ref<any> | undefined)[]) => React.RefCallback<any>;
|
7
|
+
export declare const createForwardRef: <PropType, ElementType>(ReactComponent: any, displayName: string) => React.ForwardRefExoticComponent<React.PropsWithoutRef<PropType & Omit<React.HTMLAttributes<ElementType>, "style"> & StyleReactProps> & React.RefAttributes<ElementType>>;
|
8
|
+
export declare const defineCustomElement: (tagName: string, customElement: any) => void;
|
9
|
+
export * from './attachProps';
|
10
|
+
export * from './case';
|
@@ -0,0 +1,33 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
export const setRef = (ref, value) => {
|
3
|
+
if (typeof ref === 'function') {
|
4
|
+
ref(value);
|
5
|
+
}
|
6
|
+
else if (ref != null) {
|
7
|
+
// Cast as a MutableRef so we can assign current
|
8
|
+
ref.current = value;
|
9
|
+
}
|
10
|
+
};
|
11
|
+
export const mergeRefs = (...refs) => {
|
12
|
+
return (value) => {
|
13
|
+
refs.forEach(ref => {
|
14
|
+
setRef(ref, value);
|
15
|
+
});
|
16
|
+
};
|
17
|
+
};
|
18
|
+
export const createForwardRef = (ReactComponent, displayName) => {
|
19
|
+
const forwardRef = (props, ref) => {
|
20
|
+
return React.createElement(ReactComponent, Object.assign({}, props, { forwardedRef: ref }));
|
21
|
+
};
|
22
|
+
forwardRef.displayName = displayName;
|
23
|
+
return React.forwardRef(forwardRef);
|
24
|
+
};
|
25
|
+
export const defineCustomElement = (tagName, customElement) => {
|
26
|
+
if (customElement !== undefined &&
|
27
|
+
typeof customElements !== 'undefined' &&
|
28
|
+
!customElements.get(tagName)) {
|
29
|
+
customElements.define(tagName, customElement);
|
30
|
+
}
|
31
|
+
};
|
32
|
+
export * from './attachProps';
|
33
|
+
export * from './case';
|
@@ -0,0 +1 @@
|
|
1
|
+
export * from "./utils";
|
@@ -0,0 +1 @@
|
|
1
|
+
export * from "./utils";
|
@@ -0,0 +1,8 @@
|
|
1
|
+
import type { RenderResult } from "@testing-library/react";
|
2
|
+
export declare type Nullable<T> = T | undefined | null;
|
3
|
+
export declare function waitForVegaReady(renderResult: RenderResult, delay?: number): Promise<RenderResult>;
|
4
|
+
export declare type MockedResizeObserverController = {
|
5
|
+
hide: (selector: string, container?: HTMLElement) => void;
|
6
|
+
show: (selector: string, container?: HTMLElement) => void;
|
7
|
+
};
|
8
|
+
export declare function mockResizeObserver(): MockedResizeObserverController;
|
@@ -0,0 +1,91 @@
|
|
1
|
+
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
|
2
|
+
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
3
|
+
return new (P || (P = Promise))(function (resolve, reject) {
|
4
|
+
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
|
5
|
+
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
|
6
|
+
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
7
|
+
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
8
|
+
});
|
9
|
+
};
|
10
|
+
import { waitForVega } from "@heartlandone/vega-sandbox-pr-2081-87a135a2ff0e4c723a3194f140abab0e3106a715";
|
11
|
+
export function waitForVegaReady(renderResult, delay = 300) {
|
12
|
+
return __awaiter(this, void 0, void 0, function* () {
|
13
|
+
yield waitForVega();
|
14
|
+
/*
|
15
|
+
* The following code is added to load the vega component, and the attribute value is set after each component is loaded.
|
16
|
+
* To determine whether there is a hydrated style that cannot meet the requirements after the component is loaded,
|
17
|
+
* It need to set the sleep time to ensure that each attribute of the vega component is fully loaded
|
18
|
+
*
|
19
|
+
code link: ./node_modules/@heartlandone/vega-sandbox-pr-2081-87a135a2ff0e4c723a3194f140abab0e3106a715-react/dist/react-component-lib/utils/attachProps.js(line 28-33)}
|
20
|
+
*/
|
21
|
+
yield sleep(delay);
|
22
|
+
return renderResult;
|
23
|
+
});
|
24
|
+
}
|
25
|
+
export function mockResizeObserver() {
|
26
|
+
const resizeObserverElementMap = new Map();
|
27
|
+
global.ResizeObserver = class {
|
28
|
+
constructor(callback) {
|
29
|
+
this.observedElements = [];
|
30
|
+
this.callback = callback;
|
31
|
+
}
|
32
|
+
observe(element) {
|
33
|
+
if (!this.isObserved(element)) {
|
34
|
+
resizeObserverElementMap.set(element, this);
|
35
|
+
this.observedElements.push(element);
|
36
|
+
}
|
37
|
+
}
|
38
|
+
unobserve(element) {
|
39
|
+
if (this.isObserved(element)) {
|
40
|
+
resizeObserverElementMap.delete(element);
|
41
|
+
this.observedElements = this.observedElements.filter((observedElement) => observedElement !== element);
|
42
|
+
}
|
43
|
+
}
|
44
|
+
disconnect() {
|
45
|
+
for (const element of this.observedElements) {
|
46
|
+
resizeObserverElementMap.delete(element);
|
47
|
+
}
|
48
|
+
this.observedElements = [];
|
49
|
+
}
|
50
|
+
show() {
|
51
|
+
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
52
|
+
this.callback([{ contentRect: { height: 100 } }], this);
|
53
|
+
}
|
54
|
+
hide() {
|
55
|
+
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
56
|
+
this.callback([{ contentRect: { height: 0 } }], this);
|
57
|
+
}
|
58
|
+
isObserved(element) {
|
59
|
+
return this.observedElements.includes(element);
|
60
|
+
}
|
61
|
+
};
|
62
|
+
return {
|
63
|
+
show: (selector, container) => {
|
64
|
+
(container || document)
|
65
|
+
.querySelectorAll(selector)
|
66
|
+
// eslint-disable-next-line unicorn/no-array-for-each
|
67
|
+
.forEach((el) => {
|
68
|
+
const resizeObserver = resizeObserverElementMap.get(el);
|
69
|
+
if (resizeObserver) {
|
70
|
+
resizeObserver.show();
|
71
|
+
}
|
72
|
+
});
|
73
|
+
},
|
74
|
+
hide: (selector, container) => {
|
75
|
+
(container || document)
|
76
|
+
.querySelectorAll(selector)
|
77
|
+
// eslint-disable-next-line unicorn/no-array-for-each
|
78
|
+
.forEach((el) => {
|
79
|
+
const resizeObserver = resizeObserverElementMap.get(el);
|
80
|
+
if (resizeObserver) {
|
81
|
+
resizeObserver.hide();
|
82
|
+
}
|
83
|
+
});
|
84
|
+
},
|
85
|
+
};
|
86
|
+
}
|
87
|
+
function sleep(ms) {
|
88
|
+
return new Promise((resolve) => {
|
89
|
+
setTimeout(resolve, ms);
|
90
|
+
});
|
91
|
+
}
|
package/package.json
ADDED
@@ -0,0 +1,57 @@
|
|
1
|
+
{
|
2
|
+
"name": "@heartlandone/vega-react-sandbox-pr-2081-87a135a2ff0e4c723a3194f140abab0e3106a715",
|
3
|
+
"sideEffects": false,
|
4
|
+
"version": "2.49.1",
|
5
|
+
"description": "React specific wrapper for @heartlandone/vega",
|
6
|
+
"scripts": {
|
7
|
+
"stencil-postbuild": "node ./src/scripts/stencil-post-build-script.js",
|
8
|
+
"build": "npm run clean && npm run compile && npm run override-type",
|
9
|
+
"clean": "rm -rf dist",
|
10
|
+
"compile": "npm run tsc",
|
11
|
+
"tsc": "tsc -p .",
|
12
|
+
"rollup": "rollup -c",
|
13
|
+
"release": "npm run build",
|
14
|
+
"publish:patch": "node ../scripts/publish-version.js patch",
|
15
|
+
"publish:minor": "node ../scripts/publish-version.js minor",
|
16
|
+
"publish:major": "node ../scripts/publish-version.js major",
|
17
|
+
"override-type": "node ./src/scripts/override-component-native-event-type.js",
|
18
|
+
"pr-codesandbox-auto": "node ../scripts/pr-codesandbox-auto/change-package-name.js"
|
19
|
+
},
|
20
|
+
"main": "./dist/index.js",
|
21
|
+
"module": "./dist/index.js",
|
22
|
+
"types": "./dist/index.d.ts",
|
23
|
+
"files": [
|
24
|
+
"dist/"
|
25
|
+
],
|
26
|
+
"publishConfig": {
|
27
|
+
"directory": "dist"
|
28
|
+
},
|
29
|
+
"devDependencies": {
|
30
|
+
"@testing-library/react": "12.1.2",
|
31
|
+
"@types/jest": "23.3.9",
|
32
|
+
"@types/node": "^15.14.9",
|
33
|
+
"@types/react": "^16.7.0",
|
34
|
+
"@types/react-dom": "^16.7.0",
|
35
|
+
"jest": "^23.0.0",
|
36
|
+
"jest-dom": "^3.0.2",
|
37
|
+
"np": "^3.1.0",
|
38
|
+
"react": "^16.7.0",
|
39
|
+
"react-dom": "^16.7.0",
|
40
|
+
"typescript": "^4.0.0"
|
41
|
+
},
|
42
|
+
"dependencies": {
|
43
|
+
"@heartlandone/vega-sandbox-pr-2081-87a135a2ff0e4c723a3194f140abab0e3106a715": "latest"
|
44
|
+
},
|
45
|
+
"peerDependencies": {
|
46
|
+
"react": ">=16.7.0",
|
47
|
+
"react-dom": ">=16.7.0"
|
48
|
+
},
|
49
|
+
"jest": {
|
50
|
+
"preset": "ts-jest",
|
51
|
+
"setupTestFrameworkScriptFile": "<rootDir>/jest.setup.js",
|
52
|
+
"testPathIgnorePatterns": [
|
53
|
+
"node_modules",
|
54
|
+
"dist"
|
55
|
+
]
|
56
|
+
}
|
57
|
+
}
|