@peculiar/certificates-viewer-react 2.0.0 → 3.0.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/README.md +1 -1
- package/dist/cjs/components.js +6 -6
- package/dist/cjs/index.js +8 -4
- package/dist/cjs/react-component-lib/createComponent.js +7 -6
- package/dist/cjs/react-component-lib/index.js +1 -0
- package/dist/cjs/react-component-lib/utils/attachProps.js +12 -8
- package/dist/cjs/react-component-lib/utils/case.js +4 -2
- package/dist/cjs/react-component-lib/utils/dev.js +5 -3
- package/dist/cjs/react-component-lib/utils/index.js +10 -4
- package/dist/esm/components.js +3 -3
- package/dist/esm/react-component-lib/interfaces.js +1 -0
- package/dist/esnext/components.js +3 -3
- package/dist/esnext/react-component-lib/createComponent.js +4 -3
- package/dist/esnext/react-component-lib/interfaces.js +1 -0
- package/dist/esnext/react-component-lib/utils/index.js +1 -1
- package/dist/types/components.d.ts +6 -6
- package/dist/types/react-component-lib/createComponent.d.ts +1 -1
- package/dist/types/react-component-lib/utils/index.d.ts +1 -1
- package/package.json +4 -4
package/README.md
CHANGED
|
@@ -30,5 +30,5 @@ ReactDOM.render(
|
|
|
30
30
|
And add styles file to your HTML.
|
|
31
31
|
|
|
32
32
|
```html
|
|
33
|
-
<link rel="stylesheet" href="https://
|
|
33
|
+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@peculiar/certificates-viewer/dist/peculiar/peculiar.css">
|
|
34
34
|
```
|
package/dist/cjs/components.js
CHANGED
|
@@ -7,12 +7,12 @@
|
|
|
7
7
|
* LICENSE file in the root directory of this source tree.
|
|
8
8
|
*/
|
|
9
9
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
|
-
exports.
|
|
10
|
+
exports.PeculiarCsrViewer = exports.PeculiarCertificatesViewer = exports.PeculiarCertificateViewer = exports.PeculiarCertificateDecoder = exports.PeculiarAttributeCertificateViewer = void 0;
|
|
11
11
|
/* eslint-disable */
|
|
12
12
|
/* tslint:disable */
|
|
13
13
|
const react_component_lib_1 = require("./react-component-lib");
|
|
14
|
-
exports.
|
|
15
|
-
exports.
|
|
16
|
-
exports.
|
|
17
|
-
exports.PeculiarCertificatesViewer = react_component_lib_1.createReactComponent('peculiar-certificates-viewer');
|
|
18
|
-
exports.
|
|
14
|
+
exports.PeculiarAttributeCertificateViewer = (0, react_component_lib_1.createReactComponent)('peculiar-attribute-certificate-viewer');
|
|
15
|
+
exports.PeculiarCertificateDecoder = (0, react_component_lib_1.createReactComponent)('peculiar-certificate-decoder');
|
|
16
|
+
exports.PeculiarCertificateViewer = (0, react_component_lib_1.createReactComponent)('peculiar-certificate-viewer');
|
|
17
|
+
exports.PeculiarCertificatesViewer = (0, react_component_lib_1.createReactComponent)('peculiar-certificates-viewer');
|
|
18
|
+
exports.PeculiarCsrViewer = (0, react_component_lib_1.createReactComponent)('peculiar-csr-viewer');
|
package/dist/cjs/index.js
CHANGED
|
@@ -8,18 +8,22 @@
|
|
|
8
8
|
*/
|
|
9
9
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
10
10
|
if (k2 === undefined) k2 = k;
|
|
11
|
-
Object.
|
|
11
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
12
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
13
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
14
|
+
}
|
|
15
|
+
Object.defineProperty(o, k2, desc);
|
|
12
16
|
}) : (function(o, m, k, k2) {
|
|
13
17
|
if (k2 === undefined) k2 = k;
|
|
14
18
|
o[k2] = m[k];
|
|
15
19
|
}));
|
|
16
20
|
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
17
|
-
for (var p in m) if (p !== "default" && !
|
|
21
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
18
22
|
};
|
|
19
23
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
20
24
|
const loader_1 = require("@peculiar/certificates-viewer/loader");
|
|
21
25
|
__exportStar(require("./components"), exports);
|
|
22
26
|
if (typeof window !== 'undefined') {
|
|
23
|
-
loader_1.applyPolyfills()
|
|
24
|
-
.then(() => loader_1.defineCustomElements(window));
|
|
27
|
+
(0, loader_1.applyPolyfills)()
|
|
28
|
+
.then(() => (0, loader_1.defineCustomElements)(window));
|
|
25
29
|
}
|
|
@@ -14,8 +14,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
14
14
|
exports.createReactComponent = void 0;
|
|
15
15
|
const React = require("react");
|
|
16
16
|
const utils_1 = require("./utils");
|
|
17
|
-
|
|
18
|
-
const displayName = utils_1.dashToPascalCase(tagName);
|
|
17
|
+
const createReactComponent = (tagName, ReactComponentContext, manipulatePropsFunction) => {
|
|
18
|
+
const displayName = (0, utils_1.dashToPascalCase)(tagName);
|
|
19
19
|
const ReactComponent = class extends React.Component {
|
|
20
20
|
constructor(props) {
|
|
21
21
|
super(props);
|
|
@@ -27,14 +27,14 @@ exports.createReactComponent = (tagName, ReactComponentContext, manipulatePropsF
|
|
|
27
27
|
this.componentDidUpdate(this.props);
|
|
28
28
|
}
|
|
29
29
|
componentDidUpdate(prevProps) {
|
|
30
|
-
utils_1.attachProps(this.componentEl, this.props, prevProps);
|
|
30
|
+
(0, utils_1.attachProps)(this.componentEl, this.props, prevProps);
|
|
31
31
|
}
|
|
32
32
|
render() {
|
|
33
33
|
const _a = this.props, { children, forwardedRef, style, className, ref } = _a, cProps = __rest(_a, ["children", "forwardedRef", "style", "className", "ref"]);
|
|
34
34
|
let propsToPass = Object.keys(cProps).reduce((acc, name) => {
|
|
35
35
|
if (name.indexOf('on') === 0 && name[2] === name[2].toUpperCase()) {
|
|
36
36
|
const eventName = name.substring(2).toLowerCase();
|
|
37
|
-
if (typeof document !== 'undefined' && utils_1.isCoveredByReact(eventName, document)) {
|
|
37
|
+
if (typeof document !== 'undefined' && (0, utils_1.isCoveredByReact)(eventName, document)) {
|
|
38
38
|
acc[name] = cProps[name];
|
|
39
39
|
}
|
|
40
40
|
}
|
|
@@ -46,7 +46,7 @@ exports.createReactComponent = (tagName, ReactComponentContext, manipulatePropsF
|
|
|
46
46
|
if (manipulatePropsFunction) {
|
|
47
47
|
propsToPass = manipulatePropsFunction(this.props, propsToPass);
|
|
48
48
|
}
|
|
49
|
-
let newProps = Object.assign(Object.assign({}, propsToPass), { ref: utils_1.mergeRefs(forwardedRef, this.setComponentElRef), style });
|
|
49
|
+
let newProps = Object.assign(Object.assign({}, propsToPass), { ref: (0, utils_1.mergeRefs)(forwardedRef, this.setComponentElRef), style });
|
|
50
50
|
return React.createElement(tagName, newProps, children);
|
|
51
51
|
}
|
|
52
52
|
static get displayName() {
|
|
@@ -57,5 +57,6 @@ exports.createReactComponent = (tagName, ReactComponentContext, manipulatePropsF
|
|
|
57
57
|
if (ReactComponentContext) {
|
|
58
58
|
ReactComponent.contextType = ReactComponentContext;
|
|
59
59
|
}
|
|
60
|
-
return utils_1.createForwardRef(ReactComponent, displayName);
|
|
60
|
+
return (0, utils_1.createForwardRef)(ReactComponent, displayName);
|
|
61
61
|
};
|
|
62
|
+
exports.createReactComponent = createReactComponent;
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.createReactComponent = void 0;
|
|
3
4
|
var createComponent_1 = require("./createComponent");
|
|
4
5
|
Object.defineProperty(exports, "createReactComponent", { enumerable: true, get: function () { return createComponent_1.createReactComponent; } });
|
|
@@ -2,11 +2,11 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.syncEvent = exports.isCoveredByReact = exports.getClassName = exports.attachProps = void 0;
|
|
4
4
|
const case_1 = require("./case");
|
|
5
|
-
|
|
5
|
+
const attachProps = (node, newProps, oldProps = {}) => {
|
|
6
6
|
// some test frameworks don't render DOM elements, so we test here to make sure we are dealing with DOM first
|
|
7
7
|
if (node instanceof Element) {
|
|
8
8
|
// add any classes in className to the class list
|
|
9
|
-
const className = exports.getClassName(node.classList, newProps, oldProps);
|
|
9
|
+
const className = (0, exports.getClassName)(node.classList, newProps, oldProps);
|
|
10
10
|
if (className !== '') {
|
|
11
11
|
node.className = className;
|
|
12
12
|
}
|
|
@@ -22,15 +22,15 @@ exports.attachProps = (node, newProps, oldProps = {}) => {
|
|
|
22
22
|
if (name.indexOf('on') === 0 && name[2] === name[2].toUpperCase()) {
|
|
23
23
|
const eventName = name.substring(2);
|
|
24
24
|
const eventNameLc = eventName[0].toLowerCase() + eventName.substring(1);
|
|
25
|
-
if (typeof document !== 'undefined' && !exports.isCoveredByReact(eventNameLc, document)) {
|
|
26
|
-
exports.syncEvent(node, eventNameLc, newProps[name]);
|
|
25
|
+
if (typeof document !== 'undefined' && !(0, exports.isCoveredByReact)(eventNameLc, document)) {
|
|
26
|
+
(0, exports.syncEvent)(node, eventNameLc, newProps[name]);
|
|
27
27
|
}
|
|
28
28
|
}
|
|
29
29
|
else {
|
|
30
30
|
node[name] = newProps[name];
|
|
31
31
|
const propType = typeof newProps[name];
|
|
32
32
|
if (propType === 'string') {
|
|
33
|
-
node.setAttribute(case_1.camelToDashCase(name), newProps[name]);
|
|
33
|
+
node.setAttribute((0, case_1.camelToDashCase)(name), newProps[name]);
|
|
34
34
|
}
|
|
35
35
|
else {
|
|
36
36
|
node[name] = newProps[name];
|
|
@@ -39,7 +39,8 @@ exports.attachProps = (node, newProps, oldProps = {}) => {
|
|
|
39
39
|
});
|
|
40
40
|
}
|
|
41
41
|
};
|
|
42
|
-
exports.
|
|
42
|
+
exports.attachProps = attachProps;
|
|
43
|
+
const getClassName = (classList, newProps, oldProps) => {
|
|
43
44
|
const newClassProp = newProps.className || newProps.class;
|
|
44
45
|
const oldClassProp = oldProps.className || oldProps.class;
|
|
45
46
|
// map the classes to Maps for performance
|
|
@@ -63,11 +64,12 @@ exports.getClassName = (classList, newProps, oldProps) => {
|
|
|
63
64
|
incomingPropClasses.forEach((s) => finalClassNames.push(s));
|
|
64
65
|
return finalClassNames.join(' ');
|
|
65
66
|
};
|
|
67
|
+
exports.getClassName = getClassName;
|
|
66
68
|
/**
|
|
67
69
|
* Checks if an event is supported in the current execution environment.
|
|
68
70
|
* @license Modernizr 3.0.0pre (Custom Build) | MIT
|
|
69
71
|
*/
|
|
70
|
-
|
|
72
|
+
const isCoveredByReact = (eventNameSuffix, doc) => {
|
|
71
73
|
const eventName = `on${eventNameSuffix}`;
|
|
72
74
|
let isSupported = eventName in doc;
|
|
73
75
|
if (!isSupported) {
|
|
@@ -77,7 +79,8 @@ exports.isCoveredByReact = (eventNameSuffix, doc) => {
|
|
|
77
79
|
}
|
|
78
80
|
return isSupported;
|
|
79
81
|
};
|
|
80
|
-
exports.
|
|
82
|
+
exports.isCoveredByReact = isCoveredByReact;
|
|
83
|
+
const syncEvent = (node, eventName, newEventHandler) => {
|
|
81
84
|
const eventStore = node.__events || (node.__events = {});
|
|
82
85
|
const oldEventHandler = eventStore[eventName];
|
|
83
86
|
// Remove old listener so they don't double up.
|
|
@@ -91,6 +94,7 @@ exports.syncEvent = (node, eventName, newEventHandler) => {
|
|
|
91
94
|
}
|
|
92
95
|
}));
|
|
93
96
|
};
|
|
97
|
+
exports.syncEvent = syncEvent;
|
|
94
98
|
const arrayToMap = (arr) => {
|
|
95
99
|
const map = new Map();
|
|
96
100
|
arr.forEach((s) => map.set(s, s));
|
|
@@ -1,9 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.camelToDashCase = exports.dashToPascalCase = void 0;
|
|
4
|
-
|
|
4
|
+
const dashToPascalCase = (str) => str
|
|
5
5
|
.toLowerCase()
|
|
6
6
|
.split('-')
|
|
7
7
|
.map((segment) => segment.charAt(0).toUpperCase() + segment.slice(1))
|
|
8
8
|
.join('');
|
|
9
|
-
exports.
|
|
9
|
+
exports.dashToPascalCase = dashToPascalCase;
|
|
10
|
+
const camelToDashCase = (str) => str.replace(/([A-Z])/g, (m) => `-${m[0].toLowerCase()}`);
|
|
11
|
+
exports.camelToDashCase = camelToDashCase;
|
|
@@ -1,15 +1,17 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.deprecationWarning = exports.isDevMode = void 0;
|
|
4
|
-
|
|
4
|
+
const isDevMode = () => {
|
|
5
5
|
return process && process.env && process.env.NODE_ENV === 'development';
|
|
6
6
|
};
|
|
7
|
+
exports.isDevMode = isDevMode;
|
|
7
8
|
const warnings = {};
|
|
8
|
-
|
|
9
|
-
if (exports.isDevMode()) {
|
|
9
|
+
const deprecationWarning = (key, message) => {
|
|
10
|
+
if ((0, exports.isDevMode)()) {
|
|
10
11
|
if (!warnings[key]) {
|
|
11
12
|
console.warn(message);
|
|
12
13
|
warnings[key] = true;
|
|
13
14
|
}
|
|
14
15
|
}
|
|
15
16
|
};
|
|
17
|
+
exports.deprecationWarning = deprecationWarning;
|
|
@@ -1,19 +1,23 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
3
|
if (k2 === undefined) k2 = k;
|
|
4
|
-
Object.
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
5
9
|
}) : (function(o, m, k, k2) {
|
|
6
10
|
if (k2 === undefined) k2 = k;
|
|
7
11
|
o[k2] = m[k];
|
|
8
12
|
}));
|
|
9
13
|
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
10
|
-
for (var p in m) if (p !== "default" && !
|
|
14
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
11
15
|
};
|
|
12
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
13
17
|
exports.createForwardRef = exports.mergeRefs = void 0;
|
|
14
18
|
const React = require("react");
|
|
15
19
|
// The comma in the type is to trick typescript because it things a single generic in a tsx file is jsx
|
|
16
|
-
|
|
20
|
+
const mergeRefs = (...refs) => (value) => refs.forEach((ref) => {
|
|
17
21
|
if (typeof ref === 'function') {
|
|
18
22
|
ref(value);
|
|
19
23
|
}
|
|
@@ -22,12 +26,14 @@ exports.mergeRefs = (...refs) => (value) => refs.forEach((ref) => {
|
|
|
22
26
|
ref.current = value;
|
|
23
27
|
}
|
|
24
28
|
});
|
|
25
|
-
exports.
|
|
29
|
+
exports.mergeRefs = mergeRefs;
|
|
30
|
+
const createForwardRef = (ReactComponent, displayName) => {
|
|
26
31
|
const forwardRef = (props, ref) => {
|
|
27
32
|
return React.createElement(ReactComponent, Object.assign({}, props, { forwardedRef: ref }));
|
|
28
33
|
};
|
|
29
34
|
forwardRef.displayName = displayName;
|
|
30
35
|
return React.forwardRef(forwardRef);
|
|
31
36
|
};
|
|
37
|
+
exports.createForwardRef = createForwardRef;
|
|
32
38
|
__exportStar(require("./attachProps"), exports);
|
|
33
39
|
__exportStar(require("./case"), exports);
|
package/dist/esm/components.js
CHANGED
|
@@ -8,8 +8,8 @@
|
|
|
8
8
|
/* eslint-disable */
|
|
9
9
|
/* tslint:disable */
|
|
10
10
|
import { createReactComponent } from './react-component-lib';
|
|
11
|
-
export const PeculiarCertificateViewer = /*@__PURE__*/ createReactComponent('peculiar-certificate-viewer');
|
|
12
|
-
export const PeculiarCsrViewer = /*@__PURE__*/ createReactComponent('peculiar-csr-viewer');
|
|
13
11
|
export const PeculiarAttributeCertificateViewer = /*@__PURE__*/ createReactComponent('peculiar-attribute-certificate-viewer');
|
|
14
|
-
export const PeculiarCertificatesViewer = /*@__PURE__*/ createReactComponent('peculiar-certificates-viewer');
|
|
15
12
|
export const PeculiarCertificateDecoder = /*@__PURE__*/ createReactComponent('peculiar-certificate-decoder');
|
|
13
|
+
export const PeculiarCertificateViewer = /*@__PURE__*/ createReactComponent('peculiar-certificate-viewer');
|
|
14
|
+
export const PeculiarCertificatesViewer = /*@__PURE__*/ createReactComponent('peculiar-certificates-viewer');
|
|
15
|
+
export const PeculiarCsrViewer = /*@__PURE__*/ createReactComponent('peculiar-csr-viewer');
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -8,8 +8,8 @@
|
|
|
8
8
|
/* eslint-disable */
|
|
9
9
|
/* tslint:disable */
|
|
10
10
|
import { createReactComponent } from './react-component-lib';
|
|
11
|
-
export const PeculiarCertificateViewer = /*@__PURE__*/ createReactComponent('peculiar-certificate-viewer');
|
|
12
|
-
export const PeculiarCsrViewer = /*@__PURE__*/ createReactComponent('peculiar-csr-viewer');
|
|
13
11
|
export const PeculiarAttributeCertificateViewer = /*@__PURE__*/ createReactComponent('peculiar-attribute-certificate-viewer');
|
|
14
|
-
export const PeculiarCertificatesViewer = /*@__PURE__*/ createReactComponent('peculiar-certificates-viewer');
|
|
15
12
|
export const PeculiarCertificateDecoder = /*@__PURE__*/ createReactComponent('peculiar-certificate-decoder');
|
|
13
|
+
export const PeculiarCertificateViewer = /*@__PURE__*/ createReactComponent('peculiar-certificate-viewer');
|
|
14
|
+
export const PeculiarCertificatesViewer = /*@__PURE__*/ createReactComponent('peculiar-certificates-viewer');
|
|
15
|
+
export const PeculiarCsrViewer = /*@__PURE__*/ createReactComponent('peculiar-csr-viewer');
|
|
@@ -3,11 +3,12 @@ import { attachProps, createForwardRef, dashToPascalCase, isCoveredByReact, merg
|
|
|
3
3
|
export const createReactComponent = (tagName, ReactComponentContext, manipulatePropsFunction) => {
|
|
4
4
|
const displayName = dashToPascalCase(tagName);
|
|
5
5
|
const ReactComponent = class extends React.Component {
|
|
6
|
+
componentEl;
|
|
7
|
+
setComponentElRef = (element) => {
|
|
8
|
+
this.componentEl = element;
|
|
9
|
+
};
|
|
6
10
|
constructor(props) {
|
|
7
11
|
super(props);
|
|
8
|
-
this.setComponentElRef = (element) => {
|
|
9
|
-
this.componentEl = element;
|
|
10
|
-
};
|
|
11
12
|
}
|
|
12
13
|
componentDidMount() {
|
|
13
14
|
this.componentDidUpdate(this.props);
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -11,7 +11,7 @@ export const mergeRefs = (...refs) => (value) => refs.forEach((ref) => {
|
|
|
11
11
|
});
|
|
12
12
|
export const createForwardRef = (ReactComponent, displayName) => {
|
|
13
13
|
const forwardRef = (props, ref) => {
|
|
14
|
-
return React.createElement(ReactComponent,
|
|
14
|
+
return React.createElement(ReactComponent, { ...props, forwardedRef: ref });
|
|
15
15
|
};
|
|
16
16
|
forwardRef.displayName = displayName;
|
|
17
17
|
return React.forwardRef(forwardRef);
|
|
@@ -6,9 +6,9 @@
|
|
|
6
6
|
* LICENSE file in the root directory of this source tree.
|
|
7
7
|
*/
|
|
8
8
|
/// <reference types="react" />
|
|
9
|
-
import { JSX } from '@peculiar/certificates-viewer';
|
|
10
|
-
export declare const
|
|
11
|
-
export declare const
|
|
12
|
-
export declare const
|
|
13
|
-
export declare const PeculiarCertificatesViewer: import("react").ForwardRefExoticComponent<JSX.PeculiarCertificatesViewer &
|
|
14
|
-
export declare const
|
|
9
|
+
import type { JSX } from '@peculiar/certificates-viewer';
|
|
10
|
+
export declare const PeculiarAttributeCertificateViewer: import("react").ForwardRefExoticComponent<JSX.PeculiarAttributeCertificateViewer & Omit<import("react").HTMLAttributes<HTMLPeculiarAttributeCertificateViewerElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLPeculiarAttributeCertificateViewerElement>>;
|
|
11
|
+
export declare const PeculiarCertificateDecoder: import("react").ForwardRefExoticComponent<JSX.PeculiarCertificateDecoder & Omit<import("react").HTMLAttributes<HTMLPeculiarCertificateDecoderElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLPeculiarCertificateDecoderElement>>;
|
|
12
|
+
export declare const PeculiarCertificateViewer: import("react").ForwardRefExoticComponent<JSX.PeculiarCertificateViewer & Omit<import("react").HTMLAttributes<HTMLPeculiarCertificateViewerElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLPeculiarCertificateViewerElement>>;
|
|
13
|
+
export declare const PeculiarCertificatesViewer: import("react").ForwardRefExoticComponent<JSX.PeculiarCertificatesViewer & Omit<import("react").HTMLAttributes<HTMLPeculiarCertificatesViewerElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLPeculiarCertificatesViewerElement>>;
|
|
14
|
+
export declare const PeculiarCsrViewer: import("react").ForwardRefExoticComponent<JSX.PeculiarCsrViewer & Omit<import("react").HTMLAttributes<HTMLPeculiarCsrViewerElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLPeculiarCsrViewerElement>>;
|
|
@@ -6,5 +6,5 @@ interface StencilReactInternalProps<ElementType> extends React.HTMLAttributes<El
|
|
|
6
6
|
forwardedRef: React.RefObject<ElementType>;
|
|
7
7
|
ref?: React.Ref<any>;
|
|
8
8
|
}
|
|
9
|
-
export declare const createReactComponent: <PropType, ElementType extends HTMLStencilElement, ContextStateType = {}, ExpandedPropsTypes = {}>(tagName: string, ReactComponentContext?: React.Context<ContextStateType>, manipulatePropsFunction?: (originalProps: StencilReactInternalProps<ElementType>, propsToPass: any) => ExpandedPropsTypes) => React.ForwardRefExoticComponent<React.PropsWithoutRef<import("./
|
|
9
|
+
export declare const createReactComponent: <PropType, ElementType extends HTMLStencilElement, ContextStateType = {}, ExpandedPropsTypes = {}>(tagName: string, ReactComponentContext?: React.Context<ContextStateType>, manipulatePropsFunction?: (originalProps: StencilReactInternalProps<ElementType>, propsToPass: any) => ExpandedPropsTypes) => React.ForwardRefExoticComponent<React.PropsWithoutRef<PropType & Omit<React.HTMLAttributes<ElementType>, "style"> & import("./interfaces").StyleReactProps> & React.RefAttributes<ElementType>>;
|
|
10
10
|
export {};
|
|
@@ -2,6 +2,6 @@ import * as React from 'react';
|
|
|
2
2
|
import type { StyleReactProps } from '../interfaces';
|
|
3
3
|
export declare type StencilReactExternalProps<PropType, ElementType> = PropType & Omit<React.HTMLAttributes<ElementType>, 'style'> & StyleReactProps;
|
|
4
4
|
export declare const mergeRefs: <ElementType>(...refs: React.Ref<ElementType>[]) => (value: ElementType) => void;
|
|
5
|
-
export declare const createForwardRef: <PropType, ElementType>(ReactComponent: any, displayName: string) => React.ForwardRefExoticComponent<React.PropsWithoutRef<
|
|
5
|
+
export declare const createForwardRef: <PropType, ElementType>(ReactComponent: any, displayName: string) => React.ForwardRefExoticComponent<React.PropsWithoutRef<PropType & Omit<React.HTMLAttributes<ElementType>, "style"> & StyleReactProps> & React.RefAttributes<ElementType>>;
|
|
6
6
|
export * from './attachProps';
|
|
7
7
|
export * from './case';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@peculiar/certificates-viewer-react",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "3.0.0",
|
|
4
4
|
"private": false,
|
|
5
5
|
"description": "",
|
|
6
6
|
"main": "dist/cjs/index.js",
|
|
@@ -32,14 +32,14 @@
|
|
|
32
32
|
"@types/react": "^16.9.46",
|
|
33
33
|
"react": "^16.13.1",
|
|
34
34
|
"rimraf": "^3.0.2",
|
|
35
|
-
"typescript": "^
|
|
35
|
+
"typescript": "^4.0.5"
|
|
36
36
|
},
|
|
37
37
|
"dependencies": {
|
|
38
|
-
"@peculiar/certificates-viewer": "^
|
|
38
|
+
"@peculiar/certificates-viewer": "^3.0.0",
|
|
39
39
|
"tslib": "^2.4.0"
|
|
40
40
|
},
|
|
41
41
|
"peerDependencies": {
|
|
42
42
|
"react": "^16.13.1"
|
|
43
43
|
},
|
|
44
|
-
"gitHead": "
|
|
44
|
+
"gitHead": "ded8c64ca62bde49f0ec0533e83832ab271a0828"
|
|
45
45
|
}
|