@sme.up/ketchup-react 8.0.2 → 8.1.0

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 (19) hide show
  1. package/dist/index.d.ts +51 -51
  2. package/dist/index.js +55 -55
  3. package/dist/react-component-lib/createComponent.d.ts +10 -10
  4. package/dist/react-component-lib/createComponent.js +68 -67
  5. package/dist/react-component-lib/createOverlayComponent.d.ts +21 -21
  6. package/dist/react-component-lib/createOverlayComponent.js +97 -95
  7. package/dist/react-component-lib/index.d.ts +2 -2
  8. package/dist/react-component-lib/index.js +2 -2
  9. package/dist/react-component-lib/interfaces.d.ts +29 -29
  10. package/dist/react-component-lib/interfaces.js +1 -1
  11. package/dist/react-component-lib/utils/attachProps.d.ts +12 -12
  12. package/dist/react-component-lib/utils/attachProps.js +97 -97
  13. package/dist/react-component-lib/utils/case.d.ts +2 -2
  14. package/dist/react-component-lib/utils/case.js +6 -6
  15. package/dist/react-component-lib/utils/dev.d.ts +2 -2
  16. package/dist/react-component-lib/utils/dev.js +12 -12
  17. package/dist/react-component-lib/utils/index.d.ts +10 -10
  18. package/dist/react-component-lib/utils/index.js +31 -31
  19. package/package.json +8 -8
