@bpmn-io/form-js-editor 1.24.1 → 1.26.0

package/dist/types/core/FormLayoutValidator.d.ts

@@ -1,3 +1,6 @@
+/**
+ * @typedef { import('diagram-js/lib/i18n/translate/translate').default } Translate
+ */
 export const MAX_COLUMNS_PER_ROW: 16;
 export const MAX_COLUMNS: 16;
 export const MIN_COLUMNS: 2;
@@ -8,12 +11,15 @@ export class FormLayoutValidator {
      *
      * @param { import('./FormLayouter').FormLayouter } formLayouter
      * @param { import('./FormFieldRegistry').FormFieldRegistry } formFieldRegistry
+     * @param {Translate} translate
      */
-    constructor(formLayouter: import("./FormLayouter").FormLayouter, formFieldRegistry: import("./FormFieldRegistry").FormFieldRegistry);
+    constructor(formLayouter: import("./FormLayouter").FormLayouter, formFieldRegistry: import("./FormFieldRegistry").FormFieldRegistry, translate: Translate);
     _formLayouter: import("@bpmn-io/form-js-viewer/dist/types/core/FormLayouter").FormLayouter;
     _formFieldRegistry: import("./FormFieldRegistry").FormFieldRegistry;
-    validateField(field: {}, columns: any, row: any): "Minimum 2 columns are allowed" | "Maximum 16 columns are allowed" | "New value exceeds the maximum of 16 columns per row" | "Maximum 4 fields per row are allowed";
+    _translate: typeof import("diagram-js/lib/i18n/translate/translate").default;
+    validateField(field: {}, columns: any, row: any): string;
 }
 export namespace FormLayoutValidator {
     let $inject: string[];
 }
+export type Translate = typeof import("diagram-js/lib/i18n/translate/translate").default;

package/dist/types/features/context-pad/DeleteActionProvider.d.ts

