@verdocs/web-sdk-react 1.0.25 → 1.4.2
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/components.d.ts +32 -14
- package/dist/components.js +32 -14
- package/dist/components.js.map +1 -1
- package/dist/react-component-lib/createComponent.d.ts +1 -1
- package/dist/react-component-lib/createComponent.js +22 -7
- package/dist/react-component-lib/createComponent.js.map +1 -1
- package/dist/react-component-lib/interfaces.js +1 -0
- package/dist/verdocs-web-sdk.css +1 -0
- package/package.json +11 -11
package/dist/components.d.ts
CHANGED
|
@@ -1,16 +1,34 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import type { JSX } from '@verdocs/web-sdk';
|
|
3
|
-
export declare const
|
|
4
|
-
export declare const
|
|
5
|
-
export declare const
|
|
6
|
-
export declare const
|
|
7
|
-
export declare const
|
|
8
|
-
export declare const
|
|
9
|
-
export declare const
|
|
10
|
-
export declare const
|
|
11
|
-
export declare const
|
|
12
|
-
export declare const
|
|
13
|
-
export declare const
|
|
14
|
-
export declare const
|
|
15
|
-
export declare const
|
|
16
|
-
export declare const
|
|
3
|
+
export declare const VerdocsAuth: import("react").ForwardRefExoticComponent<JSX.VerdocsAuth & Omit<import("react").HTMLAttributes<HTMLVerdocsAuthElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVerdocsAuthElement>>;
|
|
4
|
+
export declare const VerdocsButton: import("react").ForwardRefExoticComponent<JSX.VerdocsButton & Omit<import("react").HTMLAttributes<HTMLVerdocsButtonElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVerdocsButtonElement>>;
|
|
5
|
+
export declare const VerdocsDropdown: import("react").ForwardRefExoticComponent<JSX.VerdocsDropdown & Omit<import("react").HTMLAttributes<HTMLVerdocsDropdownElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVerdocsDropdownElement>>;
|
|
6
|
+
export declare const VerdocsFieldAttachment: import("react").ForwardRefExoticComponent<JSX.VerdocsFieldAttachment & Omit<import("react").HTMLAttributes<HTMLVerdocsFieldAttachmentElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVerdocsFieldAttachmentElement>>;
|
|
7
|
+
export declare const VerdocsFieldCheckbox: import("react").ForwardRefExoticComponent<JSX.VerdocsFieldCheckbox & Omit<import("react").HTMLAttributes<HTMLVerdocsFieldCheckboxElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVerdocsFieldCheckboxElement>>;
|
|
8
|
+
export declare const VerdocsFieldDate: import("react").ForwardRefExoticComponent<JSX.VerdocsFieldDate & Omit<import("react").HTMLAttributes<HTMLVerdocsFieldDateElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVerdocsFieldDateElement>>;
|
|
9
|
+
export declare const VerdocsFieldDropdown: import("react").ForwardRefExoticComponent<JSX.VerdocsFieldDropdown & Omit<import("react").HTMLAttributes<HTMLVerdocsFieldDropdownElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVerdocsFieldDropdownElement>>;
|
|
10
|
+
export declare const VerdocsFieldInitial: import("react").ForwardRefExoticComponent<JSX.VerdocsFieldInitial & Omit<import("react").HTMLAttributes<HTMLVerdocsFieldInitialElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVerdocsFieldInitialElement>>;
|
|
11
|
+
export declare const VerdocsFieldPayment: import("react").ForwardRefExoticComponent<JSX.VerdocsFieldPayment & Omit<import("react").HTMLAttributes<HTMLVerdocsFieldPaymentElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVerdocsFieldPaymentElement>>;
|
|
12
|
+
export declare const VerdocsFieldRadioButton: import("react").ForwardRefExoticComponent<JSX.VerdocsFieldRadioButton & Omit<import("react").HTMLAttributes<HTMLVerdocsFieldRadioButtonElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVerdocsFieldRadioButtonElement>>;
|
|
13
|
+
export declare const VerdocsFieldSignature: import("react").ForwardRefExoticComponent<JSX.VerdocsFieldSignature & Omit<import("react").HTMLAttributes<HTMLVerdocsFieldSignatureElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVerdocsFieldSignatureElement>>;
|
|
14
|
+
export declare const VerdocsFieldTextarea: import("react").ForwardRefExoticComponent<JSX.VerdocsFieldTextarea & Omit<import("react").HTMLAttributes<HTMLVerdocsFieldTextareaElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVerdocsFieldTextareaElement>>;
|
|
15
|
+
export declare const VerdocsFieldTextbox: import("react").ForwardRefExoticComponent<JSX.VerdocsFieldTextbox & Omit<import("react").HTMLAttributes<HTMLVerdocsFieldTextboxElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVerdocsFieldTextboxElement>>;
|
|
16
|
+
export declare const VerdocsInitialDialog: import("react").ForwardRefExoticComponent<JSX.VerdocsInitialDialog & Omit<import("react").HTMLAttributes<HTMLVerdocsInitialDialogElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVerdocsInitialDialogElement>>;
|
|
17
|
+
export declare const VerdocsKbaDialog: import("react").ForwardRefExoticComponent<JSX.VerdocsKbaDialog & Omit<import("react").HTMLAttributes<HTMLVerdocsKbaDialogElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVerdocsKbaDialogElement>>;
|
|
18
|
+
export declare const VerdocsLoader: import("react").ForwardRefExoticComponent<JSX.VerdocsLoader & Omit<import("react").HTMLAttributes<HTMLVerdocsLoaderElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVerdocsLoaderElement>>;
|
|
19
|
+
export declare const VerdocsOkDialog: import("react").ForwardRefExoticComponent<JSX.VerdocsOkDialog & Omit<import("react").HTMLAttributes<HTMLVerdocsOkDialogElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVerdocsOkDialogElement>>;
|
|
20
|
+
export declare const VerdocsOrganizationCard: import("react").ForwardRefExoticComponent<JSX.VerdocsOrganizationCard & Omit<import("react").HTMLAttributes<HTMLVerdocsOrganizationCardElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVerdocsOrganizationCardElement>>;
|
|
21
|
+
export declare const VerdocsQuickFunctions: import("react").ForwardRefExoticComponent<JSX.VerdocsQuickFunctions & Omit<import("react").HTMLAttributes<HTMLVerdocsQuickFunctionsElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVerdocsQuickFunctionsElement>>;
|
|
22
|
+
export declare const VerdocsSearch: import("react").ForwardRefExoticComponent<JSX.VerdocsSearch & Omit<import("react").HTMLAttributes<HTMLVerdocsSearchElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVerdocsSearchElement>>;
|
|
23
|
+
export declare const VerdocsSearchActivity: import("react").ForwardRefExoticComponent<JSX.VerdocsSearchActivity & Omit<import("react").HTMLAttributes<HTMLVerdocsSearchActivityElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVerdocsSearchActivityElement>>;
|
|
24
|
+
export declare const VerdocsSearchBox: import("react").ForwardRefExoticComponent<JSX.VerdocsSearchBox & Omit<import("react").HTMLAttributes<HTMLVerdocsSearchBoxElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVerdocsSearchBoxElement>>;
|
|
25
|
+
export declare const VerdocsSearchTabs: import("react").ForwardRefExoticComponent<JSX.VerdocsSearchTabs & Omit<import("react").HTMLAttributes<HTMLVerdocsSearchTabsElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVerdocsSearchTabsElement>>;
|
|
26
|
+
export declare const VerdocsSign: import("react").ForwardRefExoticComponent<JSX.VerdocsSign & Omit<import("react").HTMLAttributes<HTMLVerdocsSignElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVerdocsSignElement>>;
|
|
27
|
+
export declare const VerdocsSignatureDialog: import("react").ForwardRefExoticComponent<JSX.VerdocsSignatureDialog & Omit<import("react").HTMLAttributes<HTMLVerdocsSignatureDialogElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVerdocsSignatureDialogElement>>;
|
|
28
|
+
export declare const VerdocsStatusIndicator: import("react").ForwardRefExoticComponent<JSX.VerdocsStatusIndicator & Omit<import("react").HTMLAttributes<HTMLVerdocsStatusIndicatorElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVerdocsStatusIndicatorElement>>;
|
|
29
|
+
export declare const VerdocsTemplateCard: import("react").ForwardRefExoticComponent<JSX.VerdocsTemplateCard & Omit<import("react").HTMLAttributes<HTMLVerdocsTemplateCardElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVerdocsTemplateCardElement>>;
|
|
30
|
+
export declare const VerdocsTemplateTags: import("react").ForwardRefExoticComponent<JSX.VerdocsTemplateTags & Omit<import("react").HTMLAttributes<HTMLVerdocsTemplateTagsElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVerdocsTemplateTagsElement>>;
|
|
31
|
+
export declare const VerdocsTextInput: import("react").ForwardRefExoticComponent<JSX.VerdocsTextInput & Omit<import("react").HTMLAttributes<HTMLVerdocsTextInputElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVerdocsTextInputElement>>;
|
|
32
|
+
export declare const VerdocsToggle: import("react").ForwardRefExoticComponent<JSX.VerdocsToggle & Omit<import("react").HTMLAttributes<HTMLVerdocsToggleElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVerdocsToggleElement>>;
|
|
33
|
+
export declare const VerdocsUploadDialog: import("react").ForwardRefExoticComponent<JSX.VerdocsUploadDialog & Omit<import("react").HTMLAttributes<HTMLVerdocsUploadDialogElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVerdocsUploadDialogElement>>;
|
|
34
|
+
export declare const VerdocsView: import("react").ForwardRefExoticComponent<JSX.VerdocsView & Omit<import("react").HTMLAttributes<HTMLVerdocsViewElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVerdocsViewElement>>;
|
package/dist/components.js
CHANGED
|
@@ -4,18 +4,36 @@
|
|
|
4
4
|
import { createReactComponent } from './react-component-lib';
|
|
5
5
|
import { defineCustomElements } from '@verdocs/web-sdk/loader';
|
|
6
6
|
defineCustomElements();
|
|
7
|
-
export const
|
|
8
|
-
export const
|
|
9
|
-
export const
|
|
10
|
-
export const
|
|
11
|
-
export const
|
|
12
|
-
export const
|
|
13
|
-
export const
|
|
14
|
-
export const
|
|
15
|
-
export const
|
|
16
|
-
export const
|
|
17
|
-
export const
|
|
18
|
-
export const
|
|
19
|
-
export const
|
|
20
|
-
export const
|
|
7
|
+
export const VerdocsAuth = /*@__PURE__*/ createReactComponent('verdocs-auth');
|
|
8
|
+
export const VerdocsButton = /*@__PURE__*/ createReactComponent('verdocs-button');
|
|
9
|
+
export const VerdocsDropdown = /*@__PURE__*/ createReactComponent('verdocs-dropdown');
|
|
10
|
+
export const VerdocsFieldAttachment = /*@__PURE__*/ createReactComponent('verdocs-field-attachment');
|
|
11
|
+
export const VerdocsFieldCheckbox = /*@__PURE__*/ createReactComponent('verdocs-field-checkbox');
|
|
12
|
+
export const VerdocsFieldDate = /*@__PURE__*/ createReactComponent('verdocs-field-date');
|
|
13
|
+
export const VerdocsFieldDropdown = /*@__PURE__*/ createReactComponent('verdocs-field-dropdown');
|
|
14
|
+
export const VerdocsFieldInitial = /*@__PURE__*/ createReactComponent('verdocs-field-initial');
|
|
15
|
+
export const VerdocsFieldPayment = /*@__PURE__*/ createReactComponent('verdocs-field-payment');
|
|
16
|
+
export const VerdocsFieldRadioButton = /*@__PURE__*/ createReactComponent('verdocs-field-radio-button');
|
|
17
|
+
export const VerdocsFieldSignature = /*@__PURE__*/ createReactComponent('verdocs-field-signature');
|
|
18
|
+
export const VerdocsFieldTextarea = /*@__PURE__*/ createReactComponent('verdocs-field-textarea');
|
|
19
|
+
export const VerdocsFieldTextbox = /*@__PURE__*/ createReactComponent('verdocs-field-textbox');
|
|
20
|
+
export const VerdocsInitialDialog = /*@__PURE__*/ createReactComponent('verdocs-initial-dialog');
|
|
21
|
+
export const VerdocsKbaDialog = /*@__PURE__*/ createReactComponent('verdocs-kba-dialog');
|
|
22
|
+
export const VerdocsLoader = /*@__PURE__*/ createReactComponent('verdocs-loader');
|
|
23
|
+
export const VerdocsOkDialog = /*@__PURE__*/ createReactComponent('verdocs-ok-dialog');
|
|
24
|
+
export const VerdocsOrganizationCard = /*@__PURE__*/ createReactComponent('verdocs-organization-card');
|
|
25
|
+
export const VerdocsQuickFunctions = /*@__PURE__*/ createReactComponent('verdocs-quick-functions');
|
|
26
|
+
export const VerdocsSearch = /*@__PURE__*/ createReactComponent('verdocs-search');
|
|
27
|
+
export const VerdocsSearchActivity = /*@__PURE__*/ createReactComponent('verdocs-search-activity');
|
|
28
|
+
export const VerdocsSearchBox = /*@__PURE__*/ createReactComponent('verdocs-search-box');
|
|
29
|
+
export const VerdocsSearchTabs = /*@__PURE__*/ createReactComponent('verdocs-search-tabs');
|
|
30
|
+
export const VerdocsSign = /*@__PURE__*/ createReactComponent('verdocs-sign');
|
|
31
|
+
export const VerdocsSignatureDialog = /*@__PURE__*/ createReactComponent('verdocs-signature-dialog');
|
|
32
|
+
export const VerdocsStatusIndicator = /*@__PURE__*/ createReactComponent('verdocs-status-indicator');
|
|
33
|
+
export const VerdocsTemplateCard = /*@__PURE__*/ createReactComponent('verdocs-template-card');
|
|
34
|
+
export const VerdocsTemplateTags = /*@__PURE__*/ createReactComponent('verdocs-template-tags');
|
|
35
|
+
export const VerdocsTextInput = /*@__PURE__*/ createReactComponent('verdocs-text-input');
|
|
36
|
+
export const VerdocsToggle = /*@__PURE__*/ createReactComponent('verdocs-toggle');
|
|
37
|
+
export const VerdocsUploadDialog = /*@__PURE__*/ createReactComponent('verdocs-upload-dialog');
|
|
38
|
+
export const VerdocsView = /*@__PURE__*/ createReactComponent('verdocs-view');
|
|
21
39
|
//# sourceMappingURL=components.js.map
|
package/dist/components.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"components.js","sourceRoot":"","sources":["../src/components.ts"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,oBAAoB;AACpB,kCAAkC;AAClC,OAAO,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAI7D,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAE/D,oBAAoB,EAAE,CAAC;AACvB,MAAM,CAAC,MAAM,
|
|
1
|
+
{"version":3,"file":"components.js","sourceRoot":"","sources":["../src/components.ts"],"names":[],"mappings":"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"}
|
|
@@ -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,
|
|
9
|
+
export declare const createReactComponent: <PropType, ElementType extends HTMLStencilElement, ContextStateType = {}, ExpandedPropsTypes = {}>(tagName: string, ReactComponentContext?: React.Context<ContextStateType>, manipulatePropsFunction?: (originalProps: StencilReactInternalProps<ElementType>, propsToPass: any) => ExpandedPropsTypes, defineCustomElement?: () => void) => React.ForwardRefExoticComponent<React.PropsWithoutRef<import("./utils").StencilReactExternalProps<PropType, ElementType>> & React.RefAttributes<ElementType>>;
|
|
10
10
|
export {};
|
|
@@ -9,10 +9,12 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
9
9
|
}
|
|
10
10
|
return t;
|
|
11
11
|
};
|
|
12
|
-
import React from 'react';
|
|
13
|
-
import { attachProps, createForwardRef, dashToPascalCase,
|
|
14
|
-
export const createReactComponent = (tagName, ReactComponentContext, manipulatePropsFunction,
|
|
15
|
-
defineCustomElement
|
|
12
|
+
import React, { createElement } from 'react';
|
|
13
|
+
import { attachProps, camelToDashCase, createForwardRef, dashToPascalCase, isCoveredByReact, mergeRefs, } from './utils';
|
|
14
|
+
export const createReactComponent = (tagName, ReactComponentContext, manipulatePropsFunction, defineCustomElement) => {
|
|
15
|
+
if (defineCustomElement !== undefined) {
|
|
16
|
+
defineCustomElement();
|
|
17
|
+
}
|
|
16
18
|
const displayName = dashToPascalCase(tagName);
|
|
17
19
|
const ReactComponent = class extends React.Component {
|
|
18
20
|
constructor(props) {
|
|
@@ -30,14 +32,20 @@ export const createReactComponent = (tagName, ReactComponentContext, manipulateP
|
|
|
30
32
|
render() {
|
|
31
33
|
const _a = this.props, { children, forwardedRef, style, className, ref } = _a, cProps = __rest(_a, ["children", "forwardedRef", "style", "className", "ref"]);
|
|
32
34
|
let propsToPass = Object.keys(cProps).reduce((acc, name) => {
|
|
35
|
+
const value = cProps[name];
|
|
33
36
|
if (name.indexOf('on') === 0 && name[2] === name[2].toUpperCase()) {
|
|
34
37
|
const eventName = name.substring(2).toLowerCase();
|
|
35
38
|
if (typeof document !== 'undefined' && isCoveredByReact(eventName)) {
|
|
36
|
-
acc[name] =
|
|
39
|
+
acc[name] = value;
|
|
37
40
|
}
|
|
38
41
|
}
|
|
39
42
|
else {
|
|
40
|
-
|
|
43
|
+
// we should only render strings, booleans, and numbers as attrs in html.
|
|
44
|
+
// objects, functions, arrays etc get synced via properties on mount.
|
|
45
|
+
const type = typeof value;
|
|
46
|
+
if (type === 'string' || type === 'boolean' || type === 'number') {
|
|
47
|
+
acc[camelToDashCase(name)] = value;
|
|
48
|
+
}
|
|
41
49
|
}
|
|
42
50
|
return acc;
|
|
43
51
|
}, {});
|
|
@@ -45,7 +53,14 @@ export const createReactComponent = (tagName, ReactComponentContext, manipulateP
|
|
|
45
53
|
propsToPass = manipulatePropsFunction(this.props, propsToPass);
|
|
46
54
|
}
|
|
47
55
|
const newProps = Object.assign(Object.assign({}, propsToPass), { ref: mergeRefs(forwardedRef, this.setComponentElRef), style });
|
|
48
|
-
|
|
56
|
+
/**
|
|
57
|
+
* We use createElement here instead of
|
|
58
|
+
* React.createElement to work around a
|
|
59
|
+
* bug in Vite (https://github.com/vitejs/vite/issues/6104).
|
|
60
|
+
* React.createElement causes all elements to be rendered
|
|
61
|
+
* as <tagname> instead of the actual Web Component.
|
|
62
|
+
*/
|
|
63
|
+
return createElement(tagName, newProps, children);
|
|
49
64
|
}
|
|
50
65
|
static get displayName() {
|
|
51
66
|
return displayName;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"createComponent.js","sourceRoot":"","sources":["../../src/react-component-lib/createComponent.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"createComponent.js","sourceRoot":"","sources":["../../src/react-component-lib/createComponent.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
:root{--verdocs-background-dark:#1e2031;--verdocs-container-border-color:#707ae5;--verdocs-container-background-color:#f5f5fa;--verdocs-primary-color:#55bc81;--verdocs-secondary-color:#4c56cb;--verdocs-label-color:#33364b;--verdocs-icon-color:#aeb4bf;--verdocs-required-color:rgb(204, 0, 0);--verdocs-font:'Barlow', sans-serif}@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, .35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, .35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, .35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, .35)}}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@verdocs/web-sdk-react",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.4.2",
|
|
4
4
|
"description": "Verdocs Web SDK for React",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"main": "./dist/index.js",
|
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
"dist/"
|
|
11
11
|
],
|
|
12
12
|
"scripts": {
|
|
13
|
-
"build": "npm run clean && npm run compile",
|
|
13
|
+
"build": "npm run clean && npm run compile && cp src/verdocs-web-sdk.css dist/",
|
|
14
14
|
"clean": "rm -rf dist",
|
|
15
15
|
"compile": "npm run tsc",
|
|
16
16
|
"tsc": "tsc -p .",
|
|
@@ -19,21 +19,21 @@
|
|
|
19
19
|
"devDependencies": {
|
|
20
20
|
"@types/jest": "23.3.9",
|
|
21
21
|
"@types/node": "^16.11.7",
|
|
22
|
-
"@types/react": "^
|
|
23
|
-
"@types/react-dom": "
|
|
22
|
+
"@types/react": "^18.0.15",
|
|
23
|
+
"@types/react-dom": "18.0.6",
|
|
24
24
|
"jest": "^23.0.0",
|
|
25
25
|
"jest-dom": "^3.0.2",
|
|
26
|
-
"prettier": "^2.
|
|
27
|
-
"react": "^
|
|
28
|
-
"react-dom": "^
|
|
29
|
-
"typescript": "^
|
|
26
|
+
"prettier": "^2.5.1",
|
|
27
|
+
"react": "^18.2.0",
|
|
28
|
+
"react-dom": "^18.2.0",
|
|
29
|
+
"typescript": "^4.7.4"
|
|
30
30
|
},
|
|
31
31
|
"dependencies": {
|
|
32
|
-
"@verdocs/web-sdk": "^1.
|
|
32
|
+
"@verdocs/web-sdk": "^1.4.2"
|
|
33
33
|
},
|
|
34
34
|
"peerDependencies": {
|
|
35
|
-
"react": "^
|
|
36
|
-
"react-dom": "^
|
|
35
|
+
"react": "^18.2.0",
|
|
36
|
+
"react-dom": "^18.2.0"
|
|
37
37
|
},
|
|
38
38
|
"jest": {
|
|
39
39
|
"preset": "ts-jest",
|