package/dist/index.d.ts CHANGED
@@ -1,51 +1,51 @@
1
- /// <reference types="react" />
2
- import type { JSX } from '@sme.up/ketchup';
3
- export declare const KupAccordion: import("react").ForwardRefExoticComponent<JSX.KupAccordion & Omit<import("react").HTMLAttributes<HTMLKupAccordionElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupAccordionElement>>;
4
- export declare const KupAutocomplete: import("react").ForwardRefExoticComponent<JSX.KupAutocomplete & Omit<import("react").HTMLAttributes<HTMLKupAutocompleteElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupAutocompleteElement>>;
5
- export declare const KupBadge: import("react").ForwardRefExoticComponent<JSX.KupBadge & Omit<import("react").HTMLAttributes<HTMLKupBadgeElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupBadgeElement>>;
6
- export declare const KupBox: import("react").ForwardRefExoticComponent<JSX.KupBox & Omit<import("react").HTMLAttributes<HTMLKupBoxElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupBoxElement>>;
7
- export declare const KupButton: import("react").ForwardRefExoticComponent<JSX.KupButton & Omit<import("react").HTMLAttributes<HTMLKupButtonElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupButtonElement>>;
8
- export declare const KupButtonList: import("react").ForwardRefExoticComponent<JSX.KupButtonList & Omit<import("react").HTMLAttributes<HTMLKupButtonListElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupButtonListElement>>;
9
- export declare const KupCalendar: import("react").ForwardRefExoticComponent<JSX.KupCalendar & Omit<import("react").HTMLAttributes<HTMLKupCalendarElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupCalendarElement>>;
10
- export declare const KupCard: import("react").ForwardRefExoticComponent<JSX.KupCard & Omit<import("react").HTMLAttributes<HTMLKupCardElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupCardElement>>;
11
- export declare const KupCell: import("react").ForwardRefExoticComponent<JSX.KupCell & Omit<import("react").HTMLAttributes<HTMLKupCellElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupCellElement>>;
12
- export declare const KupChart: import("react").ForwardRefExoticComponent<JSX.KupChart & Omit<import("react").HTMLAttributes<HTMLKupChartElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupChartElement>>;
13
- export declare const KupCheckbox: import("react").ForwardRefExoticComponent<JSX.KupCheckbox & Omit<import("react").HTMLAttributes<HTMLKupCheckboxElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupCheckboxElement>>;
14
- export declare const KupChip: import("react").ForwardRefExoticComponent<JSX.KupChip & Omit<import("react").HTMLAttributes<HTMLKupChipElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupChipElement>>;
15
- export declare const KupColorPicker: import("react").ForwardRefExoticComponent<JSX.KupColorPicker & Omit<import("react").HTMLAttributes<HTMLKupColorPickerElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupColorPickerElement>>;
16
- export declare const KupCombobox: import("react").ForwardRefExoticComponent<JSX.KupCombobox & Omit<import("react").HTMLAttributes<HTMLKupComboboxElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupComboboxElement>>;
17
- export declare const KupDash: import("react").ForwardRefExoticComponent<JSX.KupDash & Omit<import("react").HTMLAttributes<HTMLKupDashElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupDashElement>>;
18
- export declare const KupDashList: import("react").ForwardRefExoticComponent<JSX.KupDashList & Omit<import("react").HTMLAttributes<HTMLKupDashListElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupDashListElement>>;
19
- export declare const KupDashboard: import("react").ForwardRefExoticComponent<JSX.KupDashboard & Omit<import("react").HTMLAttributes<HTMLKupDashboardElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupDashboardElement>>;
20
- export declare const KupDataTable: import("react").ForwardRefExoticComponent<JSX.KupDataTable & Omit<import("react").HTMLAttributes<HTMLKupDataTableElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupDataTableElement>>;
21
- export declare const KupDatePicker: import("react").ForwardRefExoticComponent<JSX.KupDatePicker & Omit<import("react").HTMLAttributes<HTMLKupDatePickerElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupDatePickerElement>>;
22
- export declare const KupDialog: import("react").ForwardRefExoticComponent<JSX.KupDialog & Omit<import("react").HTMLAttributes<HTMLKupDialogElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupDialogElement>>;
23
- export declare const KupDrawer: import("react").ForwardRefExoticComponent<JSX.KupDrawer & Omit<import("react").HTMLAttributes<HTMLKupDrawerElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupDrawerElement>>;
24
- export declare const KupDropdownButton: import("react").ForwardRefExoticComponent<JSX.KupDropdownButton & Omit<import("react").HTMLAttributes<HTMLKupDropdownButtonElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupDropdownButtonElement>>;
25
- export declare const KupEchart: import("react").ForwardRefExoticComponent<JSX.KupEchart & Omit<import("react").HTMLAttributes<HTMLKupEchartElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupEchartElement>>;
26
- export declare const KupFamilyTree: import("react").ForwardRefExoticComponent<JSX.KupFamilyTree & Omit<import("react").HTMLAttributes<HTMLKupFamilyTreeElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupFamilyTreeElement>>;
27
- export declare const KupForm: import("react").ForwardRefExoticComponent<JSX.KupForm & Omit<import("react").HTMLAttributes<HTMLKupFormElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupFormElement>>;
28
- export declare const KupGauge: import("react").ForwardRefExoticComponent<JSX.KupGauge & Omit<import("react").HTMLAttributes<HTMLKupGaugeElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupGaugeElement>>;
29
- export declare const KupGrid: import("react").ForwardRefExoticComponent<JSX.KupGrid & Omit<import("react").HTMLAttributes<HTMLKupGridElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupGridElement>>;
30
- export declare const KupIframe: import("react").ForwardRefExoticComponent<JSX.KupIframe & Omit<import("react").HTMLAttributes<HTMLKupIframeElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupIframeElement>>;
31
- export declare const KupImage: import("react").ForwardRefExoticComponent<JSX.KupImage & Omit<import("react").HTMLAttributes<HTMLKupImageElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupImageElement>>;
32
- export declare const KupImageList: import("react").ForwardRefExoticComponent<JSX.KupImageList & Omit<import("react").HTMLAttributes<HTMLKupImageListElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupImageListElement>>;
33
- export declare const KupLazy: import("react").ForwardRefExoticComponent<JSX.KupLazy & Omit<import("react").HTMLAttributes<HTMLKupLazyElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupLazyElement>>;
34
- export declare const KupList: import("react").ForwardRefExoticComponent<JSX.KupList & Omit<import("react").HTMLAttributes<HTMLKupListElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupListElement>>;
35
- export declare const KupMagicBox: import("react").ForwardRefExoticComponent<JSX.KupMagicBox & Omit<import("react").HTMLAttributes<HTMLKupMagicBoxElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupMagicBoxElement>>;
36
- export declare const KupNavBar: import("react").ForwardRefExoticComponent<JSX.KupNavBar & Omit<import("react").HTMLAttributes<HTMLKupNavBarElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupNavBarElement>>;
37
- export declare const KupNumericPicker: import("react").ForwardRefExoticComponent<JSX.KupNumericPicker & Omit<import("react").HTMLAttributes<HTMLKupNumericPickerElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupNumericPickerElement>>;
38
- export declare const KupPhotoFrame: import("react").ForwardRefExoticComponent<JSX.KupPhotoFrame & Omit<import("react").HTMLAttributes<HTMLKupPhotoFrameElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupPhotoFrameElement>>;
39
- export declare const KupPlanner: import("react").ForwardRefExoticComponent<JSX.KupPlanner & Omit<import("react").HTMLAttributes<HTMLKupPlannerElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupPlannerElement>>;
40
- export declare const KupProbe: import("react").ForwardRefExoticComponent<JSX.KupProbe & Omit<import("react").HTMLAttributes<HTMLKupProbeElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupProbeElement>>;
41
- export declare const KupProgressBar: import("react").ForwardRefExoticComponent<JSX.KupProgressBar & Omit<import("react").HTMLAttributes<HTMLKupProgressBarElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupProgressBarElement>>;
42
- export declare const KupQlik: import("react").ForwardRefExoticComponent<JSX.KupQlik & Omit<import("react").HTMLAttributes<HTMLKupQlikElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupQlikElement>>;
43
- export declare const KupRadio: import("react").ForwardRefExoticComponent<JSX.KupRadio & Omit<import("react").HTMLAttributes<HTMLKupRadioElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupRadioElement>>;
44
- export declare const KupRating: import("react").ForwardRefExoticComponent<JSX.KupRating & Omit<import("react").HTMLAttributes<HTMLKupRatingElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupRatingElement>>;
45
- export declare const KupSnackbar: import("react").ForwardRefExoticComponent<JSX.KupSnackbar & Omit<import("react").HTMLAttributes<HTMLKupSnackbarElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupSnackbarElement>>;
46
- export declare const KupSpinner: import("react").ForwardRefExoticComponent<JSX.KupSpinner & Omit<import("react").HTMLAttributes<HTMLKupSpinnerElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupSpinnerElement>>;
47
- export declare const KupSwitch: import("react").ForwardRefExoticComponent<JSX.KupSwitch & Omit<import("react").HTMLAttributes<HTMLKupSwitchElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupSwitchElement>>;
48
- export declare const KupTabBar: import("react").ForwardRefExoticComponent<JSX.KupTabBar & Omit<import("react").HTMLAttributes<HTMLKupTabBarElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupTabBarElement>>;
49
- export declare const KupTextField: import("react").ForwardRefExoticComponent<JSX.KupTextField & Omit<import("react").HTMLAttributes<HTMLKupTextFieldElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupTextFieldElement>>;
50
- export declare const KupTimePicker: import("react").ForwardRefExoticComponent<JSX.KupTimePicker & Omit<import("react").HTMLAttributes<HTMLKupTimePickerElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupTimePickerElement>>;
51
- export declare const KupTree: import("react").ForwardRefExoticComponent<JSX.KupTree & Omit<import("react").HTMLAttributes<HTMLKupTreeElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupTreeElement>>;
1
+ /// <reference types="react" />
2
+ import type { JSX } from '@sme.up/ketchup';
3
+ export declare const KupAccordion: import("react").ForwardRefExoticComponent<JSX.KupAccordion & Omit<import("react").HTMLAttributes<HTMLKupAccordionElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupAccordionElement>>;
4
+ export declare const KupAutocomplete: import("react").ForwardRefExoticComponent<JSX.KupAutocomplete & Omit<import("react").HTMLAttributes<HTMLKupAutocompleteElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupAutocompleteElement>>;
5
+ export declare const KupBadge: import("react").ForwardRefExoticComponent<JSX.KupBadge & Omit<import("react").HTMLAttributes<HTMLKupBadgeElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupBadgeElement>>;
6
+ export declare const KupBox: import("react").ForwardRefExoticComponent<JSX.KupBox & Omit<import("react").HTMLAttributes<HTMLKupBoxElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupBoxElement>>;
7
+ export declare const KupButton: import("react").ForwardRefExoticComponent<JSX.KupButton & Omit<import("react").HTMLAttributes<HTMLKupButtonElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupButtonElement>>;
8
+ export declare const KupButtonList: import("react").ForwardRefExoticComponent<JSX.KupButtonList & Omit<import("react").HTMLAttributes<HTMLKupButtonListElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupButtonListElement>>;
9
+ export declare const KupCalendar: import("react").ForwardRefExoticComponent<JSX.KupCalendar & Omit<import("react").HTMLAttributes<HTMLKupCalendarElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupCalendarElement>>;
10
+ export declare const KupCard: import("react").ForwardRefExoticComponent<JSX.KupCard & Omit<import("react").HTMLAttributes<HTMLKupCardElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupCardElement>>;
11
+ export declare const KupCell: import("react").ForwardRefExoticComponent<JSX.KupCell & Omit<import("react").HTMLAttributes<HTMLKupCellElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupCellElement>>;
12
+ export declare const KupChart: import("react").ForwardRefExoticComponent<JSX.KupChart & Omit<import("react").HTMLAttributes<HTMLKupChartElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupChartElement>>;
13
+ export declare const KupCheckbox: import("react").ForwardRefExoticComponent<JSX.KupCheckbox & Omit<import("react").HTMLAttributes<HTMLKupCheckboxElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupCheckboxElement>>;
14
+ export declare const KupChip: import("react").ForwardRefExoticComponent<JSX.KupChip & Omit<import("react").HTMLAttributes<HTMLKupChipElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupChipElement>>;
15
+ export declare const KupColorPicker: import("react").ForwardRefExoticComponent<JSX.KupColorPicker & Omit<import("react").HTMLAttributes<HTMLKupColorPickerElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupColorPickerElement>>;
16
+ export declare const KupCombobox: import("react").ForwardRefExoticComponent<JSX.KupCombobox & Omit<import("react").HTMLAttributes<HTMLKupComboboxElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupComboboxElement>>;
17
+ export declare const KupDash: import("react").ForwardRefExoticComponent<JSX.KupDash & Omit<import("react").HTMLAttributes<HTMLKupDashElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupDashElement>>;
18
+ export declare const KupDashList: import("react").ForwardRefExoticComponent<JSX.KupDashList & Omit<import("react").HTMLAttributes<HTMLKupDashListElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupDashListElement>>;
19
+ export declare const KupDashboard: import("react").ForwardRefExoticComponent<JSX.KupDashboard & Omit<import("react").HTMLAttributes<HTMLKupDashboardElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupDashboardElement>>;
20
+ export declare const KupDataTable: import("react").ForwardRefExoticComponent<JSX.KupDataTable & Omit<import("react").HTMLAttributes<HTMLKupDataTableElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupDataTableElement>>;
21
+ export declare const KupDatePicker: import("react").ForwardRefExoticComponent<JSX.KupDatePicker & Omit<import("react").HTMLAttributes<HTMLKupDatePickerElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupDatePickerElement>>;
22
+ export declare const KupDialog: import("react").ForwardRefExoticComponent<JSX.KupDialog & Omit<import("react").HTMLAttributes<HTMLKupDialogElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupDialogElement>>;
23
+ export declare const KupDrawer: import("react").ForwardRefExoticComponent<JSX.KupDrawer & Omit<import("react").HTMLAttributes<HTMLKupDrawerElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupDrawerElement>>;
24
+ export declare const KupDropdownButton: import("react").ForwardRefExoticComponent<JSX.KupDropdownButton & Omit<import("react").HTMLAttributes<HTMLKupDropdownButtonElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupDropdownButtonElement>>;
25
+ export declare const KupEchart: import("react").ForwardRefExoticComponent<JSX.KupEchart & Omit<import("react").HTMLAttributes<HTMLKupEchartElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupEchartElement>>;
26
+ export declare const KupFamilyTree: import("react").ForwardRefExoticComponent<JSX.KupFamilyTree & Omit<import("react").HTMLAttributes<HTMLKupFamilyTreeElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupFamilyTreeElement>>;
27
+ export declare const KupForm: import("react").ForwardRefExoticComponent<JSX.KupForm & Omit<import("react").HTMLAttributes<HTMLKupFormElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupFormElement>>;
28
+ export declare const KupGauge: import("react").ForwardRefExoticComponent<JSX.KupGauge & Omit<import("react").HTMLAttributes<HTMLKupGaugeElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupGaugeElement>>;
29
+ export declare const KupGrid: import("react").ForwardRefExoticComponent<JSX.KupGrid & Omit<import("react").HTMLAttributes<HTMLKupGridElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupGridElement>>;
30
+ export declare const KupIframe: import("react").ForwardRefExoticComponent<JSX.KupIframe & Omit<import("react").HTMLAttributes<HTMLKupIframeElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupIframeElement>>;
31
+ export declare const KupImage: import("react").ForwardRefExoticComponent<JSX.KupImage & Omit<import("react").HTMLAttributes<HTMLKupImageElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupImageElement>>;
32
+ export declare const KupImageList: import("react").ForwardRefExoticComponent<JSX.KupImageList & Omit<import("react").HTMLAttributes<HTMLKupImageListElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupImageListElement>>;
33
+ export declare const KupLazy: import("react").ForwardRefExoticComponent<JSX.KupLazy & Omit<import("react").HTMLAttributes<HTMLKupLazyElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupLazyElement>>;
34
+ export declare const KupList: import("react").ForwardRefExoticComponent<JSX.KupList & Omit<import("react").HTMLAttributes<HTMLKupListElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupListElement>>;
35
+ export declare const KupMagicBox: import("react").ForwardRefExoticComponent<JSX.KupMagicBox & Omit<import("react").HTMLAttributes<HTMLKupMagicBoxElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupMagicBoxElement>>;
36
+ export declare const KupNavBar: import("react").ForwardRefExoticComponent<JSX.KupNavBar & Omit<import("react").HTMLAttributes<HTMLKupNavBarElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupNavBarElement>>;
37
+ export declare const KupNumericPicker: import("react").ForwardRefExoticComponent<JSX.KupNumericPicker & Omit<import("react").HTMLAttributes<HTMLKupNumericPickerElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupNumericPickerElement>>;
38
+ export declare const KupPhotoFrame: import("react").ForwardRefExoticComponent<JSX.KupPhotoFrame & Omit<import("react").HTMLAttributes<HTMLKupPhotoFrameElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupPhotoFrameElement>>;
39
+ export declare const KupPlanner: import("react").ForwardRefExoticComponent<JSX.KupPlanner & Omit<import("react").HTMLAttributes<HTMLKupPlannerElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupPlannerElement>>;
40
+ export declare const KupProbe: import("react").ForwardRefExoticComponent<JSX.KupProbe & Omit<import("react").HTMLAttributes<HTMLKupProbeElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupProbeElement>>;
41
+ export declare const KupProgressBar: import("react").ForwardRefExoticComponent<JSX.KupProgressBar & Omit<import("react").HTMLAttributes<HTMLKupProgressBarElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupProgressBarElement>>;
42
+ export declare const KupQlik: import("react").ForwardRefExoticComponent<JSX.KupQlik & Omit<import("react").HTMLAttributes<HTMLKupQlikElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupQlikElement>>;
43
+ export declare const KupRadio: import("react").ForwardRefExoticComponent<JSX.KupRadio & Omit<import("react").HTMLAttributes<HTMLKupRadioElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupRadioElement>>;
44
+ export declare const KupRating: import("react").ForwardRefExoticComponent<JSX.KupRating & Omit<import("react").HTMLAttributes<HTMLKupRatingElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupRatingElement>>;
45
+ export declare const KupSnackbar: import("react").ForwardRefExoticComponent<JSX.KupSnackbar & Omit<import("react").HTMLAttributes<HTMLKupSnackbarElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupSnackbarElement>>;
46
+ export declare const KupSpinner: import("react").ForwardRefExoticComponent<JSX.KupSpinner & Omit<import("react").HTMLAttributes<HTMLKupSpinnerElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupSpinnerElement>>;
47
+ export declare const KupSwitch: import("react").ForwardRefExoticComponent<JSX.KupSwitch & Omit<import("react").HTMLAttributes<HTMLKupSwitchElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupSwitchElement>>;
48
+ export declare const KupTabBar: import("react").ForwardRefExoticComponent<JSX.KupTabBar & Omit<import("react").HTMLAttributes<HTMLKupTabBarElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupTabBarElement>>;
49
+ export declare const KupTextField: import("react").ForwardRefExoticComponent<JSX.KupTextField & Omit<import("react").HTMLAttributes<HTMLKupTextFieldElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupTextFieldElement>>;
50
+ export declare const KupTimePicker: import("react").ForwardRefExoticComponent<JSX.KupTimePicker & Omit<import("react").HTMLAttributes<HTMLKupTimePickerElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupTimePickerElement>>;
51
+ export declare const KupTree: import("react").ForwardRefExoticComponent<JSX.KupTree & Omit<import("react").HTMLAttributes<HTMLKupTreeElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLKupTreeElement>>;
package/dist/index.js CHANGED
@@ -1,55 +1,55 @@
1
- /* eslint-disable */
2
- /* tslint:disable */
3
- /* auto-generated react proxies */
4
- import { createReactComponent } from './react-component-lib';
5
- import { defineCustomElements } from '@sme.up/ketchup/dist/loader';
6
- defineCustomElements();
7
- export const KupAccordion = /*@__PURE__*/ createReactComponent('kup-accordion');
8
- export const KupAutocomplete = /*@__PURE__*/ createReactComponent('kup-autocomplete');
9
- export const KupBadge = /*@__PURE__*/ createReactComponent('kup-badge');
10
- export const KupBox = /*@__PURE__*/ createReactComponent('kup-box');
11
- export const KupButton = /*@__PURE__*/ createReactComponent('kup-button');
12
- export const KupButtonList = /*@__PURE__*/ createReactComponent('kup-button-list');
13
- export const KupCalendar = /*@__PURE__*/ createReactComponent('kup-calendar');
14
- export const KupCard = /*@__PURE__*/ createReactComponent('kup-card');
15
- export const KupCell = /*@__PURE__*/ createReactComponent('kup-cell');
16
- export const KupChart = /*@__PURE__*/ createReactComponent('kup-chart');
17
- export const KupCheckbox = /*@__PURE__*/ createReactComponent('kup-checkbox');
18
- export const KupChip = /*@__PURE__*/ createReactComponent('kup-chip');
19
- export const KupColorPicker = /*@__PURE__*/ createReactComponent('kup-color-picker');
20
- export const KupCombobox = /*@__PURE__*/ createReactComponent('kup-combobox');
21
- export const KupDash = /*@__PURE__*/ createReactComponent('kup-dash');
22
- export const KupDashList = /*@__PURE__*/ createReactComponent('kup-dash-list');
23
- export const KupDashboard = /*@__PURE__*/ createReactComponent('kup-dashboard');
24
- export const KupDataTable = /*@__PURE__*/ createReactComponent('kup-data-table');
25
- export const KupDatePicker = /*@__PURE__*/ createReactComponent('kup-date-picker');
26
- export const KupDialog = /*@__PURE__*/ createReactComponent('kup-dialog');
27
- export const KupDrawer = /*@__PURE__*/ createReactComponent('kup-drawer');
28
- export const KupDropdownButton = /*@__PURE__*/ createReactComponent('kup-dropdown-button');
29
- export const KupEchart = /*@__PURE__*/ createReactComponent('kup-echart');
30
- export const KupFamilyTree = /*@__PURE__*/ createReactComponent('kup-family-tree');
31
- export const KupForm = /*@__PURE__*/ createReactComponent('kup-form');
32
- export const KupGauge = /*@__PURE__*/ createReactComponent('kup-gauge');
33
- export const KupGrid = /*@__PURE__*/ createReactComponent('kup-grid');
34
- export const KupIframe = /*@__PURE__*/ createReactComponent('kup-iframe');
35
- export const KupImage = /*@__PURE__*/ createReactComponent('kup-image');
36
- export const KupImageList = /*@__PURE__*/ createReactComponent('kup-image-list');
37
- export const KupLazy = /*@__PURE__*/ createReactComponent('kup-lazy');
38
- export const KupList = /*@__PURE__*/ createReactComponent('kup-list');
39
- export const KupMagicBox = /*@__PURE__*/ createReactComponent('kup-magic-box');
40
- export const KupNavBar = /*@__PURE__*/ createReactComponent('kup-nav-bar');
41
- export const KupNumericPicker = /*@__PURE__*/ createReactComponent('kup-numeric-picker');
42
- export const KupPhotoFrame = /*@__PURE__*/ createReactComponent('kup-photo-frame');
43
- export const KupPlanner = /*@__PURE__*/ createReactComponent('kup-planner');
44
- export const KupProbe = /*@__PURE__*/ createReactComponent('kup-probe');
45
- export const KupProgressBar = /*@__PURE__*/ createReactComponent('kup-progress-bar');
46
- export const KupQlik = /*@__PURE__*/ createReactComponent('kup-qlik');
47
- export const KupRadio = /*@__PURE__*/ createReactComponent('kup-radio');
48
- export const KupRating = /*@__PURE__*/ createReactComponent('kup-rating');
49
- export const KupSnackbar = /*@__PURE__*/ createReactComponent('kup-snackbar');
50
- export const KupSpinner = /*@__PURE__*/ createReactComponent('kup-spinner');
51
- export const KupSwitch = /*@__PURE__*/ createReactComponent('kup-switch');
52
- export const KupTabBar = /*@__PURE__*/ createReactComponent('kup-tab-bar');
53
- export const KupTextField = /*@__PURE__*/ createReactComponent('kup-text-field');
54
- export const KupTimePicker = /*@__PURE__*/ createReactComponent('kup-time-picker');
55
- export const KupTree = /*@__PURE__*/ createReactComponent('kup-tree');
1
+ /* eslint-disable */
2
+ /* tslint:disable */
3
+ /* auto-generated react proxies */
4
+ import { createReactComponent } from './react-component-lib';
5
+ import { defineCustomElements } from '@sme.up/ketchup/dist/loader';
6
+ defineCustomElements();
7
+ export const KupAccordion = /*@__PURE__*/ createReactComponent('kup-accordion');
8
+ export const KupAutocomplete = /*@__PURE__*/ createReactComponent('kup-autocomplete');
9
+ export const KupBadge = /*@__PURE__*/ createReactComponent('kup-badge');
10
+ export const KupBox = /*@__PURE__*/ createReactComponent('kup-box');
11
+ export const KupButton = /*@__PURE__*/ createReactComponent('kup-button');
12
+ export const KupButtonList = /*@__PURE__*/ createReactComponent('kup-button-list');
13
+ export const KupCalendar = /*@__PURE__*/ createReactComponent('kup-calendar');
14
+ export const KupCard = /*@__PURE__*/ createReactComponent('kup-card');
15
+ export const KupCell = /*@__PURE__*/ createReactComponent('kup-cell');
16
+ export const KupChart = /*@__PURE__*/ createReactComponent('kup-chart');
17
+ export const KupCheckbox = /*@__PURE__*/ createReactComponent('kup-checkbox');
18
+ export const KupChip = /*@__PURE__*/ createReactComponent('kup-chip');
19
+ export const KupColorPicker = /*@__PURE__*/ createReactComponent('kup-color-picker');
20
+ export const KupCombobox = /*@__PURE__*/ createReactComponent('kup-combobox');
21
+ export const KupDash = /*@__PURE__*/ createReactComponent('kup-dash');
22
+ export const KupDashList = /*@__PURE__*/ createReactComponent('kup-dash-list');
23
+ export const KupDashboard = /*@__PURE__*/ createReactComponent('kup-dashboard');
24
+ export const KupDataTable = /*@__PURE__*/ createReactComponent('kup-data-table');
25
+ export const KupDatePicker = /*@__PURE__*/ createReactComponent('kup-date-picker');
26
+ export const KupDialog = /*@__PURE__*/ createReactComponent('kup-dialog');
27
+ export const KupDrawer = /*@__PURE__*/ createReactComponent('kup-drawer');
28
+ export const KupDropdownButton = /*@__PURE__*/ createReactComponent('kup-dropdown-button');
29
+ export const KupEchart = /*@__PURE__*/ createReactComponent('kup-echart');
30
+ export const KupFamilyTree = /*@__PURE__*/ createReactComponent('kup-family-tree');
31
+ export const KupForm = /*@__PURE__*/ createReactComponent('kup-form');
32
+ export const KupGauge = /*@__PURE__*/ createReactComponent('kup-gauge');
33
+ export const KupGrid = /*@__PURE__*/ createReactComponent('kup-grid');
34
+ export const KupIframe = /*@__PURE__*/ createReactComponent('kup-iframe');
35
+ export const KupImage = /*@__PURE__*/ createReactComponent('kup-image');
36
+ export const KupImageList = /*@__PURE__*/ createReactComponent('kup-image-list');
37
+ export const KupLazy = /*@__PURE__*/ createReactComponent('kup-lazy');
38
+ export const KupList = /*@__PURE__*/ createReactComponent('kup-list');
39
+ export const KupMagicBox = /*@__PURE__*/ createReactComponent('kup-magic-box');
40
+ export const KupNavBar = /*@__PURE__*/ createReactComponent('kup-nav-bar');
41
+ export const KupNumericPicker = /*@__PURE__*/ createReactComponent('kup-numeric-picker');
42
+ export const KupPhotoFrame = /*@__PURE__*/ createReactComponent('kup-photo-frame');
43
+ export const KupPlanner = /*@__PURE__*/ createReactComponent('kup-planner');
44
+ export const KupProbe = /*@__PURE__*/ createReactComponent('kup-probe');
45
+ export const KupProgressBar = /*@__PURE__*/ createReactComponent('kup-progress-bar');
46
+ export const KupQlik = /*@__PURE__*/ createReactComponent('kup-qlik');
47
+ export const KupRadio = /*@__PURE__*/ createReactComponent('kup-radio');
48
+ export const KupRating = /*@__PURE__*/ createReactComponent('kup-rating');
49
+ export const KupSnackbar = /*@__PURE__*/ createReactComponent('kup-snackbar');
50
+ export const KupSpinner = /*@__PURE__*/ createReactComponent('kup-spinner');
51
+ export const KupSwitch = /*@__PURE__*/ createReactComponent('kup-switch');
52
+ export const KupTabBar = /*@__PURE__*/ createReactComponent('kup-tab-bar');
53
+ export const KupTextField = /*@__PURE__*/ createReactComponent('kup-text-field');
54
+ export const KupTimePicker = /*@__PURE__*/ createReactComponent('kup-time-picker');
55
+ export const KupTree = /*@__PURE__*/ createReactComponent('kup-tree');
package/dist/react-component-lib/createComponent.d.ts CHANGED
@@ -1,10 +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> | undefined, manipulatePropsFunction?: ((originalProps: StencilReactInternalProps<ElementType>, propsToPass: any) => ExpandedPropsTypes) | undefined, defineCustomElement?: (() => void) | undefined) => React.ForwardRefExoticComponent<React.PropsWithoutRef<import("./utils").StencilReactExternalProps<PropType, ElementType>> & React.RefAttributes<ElementType>>;
10
- export {};
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> | undefined, manipulatePropsFunction?: ((originalProps: StencilReactInternalProps<ElementType>, propsToPass: any) => ExpandedPropsTypes) | undefined, defineCustomElement?: () => void) => React.ForwardRefExoticComponent<React.PropsWithoutRef<import("./utils").StencilReactExternalProps<PropType, ElementType>> & React.RefAttributes<ElementType>>;
10
+ export {};
package/dist/react-component-lib/createComponent.js CHANGED
@@ -1,67 +1,68 @@
1
- import React, { createElement } from 'react';
2
- import { attachProps, camelToDashCase, createForwardRef, dashToPascalCase, isCoveredByReact, mergeRefs } from './utils';
3
- export const createReactComponent = (tagName, ReactComponentContext, manipulatePropsFunction, defineCustomElement) => {
4
- if (defineCustomElement !== undefined) {
5
- defineCustomElement();
6
- }
7
- const displayName = dashToPascalCase(tagName);
8
- const ReactComponent = class extends React.Component {
9
- constructor(props) {
10
- super(props);
11
- this.setComponentElRef = (element) => {
12
- this.componentEl = element;
13
- };
14
- }
15
- componentDidMount() {
16
- this.componentDidUpdate(this.props);
17
- }
18
- componentDidUpdate(prevProps) {
19
- attachProps(this.componentEl, this.props, prevProps);
20
- }
21
- render() {
22
- const { children, forwardedRef, style, className, ref, ...cProps } = this.props;
23
- let propsToPass = Object.keys(cProps).reduce((acc, name) => {
24
- const value = cProps[name];
25
- if (name.indexOf('on') === 0 && name[2] === name[2].toUpperCase()) {
26
- const eventName = name.substring(2).toLowerCase();
27
- if (typeof document !== 'undefined' && isCoveredByReact(eventName)) {
28
- acc[name] = value;
29
- }
30
- }
31
- else {
32
- // we should only render strings, booleans, and numbers as attrs in html.
33
- // objects, functions, arrays etc get synced via properties on mount.
34
- const type = typeof value;
35
- if (type === 'string' || type === 'boolean' || type === 'number') {
36
- acc[camelToDashCase(name)] = value;
37
- }
38
- }
39
- return acc;
40
- }, {});
41
- if (manipulatePropsFunction) {
42
- propsToPass = manipulatePropsFunction(this.props, propsToPass);
43
- }
44
- const newProps = {
45
- ...propsToPass,
46
- ref: mergeRefs(forwardedRef, this.setComponentElRef),
47
- style,
48
- };
49
- /**
50
- * We use createElement here instead of
51
- * React.createElement to work around a
52
- * bug in Vite (https://github.com/vitejs/vite/issues/6104).
53
- * React.createElement causes all elements to be rendered
54
- * as <tagname> instead of the actual Web Component.
55
- */
56
- return createElement(tagName, newProps, children);
57
- }
58
- static get displayName() {
59
- return displayName;
60
- }
61
- };
62
- // If context was passed to createReactComponent then conditionally add it to the Component Class
63
- if (ReactComponentContext) {
64
- ReactComponent.contextType = ReactComponentContext;
65
- }
66
- return createForwardRef(ReactComponent, displayName);
67
- };
1
+ import React, { createElement } from 'react';
2
+ import { attachProps, camelToDashCase, createForwardRef, dashToPascalCase, isCoveredByReact, mergeRefs } from './utils';
3
+ export const createReactComponent = (tagName, ReactComponentContext, manipulatePropsFunction, defineCustomElement) => {
4
+ if (defineCustomElement !== undefined) {
5
+ defineCustomElement();
6
+ }
7
+ const displayName = dashToPascalCase(tagName);
8
+ const ReactComponent = class extends React.Component {
9
+ componentEl;
10
+ setComponentElRef = (element) => {
11
+ this.componentEl = element;
12
+ };
13
+ constructor(props) {
14
+ super(props);
15
+ }
16
+ componentDidMount() {
17
+ this.componentDidUpdate(this.props);
18
+ }
19
+ componentDidUpdate(prevProps) {
20
+ attachProps(this.componentEl, this.props, prevProps);
21
+ }
22
+ render() {
23
+ const { children, forwardedRef, style, className, ref, ...cProps } = this.props;
24
+ let propsToPass = Object.keys(cProps).reduce((acc, name) => {
25
+ const value = cProps[name];
26
+ if (name.indexOf('on') === 0 && name[2] === name[2].toUpperCase()) {
27
+ const eventName = name.substring(2).toLowerCase();
28
+ if (typeof document !== 'undefined' && isCoveredByReact(eventName)) {
29
+ acc[name] = value;
30
+ }
31
+ }
32
+ else {
33
+ // we should only render strings, booleans, and numbers as attrs in html.
34
+ // objects, functions, arrays etc get synced via properties on mount.
35
+ const type = typeof value;
36
+ if (type === 'string' || type === 'boolean' || type === 'number') {
37
+ acc[camelToDashCase(name)] = value;
38
+ }
39
+ }
40
+ return acc;
41
+ }, {});
42
+ if (manipulatePropsFunction) {
43
+ propsToPass = manipulatePropsFunction(this.props, propsToPass);
44
+ }
45
+ const newProps = {
46
+ ...propsToPass,
47
+ ref: mergeRefs(forwardedRef, this.setComponentElRef),
48
+ style,
49
+ };
50
+ /**
51
+ * We use createElement here instead of
52
+ * React.createElement to work around a
53
+ * bug in Vite (https://github.com/vitejs/vite/issues/6104).
54
+ * React.createElement causes all elements to be rendered
55
+ * as <tagname> instead of the actual Web Component.
56
+ */
57
+ return createElement(tagName, newProps, children);
58
+ }
59
+ static get displayName() {
60
+ return displayName;
61
+ }
62
+ };
63
+ // If context was passed to createReactComponent then conditionally add it to the Component Class
64
+ if (ReactComponentContext) {
65
+ ReactComponent.contextType = ReactComponentContext;
66
+ }
67
+ return createForwardRef(ReactComponent, displayName);
68
+ };
package/dist/react-component-lib/createOverlayComponent.d.ts CHANGED
@@ -1,21 +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> | undefined;
20
- }> & React.RefAttributes<OverlayType>>;
21
- export {};
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> | undefined;
20
+ }> & React.RefAttributes<OverlayType>>;
21
+ export {};
package/dist/react-component-lib/createOverlayComponent.js CHANGED
@@ -1,95 +1,97 @@
1
- import React from 'react';
2
- import ReactDOM from 'react-dom';
3
- import { attachProps, dashToPascalCase, defineCustomElement, setRef } from './utils';
4
- export const createOverlayComponent = (tagName, controller, customElement) => {
5
- defineCustomElement(tagName, customElement);
6
- const displayName = dashToPascalCase(tagName);
7
- const didDismissEventName = `on${displayName}DidDismiss`;
8
- const didPresentEventName = `on${displayName}DidPresent`;
9
- const willDismissEventName = `on${displayName}WillDismiss`;
10
- const willPresentEventName = `on${displayName}WillPresent`;
11
- let isDismissing = false;
12
- class Overlay extends React.Component {
13
- constructor(props) {
14
- super(props);
15
- if (typeof document !== 'undefined') {
16
- this.el = document.createElement('div');
17
- }
18
- this.handleDismiss = this.handleDismiss.bind(this);
19
- }
20
- static get displayName() {
21
- return displayName;
22
- }
23
- componentDidMount() {
24
- if (this.props.isOpen) {
25
- this.present();
26
- }
27
- }
28
- componentWillUnmount() {
29
- if (this.overlay) {
30
- this.overlay.dismiss();
31
- }
32
- }
33
- handleDismiss(event) {
34
- if (this.props.onDidDismiss) {
35
- this.props.onDidDismiss(event);
36
- }
37
- setRef(this.props.forwardedRef, null);
38
- }
39
- shouldComponentUpdate(nextProps) {
40
- // Check if the overlay component is about to dismiss
41
- if (this.overlay && nextProps.isOpen !== this.props.isOpen && nextProps.isOpen === false) {
42
- isDismissing = true;
43
- }
44
- return true;
45
- }
46
- async componentDidUpdate(prevProps) {
47
- if (this.overlay) {
48
- attachProps(this.overlay, this.props, prevProps);
49
- }
50
- if (prevProps.isOpen !== this.props.isOpen && this.props.isOpen === true) {
51
- this.present(prevProps);
52
- }
53
- if (this.overlay && prevProps.isOpen !== this.props.isOpen && this.props.isOpen === false) {
54
- await this.overlay.dismiss();
55
- isDismissing = false;
56
- /**
57
- * Now that the overlay is dismissed
58
- * we need to render again so that any
59
- * inner components will be unmounted
60
- */
61
- this.forceUpdate();
62
- }
63
- }
64
- async present(prevProps) {
65
- const { children, isOpen, onDidDismiss, onDidPresent, onWillDismiss, onWillPresent, ...cProps } = this.props;
66
- const elementProps = {
67
- ...cProps,
68
- ref: this.props.forwardedRef,
69
- [didDismissEventName]: this.handleDismiss,
70
- [didPresentEventName]: (e) => this.props.onDidPresent && this.props.onDidPresent(e),
71
- [willDismissEventName]: (e) => this.props.onWillDismiss && this.props.onWillDismiss(e),
72
- [willPresentEventName]: (e) => this.props.onWillPresent && this.props.onWillPresent(e),
73
- };
74
- this.overlay = await controller.create({
75
- ...elementProps,
76
- component: this.el,
77
- componentProps: {},
78
- });
79
- setRef(this.props.forwardedRef, this.overlay);
80
- attachProps(this.overlay, elementProps, prevProps);
81
- await this.overlay.present();
82
- }
83
- render() {
84
- /**
85
- * Continue to render the component even when
86
- * overlay is dismissing otherwise component
87
- * will be hidden before animation is done.
88
- */
89
- return ReactDOM.createPortal(this.props.isOpen || isDismissing ? this.props.children : null, this.el);
90
- }
91
- }
92
- return React.forwardRef((props, ref) => {
93
- return React.createElement(Overlay, Object.assign({}, props, { forwardedRef: ref }));
94
- });
95
- };
1
+ import React from 'react';
2
+ import ReactDOM from 'react-dom';
3
+ import { attachProps, dashToPascalCase, defineCustomElement, setRef } from './utils';
4
+ export const createOverlayComponent = (tagName, controller, customElement) => {
5
+ defineCustomElement(tagName, customElement);
6
+ const displayName = dashToPascalCase(tagName);
7
+ const didDismissEventName = `on${displayName}DidDismiss`;
8
+ const didPresentEventName = `on${displayName}DidPresent`;
9
+ const willDismissEventName = `on${displayName}WillDismiss`;
10
+ const willPresentEventName = `on${displayName}WillPresent`;
11
+ let isDismissing = false;
12
+ class Overlay extends React.Component {
13
+ overlay;
14
+ el;
15
+ constructor(props) {
16
+ super(props);
17
+ if (typeof document !== 'undefined') {
18
+ this.el = document.createElement('div');
19
+ }
20
+ this.handleDismiss = this.handleDismiss.bind(this);
21
+ }
22
+ static get displayName() {
23
+ return displayName;
24
+ }
25
+ componentDidMount() {
26
+ if (this.props.isOpen) {
27
+ this.present();
28
+ }
29
+ }
30
+ componentWillUnmount() {
31
+ if (this.overlay) {
32
+ this.overlay.dismiss();
33
+ }
34
+ }
35
+ handleDismiss(event) {
36
+ if (this.props.onDidDismiss) {
37
+ this.props.onDidDismiss(event);
38
+ }
39
+ setRef(this.props.forwardedRef, null);
40
+ }
41
+ shouldComponentUpdate(nextProps) {
42
+ // Check if the overlay component is about to dismiss
43
+ if (this.overlay && nextProps.isOpen !== this.props.isOpen && nextProps.isOpen === false) {
44
+ isDismissing = true;
45
+ }
46
+ return true;
47
+ }
48
+ async componentDidUpdate(prevProps) {
49
+ if (this.overlay) {
50
+ attachProps(this.overlay, this.props, prevProps);
51
+ }
52
+ if (prevProps.isOpen !== this.props.isOpen && this.props.isOpen === true) {
53
+ this.present(prevProps);
54
+ }
55
+ if (this.overlay && prevProps.isOpen !== this.props.isOpen && this.props.isOpen === false) {
56
+ await this.overlay.dismiss();
57
+ isDismissing = false;
58
+ /**
59
+ * Now that the overlay is dismissed
60
+ * we need to render again so that any
61
+ * inner components will be unmounted
62
+ */
63
+ this.forceUpdate();
64
+ }
65
+ }
66
+ async present(prevProps) {
67
+ const { children, isOpen, onDidDismiss, onDidPresent, onWillDismiss, onWillPresent, ...cProps } = this.props;
68
+ const elementProps = {
69
+ ...cProps,
70
+ ref: this.props.forwardedRef,
71
+ [didDismissEventName]: this.handleDismiss,
72
+ [didPresentEventName]: (e) => this.props.onDidPresent && this.props.onDidPresent(e),
73
+ [willDismissEventName]: (e) => this.props.onWillDismiss && this.props.onWillDismiss(e),
74
+ [willPresentEventName]: (e) => this.props.onWillPresent && this.props.onWillPresent(e),
75
+ };
76
+ this.overlay = await controller.create({
77
+ ...elementProps,
78
+ component: this.el,
79
+ componentProps: {},
80
+ });
81
+ setRef(this.props.forwardedRef, this.overlay);
82
+ attachProps(this.overlay, elementProps, prevProps);
83
+ await this.overlay.present();
84
+ }
85
+ render() {
86
+ /**
87
+ * Continue to render the component even when
88
+ * overlay is dismissing otherwise component
89
+ * will be hidden before animation is done.
90
+ */
91
+ return ReactDOM.createPortal(this.props.isOpen || isDismissing ? this.props.children : null, this.el);
92
+ }
93
+ }
94
+ return React.forwardRef((props, ref) => {
95
+ return React.createElement(Overlay, { ...props, forwardedRef: ref });
96
+ });
97
+ };
package/dist/react-component-lib/index.d.ts CHANGED
@@ -1,2 +1,2 @@
1
- export { createReactComponent } from './createComponent';
2
- export { createOverlayComponent } from './createOverlayComponent';
1
+ export { createReactComponent } from './createComponent';
2
+ export { createOverlayComponent } from './createOverlayComponent';
package/dist/react-component-lib/index.js CHANGED
@@ -1,2 +1,2 @@
1
- export { createReactComponent } from './createComponent';
2
- export { createOverlayComponent } from './createOverlayComponent';
1
+ export { createReactComponent } from './createComponent';
2
+ export { createOverlayComponent } from './createOverlayComponent';
package/dist/react-component-lib/interfaces.d.ts CHANGED
@@ -1,29 +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
- }
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
+ }
package/dist/react-component-lib/interfaces.js CHANGED
@@ -1 +1 @@
1
- export {};
1
+ export {};
package/dist/react-component-lib/utils/attachProps.d.ts CHANGED
@@ -1,12 +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) | undefined;
11
- } | undefined;
12
- }, eventName: string, newEventHandler?: ((e: Event) => any) | undefined) => void;
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) | undefined;
11
+ } | undefined;
12
+ }, eventName: string, newEventHandler?: ((e: Event) => any) | undefined) => void;
package/dist/react-component-lib/utils/attachProps.js CHANGED
@@ -1,97 +1,97 @@
1
- import { camelToDashCase } from './case';
2
- export const attachProps = (node, newProps, oldProps = {}) => {
3
- // some test frameworks don't render DOM elements, so we test here to make sure we are dealing with DOM first
4
- if (node instanceof Element) {
5
- // add any classes in className to the class list
6
- const className = getClassName(node.classList, newProps, oldProps);
7
- if (className !== '') {
8
- node.className = className;
9
- }
10
- Object.keys(newProps).forEach((name) => {
11
- if (name === 'children' ||
12
- name === 'style' ||
13
- name === 'ref' ||
14
- name === 'class' ||
15
- name === 'className' ||
16
- name === 'forwardedRef') {
17
- return;
18
- }
19
- if (name.indexOf('on') === 0 && name[2] === name[2].toUpperCase()) {
20
- const eventName = name.substring(2);
21
- const eventNameLc = eventName[0].toLowerCase() + eventName.substring(1);
22
- if (!isCoveredByReact(eventNameLc)) {
23
- syncEvent(node, eventNameLc, newProps[name]);
24
- }
25
- }
26
- else {
27
- node[name] = newProps[name];
28
- const propType = typeof newProps[name];
29
- if (propType === 'string') {
30
- node.setAttribute(camelToDashCase(name), newProps[name]);
31
- }
32
- }
33
- });
34
- }
35
- };
36
- export const getClassName = (classList, newProps, oldProps) => {
37
- const newClassProp = newProps.className || newProps.class;
38
- const oldClassProp = oldProps.className || oldProps.class;
39
- // map the classes to Maps for performance
40
- const currentClasses = arrayToMap(classList);
41
- const incomingPropClasses = arrayToMap(newClassProp ? newClassProp.split(' ') : []);
42
- const oldPropClasses = arrayToMap(oldClassProp ? oldClassProp.split(' ') : []);
43
- const finalClassNames = [];
44
- // loop through each of the current classes on the component
45
- // to see if it should be a part of the classNames added
46
- currentClasses.forEach((currentClass) => {
47
- if (incomingPropClasses.has(currentClass)) {
48
- // add it as its already included in classnames coming in from newProps
49
- finalClassNames.push(currentClass);
50
- incomingPropClasses.delete(currentClass);
51
- }
52
- else if (!oldPropClasses.has(currentClass)) {
53
- // add it as it has NOT been removed by user
54
- finalClassNames.push(currentClass);
55
- }
56
- });
57
- incomingPropClasses.forEach((s) => finalClassNames.push(s));
58
- return finalClassNames.join(' ');
59
- };
60
- /**
61
- * Checks if an event is supported in the current execution environment.
62
- * @license Modernizr 3.0.0pre (Custom Build) | MIT
63
- */
64
- export const isCoveredByReact = (eventNameSuffix) => {
65
- if (typeof document === 'undefined') {
66
- return true;
67
- }
68
- else {
69
- const eventName = 'on' + eventNameSuffix;
70
- let isSupported = eventName in document;
71
- if (!isSupported) {
72
- const element = document.createElement('div');
73
- element.setAttribute(eventName, 'return;');
74
- isSupported = typeof element[eventName] === 'function';
75
- }
76
- return isSupported;
77
- }
78
- };
79
- export const syncEvent = (node, eventName, newEventHandler) => {
80
- const eventStore = node.__events || (node.__events = {});
81
- const oldEventHandler = eventStore[eventName];
82
- // Remove old listener so they don't double up.
83
- if (oldEventHandler) {
84
- node.removeEventListener(eventName, oldEventHandler);
85
- }
86
- // Bind new listener.
87
- node.addEventListener(eventName, (eventStore[eventName] = function handler(e) {
88
- if (newEventHandler) {
89
- newEventHandler.call(this, e);
90
- }
91
- }));
92
- };
93
- const arrayToMap = (arr) => {
94
- const map = new Map();
95
- arr.forEach((s) => map.set(s, s));
96
- return map;
97
- };
1
+ import { camelToDashCase } from './case';
2
+ export const attachProps = (node, newProps, oldProps = {}) => {
3
+ // some test frameworks don't render DOM elements, so we test here to make sure we are dealing with DOM first
4
+ if (node instanceof Element) {
5
+ // add any classes in className to the class list
6
+ const className = getClassName(node.classList, newProps, oldProps);
7
+ if (className !== '') {
8
+ node.className = className;
9
+ }
10
+ Object.keys(newProps).forEach((name) => {
11
+ if (name === 'children' ||
12
+ name === 'style' ||
13
+ name === 'ref' ||
14
+ name === 'class' ||
15
+ name === 'className' ||
16
+ name === 'forwardedRef') {
17
+ return;
18
+ }
19
+ if (name.indexOf('on') === 0 && name[2] === name[2].toUpperCase()) {
20
+ const eventName = name.substring(2);
21
+ const eventNameLc = eventName[0].toLowerCase() + eventName.substring(1);
22
+ if (!isCoveredByReact(eventNameLc)) {
23
+ syncEvent(node, eventNameLc, newProps[name]);
24
+ }
25
+ }
26
+ else {
27
+ node[name] = newProps[name];
28
+ const propType = typeof newProps[name];
29
+ if (propType === 'string') {
30
+ node.setAttribute(camelToDashCase(name), newProps[name]);
31
+ }
32
+ }
33
+ });
34
+ }
35
+ };
36
+ export const getClassName = (classList, newProps, oldProps) => {
37
+ const newClassProp = newProps.className || newProps.class;
38
+ const oldClassProp = oldProps.className || oldProps.class;
39
+ // map the classes to Maps for performance
40
+ const currentClasses = arrayToMap(classList);
41
+ const incomingPropClasses = arrayToMap(newClassProp ? newClassProp.split(' ') : []);
42
+ const oldPropClasses = arrayToMap(oldClassProp ? oldClassProp.split(' ') : []);
43
+ const finalClassNames = [];
44
+ // loop through each of the current classes on the component
45
+ // to see if it should be a part of the classNames added
46
+ currentClasses.forEach((currentClass) => {
47
+ if (incomingPropClasses.has(currentClass)) {
48
+ // add it as its already included in classnames coming in from newProps
49
+ finalClassNames.push(currentClass);
50
+ incomingPropClasses.delete(currentClass);
51
+ }
52
+ else if (!oldPropClasses.has(currentClass)) {
53
+ // add it as it has NOT been removed by user
54
+ finalClassNames.push(currentClass);
55
+ }
56
+ });
57
+ incomingPropClasses.forEach((s) => finalClassNames.push(s));
58
+ return finalClassNames.join(' ');
59
+ };
60
+ /**
61
+ * Checks if an event is supported in the current execution environment.
62
+ * @license Modernizr 3.0.0pre (Custom Build) | MIT
63
+ */
64
+ export const isCoveredByReact = (eventNameSuffix) => {
65
+ if (typeof document === 'undefined') {
66
+ return true;
67
+ }
68
+ else {
69
+ const eventName = 'on' + eventNameSuffix;
70
+ let isSupported = eventName in document;
71
+ if (!isSupported) {
72
+ const element = document.createElement('div');
73
+ element.setAttribute(eventName, 'return;');
74
+ isSupported = typeof element[eventName] === 'function';
75
+ }
76
+ return isSupported;
77
+ }
78
+ };
79
+ export const syncEvent = (node, eventName, newEventHandler) => {
80
+ const eventStore = node.__events || (node.__events = {});
81
+ const oldEventHandler = eventStore[eventName];
82
+ // Remove old listener so they don't double up.
83
+ if (oldEventHandler) {
84
+ node.removeEventListener(eventName, oldEventHandler);
85
+ }
86
+ // Bind new listener.
87
+ node.addEventListener(eventName, (eventStore[eventName] = function handler(e) {
88
+ if (newEventHandler) {
89
+ newEventHandler.call(this, e);
90
+ }
91
+ }));
92
+ };
93
+ const arrayToMap = (arr) => {
94
+ const map = new Map();
95
+ arr.forEach((s) => map.set(s, s));
96
+ return map;
97
+ };
package/dist/react-component-lib/utils/case.d.ts CHANGED
@@ -1,2 +1,2 @@
1
- export declare const dashToPascalCase: (str: string) => string;
2
- export declare const camelToDashCase: (str: string) => string;
1
+ export declare const dashToPascalCase: (str: string) => string;
2
+ export declare const camelToDashCase: (str: string) => string;
package/dist/react-component-lib/utils/case.js CHANGED
@@ -1,6 +1,6 @@
1
- export const dashToPascalCase = (str) => str
2
- .toLowerCase()
3
- .split('-')
4
- .map((segment) => segment.charAt(0).toUpperCase() + segment.slice(1))
5
- .join('');
6
- export const camelToDashCase = (str) => str.replace(/([A-Z])/g, (m) => `-${m[0].toLowerCase()}`);
1
+ export const dashToPascalCase = (str) => str
2
+ .toLowerCase()
3
+ .split('-')
4
+ .map((segment) => segment.charAt(0).toUpperCase() + segment.slice(1))
5
+ .join('');
6
+ export const camelToDashCase = (str) => str.replace(/([A-Z])/g, (m) => `-${m[0].toLowerCase()}`);
package/dist/react-component-lib/utils/dev.d.ts CHANGED
@@ -1,2 +1,2 @@
1
- export declare const isDevMode: () => boolean;
2
- export declare const deprecationWarning: (key: string, message: string) => void;
1
+ export declare const isDevMode: () => boolean;
2
+ export declare const deprecationWarning: (key: string, message: string) => void;
package/dist/react-component-lib/utils/dev.js CHANGED
@@ -1,12 +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
- };
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
+ };
package/dist/react-component-lib/utils/index.d.ts CHANGED
@@ -1,10 +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<StencilReactExternalProps<PropType, ElementType>> & React.RefAttributes<ElementType>>;
8
- export declare const defineCustomElement: (tagName: string, customElement: any) => void;
9
- export * from './attachProps';
10
- export * from './case';
1
+ import React from 'react';
2
+ import type { StyleReactProps } from '../interfaces';
3
+ export type StencilReactExternalProps<PropType, ElementType> = PropType & Omit<React.HTMLAttributes<ElementType>, 'style'> & StyleReactProps;
4
+ export 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<StencilReactExternalProps<PropType, ElementType>> & React.RefAttributes<ElementType>>;
8
+ export declare const defineCustomElement: (tagName: string, customElement: any) => void;
9
+ export * from './attachProps';
10
+ export * from './case';
package/dist/react-component-lib/utils/index.js CHANGED
@@ -1,31 +1,31 @@
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 && typeof customElements !== 'undefined' && !customElements.get(tagName)) {
27
- customElements.define(tagName, customElement);
28
- }
29
- };
30
- export * from './attachProps';
31
- export * from './case';
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, { ...props, forwardedRef: ref });
21
+ };
22
+ forwardRef.displayName = displayName;
23
+ return React.forwardRef(forwardRef);
24
+ };
25
+ export const defineCustomElement = (tagName, customElement) => {
26
+ if (customElement !== undefined && typeof customElements !== 'undefined' && !customElements.get(tagName)) {
27
+ customElements.define(tagName, customElement);
28
+ }
29
+ };
30
+ export * from './attachProps';
31
+ export * from './case';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sme.up/ketchup-react",
3
- "version": "8.0.2",
3
+ "version": "8.1.0",
4
4
  "module": "dist/index.js",
5
5
  "typings": "dist/index.d.ts",
6
6
  "keywords": [
@@ -20,16 +20,16 @@
20
20
  "description": "Ketchup React Components library by smeup",
21
21
  "license": "Apache-2.0",
22
22
  "dependencies": {
23
- "@sme.up/ketchup": "^8.0.2",
23
+ "@sme.up/ketchup": "^8.1.0",
24
24
  "react": "^18.2.0",
25
25
  "react-dom": "^18.2.0"
26
26
  },
27
27
  "devDependencies": {
28
- "@types/geojson": "^7946.0.8",
29
- "@types/node": "^18.0.0",
30
- "@types/react": "^18.0.28",
31
- "@types/react-dom": "^18.0.11",
32
- "rimraf": "^3.0.2",
33
- "typescript": "4.2.3"
28
+ "@types/geojson": "^7946.0.10",
29
+ "@types/node": "^20.2.5",
30
+ "@types/react": "^18.2.7",
31
+ "@types/react-dom": "^18.2.4",
32
+ "rimraf": "^5.0.1",
33
+ "typescript": "5.0.4"
34
34
  }
35
35
  }