@watermarkinsights/ripple-react 3.25.0 → 3.26.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.
- package/dist/react-component-lib/createComponent.d.ts +1 -1
- package/dist/react-component-lib/createComponent.js +5 -5
- package/dist/react-component-lib/createComponent.js.map +1 -1
- package/dist/react-component-lib/createOverlayComponent.d.ts +3 -3
- package/dist/react-component-lib/createOverlayComponent.js +9 -20
- package/dist/react-component-lib/createOverlayComponent.js.map +1 -1
- package/dist/react-component-lib/utils/case.js +3 -5
- package/dist/react-component-lib/utils/case.js.map +1 -1
- package/dist/react-component-lib/utils/index.d.ts +5 -5
- package/dist/react-component-lib/utils/index.js +5 -7
- package/dist/react-component-lib/utils/index.js.map +1 -1
- package/package.json +2 -2
|
@@ -33,8 +33,8 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
33
33
|
}
|
|
34
34
|
return t;
|
|
35
35
|
};
|
|
36
|
-
import React, { createElement } from
|
|
37
|
-
import { attachProps, camelToDashCase, createForwardRef, dashToPascalCase, isCoveredByReact, mergeRefs
|
|
36
|
+
import React, { createElement } from 'react';
|
|
37
|
+
import { attachProps, camelToDashCase, createForwardRef, dashToPascalCase, isCoveredByReact, mergeRefs } from './utils';
|
|
38
38
|
export var createReactComponent = function (tagName, ReactComponentContext, manipulatePropsFunction, defineCustomElement) {
|
|
39
39
|
if (defineCustomElement !== undefined) {
|
|
40
40
|
defineCustomElement();
|
|
@@ -59,9 +59,9 @@ export var createReactComponent = function (tagName, ReactComponentContext, mani
|
|
|
59
59
|
var _a = this.props, children = _a.children, forwardedRef = _a.forwardedRef, style = _a.style, className = _a.className, ref = _a.ref, cProps = __rest(_a, ["children", "forwardedRef", "style", "className", "ref"]);
|
|
60
60
|
var propsToPass = Object.keys(cProps).reduce(function (acc, name) {
|
|
61
61
|
var value = cProps[name];
|
|
62
|
-
if (name.indexOf(
|
|
62
|
+
if (name.indexOf('on') === 0 && name[2] === name[2].toUpperCase()) {
|
|
63
63
|
var eventName = name.substring(2).toLowerCase();
|
|
64
|
-
if (typeof document !==
|
|
64
|
+
if (typeof document !== 'undefined' && isCoveredByReact(eventName)) {
|
|
65
65
|
acc[name] = value;
|
|
66
66
|
}
|
|
67
67
|
}
|
|
@@ -69,7 +69,7 @@ export var createReactComponent = function (tagName, ReactComponentContext, mani
|
|
|
69
69
|
// we should only render strings, booleans, and numbers as attrs in html.
|
|
70
70
|
// objects, functions, arrays etc get synced via properties on mount.
|
|
71
71
|
var type = typeof value;
|
|
72
|
-
if (type ===
|
|
72
|
+
if (type === 'string' || type === 'boolean' || type === 'number') {
|
|
73
73
|
acc[camelToDashCase(name)] = value;
|
|
74
74
|
}
|
|
75
75
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"createComponent.js","sourceRoot":"","sources":["../../src/react-component-lib/createComponent.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE7C,OAAO,
|
|
1
|
+
{"version":3,"file":"createComponent.js","sourceRoot":"","sources":["../../src/react-component-lib/createComponent.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import React from
|
|
2
|
-
import { OverlayEventDetail } from
|
|
3
|
-
import { StencilReactForwardedRef } from
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { OverlayEventDetail } from './interfaces';
|
|
3
|
+
import { StencilReactForwardedRef } from './utils';
|
|
4
4
|
interface OverlayElement extends HTMLElement {
|
|
5
5
|
present: () => Promise<void>;
|
|
6
6
|
dismiss: (data?: any, role?: string | undefined) => Promise<boolean>;
|
|
@@ -69,9 +69,9 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
69
69
|
}
|
|
70
70
|
return t;
|
|
71
71
|
};
|
|
72
|
-
import React from
|
|
73
|
-
import ReactDOM from
|
|
74
|
-
import { attachProps, dashToPascalCase, defineCustomElement, setRef
|
|
72
|
+
import React from 'react';
|
|
73
|
+
import ReactDOM from 'react-dom';
|
|
74
|
+
import { attachProps, dashToPascalCase, defineCustomElement, setRef } from './utils';
|
|
75
75
|
export var createOverlayComponent = function (tagName, controller, customElement) {
|
|
76
76
|
defineCustomElement(tagName, customElement);
|
|
77
77
|
var displayName = dashToPascalCase(tagName);
|
|
@@ -84,8 +84,8 @@ export var createOverlayComponent = function (tagName, controller, customElement
|
|
|
84
84
|
__extends(Overlay, _super);
|
|
85
85
|
function Overlay(props) {
|
|
86
86
|
var _this = _super.call(this, props) || this;
|
|
87
|
-
if (typeof document !==
|
|
88
|
-
_this.el = document.createElement(
|
|
87
|
+
if (typeof document !== 'undefined') {
|
|
88
|
+
_this.el = document.createElement('div');
|
|
89
89
|
}
|
|
90
90
|
_this.handleDismiss = _this.handleDismiss.bind(_this);
|
|
91
91
|
return _this;
|
|
@@ -115,9 +115,7 @@ export var createOverlayComponent = function (tagName, controller, customElement
|
|
|
115
115
|
};
|
|
116
116
|
Overlay.prototype.shouldComponentUpdate = function (nextProps) {
|
|
117
117
|
// Check if the overlay component is about to dismiss
|
|
118
|
-
if (this.overlay &&
|
|
119
|
-
nextProps.isOpen !== this.props.isOpen &&
|
|
120
|
-
nextProps.isOpen === false) {
|
|
118
|
+
if (this.overlay && nextProps.isOpen !== this.props.isOpen && nextProps.isOpen === false) {
|
|
121
119
|
isDismissing = true;
|
|
122
120
|
}
|
|
123
121
|
return true;
|
|
@@ -130,13 +128,10 @@ export var createOverlayComponent = function (tagName, controller, customElement
|
|
|
130
128
|
if (this.overlay) {
|
|
131
129
|
attachProps(this.overlay, this.props, prevProps);
|
|
132
130
|
}
|
|
133
|
-
if (prevProps.isOpen !== this.props.isOpen &&
|
|
134
|
-
this.props.isOpen === true) {
|
|
131
|
+
if (prevProps.isOpen !== this.props.isOpen && this.props.isOpen === true) {
|
|
135
132
|
this.present(prevProps);
|
|
136
133
|
}
|
|
137
|
-
if (!(this.overlay &&
|
|
138
|
-
prevProps.isOpen !== this.props.isOpen &&
|
|
139
|
-
this.props.isOpen === false)) return [3 /*break*/, 2];
|
|
134
|
+
if (!(this.overlay && prevProps.isOpen !== this.props.isOpen && this.props.isOpen === false)) return [3 /*break*/, 2];
|
|
140
135
|
return [4 /*yield*/, this.overlay.dismiss()];
|
|
141
136
|
case 1:
|
|
142
137
|
_a.sent();
|
|
@@ -162,13 +157,7 @@ export var createOverlayComponent = function (tagName, controller, customElement
|
|
|
162
157
|
switch (_d.label) {
|
|
163
158
|
case 0:
|
|
164
159
|
_a = this.props, children = _a.children, isOpen = _a.isOpen, onDidDismiss = _a.onDidDismiss, onDidPresent = _a.onDidPresent, onWillDismiss = _a.onWillDismiss, onWillPresent = _a.onWillPresent, cProps = __rest(_a, ["children", "isOpen", "onDidDismiss", "onDidPresent", "onWillDismiss", "onWillPresent"]);
|
|
165
|
-
elementProps = __assign(__assign({}, cProps), (_c = { ref: this.props.forwardedRef }, _c[didDismissEventName] = this.handleDismiss, _c[didPresentEventName] = function (e) {
|
|
166
|
-
return _this.props.onDidPresent && _this.props.onDidPresent(e);
|
|
167
|
-
}, _c[willDismissEventName] = function (e) {
|
|
168
|
-
return _this.props.onWillDismiss && _this.props.onWillDismiss(e);
|
|
169
|
-
}, _c[willPresentEventName] = function (e) {
|
|
170
|
-
return _this.props.onWillPresent && _this.props.onWillPresent(e);
|
|
171
|
-
}, _c));
|
|
160
|
+
elementProps = __assign(__assign({}, cProps), (_c = { ref: this.props.forwardedRef }, _c[didDismissEventName] = this.handleDismiss, _c[didPresentEventName] = function (e) { return _this.props.onDidPresent && _this.props.onDidPresent(e); }, _c[willDismissEventName] = function (e) { return _this.props.onWillDismiss && _this.props.onWillDismiss(e); }, _c[willPresentEventName] = function (e) { return _this.props.onWillPresent && _this.props.onWillPresent(e); }, _c));
|
|
172
161
|
_b = this;
|
|
173
162
|
return [4 /*yield*/, controller.create(__assign(__assign({}, elementProps), { component: this.el, componentProps: {} }))];
|
|
174
163
|
case 1:
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"createOverlayComponent.js","sourceRoot":"","sources":["../../src/react-component-lib/createOverlayComponent.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,QAAQ,MAAM,WAAW,CAAC;AAGjC,OAAO,
|
|
1
|
+
{"version":3,"file":"createOverlayComponent.js","sourceRoot":"","sources":["../../src/react-component-lib/createOverlayComponent.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,QAAQ,MAAM,WAAW,CAAC;AAGjC,OAAO,EAA4B,WAAW,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AAgB/G,MAAM,CAAC,IAAM,sBAAsB,GAAG,UACpC,OAAe,EACf,UAA8D,EAC9D,aAAmB;IAEnB,mBAAmB,CAAC,OAAO,EAAE,aAAa,CAAC,CAAC;IAE5C,IAAM,WAAW,GAAG,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAC9C,IAAM,mBAAmB,GAAG,OAAK,WAAW,eAAY,CAAC;IACzD,IAAM,mBAAmB,GAAG,OAAK,WAAW,eAAY,CAAC;IACzD,IAAM,oBAAoB,GAAG,OAAK,WAAW,gBAAa,CAAC;IAC3D,IAAM,oBAAoB,GAAG,OAAK,WAAW,gBAAa,CAAC;IAO3D,IAAI,YAAY,GAAG,KAAK,CAAC;IAEzB;QAAsB,2BAAsB;QAI1C,iBAAY,KAAY;YAAxB,YACE,kBAAM,KAAK,CAAC,SAKb;YAJC,IAAI,OAAO,QAAQ,KAAK,WAAW,EAAE;gBACnC,KAAI,CAAC,EAAE,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;aACzC;YACD,KAAI,CAAC,aAAa,GAAG,KAAI,CAAC,aAAa,CAAC,IAAI,CAAC,KAAI,CAAC,CAAC;;QACrD,CAAC;QAED,sBAAW,sBAAW;iBAAtB;gBACE,OAAO,WAAW,CAAC;YACrB,CAAC;;;WAAA;QAED,mCAAiB,GAAjB;YACE,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE;gBACrB,IAAI,CAAC,OAAO,EAAE,CAAC;aAChB;QACH,CAAC;QAED,sCAAoB,GAApB;YACE,IAAI,IAAI,CAAC,OAAO,EAAE;gBAChB,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE,CAAC;aACxB;QACH,CAAC;QAED,+BAAa,GAAb,UAAc,KAA2C;YACvD,IAAI,IAAI,CAAC,KAAK,CAAC,YAAY,EAAE;gBAC3B,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;aAChC;YACD,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,YAAY,EAAE,IAAI,CAAC,CAAC;QACxC,CAAC;QAED,uCAAqB,GAArB,UAAsB,SAAgB;YACpC,qDAAqD;YACrD,IAAI,IAAI,CAAC,OAAO,IAAI,SAAS,CAAC,MAAM,KAAK,IAAI,CAAC,KAAK,CAAC,MAAM,IAAI,SAAS,CAAC,MAAM,KAAK,KAAK,EAAE;gBACxF,YAAY,GAAG,IAAI,CAAC;aACrB;YAED,OAAO,IAAI,CAAC;QACd,CAAC;QAEK,oCAAkB,GAAxB,UAAyB,SAAgB;;;;;4BACvC,IAAI,IAAI,CAAC,OAAO,EAAE;gCAChB,WAAW,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC;6BAClD;4BAED,IAAI,SAAS,CAAC,MAAM,KAAK,IAAI,CAAC,KAAK,CAAC,MAAM,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,KAAK,IAAI,EAAE;gCACxE,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;6BACzB;iCACG,CAAA,IAAI,CAAC,OAAO,IAAI,SAAS,CAAC,MAAM,KAAK,IAAI,CAAC,KAAK,CAAC,MAAM,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,KAAK,KAAK,CAAA,EAArF,wBAAqF;4BACvF,qBAAM,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE,EAAA;;4BAA5B,SAA4B,CAAC;4BAC7B,YAAY,GAAG,KAAK,CAAC;4BAErB;;;;+BAIG;4BACH,IAAI,CAAC,WAAW,EAAE,CAAC;;;;;;SAEtB;QAEK,yBAAO,GAAb,UAAc,SAAiB;;;;;;;;4BACvB,KAA4F,IAAI,CAAC,KAAK,EAApG,QAAQ,cAAA,EAAE,MAAM,YAAA,EAAE,YAAY,kBAAA,EAAE,YAAY,kBAAA,EAAE,aAAa,mBAAA,EAAE,aAAa,mBAAA,EAAK,MAAM,cAAvF,wFAAyF,CAAF,CAAgB;4BACvG,YAAY,yBACb,MAAM,WACT,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY,OAC3B,mBAAmB,IAAG,IAAI,CAAC,aAAa,KACxC,mBAAmB,IAAG,UAAC,CAAc,IAAK,OAAA,KAAI,CAAC,KAAK,CAAC,YAAY,IAAI,KAAI,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,EAArD,CAAqD,KAC/F,oBAAoB,IAAG,UAAC,CAAc,IAAK,OAAA,KAAI,CAAC,KAAK,CAAC,aAAa,IAAI,KAAI,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,EAAvD,CAAuD,KAClG,oBAAoB,IAAG,UAAC,CAAc,IAAK,OAAA,KAAI,CAAC,KAAK,CAAC,aAAa,IAAI,KAAI,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,EAAvD,CAAuD,MACpG,CAAC;4BAEF,KAAA,IAAI,CAAA;4BAAW,qBAAM,UAAU,CAAC,MAAM,uBACjC,YAAY,KACf,SAAS,EAAE,IAAI,CAAC,EAAE,EAClB,cAAc,EAAE,EAAE,IAClB,EAAA;;4BAJF,GAAK,OAAO,GAAG,SAIb,CAAC;4BAEH,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,YAAY,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC;4BAC9C,WAAW,CAAC,IAAI,CAAC,OAAO,EAAE,YAAY,EAAE,SAAS,CAAC,CAAC;4BAEnD,qBAAM,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE,EAAA;;4BAA5B,SAA4B,CAAC;;;;;SAC9B;QAED,wBAAM,GAAN;YACE;;;;eAIG;YACH,OAAO,QAAQ,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,IAAI,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE,CAAC,CAAC;QACxG,CAAC;QACH,cAAC;IAAD,CAAC,AAhGD,CAAsB,KAAK,CAAC,SAAS,GAgGpC;IAED,OAAO,KAAK,CAAC,UAAU,CAAqB,UAAC,KAAK,EAAE,GAAG;QACrD,OAAO,oBAAC,OAAO,eAAK,KAAK,IAAE,YAAY,EAAE,GAAG,IAAI,CAAC;IACnD,CAAC,CAAC,CAAC;AACL,CAAC,CAAC"}
|
|
@@ -1,11 +1,9 @@
|
|
|
1
1
|
export var dashToPascalCase = function (str) {
|
|
2
2
|
return str
|
|
3
3
|
.toLowerCase()
|
|
4
|
-
.split(
|
|
4
|
+
.split('-')
|
|
5
5
|
.map(function (segment) { return segment.charAt(0).toUpperCase() + segment.slice(1); })
|
|
6
|
-
.join(
|
|
7
|
-
};
|
|
8
|
-
export var camelToDashCase = function (str) {
|
|
9
|
-
return str.replace(/([A-Z])/g, function (m) { return "-" + m[0].toLowerCase(); });
|
|
6
|
+
.join('');
|
|
10
7
|
};
|
|
8
|
+
export var camelToDashCase = function (str) { return str.replace(/([A-Z])/g, function (m) { return "-" + m[0].toLowerCase(); }); };
|
|
11
9
|
//# sourceMappingURL=case.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"case.js","sourceRoot":"","sources":["../../../src/react-component-lib/utils/case.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,IAAM,gBAAgB,GAAG,UAAC,GAAW;IAC1C,OAAA,GAAG;SACA,WAAW,EAAE;SACb,KAAK,CAAC,GAAG,CAAC;SACV,GAAG,CAAC,UAAC,OAAO,IAAK,OAAA,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,EAAlD,CAAkD,CAAC;SACpE,IAAI,CAAC,EAAE,CAAC;AAJX,CAIW,CAAC;AACd,MAAM,CAAC,IAAM,eAAe,GAAG,UAAC,GAAW
|
|
1
|
+
{"version":3,"file":"case.js","sourceRoot":"","sources":["../../../src/react-component-lib/utils/case.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,IAAM,gBAAgB,GAAG,UAAC,GAAW;IAC1C,OAAA,GAAG;SACA,WAAW,EAAE;SACb,KAAK,CAAC,GAAG,CAAC;SACV,GAAG,CAAC,UAAC,OAAO,IAAK,OAAA,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,EAAlD,CAAkD,CAAC;SACpE,IAAI,CAAC,EAAE,CAAC;AAJX,CAIW,CAAC;AACd,MAAM,CAAC,IAAM,eAAe,GAAG,UAAC,GAAW,IAAK,OAAA,GAAG,CAAC,OAAO,CAAC,UAAU,EAAE,UAAC,CAAS,IAAK,OAAA,MAAI,CAAC,CAAC,CAAC,CAAC,CAAC,WAAW,EAAI,EAAxB,CAAwB,CAAC,EAAhE,CAAgE,CAAC"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import React from
|
|
2
|
-
import type { StyleReactProps } from
|
|
3
|
-
export declare type StencilReactExternalProps<PropType, ElementType> = PropType & Omit<React.HTMLAttributes<ElementType>,
|
|
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
4
|
export declare type StencilReactForwardedRef<T> = ((instance: T | null) => void) | React.MutableRefObject<T | null> | null;
|
|
5
5
|
export declare const setRef: (ref: StencilReactForwardedRef<any> | React.Ref<any> | undefined, value: any) => void;
|
|
6
6
|
export declare const mergeRefs: (...refs: (StencilReactForwardedRef<any> | React.Ref<any> | undefined)[]) => React.RefCallback<any>;
|
|
7
7
|
export declare const createForwardRef: <PropType, ElementType>(ReactComponent: any, displayName: string) => React.ForwardRefExoticComponent<React.PropsWithoutRef<StencilReactExternalProps<PropType, ElementType>> & React.RefAttributes<ElementType>>;
|
|
8
8
|
export declare const defineCustomElement: (tagName: string, customElement: any) => void;
|
|
9
|
-
export * from
|
|
10
|
-
export * from
|
|
9
|
+
export * from './attachProps';
|
|
10
|
+
export * from './case';
|
|
@@ -9,9 +9,9 @@ var __assign = (this && this.__assign) || function () {
|
|
|
9
9
|
};
|
|
10
10
|
return __assign.apply(this, arguments);
|
|
11
11
|
};
|
|
12
|
-
import React from
|
|
12
|
+
import React from 'react';
|
|
13
13
|
export var setRef = function (ref, value) {
|
|
14
|
-
if (typeof ref ===
|
|
14
|
+
if (typeof ref === 'function') {
|
|
15
15
|
ref(value);
|
|
16
16
|
}
|
|
17
17
|
else if (ref != null) {
|
|
@@ -38,12 +38,10 @@ export var createForwardRef = function (ReactComponent, displayName) {
|
|
|
38
38
|
return React.forwardRef(forwardRef);
|
|
39
39
|
};
|
|
40
40
|
export var defineCustomElement = function (tagName, customElement) {
|
|
41
|
-
if (customElement !== undefined &&
|
|
42
|
-
typeof customElements !== "undefined" &&
|
|
43
|
-
!customElements.get(tagName)) {
|
|
41
|
+
if (customElement !== undefined && typeof customElements !== 'undefined' && !customElements.get(tagName)) {
|
|
44
42
|
customElements.define(tagName, customElement);
|
|
45
43
|
}
|
|
46
44
|
};
|
|
47
|
-
export * from
|
|
48
|
-
export * from
|
|
45
|
+
export * from './attachProps';
|
|
46
|
+
export * from './case';
|
|
49
47
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/react-component-lib/utils/index.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/react-component-lib/utils/index.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAW1B,MAAM,CAAC,IAAM,MAAM,GAAG,UAAC,GAA+D,EAAE,KAAU;IAChG,IAAI,OAAO,GAAG,KAAK,UAAU,EAAE;QAC7B,GAAG,CAAC,KAAK,CAAC,CAAC;KACZ;SAAM,IAAI,GAAG,IAAI,IAAI,EAAE;QACtB,gDAAgD;QAC/C,GAAmC,CAAC,OAAO,GAAG,KAAK,CAAC;KACtD;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,SAAS,GAAG;IACvB,cAAuE;SAAvE,UAAuE,EAAvE,qBAAuE,EAAvE,IAAuE;QAAvE,yBAAuE;;IAEvE,OAAO,UAAC,KAAU;QAChB,IAAI,CAAC,OAAO,CAAC,UAAC,GAAG;YACf,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;QACrB,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,gBAAgB,GAAG,UAAwB,cAAmB,EAAE,WAAmB;IAC9F,IAAM,UAAU,GAAG,UACjB,KAAuD,EACvD,GAA0C;QAE1C,OAAO,oBAAC,cAAc,eAAK,KAAK,IAAE,YAAY,EAAE,GAAG,IAAI,CAAC;IAC1D,CAAC,CAAC;IACF,UAAU,CAAC,WAAW,GAAG,WAAW,CAAC;IAErC,OAAO,KAAK,CAAC,UAAU,CAAC,UAAU,CAAC,CAAC;AACtC,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,mBAAmB,GAAG,UAAC,OAAe,EAAE,aAAkB;IACrE,IAAI,aAAa,KAAK,SAAS,IAAI,OAAO,cAAc,KAAK,WAAW,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE;QACxG,cAAc,CAAC,MAAM,CAAC,OAAO,EAAE,aAAa,CAAC,CAAC;KAC/C;AACH,CAAC,CAAC;AAEF,cAAc,eAAe,CAAC;AAC9B,cAAc,QAAQ,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@watermarkinsights/ripple-react",
|
|
3
|
-
"version": "3.
|
|
3
|
+
"version": "3.26.0",
|
|
4
4
|
"description": "React specific wrappers for Ripple component library",
|
|
5
5
|
"scripts": {
|
|
6
6
|
"build": "npm run clean && npm run compile",
|
|
@@ -43,6 +43,6 @@
|
|
|
43
43
|
]
|
|
44
44
|
},
|
|
45
45
|
"dependencies": {
|
|
46
|
-
"@watermarkinsights/ripple": "3.
|
|
46
|
+
"@watermarkinsights/ripple": "3.26.0"
|
|
47
47
|
}
|
|
48
48
|
}
|