legalesign-document-viewer-react 0.10.5 → 0.10.7

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

@@ -1,6 +1,7 @@
 'use client';
 import { createComponent } from '@stencil/react-output-target/runtime';
 import { LsAddNewButton as LsAddNewButtonElement, defineCustomElement as defineLsAddNewButton } from "legalesign-document-viewer/dist/components/ls-add-new-button.js";
+import { LsAssigneeSelect as LsAssigneeSelectElement, defineCustomElement as defineLsAssigneeSelect } from "legalesign-document-viewer/dist/components/ls-assignee-select.js";
 import { LsBadge as LsBadgeElement, defineCustomElement as defineLsBadge } from "legalesign-document-viewer/dist/components/ls-badge.js";
 import { LsBanner as LsBannerElement, defineCustomElement as defineLsBanner } from "legalesign-document-viewer/dist/components/ls-banner.js";
 import { LsButton as LsButtonElement, defineCustomElement as defineLsButton } from "legalesign-document-viewer/dist/components/ls-button.js";
@@ -25,13 +26,13 @@ import { LsFieldFormat as LsFieldFormatElement, defineCustomElement as defineLsF
 import { LsFieldPlacement as LsFieldPlacementElement, defineCustomElement as defineLsFieldPlacement } from "legalesign-document-viewer/dist/components/ls-field-placement.js";
 import { LsFieldPropertiesAdvanced as LsFieldPropertiesAdvancedElement, defineCustomElement as defineLsFieldPropertiesAdvanced } from "legalesign-document-viewer/dist/components/ls-field-properties-advanced.js";
 import { LsFieldPropertiesAutosign as LsFieldPropertiesAutosignElement, defineCustomElement as defineLsFieldPropertiesAutosign } from "legalesign-document-viewer/dist/components/ls-field-properties-autosign.js";
+import { LsFieldPropertiesCheckbox as LsFieldPropertiesCheckboxElement, defineCustomElement as defineLsFieldPropertiesCheckbox } from "legalesign-document-viewer/dist/components/ls-field-properties-checkbox.js";
 import { LsFieldPropertiesContainer as LsFieldPropertiesContainerElement, defineCustomElement as defineLsFieldPropertiesContainer } from "legalesign-document-viewer/dist/components/ls-field-properties-container.js";
 import { LsFieldPropertiesDate as LsFieldPropertiesDateElement, defineCustomElement as defineLsFieldPropertiesDate } from "legalesign-document-viewer/dist/components/ls-field-properties-date.js";
 import { LsFieldPropertiesDropdown as LsFieldPropertiesDropdownElement, defineCustomElement as defineLsFieldPropertiesDropdown } from "legalesign-document-viewer/dist/components/ls-field-properties-dropdown.js";
 import { LsFieldPropertiesEmail as LsFieldPropertiesEmailElement, defineCustomElement as defineLsFieldPropertiesEmail } from "legalesign-document-viewer/dist/components/ls-field-properties-email.js";
 import { LsFieldPropertiesFile as LsFieldPropertiesFileElement, defineCustomElement as defineLsFieldPropertiesFile } from "legalesign-document-viewer/dist/components/ls-field-properties-file.js";
 import { LsFieldPropertiesGeneral as LsFieldPropertiesGeneralElement, defineCustomElement as defineLsFieldPropertiesGeneral } from "legalesign-document-viewer/dist/components/ls-field-properties-general.js";
-import { LsFieldPropertiesImage as LsFieldPropertiesImageElement, defineCustomElement as defineLsFieldPropertiesImage } from "legalesign-document-viewer/dist/components/ls-field-properties-image.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";
@@ -39,6 +40,7 @@ import { LsFieldPropertiesText as LsFieldPropertiesTextElement, defineCustomElem
 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 { LsFieldTypeDisplay as LsFieldTypeDisplayElement, defineCustomElement as defineLsFieldTypeDisplay } from "legalesign-document-viewer/dist/components/ls-field-type-display.js";
+import { LsFieldTypeSelect as LsFieldTypeSelectElement, defineCustomElement as defineLsFieldTypeSelect } from "legalesign-document-viewer/dist/components/ls-field-type-select.js";
 import { LsFormfield as LsFormfieldElement, defineCustomElement as defineLsFormfield } from "legalesign-document-viewer/dist/components/ls-formfield.js";
 import { LsHeaderBar as LsHeaderBarElement, defineCustomElement as defineLsHeaderBar } from "legalesign-document-viewer/dist/components/ls-header-bar.js";
 import { LsHelperBar as LsHelperBarElement, defineCustomElement as defineLsHelperBar } from "legalesign-document-viewer/dist/components/ls-helper-bar.js";
@@ -65,6 +67,7 @@ import { LsRadioInput as LsRadioInputElement, defineCustomElement as defineLsRad
 import { LsRecipientCard as LsRecipientCardElement, defineCustomElement as defineLsRecipientCard } from "legalesign-document-viewer/dist/components/ls-recipient-card.js";
 import { LsRecipientManager as LsRecipientManagerElement, defineCustomElement as defineLsRecipientManager } from "legalesign-document-viewer/dist/components/ls-recipient-manager.js";
 import { LsSelectInput as LsSelectInputElement, defineCustomElement as defineLsSelectInput } from "legalesign-document-viewer/dist/components/ls-select-input.js";
+import { LsSelectMenu as LsSelectMenuElement, defineCustomElement as defineLsSelectMenu } from "legalesign-document-viewer/dist/components/ls-select-menu.js";
 import { LsStatusbar as LsStatusbarElement, defineCustomElement as defineLsStatusbar } from "legalesign-document-viewer/dist/components/ls-statusbar.js";
 import { LsTabs as LsTabsElement, defineCustomElement as defineLsTabs } from "legalesign-document-viewer/dist/components/ls-tabs.js";
 import { LsTag as LsTagElement, defineCustomElement as defineLsTag } from "legalesign-document-viewer/dist/components/ls-tag.js";
@@ -90,6 +93,14 @@ export const LsAddNewButton = /*@__PURE__*/ createComponent({
     events: {},
     defineCustomElement: defineLsAddNewButton
 });
+export const LsAssigneeSelect = /*@__PURE__*/ createComponent({
+    tagName: 'ls-assignee-select',
+    elementClass: LsAssigneeSelectElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onAssigneeChange: 'assigneeChange' },
+    defineCustomElement: defineLsAssigneeSelect
+});
 export const LsBadge = /*@__PURE__*/ createComponent({
     tagName: 'ls-badge',
     elementClass: LsBadgeElement,
@@ -317,6 +328,14 @@ export const LsFieldPropertiesAutosign = /*@__PURE__*/ createComponent({
     events: {},
     defineCustomElement: defineLsFieldPropertiesAutosign
 });
+export const LsFieldPropertiesCheckbox = /*@__PURE__*/ createComponent({
+    tagName: 'ls-field-properties-checkbox',
+    elementClass: LsFieldPropertiesCheckboxElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineLsFieldPropertiesCheckbox
+});
 export const LsFieldPropertiesContainer = /*@__PURE__*/ createComponent({
     tagName: 'ls-field-properties-container',
     elementClass: LsFieldPropertiesContainerElement,
@@ -365,14 +384,6 @@ export const LsFieldPropertiesGeneral = /*@__PURE__*/ createComponent({
     events: {},
     defineCustomElement: defineLsFieldPropertiesGeneral
 });
-export const LsFieldPropertiesImage = /*@__PURE__*/ createComponent({
-    tagName: 'ls-field-properties-image',
-    elementClass: LsFieldPropertiesImageElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {},
-    defineCustomElement: defineLsFieldPropertiesImage
-});
 export const LsFieldPropertiesMultiple = /*@__PURE__*/ createComponent({
     tagName: 'ls-field-properties-multiple',
     elementClass: LsFieldPropertiesMultipleElement,
@@ -424,6 +435,14 @@ export const LsFieldTypeDisplay = /*@__PURE__*/ createComponent({
     events: {},
     defineCustomElement: defineLsFieldTypeDisplay
 });
+export const LsFieldTypeSelect = /*@__PURE__*/ createComponent({
+    tagName: 'ls-field-type-select',
+    elementClass: LsFieldTypeSelectElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onFieldTypeChange: 'fieldTypeChange' },
+    defineCustomElement: defineLsFieldTypeSelect
+});
 export const LsFormfield = /*@__PURE__*/ createComponent({
     tagName: 'ls-formfield',
     elementClass: LsFormfieldElement,
@@ -655,6 +674,14 @@ export const LsSelectInput = /*@__PURE__*/ createComponent({
     events: { onSelectChange: 'selectChange' },
     defineCustomElement: defineLsSelectInput
 });
+export const LsSelectMenu = /*@__PURE__*/ createComponent({
+    tagName: 'ls-select-menu',
+    elementClass: LsSelectMenuElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onSelectFields: 'selectFields' },
+    defineCustomElement: defineLsSelectMenu
+});
 export const LsStatusbar = /*@__PURE__*/ createComponent({
     tagName: 'ls-statusbar',
     elementClass: LsStatusbarElement,

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

@@ -5,6 +5,7 @@
 import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
 import { type IToolboxField, type LSApiElement, type LSApiRole, type LSApiRoleType, type LSApiTemplate, type LSMutateEvent, type LsDocumentOptionsCustomEvent, type LsDocumentViewerCustomEvent, type LsEditorFieldCustomEvent, type LsFieldAlignmentCustomEvent, type LsFieldContentCustomEvent, type LsFieldDimensionsCustomEvent, type LsFieldDistributeCustomEvent, type LsFieldFooterCustomEvent, type LsFieldFormatCustomEvent, type LsFieldPlacementCustomEvent, type LsFieldPropertiesAdvancedCustomEvent, type LsFieldPropertiesMultipleCustomEvent, type LsFieldSizeCustomEvent, type LsParticipantCardCustomEvent, type LsParticipantManagerCustomEvent, type LsParticipantSelectCustomEvent, type LsRecipientCardCustomEvent, type LsTitleInputCustomEvent, type LsToolbarCustomEvent, type LsToolboxFieldCustomEvent, type LsValidationManagerCustomEvent, type LsValidationTagCustomEvent } from "legalesign-document-viewer";
 import { LsAddNewButton as LsAddNewButtonElement } from "legalesign-document-viewer/dist/components/ls-add-new-button.js";
+import { LsAssigneeSelect as LsAssigneeSelectElement } from "legalesign-document-viewer/dist/components/ls-assignee-select.js";
 import { LsBadge as LsBadgeElement } from "legalesign-document-viewer/dist/components/ls-badge.js";
 import { LsBanner as LsBannerElement } from "legalesign-document-viewer/dist/components/ls-banner.js";
 import { LsButton as LsButtonElement } from "legalesign-document-viewer/dist/components/ls-button.js";
@@ -29,13 +30,13 @@ import { LsFieldFormat as LsFieldFormatElement } from "legalesign-document-viewe
 import { LsFieldPlacement as LsFieldPlacementElement } from "legalesign-document-viewer/dist/components/ls-field-placement.js";
 import { LsFieldPropertiesAdvanced as LsFieldPropertiesAdvancedElement } from "legalesign-document-viewer/dist/components/ls-field-properties-advanced.js";
 import { LsFieldPropertiesAutosign as LsFieldPropertiesAutosignElement } from "legalesign-document-viewer/dist/components/ls-field-properties-autosign.js";
+import { LsFieldPropertiesCheckbox as LsFieldPropertiesCheckboxElement } from "legalesign-document-viewer/dist/components/ls-field-properties-checkbox.js";
 import { LsFieldPropertiesContainer as LsFieldPropertiesContainerElement } from "legalesign-document-viewer/dist/components/ls-field-properties-container.js";
 import { LsFieldPropertiesDate as LsFieldPropertiesDateElement } from "legalesign-document-viewer/dist/components/ls-field-properties-date.js";
 import { LsFieldPropertiesDropdown as LsFieldPropertiesDropdownElement } from "legalesign-document-viewer/dist/components/ls-field-properties-dropdown.js";
 import { LsFieldPropertiesEmail as LsFieldPropertiesEmailElement } from "legalesign-document-viewer/dist/components/ls-field-properties-email.js";
 import { LsFieldPropertiesFile as LsFieldPropertiesFileElement } from "legalesign-document-viewer/dist/components/ls-field-properties-file.js";
 import { LsFieldPropertiesGeneral as LsFieldPropertiesGeneralElement } from "legalesign-document-viewer/dist/components/ls-field-properties-general.js";
-import { LsFieldPropertiesImage as LsFieldPropertiesImageElement } from "legalesign-document-viewer/dist/components/ls-field-properties-image.js";
 import { LsFieldPropertiesMultiple as LsFieldPropertiesMultipleElement } from "legalesign-document-viewer/dist/components/ls-field-properties-multiple.js";
 import { LsFieldPropertiesNumber as LsFieldPropertiesNumberElement } from "legalesign-document-viewer/dist/components/ls-field-properties-number.js";
 import { LsFieldPropertiesSignature as LsFieldPropertiesSignatureElement } from "legalesign-document-viewer/dist/components/ls-field-properties-signature.js";
@@ -43,6 +44,7 @@ import { LsFieldPropertiesText as LsFieldPropertiesTextElement } from "legalesig
 import { LsFieldProperties as LsFieldPropertiesElement } from "legalesign-document-viewer/dist/components/ls-field-properties.js";
 import { LsFieldSize as LsFieldSizeElement } from "legalesign-document-viewer/dist/components/ls-field-size.js";
 import { LsFieldTypeDisplay as LsFieldTypeDisplayElement } from "legalesign-document-viewer/dist/components/ls-field-type-display.js";
+import { LsFieldTypeSelect as LsFieldTypeSelectElement } from "legalesign-document-viewer/dist/components/ls-field-type-select.js";
 import { LsFormfield as LsFormfieldElement } from "legalesign-document-viewer/dist/components/ls-formfield.js";
 import { LsHeaderBar as LsHeaderBarElement } from "legalesign-document-viewer/dist/components/ls-header-bar.js";
 import { LsHelperBar as LsHelperBarElement } from "legalesign-document-viewer/dist/components/ls-helper-bar.js";
@@ -69,6 +71,7 @@ import { LsRadioInput as LsRadioInputElement } from "legalesign-document-viewer/
 import { LsRecipientCard as LsRecipientCardElement } from "legalesign-document-viewer/dist/components/ls-recipient-card.js";
 import { LsRecipientManager as LsRecipientManagerElement } from "legalesign-document-viewer/dist/components/ls-recipient-manager.js";
 import { LsSelectInput as LsSelectInputElement } from "legalesign-document-viewer/dist/components/ls-select-input.js";
+import { LsSelectMenu as LsSelectMenuElement } from "legalesign-document-viewer/dist/components/ls-select-menu.js";
 import { LsStatusbar as LsStatusbarElement } from "legalesign-document-viewer/dist/components/ls-statusbar.js";
 import { LsTabs as LsTabsElement } from "legalesign-document-viewer/dist/components/ls-tabs.js";
 import { LsTag as LsTagElement } from "legalesign-document-viewer/dist/components/ls-tag.js";
@@ -87,6 +90,10 @@ import { LsValidationTag as LsValidationTagElement } from "legalesign-document-v
 import { TestItem as TestItemElement } from "legalesign-document-viewer/dist/components/test-item.js";
 export type LsAddNewButtonEvents = NonNullable<unknown>;
 export declare const LsAddNewButton: StencilReactComponent<LsAddNewButtonElement, LsAddNewButtonEvents>;
+export type LsAssigneeSelectEvents = {
+    onAssigneeChange: EventName<CustomEvent<number>>;
+};
+export declare const LsAssigneeSelect: StencilReactComponent<LsAssigneeSelectElement, LsAssigneeSelectEvents>;
 export type LsBadgeEvents = NonNullable<unknown>;
 export declare const LsBadge: StencilReactComponent<LsBadgeElement, LsBadgeEvents>;
 export type LsBannerEvents = NonNullable<unknown>;
@@ -189,6 +196,8 @@ export type LsFieldPropertiesAdvancedEvents = {
 export declare const LsFieldPropertiesAdvanced: StencilReactComponent<LsFieldPropertiesAdvancedElement, LsFieldPropertiesAdvancedEvents>;
 export type LsFieldPropertiesAutosignEvents = NonNullable<unknown>;
 export declare const LsFieldPropertiesAutosign: StencilReactComponent<LsFieldPropertiesAutosignElement, LsFieldPropertiesAutosignEvents>;
+export type LsFieldPropertiesCheckboxEvents = NonNullable<unknown>;
+export declare const LsFieldPropertiesCheckbox: StencilReactComponent<LsFieldPropertiesCheckboxElement, LsFieldPropertiesCheckboxEvents>;
 export type LsFieldPropertiesContainerEvents = NonNullable<unknown>;
 export declare const LsFieldPropertiesContainer: StencilReactComponent<LsFieldPropertiesContainerElement, LsFieldPropertiesContainerEvents>;
 export type LsFieldPropertiesDateEvents = NonNullable<unknown>;
@@ -201,8 +210,6 @@ export type LsFieldPropertiesFileEvents = NonNullable<unknown>;
 export declare const LsFieldPropertiesFile: StencilReactComponent<LsFieldPropertiesFileElement, LsFieldPropertiesFileEvents>;
 export type LsFieldPropertiesGeneralEvents = NonNullable<unknown>;
 export declare const LsFieldPropertiesGeneral: StencilReactComponent<LsFieldPropertiesGeneralElement, LsFieldPropertiesGeneralEvents>;
-export type LsFieldPropertiesImageEvents = NonNullable<unknown>;
-export declare const LsFieldPropertiesImage: StencilReactComponent<LsFieldPropertiesImageElement, LsFieldPropertiesImageEvents>;
 export type LsFieldPropertiesMultipleEvents = {
     onMutate: EventName<LsFieldPropertiesMultipleCustomEvent<LSMutateEvent[]>>;
     onUpdate: EventName<LsFieldPropertiesMultipleCustomEvent<LSMutateEvent[]>>;
@@ -220,6 +227,10 @@ export type LsFieldSizeEvents = {
 export declare const LsFieldSize: StencilReactComponent<LsFieldSizeElement, LsFieldSizeEvents>;
 export type LsFieldTypeDisplayEvents = NonNullable<unknown>;
 export declare const LsFieldTypeDisplay: StencilReactComponent<LsFieldTypeDisplayElement, LsFieldTypeDisplayEvents>;
+export type LsFieldTypeSelectEvents = {
+    onFieldTypeChange: EventName<CustomEvent<string>>;
+};
+export declare const LsFieldTypeSelect: StencilReactComponent<LsFieldTypeSelectElement, LsFieldTypeSelectEvents>;
 export type LsFormfieldEvents = {
     onTextChange: EventName<CustomEvent<{
         name: string;
@@ -324,6 +335,10 @@ export type LsSelectInputEvents = {
     }>>;
 };
 export declare const LsSelectInput: StencilReactComponent<LsSelectInputElement, LsSelectInputEvents>;
+export type LsSelectMenuEvents = {
+    onSelectFields: EventName<CustomEvent<any[]>>;
+};
+export declare const LsSelectMenu: StencilReactComponent<LsSelectMenuElement, LsSelectMenuEvents>;
 export type LsStatusbarEvents = NonNullable<unknown>;
 export declare const LsStatusbar: StencilReactComponent<LsStatusbarElement, LsStatusbarEvents>;
 export type LsTabsEvents = NonNullable<unknown>;

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

@@ -11,6 +11,7 @@ import type { EventName, StencilReactComponent } from '@stencil/react-output-tar
 import { createComponent } from '@stencil/react-output-target/runtime';
 import { type IToolboxField, type LSApiElement, type LSApiRole, type LSApiRoleType, type LSApiTemplate, type LSMutateEvent, type LsDocumentOptionsCustomEvent, type LsDocumentViewerCustomEvent, type LsEditorFieldCustomEvent, type LsFieldAlignmentCustomEvent, type LsFieldContentCustomEvent, type LsFieldDimensionsCustomEvent, type LsFieldDistributeCustomEvent, type LsFieldFooterCustomEvent, type LsFieldFormatCustomEvent, type LsFieldPlacementCustomEvent, type LsFieldPropertiesAdvancedCustomEvent, type LsFieldPropertiesMultipleCustomEvent, type LsFieldSizeCustomEvent, type LsParticipantCardCustomEvent, type LsParticipantManagerCustomEvent, type LsParticipantSelectCustomEvent, type LsRecipientCardCustomEvent, type LsTitleInputCustomEvent, type LsToolbarCustomEvent, type LsToolboxFieldCustomEvent, type LsValidationManagerCustomEvent, type LsValidationTagCustomEvent } from "legalesign-document-viewer";
 import { LsAddNewButton as LsAddNewButtonElement, defineCustomElement as defineLsAddNewButton } from "legalesign-document-viewer/dist/components/ls-add-new-button.js";
+import { LsAssigneeSelect as LsAssigneeSelectElement, defineCustomElement as defineLsAssigneeSelect } from "legalesign-document-viewer/dist/components/ls-assignee-select.js";
 import { LsBadge as LsBadgeElement, defineCustomElement as defineLsBadge } from "legalesign-document-viewer/dist/components/ls-badge.js";
 import { LsBanner as LsBannerElement, defineCustomElement as defineLsBanner } from "legalesign-document-viewer/dist/components/ls-banner.js";
 import { LsButton as LsButtonElement, defineCustomElement as defineLsButton } from "legalesign-document-viewer/dist/components/ls-button.js";
@@ -35,13 +36,13 @@ import { LsFieldFormat as LsFieldFormatElement, defineCustomElement as defineLsF
 import { LsFieldPlacement as LsFieldPlacementElement, defineCustomElement as defineLsFieldPlacement } from "legalesign-document-viewer/dist/components/ls-field-placement.js";
 import { LsFieldPropertiesAdvanced as LsFieldPropertiesAdvancedElement, defineCustomElement as defineLsFieldPropertiesAdvanced } from "legalesign-document-viewer/dist/components/ls-field-properties-advanced.js";
 import { LsFieldPropertiesAutosign as LsFieldPropertiesAutosignElement, defineCustomElement as defineLsFieldPropertiesAutosign } from "legalesign-document-viewer/dist/components/ls-field-properties-autosign.js";
+import { LsFieldPropertiesCheckbox as LsFieldPropertiesCheckboxElement, defineCustomElement as defineLsFieldPropertiesCheckbox } from "legalesign-document-viewer/dist/components/ls-field-properties-checkbox.js";
 import { LsFieldPropertiesContainer as LsFieldPropertiesContainerElement, defineCustomElement as defineLsFieldPropertiesContainer } from "legalesign-document-viewer/dist/components/ls-field-properties-container.js";
 import { LsFieldPropertiesDate as LsFieldPropertiesDateElement, defineCustomElement as defineLsFieldPropertiesDate } from "legalesign-document-viewer/dist/components/ls-field-properties-date.js";
 import { LsFieldPropertiesDropdown as LsFieldPropertiesDropdownElement, defineCustomElement as defineLsFieldPropertiesDropdown } from "legalesign-document-viewer/dist/components/ls-field-properties-dropdown.js";
 import { LsFieldPropertiesEmail as LsFieldPropertiesEmailElement, defineCustomElement as defineLsFieldPropertiesEmail } from "legalesign-document-viewer/dist/components/ls-field-properties-email.js";
 import { LsFieldPropertiesFile as LsFieldPropertiesFileElement, defineCustomElement as defineLsFieldPropertiesFile } from "legalesign-document-viewer/dist/components/ls-field-properties-file.js";
 import { LsFieldPropertiesGeneral as LsFieldPropertiesGeneralElement, defineCustomElement as defineLsFieldPropertiesGeneral } from "legalesign-document-viewer/dist/components/ls-field-properties-general.js";
-import { LsFieldPropertiesImage as LsFieldPropertiesImageElement, defineCustomElement as defineLsFieldPropertiesImage } from "legalesign-document-viewer/dist/components/ls-field-properties-image.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";
@@ -49,6 +50,7 @@ import { LsFieldPropertiesText as LsFieldPropertiesTextElement, defineCustomElem
 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 { LsFieldTypeDisplay as LsFieldTypeDisplayElement, defineCustomElement as defineLsFieldTypeDisplay } from "legalesign-document-viewer/dist/components/ls-field-type-display.js";
+import { LsFieldTypeSelect as LsFieldTypeSelectElement, defineCustomElement as defineLsFieldTypeSelect } from "legalesign-document-viewer/dist/components/ls-field-type-select.js";
 import { LsFormfield as LsFormfieldElement, defineCustomElement as defineLsFormfield } from "legalesign-document-viewer/dist/components/ls-formfield.js";
 import { LsHeaderBar as LsHeaderBarElement, defineCustomElement as defineLsHeaderBar } from "legalesign-document-viewer/dist/components/ls-header-bar.js";
 import { LsHelperBar as LsHelperBarElement, defineCustomElement as defineLsHelperBar } from "legalesign-document-viewer/dist/components/ls-helper-bar.js";
@@ -75,6 +77,7 @@ import { LsRadioInput as LsRadioInputElement, defineCustomElement as defineLsRad
 import { LsRecipientCard as LsRecipientCardElement, defineCustomElement as defineLsRecipientCard } from "legalesign-document-viewer/dist/components/ls-recipient-card.js";
 import { LsRecipientManager as LsRecipientManagerElement, defineCustomElement as defineLsRecipientManager } from "legalesign-document-viewer/dist/components/ls-recipient-manager.js";
 import { LsSelectInput as LsSelectInputElement, defineCustomElement as defineLsSelectInput } from "legalesign-document-viewer/dist/components/ls-select-input.js";
+import { LsSelectMenu as LsSelectMenuElement, defineCustomElement as defineLsSelectMenu } from "legalesign-document-viewer/dist/components/ls-select-menu.js";
 import { LsStatusbar as LsStatusbarElement, defineCustomElement as defineLsStatusbar } from "legalesign-document-viewer/dist/components/ls-statusbar.js";
 import { LsTabs as LsTabsElement, defineCustomElement as defineLsTabs } from "legalesign-document-viewer/dist/components/ls-tabs.js";
 import { LsTag as LsTagElement, defineCustomElement as defineLsTag } from "legalesign-document-viewer/dist/components/ls-tag.js";
@@ -104,6 +107,17 @@ export const LsAddNewButton: StencilReactComponent<LsAddNewButtonElement, LsAddN
     defineCustomElement: defineLsAddNewButton
 });
 
+export type LsAssigneeSelectEvents = { onAssigneeChange: EventName<CustomEvent<number>> };
+
+export const LsAssigneeSelect: StencilReactComponent<LsAssigneeSelectElement, LsAssigneeSelectEvents> = /*@__PURE__*/ createComponent<LsAssigneeSelectElement, LsAssigneeSelectEvents>({
+    tagName: 'ls-assignee-select',
+    elementClass: LsAssigneeSelectElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onAssigneeChange: 'assigneeChange' } as LsAssigneeSelectEvents,
+    defineCustomElement: defineLsAssigneeSelect
+});
+
 export type LsBadgeEvents = NonNullable<unknown>;
 
 export const LsBadge: StencilReactComponent<LsBadgeElement, LsBadgeEvents> = /*@__PURE__*/ createComponent<LsBadgeElement, LsBadgeEvents>({
@@ -433,6 +447,17 @@ export const LsFieldPropertiesAutosign: StencilReactComponent<LsFieldPropertiesA
     defineCustomElement: defineLsFieldPropertiesAutosign
 });
 
+export type LsFieldPropertiesCheckboxEvents = NonNullable<unknown>;
+
+export const LsFieldPropertiesCheckbox: StencilReactComponent<LsFieldPropertiesCheckboxElement, LsFieldPropertiesCheckboxEvents> = /*@__PURE__*/ createComponent<LsFieldPropertiesCheckboxElement, LsFieldPropertiesCheckboxEvents>({
+    tagName: 'ls-field-properties-checkbox',
+    elementClass: LsFieldPropertiesCheckboxElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {} as LsFieldPropertiesCheckboxEvents,
+    defineCustomElement: defineLsFieldPropertiesCheckbox
+});
+
 export type LsFieldPropertiesContainerEvents = NonNullable<unknown>;
 
 export const LsFieldPropertiesContainer: StencilReactComponent<LsFieldPropertiesContainerElement, LsFieldPropertiesContainerEvents> = /*@__PURE__*/ createComponent<LsFieldPropertiesContainerElement, LsFieldPropertiesContainerEvents>({
@@ -499,17 +524,6 @@ export const LsFieldPropertiesGeneral: StencilReactComponent<LsFieldPropertiesGe
     defineCustomElement: defineLsFieldPropertiesGeneral
 });
 
-export type LsFieldPropertiesImageEvents = NonNullable<unknown>;
-
-export const LsFieldPropertiesImage: StencilReactComponent<LsFieldPropertiesImageElement, LsFieldPropertiesImageEvents> = /*@__PURE__*/ createComponent<LsFieldPropertiesImageElement, LsFieldPropertiesImageEvents>({
-    tagName: 'ls-field-properties-image',
-    elementClass: LsFieldPropertiesImageElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {} as LsFieldPropertiesImageEvents,
-    defineCustomElement: defineLsFieldPropertiesImage
-});
-
 export type LsFieldPropertiesMultipleEvents = {
     onMutate: EventName<LsFieldPropertiesMultipleCustomEvent<LSMutateEvent[]>>,
     onUpdate: EventName<LsFieldPropertiesMultipleCustomEvent<LSMutateEvent[]>>
@@ -582,6 +596,17 @@ export const LsFieldTypeDisplay: StencilReactComponent<LsFieldTypeDisplayElement
     defineCustomElement: defineLsFieldTypeDisplay
 });
 
+export type LsFieldTypeSelectEvents = { onFieldTypeChange: EventName<CustomEvent<string>> };
+
+export const LsFieldTypeSelect: StencilReactComponent<LsFieldTypeSelectElement, LsFieldTypeSelectEvents> = /*@__PURE__*/ createComponent<LsFieldTypeSelectElement, LsFieldTypeSelectEvents>({
+    tagName: 'ls-field-type-select',
+    elementClass: LsFieldTypeSelectElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onFieldTypeChange: 'fieldTypeChange' } as LsFieldTypeSelectEvents,
+    defineCustomElement: defineLsFieldTypeSelect
+});
+
 export type LsFormfieldEvents = {
     onTextChange: EventName<CustomEvent<{ name: string; value: string }>>,
     onNumberChange: EventName<CustomEvent<{ name: string; value: number }>>,
@@ -914,6 +939,17 @@ export const LsSelectInput: StencilReactComponent<LsSelectInputElement, LsSelect
     defineCustomElement: defineLsSelectInput
 });
 
+export type LsSelectMenuEvents = { onSelectFields: EventName<CustomEvent<any[]>> };
+
+export const LsSelectMenu: StencilReactComponent<LsSelectMenuElement, LsSelectMenuEvents> = /*@__PURE__*/ createComponent<LsSelectMenuElement, LsSelectMenuEvents>({
+    tagName: 'ls-select-menu',
+    elementClass: LsSelectMenuElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onSelectFields: 'selectFields' } as LsSelectMenuEvents,
+    defineCustomElement: defineLsSelectMenu
+});
+
 export type LsStatusbarEvents = NonNullable<unknown>;
 
 export const LsStatusbar: StencilReactComponent<LsStatusbarElement, LsStatusbarEvents> = /*@__PURE__*/ createComponent<LsStatusbarElement, LsStatusbarEvents>({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "legalesign-document-viewer-react",
-  "version": "0.10.5",
+  "version": "0.10.7",
   "description": "Legalesign React Editor / Viewers",
   "keywords": [
     "stencilJS",
@@ -45,7 +45,7 @@
   },
   "dependencies": {
     "@stencil/react-output-target": "^1.2.0",
-    "legalesign-document-viewer": "^0.10.5"
+    "legalesign-document-viewer": "^0.10.7"
   },
   "repository": {
     "type": "git",