@watermarkinsights/ripple-react 5.19.0-alpha.2 → 5.19.0-alpha.4

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 (37) hide show
  1. package/dist/components/index.d.ts +1 -1
  2. package/dist/components/index.js +1 -1
  3. package/dist/components/stencil-generated/index.d.ts +1 -1
  4. package/dist/components/stencil-generated/index.js +28 -28
  5. package/dist/components.d.ts +49 -49
  6. package/dist/components.js +51 -51
  7. package/dist/index.d.ts +1 -1
  8. package/dist/index.js +3 -3
  9. package/dist/react-component-lib/ReactProps.d.ts +3 -3
  10. package/dist/react-component-lib/ReactProps.js +1 -1
  11. package/dist/react-component-lib/attachProps.d.ts +16 -16
  12. package/dist/react-component-lib/attachProps.js +108 -108
  13. package/dist/react-component-lib/case.d.ts +2 -2
  14. package/dist/react-component-lib/case.js +8 -8
  15. package/dist/react-component-lib/createComponent.d.ts +10 -10
  16. package/dist/react-component-lib/createComponent.js +107 -107
  17. package/dist/react-component-lib/createControllerComponent.d.ts +43 -43
  18. package/dist/react-component-lib/createControllerComponent.js +147 -147
  19. package/dist/react-component-lib/createOverlayComponent.d.ts +21 -21
  20. package/dist/react-component-lib/createOverlayComponent.js +190 -190
  21. package/dist/react-component-lib/dev.d.ts +2 -2
  22. package/dist/react-component-lib/dev.js +12 -12
  23. package/dist/react-component-lib/index.d.ts +2 -2
  24. package/dist/react-component-lib/index.js +2 -2
  25. package/dist/react-component-lib/interfaces.d.ts +29 -29
  26. package/dist/react-component-lib/interfaces.js +1 -1
  27. package/dist/react-component-lib/utils/attachEventProps.d.ts +8 -8
  28. package/dist/react-component-lib/utils/attachEventProps.js +78 -78
  29. package/dist/react-component-lib/utils/attachProps.d.ts +16 -16
  30. package/dist/react-component-lib/utils/attachProps.js +108 -108
  31. package/dist/react-component-lib/utils/case.d.ts +2 -2
  32. package/dist/react-component-lib/utils/case.js +8 -8
  33. package/dist/react-component-lib/utils/dev.d.ts +2 -2
  34. package/dist/react-component-lib/utils/dev.js +12 -12
  35. package/dist/react-component-lib/utils/index.d.ts +10 -10
  36. package/dist/react-component-lib/utils/index.js +46 -46
  37. package/package.json +3 -3
@@ -1 +1 @@
1
- export * from "./stencil-generated/index";
1
+ export * from "./stencil-generated/index";
@@ -1,2 +1,2 @@
1
- export * from "./stencil-generated/index";
1
+ export * from "./stencil-generated/index";
2
2
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- export declare const object: {};
1
+ export declare const object: {};
@@ -1,29 +1,29 @@
1
- /*
2
-
3
- auto-generated react proxies will replace this file
4
- if you use "../your-react-library-name/src/components/stencil-generated/index.ts" for your proxies target:
5
-
6
- */
7
- /* SAMPLE:
8
- import { reactOutputTarget as react } from '@stencil/react-output-target'
9
-
10
- export const config: Config = {
11
- outputTargets: [
12
- react({
13
- componentCorePackage: 'your-stencil-library-name',
14
- proxiesFile: '../your-react-library-name/src/components/stencil-generated/index.ts',
15
- includeDefineCustomElements: true,
16
- });
17
- {
18
- type: 'dist',
19
- esmLoaderPath: '../loader',
20
- },
21
- {
22
- type: 'dist-custom-elements',
23
- dir: "./dist/custom-elements"
24
- },
25
- ],
26
- }
27
- */
28
- export var object = {};
1
+ /*
2
+
3
+ auto-generated react proxies will replace this file
4
+ if you use "../your-react-library-name/src/components/stencil-generated/index.ts" for your proxies target:
5
+
6
+ */
7
+ /* SAMPLE:
8
+ import { reactOutputTarget as react } from '@stencil/react-output-target'
9
+
10
+ export const config: Config = {
11
+ outputTargets: [
12
+ react({
13
+ componentCorePackage: 'your-stencil-library-name',
14
+ proxiesFile: '../your-react-library-name/src/components/stencil-generated/index.ts',
15
+ includeDefineCustomElements: true,
16
+ });
17
+ {
18
+ type: 'dist',
19
+ esmLoaderPath: '../loader',
20
+ },
21
+ {
22
+ type: 'dist-custom-elements',
23
+ dir: "./dist/custom-elements"
24
+ },
25
+ ],
26
+ }
27
+ */
28
+ export var object = {};
29
29
  //# sourceMappingURL=index.js.map