@@ -7,10 +7,11 @@
  * @param {import('../../render/EditorFormFields').EditorFormFields} formFields
  */
 export class DeleteActionProvider {
-    constructor(formFieldContextActions: any, modeling: any, formFieldRegistry: any, formFields: any);
+    constructor(formFieldContextActions: any, modeling: any, formFieldRegistry: any, formFields: any, translate: any);
     _modeling: any;
     _formFieldRegistry: any;
     _formFields: any;
+    _translate: any;
     /**
      * @param {Object} formField
      * @return {Object} entries

package/dist/types/features/dragging/Dragging.d.ts

@@ -37,7 +37,7 @@ export class Dragging {
      * @returns { number }
      */
     getTargetIndex(targetRow: FormRow, targetFormField: any, sibling: HTMLElement): number;
-    validateDrop(element: any, target: any): "Minimum 2 columns are allowed" | "Maximum 16 columns are allowed" | "New value exceeds the maximum of 16 columns per row" | "Maximum 4 fields per row are allowed" | "No associated form field in the registry" | "Drop is not a valid target" | "Drop not allowed by path registry";
+    validateDrop(element: any, target: any): string;
     moveField(element: any, source: any, targetRow: any, targetFormField: any, targetIndex: any): void;
     createNewField(element: any, targetRow: any, targetFormField: any, targetIndex: any): void;
     handleRowDrop(el: any, target: any, source: any, sibling: any): void;

package/dist/types/features/properties-panel/PropertiesPanel.d.ts

@@ -1 +1 @@
-export function PropertiesPanel(props: any): import("preact").JSX.Element;
+export function PropertiesPanel(): import("preact").JSX.Element;

package/dist/types/features/properties-panel/PropertiesPanelRenderer.d.ts

@@ -1,31 +1,15 @@
 /**
- * @typedef { { parent: Element } } PropertiesPanelConfig
  * @typedef { import('../../core/EventBus').EventBus } EventBus
- * @typedef { import('../../types').Injector } Injector
  * @typedef { { getGroups: ({ formField, editFormField }) => ({ groups}) => Array } } PropertiesProvider
  */
 /**
- * @param {PropertiesPanelConfig} propertiesPanelConfig
- * @param {Injector} injector
+ * Manages the properties panel section rendering and the registration of
+ * properties providers.
+ *
  * @param {EventBus} eventBus
  */
-export class PropertiesPanelRenderer {
-    constructor(propertiesPanelConfig: any, injector: any, eventBus: any);
-    _eventBus: any;
-    _injector: any;
-    _container: HTMLElement;
-    /**
-     * Attach the properties panel to a parent node.
-     *
-     * @param {HTMLElement} container
-     */
-    attachTo(container: HTMLElement): void;
-    /**
-     * Detach the properties panel from its parent node.
-     */
-    detach(): void;
-    _render(): void;
-    _destroy(): void;
+export class PropertiesPanelRenderer extends SectionModuleBase {
+    constructor(eventBus: any);
     /**
      * Register a new properties provider to the properties panel.
      *
@@ -33,16 +17,15 @@ export class PropertiesPanelRenderer {
      * @param {Number} [priority]
      */
     registerProvider(provider: PropertiesProvider, priority?: number): void;
+    getProviders(): any;
     _getProviders(): any;
+    _destroy(): void;
 }
 export namespace PropertiesPanelRenderer {
     let $inject: string[];
 }
-export type PropertiesPanelConfig = {
-    parent: Element;
-};
 export type EventBus = import("../../core/EventBus").EventBus;
-export type Injector = import("../../types").Injector;
 export type PropertiesProvider = {
     getGroups: ({ formField, editFormField }: any) => ({ groups }: any) => any[];
 };
+import { SectionModuleBase } from '../SectionModuleBase';

package/dist/types/features/properties-panel/entries/AcceptEntry.d.ts

@@ -1,3 +1,6 @@
+/**
+ * @typedef { import('diagram-js/lib/i18n/translate/translate').default } Translate
+ */
 export function AcceptEntry(props: any): {
     id: string;
     component: typeof Accept;
@@ -6,5 +9,6 @@ export function AcceptEntry(props: any): {
     isEdited: any;
     isDefaultVisible: {};
 }[];
+export type Translate = typeof import("diagram-js/lib/i18n/translate/translate").default;
 declare function Accept(props: any): any;
 export {};

package/dist/types/features/properties-panel/entries/ColumnEntry.d.ts

@@ -6,5 +6,6 @@ export function ColumnEntry(props: any): {
     idPrefix: any;
     index: any;
 }[];
+export type Translate = typeof import("diagram-js/lib/i18n/translate/translate").default;
 declare function Label(props: any): any;
 export {};

package/dist/types/features/properties-panel/entries/ColumnsExpressionEntry.d.ts

@@ -6,5 +6,6 @@ export function ColumnsExpressionEntry(props: any): {
     isEdited: any;
     isDefaultVisible: {};
 }[];
+export type Translate = typeof import("diagram-js/lib/i18n/translate/translate").default;
 declare function ColumnsExpression(props: any): any;
 export {};

package/dist/types/features/properties-panel/entries/DateTimeEntry.d.ts

@@ -5,6 +5,7 @@ export function DateTimeEntry(props: any): {
     editField: any;
     field: any;
     isDefaultVisible: (field: any) => boolean;
+    translate: any;
 }[];
 declare function DateTimeSubtypeSelect(props: any): any;
 export {};

package/dist/types/features/properties-panel/entries/DefaultValueEntry.d.ts

@@ -5,7 +5,7 @@ export function DefaultValueEntry(props: any): {
     editField: any;
     field: any;
     id: string;
-    label: string;
+    label: any;
 }[];
 export const EMPTY_OPTION: "";
 declare function DefaultValueCheckbox(props: any): any;

package/dist/types/features/properties-panel/entries/DisabledEntry.d.ts

@@ -5,6 +5,7 @@ export function DisabledEntry(props: any): {
     field: any;
     isEdited: any;
     isDefaultVisible: {};
+    translate: any;
 }[];
 declare function Disabled(props: any): any;
 export {};

package/dist/types/features/properties-panel/entries/DocumentsDataSource.d.ts

@@ -1,3 +1,6 @@
+/**
+ * @typedef { import('diagram-js/lib/i18n/translate/translate').default } Translate
+ */
 export function DocumentsDataSourceEntry(props: any): {
     id: string;
     component: typeof DocumentsDataSource;
@@ -6,5 +9,6 @@ export function DocumentsDataSourceEntry(props: any): {
     isEdited: any;
     isDefaultVisible: {};
 }[];
+export type Translate = typeof import("diagram-js/lib/i18n/translate/translate").default;
 declare function DocumentsDataSource(props: any): any;
 export {};

package/dist/types/features/properties-panel/entries/HeadersSourceSelectEntry.d.ts

@@ -4,6 +4,7 @@ export function HeadersSourceSelectEntry(props: any): {
     isEdited: (node: HTMLElement) => boolean;
     editField: any;
     field: any;
+    translate: any;
 }[];
 declare function HeadersSourceSelect(props: any): import("preact").JSX.Element;
 export {};

package/dist/types/features/properties-panel/entries/HeightEntry.d.ts

@@ -1,3 +1,6 @@
+/**
+ * @typedef { import('diagram-js/lib/i18n/translate/translate').default } Translate
+ */
 export function HeightEntry(props: any): {
     id: string;
     component: typeof Height;
@@ -8,5 +11,6 @@ export function HeightEntry(props: any): {
     defaultValue: any;
     isDefaultVisible: {};
 }[];
+export type Translate = typeof import("diagram-js/lib/i18n/translate/translate").default;
 declare function Height(props: any): any;
 export {};

package/dist/types/features/properties-panel/entries/IFrameUrlEntry.d.ts

@@ -6,5 +6,6 @@ export function IFrameUrlEntry(props: any): {
     isEdited: any;
     isDefaultVisible: {};
 }[];
+export type Translate = typeof import("diagram-js/lib/i18n/translate/translate").default;
 declare function Url(props: any): any;
 export {};

package/dist/types/features/properties-panel/entries/InputKeyOptionsSourceEntry.d.ts

@@ -1,3 +1,6 @@
+/**
+ * @typedef { import('diagram-js/lib/i18n/translate/translate').default } Translate
+ */
 export function InputKeyOptionsSourceEntry(props: any): {
     id: string;
     component: typeof InputValuesKey;
@@ -5,5 +8,6 @@ export function InputKeyOptionsSourceEntry(props: any): {
     editField: any;
     field: any;
 }[];
+export type Translate = typeof import("diagram-js/lib/i18n/translate/translate").default;
 declare function InputValuesKey(props: any): any;
 export {};

package/dist/types/features/properties-panel/entries/MaxHeightEntry.d.ts

@@ -1,3 +1,6 @@
+/**
+ * @typedef { import('diagram-js/lib/i18n/translate/translate').default } Translate
+ */
 export function MaxHeightEntry(props: any): {
     id: string;
     component: typeof MaxHeight;
@@ -6,5 +9,6 @@ export function MaxHeightEntry(props: any): {
     isEdited: any;
     isDefaultVisible: {};
 }[];
+export type Translate = typeof import("diagram-js/lib/i18n/translate/translate").default;
 declare function MaxHeight(props: any): any;
 export {};

package/dist/types/features/properties-panel/entries/NumberEntries.d.ts

@@ -1,3 +1,6 @@
+/**
+ * @typedef { import('diagram-js/lib/i18n/translate/translate').default } Translate
+ */
 export function NumberEntries(props: any): {
     id: string;
     component: typeof NumberDecimalDigits;
@@ -6,5 +9,6 @@ export function NumberEntries(props: any): {
     field: any;
     isDefaultVisible: {};
 }[];
+export type Translate = typeof import("diagram-js/lib/i18n/translate/translate").default;
 declare function NumberDecimalDigits(props: any): any;
 export {};

package/dist/types/features/properties-panel/entries/OptionsSourceSelectEntry.d.ts

@@ -4,6 +4,7 @@ export function OptionsSourceSelectEntry(props: any): {
     isEdited: (node: HTMLElement) => boolean;
     editField: any;
     field: any;
+    translate: any;
 }[];
 declare function ValuesSourceSelect(props: any): import("preact").JSX.Element;
 export {};

package/dist/types/features/properties-panel/entries/PaginationEntry.d.ts

@@ -5,6 +5,7 @@ export function PaginationEntry(props: any): {
     field: any;
     isEdited: any;
     isDefaultVisible: {};
+    translate: any;
 }[];
 declare function Pagination(props: any): any;
 export {};

package/dist/types/features/properties-panel/entries/RowCountEntry.d.ts

@@ -6,5 +6,6 @@ export function RowCountEntry(props: any): {
     field: any;
     isDefaultVisible: {};
 }[];
+export type Translate = typeof import("diagram-js/lib/i18n/translate/translate").default;
 declare function RowCount(props: any): any;
 export {};

package/dist/types/features/properties-panel/entries/TableDataSourceEntry.d.ts

@@ -1,3 +1,6 @@
+/**
+ * @typedef { import('diagram-js/lib/i18n/translate/translate').default } Translate
+ */
 export function TableDataSourceEntry(props: any): {
     id: string;
     component: typeof Source;
@@ -6,5 +9,6 @@ export function TableDataSourceEntry(props: any): {
     isEdited: any;
     isDefaultVisible: {};
 }[];
+export type Translate = typeof import("diagram-js/lib/i18n/translate/translate").default;
 declare function Source(props: any): any;
 export {};

package/dist/types/features/properties-panel/entries/TextEntry.d.ts

@@ -6,5 +6,6 @@ export function TextEntry(props: any): {
     isEdited: (node: HTMLElement) => boolean;
     isDefaultVisible: (field: any) => boolean;
 }[];
+export type Translate = typeof import("diagram-js/lib/i18n/translate/translate").default;
 declare function Text(props: any): any;
 export {};

package/dist/types/features/properties-panel/groups/AppearanceGroup.d.ts

@@ -1,6 +1,6 @@
 export function AppearanceGroup(field: any, editField: any, getService: any): {
     id: string;
-    label: string;
+    label: any;
     entries: ({
         id: any;
         label: any;

package/dist/types/features/properties-panel/groups/ConditionGroup.d.ts

@@ -1,6 +1,6 @@
-export function ConditionGroup(field: any, editField: any): {
+export function ConditionGroup(field: any, editField: any, getService: any): {
     id: string;
-    label: string;
+    label: any;
     entries: {
         id: string;
         component: (props: any) => any;

package/dist/types/features/properties-panel/groups/ConstraintsGroup.d.ts

@@ -1,6 +1,6 @@
-export function ConstraintsGroup(field: any, editField: any): {
+export function ConstraintsGroup(field: any, editField: any, getService: any): {
     id: string;
-    label: string;
+    label: any;
     entries: {
         id: string;
         component: (props: any) => any;

package/dist/types/features/properties-panel/groups/CustomPropertiesGroup.d.ts

@@ -1,6 +1,6 @@
-export function CustomPropertiesGroup(field: any, editField: any): {
+export function CustomPropertiesGroup(field: any, editField: any, getService: any): {
     add: (event: any) => void;
-    component: any;
+    component: (props: any) => any;
     id: string;
     items: {
         autoFocusEntry: string;
@@ -17,8 +17,8 @@ export function CustomPropertiesGroup(field: any, editField: any): {
         label: string;
         remove: (event: any) => any;
     }[];
-    label: string;
-    tooltip: string;
+    label: any;
+    tooltip: any;
 };
 /**
  * Returns copy of object without key.

package/dist/types/features/properties-panel/groups/GeneralGroup.d.ts

@@ -1,6 +1,6 @@
 export function GeneralGroup(field: any, editField: any, getService: any): {
     id: string;
-    label: string;
+    label: any;
     entries: ({
         id: string;
         component: (props: any) => any;

package/dist/types/features/properties-panel/groups/LayoutGroup.d.ts

@@ -1,6 +1,6 @@
-export function LayoutGroup(field: any, editField: any): {
+export function LayoutGroup(field: any, editField: any, getService: any): {
     id: string;
-    label: string;
+    label: any;
     entries: {
         id: string;
         component: (props: any) => any;

package/dist/types/features/properties-panel/groups/SecurityAttributesGroup.d.ts

@@ -1,6 +1,6 @@
-export function SecurityAttributesGroup(field: any, editField: any): {
+export function SecurityAttributesGroup(field: any, editField: any, getService: any): {
     id: string;
-    label: string;
+    label: any;
     entries: ({
         id: any;
         label: any;
@@ -14,7 +14,7 @@ export function SecurityAttributesGroup(field: any, editField: any): {
         getValue: any;
         setValue: any;
     } | {
-        component: (props: any) => import("preact").JSX.Element;
+        component: () => import("preact").JSX.Element;
     })[];
     tooltip: import("preact").JSX.Element;
 };

package/dist/types/features/properties-panel/groups/SerializationGroup.d.ts

@@ -1,6 +1,6 @@
-export function SerializationGroup(field: any, editField: any): {
+export function SerializationGroup(field: any, editField: any, getService: any): {
     id: string;
-    label: string;
+    label: any;
     entries: {
         id: string;
         component: (props: any) => any;

package/dist/types/features/properties-panel/groups/TableHeaderGroups.d.ts

@@ -1 +1 @@
-export function TableHeaderGroups(field: any, editField: any): Group[];
+export function TableHeaderGroups(field: any, editField: any, getService: any): Group[];

package/dist/types/features/properties-panel/groups/ValidationGroup.d.ts

@@ -1,6 +1,6 @@
-export function ValidationGroup(field: any, editField: any): {
+export function ValidationGroup(field: any, editField: any, getService: any): {
     id: string;
-    label: string;
+    label: any;
     entries: {
         id: string;
         component: typeof Required;
@@ -9,6 +9,7 @@ export function ValidationGroup(field: any, editField: any): {
         isEdited: any;
         onChange: (key: any) => (value: any) => void;
         isDefaultVisible: (field: any) => boolean;
+        translate: any;
     }[];
 };
 declare function Required(props: any): any;

package/dist/types/features/properties-panel/hooks/index.d.ts

@@ -1,2 +1,2 @@
 export { useVariables } from "./useVariables";
-export { useService } from "./usePropertiesPanelService";
+export { useService } from "./useService";

package/dist/types/features/properties-panel/hooks/useService.d.ts

@@ -0,0 +1 @@
+export { useService } from "../../../render/hooks";

package/dist/types/features/repeat-render/EditorRepeatRenderManager.d.ts

@@ -1,7 +1,8 @@
 export class EditorRepeatRenderManager {
-    constructor(formFields: any, formFieldRegistry: any);
+    constructor(formFields: any, formFieldRegistry: any, translate: any);
     _formFields: any;
     _formFieldRegistry: any;
+    _translate: any;
     RepeatFooter(): import("preact").JSX.Element;
     /**
      * Checks whether a field should be repeatable.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bpmn-io/form-js-editor",
-  "version": "1.24.1",
+  "version": "1.26.0",
   "description": "Edit forms - powered by bpmn.io",
   "exports": {
     ".": {
@@ -48,10 +48,11 @@
   },
   "dependencies": {
     "@bpmn-io/draggle": "^4.1.2",
-    "@bpmn-io/form-js-viewer": "1.24.1",
+    "@bpmn-io/form-js-viewer": "^1.26.0",
     "@bpmn-io/properties-panel": "^3.47.0",
     "array-move": "^4.0.0",
     "big.js": "^7.0.1",
+    "diagram-js": "^15.22.0",
     "ids": "^3.0.2",
     "min-dash": "^5.1.0",
     "min-dom": "^5.3.0",
@@ -63,5 +64,7 @@
   "files": [
     "dist"
   ],
-  "gitHead": "81e618336af03005c15b1237c030adbc954f6109"
+  "devDependencies": {
+    "@bpmn-io/form-js-i18n": "^1.26.0"
+  }
 }