legalesign-document-viewer-react 0.2.10 → 0.2.12

package/dist/components/stencil-generated/components.js

@@ -49,7 +49,10 @@ export const LsDocumentOptions = /*@__PURE__*/ createComponent({
     elementClass: LsDocumentOptionsElement,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
-    events: {},
+    events: {
+        onMutate: 'mutate',
+        onUpdate: 'update'
+    },
     defineCustomElement: defineLsDocumentOptions
 });
 export const LsDocumentViewer = /*@__PURE__*/ createComponent({
@@ -106,7 +109,10 @@ export const LsFieldContent = /*@__PURE__*/ createComponent({
     elementClass: LsFieldContentElement,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
-    events: {},
+    events: {
+        onMutate: 'mutate',
+        onUpdate: 'update'
+    },
     defineCustomElement: defineLsFieldContent
 });
 export const LsFieldDimensions = /*@__PURE__*/ createComponent({
@@ -295,7 +301,7 @@ export const LsFormfield = /*@__PURE__*/ createComponent({
     elementClass: LsFormfieldElement,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
-    events: {},
+    events: { onValueChange: 'valueChange' },
     defineCustomElement: defineLsFormfield
 });
 export const LsIcon = /*@__PURE__*/ createComponent({
@@ -329,7 +335,8 @@ export const LsParticipantCard = /*@__PURE__*/ createComponent({
     react: React,
     events: {
         onMutate: 'mutate',
-        onUpdate: 'update'
+        onUpdate: 'update',
+        onOpened: 'opened'
     },
     defineCustomElement: defineLsParticipantCard
 });
@@ -393,7 +400,7 @@ export const LsTextInput = /*@__PURE__*/ createComponent({
     elementClass: LsTextInputElement,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
-    events: {},
+    events: { onValueChange: 'valueChange' },
     defineCustomElement: defineLsTextInput
 });
 export const LsTextareaInput = /*@__PURE__*/ createComponent({
@@ -409,7 +416,7 @@ export const LsToggle = /*@__PURE__*/ createComponent({
     elementClass: LsToggleElement,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
-    events: {},
+    events: { onValueChange: 'valueChange' },
     defineCustomElement: defineLsToggle
 });
 export const LsToolbar = /*@__PURE__*/ createComponent({

package/dist/types/components/stencil-generated/components.d.ts

@@ -3,7 +3,7 @@
  * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
  */
 import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
-import { type LSApiElement, type LSMutateEvent, type LsDocumentViewerCustomEvent, type LsFieldAlignmentCustomEvent, type LsFieldDimensionsCustomEvent, type LsFieldDistributeCustomEvent, type LsFieldFooterCustomEvent, type LsFieldFormatCustomEvent, type LsFieldPlacementCustomEvent, type LsFieldPropertiesAdvancedCustomEvent, type LsFieldSizeCustomEvent, type LsParticipantCardCustomEvent, type LsParticipantManagerCustomEvent, type LsParticipantSelectCustomEvent, type LsToolbarCustomEvent } from "legalesign-document-viewer";
+import { type LSApiElement, type LSApiRole, type LSMutateEvent, type LsDocumentOptionsCustomEvent, type LsDocumentViewerCustomEvent, type LsFieldAlignmentCustomEvent, type LsFieldContentCustomEvent, type LsFieldDimensionsCustomEvent, type LsFieldDistributeCustomEvent, type LsFieldFooterCustomEvent, type LsFieldFormatCustomEvent, type LsFieldPlacementCustomEvent, type LsFieldPropertiesAdvancedCustomEvent, type LsFieldSizeCustomEvent, type LsParticipantCardCustomEvent, type LsParticipantManagerCustomEvent, type LsParticipantSelectCustomEvent, type LsToolbarCustomEvent } from "legalesign-document-viewer";
 import { LsDocumentOptions as LsDocumentOptionsElement } from "legalesign-document-viewer/dist/components/ls-document-options.js";
 import { LsDocumentViewer as LsDocumentViewerElement } from "legalesign-document-viewer/dist/components/ls-document-viewer.js";
 import { LsEditorField as LsEditorFieldElement } from "legalesign-document-viewer/dist/components/ls-editor-field.js";
@@ -47,7 +47,10 @@ import { LsTextareaInput as LsTextareaInputElement } from "legalesign-document-v
 import { LsToggle as LsToggleElement } from "legalesign-document-viewer/dist/components/ls-toggle.js";
 import { LsToolbar as LsToolbarElement } from "legalesign-document-viewer/dist/components/ls-toolbar.js";
 import { LsToolboxField as LsToolboxFieldElement } from "legalesign-document-viewer/dist/components/ls-toolbox-field.js";
-export type LsDocumentOptionsEvents = NonNullable<unknown>;
+export type LsDocumentOptionsEvents = {
+    onMutate: EventName<LsDocumentOptionsCustomEvent<LSMutateEvent[]>>;
+    onUpdate: EventName<LsDocumentOptionsCustomEvent<LSMutateEvent[]>>;
+};
 export declare const LsDocumentOptions: StencilReactComponent<LsDocumentOptionsElement, LsDocumentOptionsEvents>;
 export type LsDocumentViewerEvents = {
     onPageRendered: EventName<CustomEvent<number>>;
@@ -70,7 +73,10 @@ export type LsFieldAlignmentEvents = {
     onUpdate: EventName<LsFieldAlignmentCustomEvent<LSMutateEvent[]>>;
 };
 export declare const LsFieldAlignment: StencilReactComponent<LsFieldAlignmentElement, LsFieldAlignmentEvents>;
-export type LsFieldContentEvents = NonNullable<unknown>;
+export type LsFieldContentEvents = {
+    onMutate: EventName<LsFieldContentCustomEvent<LSMutateEvent[]>>;
+    onUpdate: EventName<LsFieldContentCustomEvent<LSMutateEvent[]>>;
+};
 export declare const LsFieldContent: StencilReactComponent<LsFieldContentElement, LsFieldContentEvents>;
 export type LsFieldDimensionsEvents = {
     onMutate: EventName<LsFieldDimensionsCustomEvent<LSMutateEvent[]>>;
@@ -133,7 +139,9 @@ export type LsFieldSizeEvents = {
 export declare const LsFieldSize: StencilReactComponent<LsFieldSizeElement, LsFieldSizeEvents>;
 export type LsFieldTypeDisplayEvents = NonNullable<unknown>;
 export declare const LsFieldTypeDisplay: StencilReactComponent<LsFieldTypeDisplayElement, LsFieldTypeDisplayEvents>;
-export type LsFormfieldEvents = NonNullable<unknown>;
+export type LsFormfieldEvents = {
+    onValueChange: EventName<CustomEvent<string>>;
+};
 export declare const LsFormfield: StencilReactComponent<LsFormfieldElement, LsFormfieldEvents>;
 export type LsIconEvents = NonNullable<unknown>;
 export declare const LsIcon: StencilReactComponent<LsIconElement, LsIconEvents>;
@@ -144,6 +152,7 @@ export declare const LsNumberInput: StencilReactComponent<LsNumberInputElement,
 export type LsParticipantCardEvents = {
     onMutate: EventName<LsParticipantCardCustomEvent<LSMutateEvent[]>>;
     onUpdate: EventName<LsParticipantCardCustomEvent<LSMutateEvent[]>>;
+    onOpened: EventName<LsParticipantCardCustomEvent<LSApiRole>>;
 };
 export declare const LsParticipantCard: StencilReactComponent<LsParticipantCardElement, LsParticipantCardEvents>;
 export type LsParticipantManagerEvents = {
@@ -165,11 +174,15 @@ export type LsSelectInputEvents = NonNullable<unknown>;
 export declare const LsSelectInput: StencilReactComponent<LsSelectInputElement, LsSelectInputEvents>;
 export type LsStatusbarEvents = NonNullable<unknown>;
 export declare const LsStatusbar: StencilReactComponent<LsStatusbarElement, LsStatusbarEvents>;
-export type LsTextInputEvents = NonNullable<unknown>;
+export type LsTextInputEvents = {
+    onValueChange: EventName<CustomEvent<string>>;
+};
 export declare const LsTextInput: StencilReactComponent<LsTextInputElement, LsTextInputEvents>;
 export type LsTextareaInputEvents = NonNullable<unknown>;
 export declare const LsTextareaInput: StencilReactComponent<LsTextareaInputElement, LsTextareaInputEvents>;
-export type LsToggleEvents = NonNullable<unknown>;
+export type LsToggleEvents = {
+    onValueChange: EventName<CustomEvent<boolean>>;
+};
 export declare const LsToggle: StencilReactComponent<LsToggleElement, LsToggleEvents>;
 export type LsToolbarEvents = {
     onMutate: EventName<LsToolbarCustomEvent<LSMutateEvent[]>>;

package/lib/components/stencil-generated/components.ts

@@ -9,7 +9,7 @@
 
 import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
 import { createComponent } from '@stencil/react-output-target/runtime';
-import { type LSApiElement, type LSMutateEvent, type LsDocumentViewerCustomEvent, type LsFieldAlignmentCustomEvent, type LsFieldDimensionsCustomEvent, type LsFieldDistributeCustomEvent, type LsFieldFooterCustomEvent, type LsFieldFormatCustomEvent, type LsFieldPlacementCustomEvent, type LsFieldPropertiesAdvancedCustomEvent, type LsFieldSizeCustomEvent, type LsParticipantCardCustomEvent, type LsParticipantManagerCustomEvent, type LsParticipantSelectCustomEvent, type LsToolbarCustomEvent } from "legalesign-document-viewer";
+import { type LSApiElement, type LSApiRole, type LSMutateEvent, type LsDocumentOptionsCustomEvent, type LsDocumentViewerCustomEvent, type LsFieldAlignmentCustomEvent, type LsFieldContentCustomEvent, type LsFieldDimensionsCustomEvent, type LsFieldDistributeCustomEvent, type LsFieldFooterCustomEvent, type LsFieldFormatCustomEvent, type LsFieldPlacementCustomEvent, type LsFieldPropertiesAdvancedCustomEvent, type LsFieldSizeCustomEvent, type LsParticipantCardCustomEvent, type LsParticipantManagerCustomEvent, type LsParticipantSelectCustomEvent, type LsToolbarCustomEvent } from "legalesign-document-viewer";
 import { LsDocumentOptions as LsDocumentOptionsElement, defineCustomElement as defineLsDocumentOptions } from "legalesign-document-viewer/dist/components/ls-document-options.js";
 import { LsDocumentViewer as LsDocumentViewerElement, defineCustomElement as defineLsDocumentViewer } from "legalesign-document-viewer/dist/components/ls-document-viewer.js";
 import { LsEditorField as LsEditorFieldElement, defineCustomElement as defineLsEditorField } from "legalesign-document-viewer/dist/components/ls-editor-field.js";
@@ -55,14 +55,20 @@ import { LsToolbar as LsToolbarElement, defineCustomElement as defineLsToolbar }
 import { LsToolboxField as LsToolboxFieldElement, defineCustomElement as defineLsToolboxField } from "legalesign-document-viewer/dist/components/ls-toolbox-field.js";
 import React from 'react';
 
-export type LsDocumentOptionsEvents = NonNullable<unknown>;
+export type LsDocumentOptionsEvents = {
+    onMutate: EventName<LsDocumentOptionsCustomEvent<LSMutateEvent[]>>,
+    onUpdate: EventName<LsDocumentOptionsCustomEvent<LSMutateEvent[]>>
+};
 
 export const LsDocumentOptions: StencilReactComponent<LsDocumentOptionsElement, LsDocumentOptionsEvents> = /*@__PURE__*/ createComponent<LsDocumentOptionsElement, LsDocumentOptionsEvents>({
     tagName: 'ls-document-options',
     elementClass: LsDocumentOptionsElement,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
-    events: {} as LsDocumentOptionsEvents,
+    events: {
+        onMutate: 'mutate',
+        onUpdate: 'update'
+    } as LsDocumentOptionsEvents,
     defineCustomElement: defineLsDocumentOptions
 });
 
@@ -139,14 +145,20 @@ export const LsFieldAlignment: StencilReactComponent<LsFieldAlignmentElement, Ls
     defineCustomElement: defineLsFieldAlignment
 });
 
-export type LsFieldContentEvents = NonNullable<unknown>;
+export type LsFieldContentEvents = {
+    onMutate: EventName<LsFieldContentCustomEvent<LSMutateEvent[]>>,
+    onUpdate: EventName<LsFieldContentCustomEvent<LSMutateEvent[]>>
+};
 
 export const LsFieldContent: StencilReactComponent<LsFieldContentElement, LsFieldContentEvents> = /*@__PURE__*/ createComponent<LsFieldContentElement, LsFieldContentEvents>({
     tagName: 'ls-field-content',
     elementClass: LsFieldContentElement,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
-    events: {} as LsFieldContentEvents,
+    events: {
+        onMutate: 'mutate',
+        onUpdate: 'update'
+    } as LsFieldContentEvents,
     defineCustomElement: defineLsFieldContent
 });
 
@@ -412,14 +424,14 @@ export const LsFieldTypeDisplay: StencilReactComponent<LsFieldTypeDisplayElement
     defineCustomElement: defineLsFieldTypeDisplay
 });
 
-export type LsFormfieldEvents = NonNullable<unknown>;
+export type LsFormfieldEvents = { onValueChange: EventName<CustomEvent<string>> };
 
 export const LsFormfield: StencilReactComponent<LsFormfieldElement, LsFormfieldEvents> = /*@__PURE__*/ createComponent<LsFormfieldElement, LsFormfieldEvents>({
     tagName: 'ls-formfield',
     elementClass: LsFormfieldElement,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
-    events: {} as LsFormfieldEvents,
+    events: { onValueChange: 'valueChange' } as LsFormfieldEvents,
     defineCustomElement: defineLsFormfield
 });
 
@@ -458,7 +470,8 @@ export const LsNumberInput: StencilReactComponent<LsNumberInputElement, LsNumber
 
 export type LsParticipantCardEvents = {
     onMutate: EventName<LsParticipantCardCustomEvent<LSMutateEvent[]>>,
-    onUpdate: EventName<LsParticipantCardCustomEvent<LSMutateEvent[]>>
+    onUpdate: EventName<LsParticipantCardCustomEvent<LSMutateEvent[]>>,
+    onOpened: EventName<LsParticipantCardCustomEvent<LSApiRole>>
 };
 
 export const LsParticipantCard: StencilReactComponent<LsParticipantCardElement, LsParticipantCardEvents> = /*@__PURE__*/ createComponent<LsParticipantCardElement, LsParticipantCardEvents>({
@@ -468,7 +481,8 @@ export const LsParticipantCard: StencilReactComponent<LsParticipantCardElement,
     react: React,
     events: {
         onMutate: 'mutate',
-        onUpdate: 'update'
+        onUpdate: 'update',
+        onOpened: 'opened'
     } as LsParticipantCardEvents,
     defineCustomElement: defineLsParticipantCard
 });
@@ -553,14 +567,14 @@ export const LsStatusbar: StencilReactComponent<LsStatusbarElement, LsStatusbarE
     defineCustomElement: defineLsStatusbar
 });
 
-export type LsTextInputEvents = NonNullable<unknown>;
+export type LsTextInputEvents = { onValueChange: EventName<CustomEvent<string>> };
 
 export const LsTextInput: StencilReactComponent<LsTextInputElement, LsTextInputEvents> = /*@__PURE__*/ createComponent<LsTextInputElement, LsTextInputEvents>({
     tagName: 'ls-text-input',
     elementClass: LsTextInputElement,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
-    events: {} as LsTextInputEvents,
+    events: { onValueChange: 'valueChange' } as LsTextInputEvents,
     defineCustomElement: defineLsTextInput
 });
 
@@ -575,14 +589,14 @@ export const LsTextareaInput: StencilReactComponent<LsTextareaInputElement, LsTe
     defineCustomElement: defineLsTextareaInput
 });
 
-export type LsToggleEvents = NonNullable<unknown>;
+export type LsToggleEvents = { onValueChange: EventName<CustomEvent<boolean>> };
 
 export const LsToggle: StencilReactComponent<LsToggleElement, LsToggleEvents> = /*@__PURE__*/ createComponent<LsToggleElement, LsToggleEvents>({
     tagName: 'ls-toggle',
     elementClass: LsToggleElement,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
-    events: {} as LsToggleEvents,
+    events: { onValueChange: 'valueChange' } as LsToggleEvents,
     defineCustomElement: defineLsToggle
 });
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "legalesign-document-viewer-react",
-  "version": "0.2.10",
+  "version": "0.2.12",
   "description": "Legalesign React Editor / Viewers",
   "keywords": [
     "stencilJS",
@@ -50,7 +50,7 @@
   },
   "dependencies": {
     "@stencil/react-output-target": "^1.2.0",
-    "legalesign-document-viewer": "^0.2.10"
+    "legalesign-document-viewer": "^0.2.12"
   },
   "pnpm": {
     "overrides": {