@@ -1,49 +1,49 @@
1
- /// <reference types="react" />
2
- import type { JSX } from '@watermarkinsights/ripple';
3
- export declare const PrivCalendar: import("react").ForwardRefExoticComponent<JSX.PrivCalendar & Omit<import("react").HTMLAttributes<HTMLPrivCalendarElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLPrivCalendarElement>>;
4
- export declare const PrivChartPopover: import("react").ForwardRefExoticComponent<JSX.PrivChartPopover & Omit<import("react").HTMLAttributes<HTMLPrivChartPopoverElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLPrivChartPopoverElement>>;
5
- export declare const PrivNavigatorButton: import("react").ForwardRefExoticComponent<JSX.PrivNavigatorButton & Omit<import("react").HTMLAttributes<HTMLPrivNavigatorButtonElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLPrivNavigatorButtonElement>>;
6
- export declare const PrivNavigatorItem: import("react").ForwardRefExoticComponent<JSX.PrivNavigatorItem & Omit<import("react").HTMLAttributes<HTMLPrivNavigatorItemElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLPrivNavigatorItemElement>>;
7
- export declare const PrivOptionList: import("react").ForwardRefExoticComponent<JSX.PrivOptionList & Omit<import("react").HTMLAttributes<HTMLPrivOptionListElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLPrivOptionListElement>>;
8
- export declare const WmActionMenu: import("react").ForwardRefExoticComponent<JSX.WmActionMenu & Omit<import("react").HTMLAttributes<HTMLWmActionMenuElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLWmActionMenuElement>>;
9
- export declare const WmButton: import("react").ForwardRefExoticComponent<JSX.WmButton & Omit<import("react").HTMLAttributes<HTMLWmButtonElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLWmButtonElement>>;
10
- export declare const WmChart: import("react").ForwardRefExoticComponent<JSX.WmChart & Omit<import("react").HTMLAttributes<HTMLWmChartElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLWmChartElement>>;
11
- export declare const WmChartSlice: import("react").ForwardRefExoticComponent<JSX.WmChartSlice & Omit<import("react").HTMLAttributes<HTMLWmChartSliceElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLWmChartSliceElement>>;
12
- export declare const WmDateRange: import("react").ForwardRefExoticComponent<JSX.WmDateRange & Omit<import("react").HTMLAttributes<HTMLWmDateRangeElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLWmDateRangeElement>>;
13
- export declare const WmDatepicker: import("react").ForwardRefExoticComponent<JSX.WmDatepicker & Omit<import("react").HTMLAttributes<HTMLWmDatepickerElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLWmDatepickerElement>>;
14
- export declare const WmFile: import("react").ForwardRefExoticComponent<JSX.WmFile & Omit<import("react").HTMLAttributes<HTMLWmFileElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLWmFileElement>>;
15
- export declare const WmFileList: import("react").ForwardRefExoticComponent<JSX.WmFileList & Omit<import("react").HTMLAttributes<HTMLWmFileListElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLWmFileListElement>>;
16
- export declare const WmFlyout: import("react").ForwardRefExoticComponent<JSX.WmFlyout & Omit<import("react").HTMLAttributes<HTMLWmFlyoutElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLWmFlyoutElement>>;
17
- export declare const WmInput: import("react").ForwardRefExoticComponent<JSX.WmInput & Omit<import("react").HTMLAttributes<HTMLWmInputElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLWmInputElement>>;
18
- export declare const WmLineChart: import("react").ForwardRefExoticComponent<JSX.WmLineChart & Omit<import("react").HTMLAttributes<HTMLWmLineChartElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLWmLineChartElement>>;
19
- export declare const WmMenuitem: import("react").ForwardRefExoticComponent<JSX.WmMenuitem & Omit<import("react").HTMLAttributes<HTMLWmMenuitemElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLWmMenuitemElement>>;
20
- export declare const WmModal: import("react").ForwardRefExoticComponent<JSX.WmModal & Omit<import("react").HTMLAttributes<HTMLWmModalElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLWmModalElement>>;
21
- export declare const WmModalFooter: import("react").ForwardRefExoticComponent<JSX.WmModalFooter & Omit<import("react").HTMLAttributes<HTMLWmModalFooterElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLWmModalFooterElement>>;
22
- export declare const WmModalHeader: import("react").ForwardRefExoticComponent<JSX.WmModalHeader & Omit<import("react").HTMLAttributes<HTMLWmModalHeaderElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLWmModalHeaderElement>>;
23
- export declare const WmModalPss: import("react").ForwardRefExoticComponent<JSX.WmModalPss & Omit<import("react").HTMLAttributes<HTMLWmModalPssElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLWmModalPssElement>>;
24
- export declare const WmModalPssFooter: import("react").ForwardRefExoticComponent<JSX.WmModalPssFooter & Omit<import("react").HTMLAttributes<HTMLWmModalPssFooterElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLWmModalPssFooterElement>>;
25
- export declare const WmModalPssHeader: import("react").ForwardRefExoticComponent<JSX.WmModalPssHeader & Omit<import("react").HTMLAttributes<HTMLWmModalPssHeaderElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLWmModalPssHeaderElement>>;
26
- export declare const WmNavigation: import("react").ForwardRefExoticComponent<JSX.WmNavigation & Omit<import("react").HTMLAttributes<HTMLWmNavigationElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLWmNavigationElement>>;
27
- export declare const WmNavigationHamburger: import("react").ForwardRefExoticComponent<JSX.WmNavigationHamburger & Omit<import("react").HTMLAttributes<HTMLWmNavigationHamburgerElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLWmNavigationHamburgerElement>>;
28
- export declare const WmNavigationItem: import("react").ForwardRefExoticComponent<JSX.WmNavigationItem & Omit<import("react").HTMLAttributes<HTMLWmNavigationItemElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLWmNavigationItemElement>>;
29
- export declare const WmNavigator: import("react").ForwardRefExoticComponent<JSX.WmNavigator & Omit<import("react").HTMLAttributes<HTMLWmNavigatorElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLWmNavigatorElement>>;
30
- export declare const WmNestedSelect: import("react").ForwardRefExoticComponent<JSX.WmNestedSelect & Omit<import("react").HTMLAttributes<HTMLWmNestedSelectElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLWmNestedSelectElement>>;
31
- export declare const WmOptgroup: import("react").ForwardRefExoticComponent<JSX.WmOptgroup & Omit<import("react").HTMLAttributes<HTMLWmOptgroupElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLWmOptgroupElement>>;
32
- export declare const WmOption: import("react").ForwardRefExoticComponent<JSX.WmOption & Omit<import("react").HTMLAttributes<HTMLWmOptionElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLWmOptionElement>>;
33
- export declare const WmPagination: import("react").ForwardRefExoticComponent<JSX.WmPagination & Omit<import("react").HTMLAttributes<HTMLWmPaginationElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLWmPaginationElement>>;
34
- export declare const WmProgressIndicator: import("react").ForwardRefExoticComponent<JSX.WmProgressIndicator & Omit<import("react").HTMLAttributes<HTMLWmProgressIndicatorElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLWmProgressIndicatorElement>>;
35
- export declare const WmProgressMonitor: import("react").ForwardRefExoticComponent<JSX.WmProgressMonitor & Omit<import("react").HTMLAttributes<HTMLWmProgressMonitorElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLWmProgressMonitorElement>>;
36
- export declare const WmProgressSlice: import("react").ForwardRefExoticComponent<JSX.WmProgressSlice & Omit<import("react").HTMLAttributes<HTMLWmProgressSliceElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLWmProgressSliceElement>>;
37
- export declare const WmSearch: import("react").ForwardRefExoticComponent<JSX.WmSearch & Omit<import("react").HTMLAttributes<HTMLWmSearchElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLWmSearchElement>>;
38
- export declare const WmSelect: import("react").ForwardRefExoticComponent<JSX.WmSelect & Omit<import("react").HTMLAttributes<HTMLWmSelectElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLWmSelectElement>>;
39
- export declare const WmSnackbar: import("react").ForwardRefExoticComponent<JSX.WmSnackbar & Omit<import("react").HTMLAttributes<HTMLWmSnackbarElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLWmSnackbarElement>>;
40
- export declare const WmTabItem: import("react").ForwardRefExoticComponent<JSX.WmTabItem & Omit<import("react").HTMLAttributes<HTMLWmTabItemElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLWmTabItemElement>>;
41
- export declare const WmTabList: import("react").ForwardRefExoticComponent<JSX.WmTabList & Omit<import("react").HTMLAttributes<HTMLWmTabListElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLWmTabListElement>>;
42
- export declare const WmTabPanel: import("react").ForwardRefExoticComponent<JSX.WmTabPanel & Omit<import("react").HTMLAttributes<HTMLWmTabPanelElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLWmTabPanelElement>>;
43
- export declare const WmTagInput: import("react").ForwardRefExoticComponent<JSX.WmTagInput & Omit<import("react").HTMLAttributes<HTMLWmTagInputElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLWmTagInputElement>>;
44
- export declare const WmTagOption: import("react").ForwardRefExoticComponent<JSX.WmTagOption & Omit<import("react").HTMLAttributes<HTMLWmTagOptionElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLWmTagOptionElement>>;
45
- export declare const WmTextarea: import("react").ForwardRefExoticComponent<JSX.WmTextarea & Omit<import("react").HTMLAttributes<HTMLWmTextareaElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLWmTextareaElement>>;
46
- export declare const WmTimepicker: import("react").ForwardRefExoticComponent<JSX.WmTimepicker & Omit<import("react").HTMLAttributes<HTMLWmTimepickerElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLWmTimepickerElement>>;
47
- export declare const WmToggletip: import("react").ForwardRefExoticComponent<JSX.WmToggletip & Omit<import("react").HTMLAttributes<HTMLWmToggletipElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLWmToggletipElement>>;
48
- export declare const WmUploader: import("react").ForwardRefExoticComponent<JSX.WmUploader & Omit<import("react").HTMLAttributes<HTMLWmUploaderElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLWmUploaderElement>>;
49
- export declare const WmWrapper: import("react").ForwardRefExoticComponent<JSX.WmWrapper & Omit<import("react").HTMLAttributes<HTMLWmWrapperElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLWmWrapperElement>>;
1
+ /// <reference types="react" />
2
+ import type { JSX } from '@watermarkinsights/ripple';
3
+ export declare const PrivCalendar: import("react").ForwardRefExoticComponent<JSX.PrivCalendar & Omit<import("react").HTMLAttributes<HTMLPrivCalendarElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLPrivCalendarElement>>;
4
+ export declare const PrivChartPopover: import("react").ForwardRefExoticComponent<JSX.PrivChartPopover & Omit<import("react").HTMLAttributes<HTMLPrivChartPopoverElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLPrivChartPopoverElement>>;
5
+ export declare const PrivNavigatorButton: import("react").ForwardRefExoticComponent<JSX.PrivNavigatorButton & Omit<import("react").HTMLAttributes<HTMLPrivNavigatorButtonElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLPrivNavigatorButtonElement>>;
6
+ export declare const PrivNavigatorItem: import("react").ForwardRefExoticComponent<JSX.PrivNavigatorItem & Omit<import("react").HTMLAttributes<HTMLPrivNavigatorItemElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLPrivNavigatorItemElement>>;
7
+ export declare const PrivOptionList: import("react").ForwardRefExoticComponent<JSX.PrivOptionList & Omit<import("react").HTMLAttributes<HTMLPrivOptionListElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLPrivOptionListElement>>;
8
+ export declare const WmActionMenu: import("react").ForwardRefExoticComponent<JSX.WmActionMenu & Omit<import("react").HTMLAttributes<HTMLWmActionMenuElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLWmActionMenuElement>>;
9
+ export declare const WmButton: import("react").ForwardRefExoticComponent<JSX.WmButton & Omit<import("react").HTMLAttributes<HTMLWmButtonElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLWmButtonElement>>;
10
+ export declare const WmChart: import("react").ForwardRefExoticComponent<JSX.WmChart & Omit<import("react").HTMLAttributes<HTMLWmChartElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLWmChartElement>>;
11
+ export declare const WmChartSlice: import("react").ForwardRefExoticComponent<JSX.WmChartSlice & Omit<import("react").HTMLAttributes<HTMLWmChartSliceElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLWmChartSliceElement>>;
12
+ export declare const WmDateRange: import("react").ForwardRefExoticComponent<JSX.WmDateRange & Omit<import("react").HTMLAttributes<HTMLWmDateRangeElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLWmDateRangeElement>>;
13
+ export declare const WmDatepicker: import("react").ForwardRefExoticComponent<JSX.WmDatepicker & Omit<import("react").HTMLAttributes<HTMLWmDatepickerElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLWmDatepickerElement>>;
14
+ export declare const WmFile: import("react").ForwardRefExoticComponent<JSX.WmFile & Omit<import("react").HTMLAttributes<HTMLWmFileElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLWmFileElement>>;
15
+ export declare const WmFileList: import("react").ForwardRefExoticComponent<JSX.WmFileList & Omit<import("react").HTMLAttributes<HTMLWmFileListElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLWmFileListElement>>;
16
+ export declare const WmFlyout: import("react").ForwardRefExoticComponent<JSX.WmFlyout & Omit<import("react").HTMLAttributes<HTMLWmFlyoutElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLWmFlyoutElement>>;
17
+ export declare const WmInput: import("react").ForwardRefExoticComponent<JSX.WmInput & Omit<import("react").HTMLAttributes<HTMLWmInputElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLWmInputElement>>;
18
+ export declare const WmLineChart: import("react").ForwardRefExoticComponent<JSX.WmLineChart & Omit<import("react").HTMLAttributes<HTMLWmLineChartElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLWmLineChartElement>>;
19
+ export declare const WmMenuitem: import("react").ForwardRefExoticComponent<JSX.WmMenuitem & Omit<import("react").HTMLAttributes<HTMLWmMenuitemElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLWmMenuitemElement>>;
20
+ export declare const WmModal: import("react").ForwardRefExoticComponent<JSX.WmModal & Omit<import("react").HTMLAttributes<HTMLWmModalElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLWmModalElement>>;
21
+ export declare const WmModalFooter: import("react").ForwardRefExoticComponent<JSX.WmModalFooter & Omit<import("react").HTMLAttributes<HTMLWmModalFooterElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLWmModalFooterElement>>;
22
+ export declare const WmModalHeader: import("react").ForwardRefExoticComponent<JSX.WmModalHeader & Omit<import("react").HTMLAttributes<HTMLWmModalHeaderElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLWmModalHeaderElement>>;
23
+ export declare const WmModalPss: import("react").ForwardRefExoticComponent<JSX.WmModalPss & Omit<import("react").HTMLAttributes<HTMLWmModalPssElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLWmModalPssElement>>;
24
+ export declare const WmModalPssFooter: import("react").ForwardRefExoticComponent<JSX.WmModalPssFooter & Omit<import("react").HTMLAttributes<HTMLWmModalPssFooterElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLWmModalPssFooterElement>>;
25
+ export declare const WmModalPssHeader: import("react").ForwardRefExoticComponent<JSX.WmModalPssHeader & Omit<import("react").HTMLAttributes<HTMLWmModalPssHeaderElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLWmModalPssHeaderElement>>;
26
+ export declare const WmNavigation: import("react").ForwardRefExoticComponent<JSX.WmNavigation & Omit<import("react").HTMLAttributes<HTMLWmNavigationElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLWmNavigationElement>>;
27
+ export declare const WmNavigationHamburger: import("react").ForwardRefExoticComponent<JSX.WmNavigationHamburger & Omit<import("react").HTMLAttributes<HTMLWmNavigationHamburgerElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLWmNavigationHamburgerElement>>;
28
+ export declare const WmNavigationItem: import("react").ForwardRefExoticComponent<JSX.WmNavigationItem & Omit<import("react").HTMLAttributes<HTMLWmNavigationItemElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLWmNavigationItemElement>>;
29
+ export declare const WmNavigator: import("react").ForwardRefExoticComponent<JSX.WmNavigator & Omit<import("react").HTMLAttributes<HTMLWmNavigatorElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLWmNavigatorElement>>;
30
+ export declare const WmNestedSelect: import("react").ForwardRefExoticComponent<JSX.WmNestedSelect & Omit<import("react").HTMLAttributes<HTMLWmNestedSelectElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLWmNestedSelectElement>>;
31
+ export declare const WmOptgroup: import("react").ForwardRefExoticComponent<JSX.WmOptgroup & Omit<import("react").HTMLAttributes<HTMLWmOptgroupElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLWmOptgroupElement>>;
32
+ export declare const WmOption: import("react").ForwardRefExoticComponent<JSX.WmOption & Omit<import("react").HTMLAttributes<HTMLWmOptionElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLWmOptionElement>>;
33
+ export declare const WmPagination: import("react").ForwardRefExoticComponent<JSX.WmPagination & Omit<import("react").HTMLAttributes<HTMLWmPaginationElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLWmPaginationElement>>;
34
+ export declare const WmProgressIndicator: import("react").ForwardRefExoticComponent<JSX.WmProgressIndicator & Omit<import("react").HTMLAttributes<HTMLWmProgressIndicatorElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLWmProgressIndicatorElement>>;
35
+ export declare const WmProgressMonitor: import("react").ForwardRefExoticComponent<JSX.WmProgressMonitor & Omit<import("react").HTMLAttributes<HTMLWmProgressMonitorElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLWmProgressMonitorElement>>;
36
+ export declare const WmProgressSlice: import("react").ForwardRefExoticComponent<JSX.WmProgressSlice & Omit<import("react").HTMLAttributes<HTMLWmProgressSliceElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLWmProgressSliceElement>>;
37
+ export declare const WmSearch: import("react").ForwardRefExoticComponent<JSX.WmSearch & Omit<import("react").HTMLAttributes<HTMLWmSearchElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLWmSearchElement>>;
38
+ export declare const WmSelect: import("react").ForwardRefExoticComponent<JSX.WmSelect & Omit<import("react").HTMLAttributes<HTMLWmSelectElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLWmSelectElement>>;
39
+ export declare const WmSnackbar: import("react").ForwardRefExoticComponent<JSX.WmSnackbar & Omit<import("react").HTMLAttributes<HTMLWmSnackbarElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLWmSnackbarElement>>;
40
+ export declare const WmTabItem: import("react").ForwardRefExoticComponent<JSX.WmTabItem & Omit<import("react").HTMLAttributes<HTMLWmTabItemElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLWmTabItemElement>>;
41
+ export declare const WmTabList: import("react").ForwardRefExoticComponent<JSX.WmTabList & Omit<import("react").HTMLAttributes<HTMLWmTabListElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLWmTabListElement>>;
42
+ export declare const WmTabPanel: import("react").ForwardRefExoticComponent<JSX.WmTabPanel & Omit<import("react").HTMLAttributes<HTMLWmTabPanelElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLWmTabPanelElement>>;
43
+ export declare const WmTagInput: import("react").ForwardRefExoticComponent<JSX.WmTagInput & Omit<import("react").HTMLAttributes<HTMLWmTagInputElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLWmTagInputElement>>;
44
+ export declare const WmTagOption: import("react").ForwardRefExoticComponent<JSX.WmTagOption & Omit<import("react").HTMLAttributes<HTMLWmTagOptionElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLWmTagOptionElement>>;
45
+ export declare const WmTextarea: import("react").ForwardRefExoticComponent<JSX.WmTextarea & Omit<import("react").HTMLAttributes<HTMLWmTextareaElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLWmTextareaElement>>;
46
+ export declare const WmTimepicker: import("react").ForwardRefExoticComponent<JSX.WmTimepicker & Omit<import("react").HTMLAttributes<HTMLWmTimepickerElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLWmTimepickerElement>>;
47
+ export declare const WmToggletip: import("react").ForwardRefExoticComponent<JSX.WmToggletip & Omit<import("react").HTMLAttributes<HTMLWmToggletipElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLWmToggletipElement>>;
48
+ export declare const WmUploader: import("react").ForwardRefExoticComponent<JSX.WmUploader & Omit<import("react").HTMLAttributes<HTMLWmUploaderElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLWmUploaderElement>>;
49
+ export declare const WmWrapper: import("react").ForwardRefExoticComponent<JSX.WmWrapper & Omit<import("react").HTMLAttributes<HTMLWmWrapperElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLWmWrapperElement>>;
@@ -1,52 +1,52 @@
1
- /* eslint-disable */
2
- /* tslint:disable */
3
- /* auto-generated react proxies */
4
- import { createReactComponent } from './react-component-lib';
5
- export var PrivCalendar = /*@__PURE__*/ createReactComponent('priv-calendar');
6
- export var PrivChartPopover = /*@__PURE__*/ createReactComponent('priv-chart-popover');
7
- export var PrivNavigatorButton = /*@__PURE__*/ createReactComponent('priv-navigator-button');
8
- export var PrivNavigatorItem = /*@__PURE__*/ createReactComponent('priv-navigator-item');
9
- export var PrivOptionList = /*@__PURE__*/ createReactComponent('priv-option-list');
10
- export var WmActionMenu = /*@__PURE__*/ createReactComponent('wm-action-menu');
11
- export var WmButton = /*@__PURE__*/ createReactComponent('wm-button');
12
- export var WmChart = /*@__PURE__*/ createReactComponent('wm-chart');
13
- export var WmChartSlice = /*@__PURE__*/ createReactComponent('wm-chart-slice');
14
- export var WmDateRange = /*@__PURE__*/ createReactComponent('wm-date-range');
15
- export var WmDatepicker = /*@__PURE__*/ createReactComponent('wm-datepicker');
16
- export var WmFile = /*@__PURE__*/ createReactComponent('wm-file');
17
- export var WmFileList = /*@__PURE__*/ createReactComponent('wm-file-list');
18
- export var WmFlyout = /*@__PURE__*/ createReactComponent('wm-flyout');
19
- export var WmInput = /*@__PURE__*/ createReactComponent('wm-input');
20
- export var WmLineChart = /*@__PURE__*/ createReactComponent('wm-line-chart');
21
- export var WmMenuitem = /*@__PURE__*/ createReactComponent('wm-menuitem');
22
- export var WmModal = /*@__PURE__*/ createReactComponent('wm-modal');
23
- export var WmModalFooter = /*@__PURE__*/ createReactComponent('wm-modal-footer');
24
- export var WmModalHeader = /*@__PURE__*/ createReactComponent('wm-modal-header');
25
- export var WmModalPss = /*@__PURE__*/ createReactComponent('wm-modal-pss');
26
- export var WmModalPssFooter = /*@__PURE__*/ createReactComponent('wm-modal-pss-footer');
27
- export var WmModalPssHeader = /*@__PURE__*/ createReactComponent('wm-modal-pss-header');
28
- export var WmNavigation = /*@__PURE__*/ createReactComponent('wm-navigation');
29
- export var WmNavigationHamburger = /*@__PURE__*/ createReactComponent('wm-navigation-hamburger');
30
- export var WmNavigationItem = /*@__PURE__*/ createReactComponent('wm-navigation-item');
31
- export var WmNavigator = /*@__PURE__*/ createReactComponent('wm-navigator');
32
- export var WmNestedSelect = /*@__PURE__*/ createReactComponent('wm-nested-select');
33
- export var WmOptgroup = /*@__PURE__*/ createReactComponent('wm-optgroup');
34
- export var WmOption = /*@__PURE__*/ createReactComponent('wm-option');
35
- export var WmPagination = /*@__PURE__*/ createReactComponent('wm-pagination');
36
- export var WmProgressIndicator = /*@__PURE__*/ createReactComponent('wm-progress-indicator');
37
- export var WmProgressMonitor = /*@__PURE__*/ createReactComponent('wm-progress-monitor');
38
- export var WmProgressSlice = /*@__PURE__*/ createReactComponent('wm-progress-slice');
39
- export var WmSearch = /*@__PURE__*/ createReactComponent('wm-search');
40
- export var WmSelect = /*@__PURE__*/ createReactComponent('wm-select');
41
- export var WmSnackbar = /*@__PURE__*/ createReactComponent('wm-snackbar');
42
- export var WmTabItem = /*@__PURE__*/ createReactComponent('wm-tab-item');
43
- export var WmTabList = /*@__PURE__*/ createReactComponent('wm-tab-list');
44
- export var WmTabPanel = /*@__PURE__*/ createReactComponent('wm-tab-panel');
45
- export var WmTagInput = /*@__PURE__*/ createReactComponent('wm-tag-input');
46
- export var WmTagOption = /*@__PURE__*/ createReactComponent('wm-tag-option');
47
- export var WmTextarea = /*@__PURE__*/ createReactComponent('wm-textarea');
48
- export var WmTimepicker = /*@__PURE__*/ createReactComponent('wm-timepicker');
49
- export var WmToggletip = /*@__PURE__*/ createReactComponent('wm-toggletip');
50
- export var WmUploader = /*@__PURE__*/ createReactComponent('wm-uploader');
51
- export var WmWrapper = /*@__PURE__*/ createReactComponent('wm-wrapper');
1
+ /* eslint-disable */
2
+ /* tslint:disable */
3
+ /* auto-generated react proxies */
4
+ import { createReactComponent } from './react-component-lib';
5
+ export var PrivCalendar = /*@__PURE__*/ createReactComponent('priv-calendar');
6
+ export var PrivChartPopover = /*@__PURE__*/ createReactComponent('priv-chart-popover');
7
+ export var PrivNavigatorButton = /*@__PURE__*/ createReactComponent('priv-navigator-button');
8
+ export var PrivNavigatorItem = /*@__PURE__*/ createReactComponent('priv-navigator-item');
9
+ export var PrivOptionList = /*@__PURE__*/ createReactComponent('priv-option-list');
10
+ export var WmActionMenu = /*@__PURE__*/ createReactComponent('wm-action-menu');
11
+ export var WmButton = /*@__PURE__*/ createReactComponent('wm-button');
12
+ export var WmChart = /*@__PURE__*/ createReactComponent('wm-chart');
13
+ export var WmChartSlice = /*@__PURE__*/ createReactComponent('wm-chart-slice');
14
+ export var WmDateRange = /*@__PURE__*/ createReactComponent('wm-date-range');
15
+ export var WmDatepicker = /*@__PURE__*/ createReactComponent('wm-datepicker');
16
+ export var WmFile = /*@__PURE__*/ createReactComponent('wm-file');
17
+ export var WmFileList = /*@__PURE__*/ createReactComponent('wm-file-list');
18
+ export var WmFlyout = /*@__PURE__*/ createReactComponent('wm-flyout');
19
+ export var WmInput = /*@__PURE__*/ createReactComponent('wm-input');
20
+ export var WmLineChart = /*@__PURE__*/ createReactComponent('wm-line-chart');
21
+ export var WmMenuitem = /*@__PURE__*/ createReactComponent('wm-menuitem');
22
+ export var WmModal = /*@__PURE__*/ createReactComponent('wm-modal');
23
+ export var WmModalFooter = /*@__PURE__*/ createReactComponent('wm-modal-footer');
24
+ export var WmModalHeader = /*@__PURE__*/ createReactComponent('wm-modal-header');
25
+ export var WmModalPss = /*@__PURE__*/ createReactComponent('wm-modal-pss');
26
+ export var WmModalPssFooter = /*@__PURE__*/ createReactComponent('wm-modal-pss-footer');
27
+ export var WmModalPssHeader = /*@__PURE__*/ createReactComponent('wm-modal-pss-header');
28
+ export var WmNavigation = /*@__PURE__*/ createReactComponent('wm-navigation');
29
+ export var WmNavigationHamburger = /*@__PURE__*/ createReactComponent('wm-navigation-hamburger');
30
+ export var WmNavigationItem = /*@__PURE__*/ createReactComponent('wm-navigation-item');
31
+ export var WmNavigator = /*@__PURE__*/ createReactComponent('wm-navigator');
32
+ export var WmNestedSelect = /*@__PURE__*/ createReactComponent('wm-nested-select');
33
+ export var WmOptgroup = /*@__PURE__*/ createReactComponent('wm-optgroup');
34
+ export var WmOption = /*@__PURE__*/ createReactComponent('wm-option');
35
+ export var WmPagination = /*@__PURE__*/ createReactComponent('wm-pagination');
36
+ export var WmProgressIndicator = /*@__PURE__*/ createReactComponent('wm-progress-indicator');
37
+ export var WmProgressMonitor = /*@__PURE__*/ createReactComponent('wm-progress-monitor');
38
+ export var WmProgressSlice = /*@__PURE__*/ createReactComponent('wm-progress-slice');
39
+ export var WmSearch = /*@__PURE__*/ createReactComponent('wm-search');
40
+ export var WmSelect = /*@__PURE__*/ createReactComponent('wm-select');
41
+ export var WmSnackbar = /*@__PURE__*/ createReactComponent('wm-snackbar');
42
+ export var WmTabItem = /*@__PURE__*/ createReactComponent('wm-tab-item');
43
+ export var WmTabList = /*@__PURE__*/ createReactComponent('wm-tab-list');
44
+ export var WmTabPanel = /*@__PURE__*/ createReactComponent('wm-tab-panel');
45
+ export var WmTagInput = /*@__PURE__*/ createReactComponent('wm-tag-input');
46
+ export var WmTagOption = /*@__PURE__*/ createReactComponent('wm-tag-option');
47
+ export var WmTextarea = /*@__PURE__*/ createReactComponent('wm-textarea');
48
+ export var WmTimepicker = /*@__PURE__*/ createReactComponent('wm-timepicker');
49
+ export var WmToggletip = /*@__PURE__*/ createReactComponent('wm-toggletip');
50
+ export var WmUploader = /*@__PURE__*/ createReactComponent('wm-uploader');
51
+ export var WmWrapper = /*@__PURE__*/ createReactComponent('wm-wrapper');
52
52
  //# sourceMappingURL=components.js.map
