legalesign-document-viewer-react 0.0.5

package/dist/components.js

@@ -0,0 +1,288 @@
+'use client';
+import { createComponent } from '@stencil/react-output-target/runtime';
+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";
+import { LsEditorTable as LsEditorTableElement, defineCustomElement as defineLsEditorTable } from "legalesign-document-viewer/dist/components/ls-editor-table.js";
+import { LsFeatureColumn as LsFeatureColumnElement, defineCustomElement as defineLsFeatureColumn } from "legalesign-document-viewer/dist/components/ls-feature-column.js";
+import { LsFieldAlignment as LsFieldAlignmentElement, defineCustomElement as defineLsFieldAlignment } from "legalesign-document-viewer/dist/components/ls-field-alignment.js";
+import { LsFieldDimensions as LsFieldDimensionsElement, defineCustomElement as defineLsFieldDimensions } from "legalesign-document-viewer/dist/components/ls-field-dimensions.js";
+import { LsFieldDistribute as LsFieldDistributeElement, defineCustomElement as defineLsFieldDistribute } from "legalesign-document-viewer/dist/components/ls-field-distribute.js";
+import { LsFieldFormat as LsFieldFormatElement, defineCustomElement as defineLsFieldFormat } from "legalesign-document-viewer/dist/components/ls-field-format.js";
+import { LsFieldPropertiesDate as LsFieldPropertiesDateElement, defineCustomElement as defineLsFieldPropertiesDate } from "legalesign-document-viewer/dist/components/ls-field-properties-date.js";
+import { LsFieldPropertiesGeneral as LsFieldPropertiesGeneralElement, defineCustomElement as defineLsFieldPropertiesGeneral } from "legalesign-document-viewer/dist/components/ls-field-properties-general.js";
+import { LsFieldPropertiesMultiple as LsFieldPropertiesMultipleElement, defineCustomElement as defineLsFieldPropertiesMultiple } from "legalesign-document-viewer/dist/components/ls-field-properties-multiple.js";
+import { LsFieldPropertiesNumber as LsFieldPropertiesNumberElement, defineCustomElement as defineLsFieldPropertiesNumber } from "legalesign-document-viewer/dist/components/ls-field-properties-number.js";
+import { LsFieldPropertiesSignature as LsFieldPropertiesSignatureElement, defineCustomElement as defineLsFieldPropertiesSignature } from "legalesign-document-viewer/dist/components/ls-field-properties-signature.js";
+import { LsFieldPropertiesText as LsFieldPropertiesTextElement, defineCustomElement as defineLsFieldPropertiesText } from "legalesign-document-viewer/dist/components/ls-field-properties-text.js";
+import { LsFieldProperties as LsFieldPropertiesElement, defineCustomElement as defineLsFieldProperties } from "legalesign-document-viewer/dist/components/ls-field-properties.js";
+import { LsFieldSize as LsFieldSizeElement, defineCustomElement as defineLsFieldSize } from "legalesign-document-viewer/dist/components/ls-field-size.js";
+import { LsFormfield as LsFormfieldElement, defineCustomElement as defineLsFormfield } from "legalesign-document-viewer/dist/components/ls-formfield.js";
+import { LsIcon as LsIconElement, defineCustomElement as defineLsIcon } from "legalesign-document-viewer/dist/components/ls-icon.js";
+import { LsNumberInput as LsNumberInputElement, defineCustomElement as defineLsNumberInput } from "legalesign-document-viewer/dist/components/ls-number-input.js";
+import { LsParticipantManager as LsParticipantManagerElement, defineCustomElement as defineLsParticipantManager } from "legalesign-document-viewer/dist/components/ls-participant-manager.js";
+import { LsParticipantSelect as LsParticipantSelectElement, defineCustomElement as defineLsParticipantSelect } from "legalesign-document-viewer/dist/components/ls-participant-select.js";
+import { LsRadioInput as LsRadioInputElement, defineCustomElement as defineLsRadioInput } from "legalesign-document-viewer/dist/components/ls-radio-input.js";
+import { LsSelectInput as LsSelectInputElement, defineCustomElement as defineLsSelectInput } from "legalesign-document-viewer/dist/components/ls-select-input.js";
+import { LsStatusbar as LsStatusbarElement, defineCustomElement as defineLsStatusbar } from "legalesign-document-viewer/dist/components/ls-statusbar.js";
+import { LsTextInput as LsTextInputElement, defineCustomElement as defineLsTextInput } from "legalesign-document-viewer/dist/components/ls-text-input.js";
+import { LsTextareaInput as LsTextareaInputElement, defineCustomElement as defineLsTextareaInput } from "legalesign-document-viewer/dist/components/ls-textarea-input.js";
+import { LsToolbar as LsToolbarElement, defineCustomElement as defineLsToolbar } from "legalesign-document-viewer/dist/components/ls-toolbar.js";
+import { LsToolboxField as LsToolboxFieldElement, defineCustomElement as defineLsToolboxField } from "legalesign-document-viewer/dist/components/ls-toolbox-field.js";
+import React from 'react';
+export const LsDocumentOptions = /*@__PURE__*/ createComponent({
+    tagName: 'ls-document-options',
+    elementClass: LsDocumentOptionsElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineLsDocumentOptions
+});
+export const LsDocumentViewer = /*@__PURE__*/ createComponent({
+    tagName: 'ls-document-viewer',
+    elementClass: LsDocumentViewerElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onPageRendered: 'pageRendered',
+        onPageChange: 'pageChange',
+        onSelectFields: 'selectFields',
+        onMutate: 'mutate',
+        onUpdate: 'update'
+    },
+    defineCustomElement: defineLsDocumentViewer
+});
+export const LsEditorField = /*@__PURE__*/ createComponent({
+    tagName: 'ls-editor-field',
+    elementClass: LsEditorFieldElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineLsEditorField
+});
+export const LsEditorTable = /*@__PURE__*/ createComponent({
+    tagName: 'ls-editor-table',
+    elementClass: LsEditorTableElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineLsEditorTable
+});
+export const LsFeatureColumn = /*@__PURE__*/ createComponent({
+    tagName: 'ls-feature-column',
+    elementClass: LsFeatureColumnElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onManage: 'manage' },
+    defineCustomElement: defineLsFeatureColumn
+});
+export const LsFieldAlignment = /*@__PURE__*/ createComponent({
+    tagName: 'ls-field-alignment',
+    elementClass: LsFieldAlignmentElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onMutate: 'mutate',
+        onUpdate: 'update'
+    },
+    defineCustomElement: defineLsFieldAlignment
+});
+export const LsFieldDimensions = /*@__PURE__*/ createComponent({
+    tagName: 'ls-field-dimensions',
+    elementClass: LsFieldDimensionsElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onMutate: 'mutate',
+        onUpdate: 'update'
+    },
+    defineCustomElement: defineLsFieldDimensions
+});
+export const LsFieldDistribute = /*@__PURE__*/ createComponent({
+    tagName: 'ls-field-distribute',
+    elementClass: LsFieldDistributeElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onMutate: 'mutate',
+        onUpdate: 'update'
+    },
+    defineCustomElement: defineLsFieldDistribute
+});
+export const LsFieldFormat = /*@__PURE__*/ createComponent({
+    tagName: 'ls-field-format',
+    elementClass: LsFieldFormatElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onMutate: 'mutate',
+        onUpdate: 'update'
+    },
+    defineCustomElement: defineLsFieldFormat
+});
+export const LsFieldProperties = /*@__PURE__*/ createComponent({
+    tagName: 'ls-field-properties',
+    elementClass: LsFieldPropertiesElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineLsFieldProperties
+});
+export const LsFieldPropertiesDate = /*@__PURE__*/ createComponent({
+    tagName: 'ls-field-properties-date',
+    elementClass: LsFieldPropertiesDateElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineLsFieldPropertiesDate
+});
+export const LsFieldPropertiesGeneral = /*@__PURE__*/ createComponent({
+    tagName: 'ls-field-properties-general',
+    elementClass: LsFieldPropertiesGeneralElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineLsFieldPropertiesGeneral
+});
+export const LsFieldPropertiesMultiple = /*@__PURE__*/ createComponent({
+    tagName: 'ls-field-properties-multiple',
+    elementClass: LsFieldPropertiesMultipleElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineLsFieldPropertiesMultiple
+});
+export const LsFieldPropertiesNumber = /*@__PURE__*/ createComponent({
+    tagName: 'ls-field-properties-number',
+    elementClass: LsFieldPropertiesNumberElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineLsFieldPropertiesNumber
+});
+export const LsFieldPropertiesSignature = /*@__PURE__*/ createComponent({
+    tagName: 'ls-field-properties-signature',
+    elementClass: LsFieldPropertiesSignatureElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineLsFieldPropertiesSignature
+});
+export const LsFieldPropertiesText = /*@__PURE__*/ createComponent({
+    tagName: 'ls-field-properties-text',
+    elementClass: LsFieldPropertiesTextElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineLsFieldPropertiesText
+});
+export const LsFieldSize = /*@__PURE__*/ createComponent({
+    tagName: 'ls-field-size',
+    elementClass: LsFieldSizeElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onMutate: 'mutate',
+        onUpdate: 'update'
+    },
+    defineCustomElement: defineLsFieldSize
+});
+export const LsFormfield = /*@__PURE__*/ createComponent({
+    tagName: 'ls-formfield',
+    elementClass: LsFormfieldElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineLsFormfield
+});
+export const LsIcon = /*@__PURE__*/ createComponent({
+    tagName: 'ls-icon',
+    elementClass: LsIconElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineLsIcon
+});
+export const LsNumberInput = /*@__PURE__*/ createComponent({
+    tagName: 'ls-number-input',
+    elementClass: LsNumberInputElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineLsNumberInput
+});
+export const LsParticipantManager = /*@__PURE__*/ createComponent({
+    tagName: 'ls-participant-manager',
+    elementClass: LsParticipantManagerElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onMutate: 'mutate',
+        onUpdate: 'update'
+    },
+    defineCustomElement: defineLsParticipantManager
+});
+export const LsParticipantSelect = /*@__PURE__*/ createComponent({
+    tagName: 'ls-participant-select',
+    elementClass: LsParticipantSelectElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineLsParticipantSelect
+});
+export const LsRadioInput = /*@__PURE__*/ createComponent({
+    tagName: 'ls-radio-input',
+    elementClass: LsRadioInputElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineLsRadioInput
+});
+export const LsSelectInput = /*@__PURE__*/ createComponent({
+    tagName: 'ls-select-input',
+    elementClass: LsSelectInputElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineLsSelectInput
+});
+export const LsStatusbar = /*@__PURE__*/ createComponent({
+    tagName: 'ls-statusbar',
+    elementClass: LsStatusbarElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineLsStatusbar
+});
+export const LsTextInput = /*@__PURE__*/ createComponent({
+    tagName: 'ls-text-input',
+    elementClass: LsTextInputElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineLsTextInput
+});
+export const LsTextareaInput = /*@__PURE__*/ createComponent({
+    tagName: 'ls-textarea-input',
+    elementClass: LsTextareaInputElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineLsTextareaInput
+});
+export const LsToolbar = /*@__PURE__*/ createComponent({
+    tagName: 'ls-toolbar',
+    elementClass: LsToolbarElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineLsToolbar
+});
+export const LsToolboxField = /*@__PURE__*/ createComponent({
+    tagName: 'ls-toolbox-field',
+    elementClass: LsToolboxFieldElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineLsToolboxField
+});