package/dist/index.d.ts CHANGED
@@ -1 +1 @@
1
- export * from './components';
1
+ export * from './components';
package/dist/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import { defineCustomElements, applyPolyfills } from '@watermarkinsights/ripple/dist/loader';
2
- applyPolyfills().then(function () { return defineCustomElements(); });
3
- export * from './components';
1
+ import { defineCustomElements, applyPolyfills } from '@watermarkinsights/ripple/dist/loader';
2
+ applyPolyfills().then(function () { return defineCustomElements(); });
3
+ export * from './components';
4
4
  //# sourceMappingURL=index.js.map
@@ -1,3 +1,3 @@
1
- export interface ReactProps {
2
- className?: string;
3
- }
1
+ export interface ReactProps {
2
+ className?: string;
3
+ }
@@ -1,2 +1,2 @@
1
- export {};
1
+ export {};
2
2
  //# sourceMappingURL=ReactProps.js.map
@@ -1,16 +1,16 @@
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
- * Transforms a React event name to a browser event name.
5
- */
6
- export declare const transformReactEventName: (eventNameSuffix: string) => string;
7
- /**
8
- * Checks if an event is supported in the current execution environment.
9
- * @license Modernizr 3.0.0pre (Custom Build) | MIT
10
- */
11
- export declare const isCoveredByReact: (eventNameSuffix: string) => boolean;
12
- export declare const syncEvent: (node: Element & {
13
- __events?: {
14
- [key: string]: (e: Event) => any;
15
- };
16
- }, eventName: string, newEventHandler?: (e: Event) => any) => 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
+ * Transforms a React event name to a browser event name.
5
+ */
6
+ export declare const transformReactEventName: (eventNameSuffix: string) => string;
7
+ /**
8
+ * Checks if an event is supported in the current execution environment.
9
+ * @license Modernizr 3.0.0pre (Custom Build) | MIT
10
+ */
11
+ export declare const isCoveredByReact: (eventNameSuffix: string) => boolean;
12
+ export declare const syncEvent: (node: Element & {
13
+ __events?: {
14
+ [key: string]: (e: Event) => any;
15
+ };
16
+ }, eventName: string, newEventHandler?: (e: Event) => any) => void;
@@ -1,109 +1,109 @@
1
- import { camelToDashCase } from './case';
2
- export var attachProps = function (node, newProps, oldProps) {
3
- if (oldProps === void 0) { 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
- var className = getClassName(node.classList, newProps, oldProps);
8
- if (className !== '') {
9
- node.className = className;
10
- }
11
- Object.keys(newProps).forEach(function (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
- var eventName = name.substring(2);
22
- var eventNameLc = eventName[0].toLowerCase() + eventName.substring(1);
23
- if (!isCoveredByReact(eventNameLc)) {
24
- syncEvent(node, eventNameLc, newProps[name]);
25
- }
26
- }
27
- else {
28
- node[name] = newProps[name];
29
- var propType = typeof newProps[name];
30
- if (propType === 'string') {
31
- node.setAttribute(camelToDashCase(name), newProps[name]);
32
- }
33
- }
34
- });
35
- }
36
- };
37
- export var getClassName = function (classList, newProps, oldProps) {
38
- var newClassProp = newProps.className || newProps.class;
39
- var oldClassProp = oldProps.className || oldProps.class;
40
- // map the classes to Maps for performance
41
- var currentClasses = arrayToMap(classList);
42
- var incomingPropClasses = arrayToMap(newClassProp ? newClassProp.split(' ') : []);
43
- var oldPropClasses = arrayToMap(oldClassProp ? oldClassProp.split(' ') : []);
44
- var finalClassNames = [];
45
- // loop through each of the current classes on the component
46
- // to see if it should be a part of the classNames added
47
- currentClasses.forEach(function (currentClass) {
48
- if (incomingPropClasses.has(currentClass)) {
49
- // add it as its already included in classnames coming in from newProps
50
- finalClassNames.push(currentClass);
51
- incomingPropClasses.delete(currentClass);
52
- }
53
- else if (!oldPropClasses.has(currentClass)) {
54
- // add it as it has NOT been removed by user
55
- finalClassNames.push(currentClass);
56
- }
57
- });
58
- incomingPropClasses.forEach(function (s) { return finalClassNames.push(s); });
59
- return finalClassNames.join(' ');
60
- };
61
- /**
62
- * Transforms a React event name to a browser event name.
63
- */
64
- export var transformReactEventName = function (eventNameSuffix) {
65
- switch (eventNameSuffix) {
66
- case 'doubleclick':
67
- return 'dblclick';
68
- }
69
- return eventNameSuffix;
70
- };
71
- /**
72
- * Checks if an event is supported in the current execution environment.
73
- * @license Modernizr 3.0.0pre (Custom Build) | MIT
74
- */
75
- export var isCoveredByReact = function (eventNameSuffix) {
76
- if (typeof document === 'undefined') {
77
- return true;
78
- }
79
- else {
80
- var eventName = 'on' + transformReactEventName(eventNameSuffix);
81
- var isSupported = eventName in document;
82
- if (!isSupported) {
83
- var element = document.createElement('div');
84
- element.setAttribute(eventName, 'return;');
85
- isSupported = typeof element[eventName] === 'function';
86
- }
87
- return isSupported;
88
- }
89
- };
90
- export var syncEvent = function (node, eventName, newEventHandler) {
91
- var eventStore = node.__events || (node.__events = {});
92
- var oldEventHandler = eventStore[eventName];
93
- // Remove old listener so they don't double up.
94
- if (oldEventHandler) {
95
- node.removeEventListener(eventName, oldEventHandler);
96
- }
97
- // Bind new listener.
98
- node.addEventListener(eventName, (eventStore[eventName] = function handler(e) {
99
- if (newEventHandler) {
100
- newEventHandler.call(this, e);
101
- }
102
- }));
103
- };
104
- var arrayToMap = function (arr) {
105
- var map = new Map();
106
- arr.forEach(function (s) { return map.set(s, s); });
107
- return map;
108
- };
1
+ import { camelToDashCase } from './case';
2
+ export var attachProps = function (node, newProps, oldProps) {
3
+ if (oldProps === void 0) { 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
+ var className = getClassName(node.classList, newProps, oldProps);
8
+ if (className !== '') {
9
+ node.className = className;
10
+ }
11
+ Object.keys(newProps).forEach(function (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
+ var eventName = name.substring(2);
22
+ var eventNameLc = eventName[0].toLowerCase() + eventName.substring(1);
23
+ if (!isCoveredByReact(eventNameLc)) {
24
+ syncEvent(node, eventNameLc, newProps[name]);
25
+ }
26
+ }
27
+ else {
28
+ node[name] = newProps[name];
29
+ var propType = typeof newProps[name];
30
+ if (propType === 'string') {
31
+ node.setAttribute(camelToDashCase(name), newProps[name]);
32
+ }
33
+ }
34
+ });
35
+ }
36
+ };
37
+ export var getClassName = function (classList, newProps, oldProps) {
38
+ var newClassProp = newProps.className || newProps.class;
39
+ var oldClassProp = oldProps.className || oldProps.class;
40
+ // map the classes to Maps for performance
41
+ var currentClasses = arrayToMap(classList);
42
+ var incomingPropClasses = arrayToMap(newClassProp ? newClassProp.split(' ') : []);
43
+ var oldPropClasses = arrayToMap(oldClassProp ? oldClassProp.split(' ') : []);
44
+ var finalClassNames = [];
45
+ // loop through each of the current classes on the component
46
+ // to see if it should be a part of the classNames added
47
+ currentClasses.forEach(function (currentClass) {
48
+ if (incomingPropClasses.has(currentClass)) {
49
+ // add it as its already included in classnames coming in from newProps
50
+ finalClassNames.push(currentClass);
51
+ incomingPropClasses.delete(currentClass);
52
+ }
53
+ else if (!oldPropClasses.has(currentClass)) {
54
+ // add it as it has NOT been removed by user
55
+ finalClassNames.push(currentClass);
56
+ }
57
+ });
58
+ incomingPropClasses.forEach(function (s) { return finalClassNames.push(s); });
59
+ return finalClassNames.join(' ');
60
+ };
61
+ /**
62
+ * Transforms a React event name to a browser event name.
63
+ */
64
+ export var transformReactEventName = function (eventNameSuffix) {
65
+ switch (eventNameSuffix) {
66
+ case 'doubleclick':
67
+ return 'dblclick';
68
+ }
69
+ return eventNameSuffix;
70
+ };
71
+ /**
72
+ * Checks if an event is supported in the current execution environment.
73
+ * @license Modernizr 3.0.0pre (Custom Build) | MIT
74
+ */
75
+ export var isCoveredByReact = function (eventNameSuffix) {
76
+ if (typeof document === 'undefined') {
77
+ return true;
78
+ }
79
+ else {
80
+ var eventName = 'on' + transformReactEventName(eventNameSuffix);
81
+ var isSupported = eventName in document;
82
+ if (!isSupported) {
83
+ var element = document.createElement('div');
84
+ element.setAttribute(eventName, 'return;');
85
+ isSupported = typeof element[eventName] === 'function';
86
+ }
87
+ return isSupported;
88
+ }
89
+ };
90
+ export var syncEvent = function (node, eventName, newEventHandler) {
91
+ var eventStore = node.__events || (node.__events = {});
92
+ var oldEventHandler = eventStore[eventName];
93
+ // Remove old listener so they don't double up.
94
+ if (oldEventHandler) {
95
+ node.removeEventListener(eventName, oldEventHandler);
96
+ }
97
+ // Bind new listener.
98
+ node.addEventListener(eventName, (eventStore[eventName] = function handler(e) {
99
+ if (newEventHandler) {
100
+ newEventHandler.call(this, e);
101
+ }
102
+ }));
103
+ };
104
+ var arrayToMap = function (arr) {
105
+ var map = new Map();
106
+ arr.forEach(function (s) { return map.set(s, s); });
107
+ return map;
108
+ };
109
109
  //# sourceMappingURL=attachProps.js.map
@@ -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;