package/package.json

@@ -0,0 +1,51 @@
+{
+  "name": "legalesign-document-viewer-react",
+  "version": "0.0.5",
+  "description": "Legalesign React Editor / Viewers",
+  "keywords": [
+    "stencilJS",
+    "React",
+    "components",
+    "Legalesign",
+    "ui"
+  ],
+  "author": "Alex <alex.weinle@legalesign.com>",
+  "license": "MIT",
+  "main": "dist/index.js",
+  "module": "dist/index.js",
+  "types": "dist/types/index.d.ts",
+  "directories": {
+    "lib": "lib"
+  },
+  "files": [
+    "dist"
+  ],
+  "exports": {
+    ".": {
+      "import": "./lib/index.js",
+      "require": "./lib/index.js"
+    }
+  },
+  "scripts": {
+    "build": "npm run tsc",
+    "tsc": "tsc -p . --outDir ./dist",
+    "getiton": "pnpm install legalesign-document-viewer@latest",
+    "publish": "npm publish --scope=public"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "devDependencies": {
+    "@types/react": "^19.1.9",
+    "react": "^19.1.1",
+    "react-dom": "^19.1.1",
+    "typescript": "^5.9.2"
+  },
+  "overrides": {
+    "@tanstack/react-virtual": "3.9.0"
+  },
+  "dependencies": {
+    "legalesign-document-viewer": "^0.0.9",
+    "@stencil/react-output-target": "^1.2.0"
+  }
+}