@luomus/laji-form 15.1.1 → 15.1.2

package/dist/styles.css

@@ -750,10 +750,8 @@ Version: 0.0.6
   height: 40%;
   position: absolute;
   right: 21px;
-  -ms-transform-origin: 50% 50%;
-      transform-origin: 50% 50%;
-  -ms-transform: skew(150deg) rotate(-40deg);
-      transform: skew(150deg) rotate(-40deg);
+  transform-origin: 50% 50%;
+  transform: skew(150deg) rotate(-40deg);
   width: 60%;
   z-index: -1; }
 
@@ -775,80 +773,80 @@ Version: 0.0.6
 .vector-marker .icon-white {
   color: #fff; }
 
-.marker-cluster-small {
-	background-color: rgba(181, 226, 140, 0.6);
-	}
-.marker-cluster-small div {
-	background-color: rgba(110, 204, 57, 0.6);
-	}
-
-.marker-cluster-medium {
-	background-color: rgba(241, 211, 87, 0.6);
-	}
-.marker-cluster-medium div {
-	background-color: rgba(240, 194, 12, 0.6);
-	}
-
-.marker-cluster-large {
-	background-color: rgba(253, 156, 115, 0.6);
-	}
-.marker-cluster-large div {
-	background-color: rgba(241, 128, 23, 0.6);
-	}
-
-	/* IE 6-8 fallback colors */
-.leaflet-oldie .marker-cluster-small {
-	background-color: rgb(181, 226, 140);
-	}
-.leaflet-oldie .marker-cluster-small div {
-	background-color: rgb(110, 204, 57);
-	}
-
-.leaflet-oldie .marker-cluster-medium {
-	background-color: rgb(241, 211, 87);
-	}
-.leaflet-oldie .marker-cluster-medium div {
-	background-color: rgb(240, 194, 12);
-	}
-
-.leaflet-oldie .marker-cluster-large {
-	background-color: rgb(253, 156, 115);
-	}
-.leaflet-oldie .marker-cluster-large div {
-	background-color: rgb(241, 128, 23);
-}
-
-.marker-cluster {
-	background-clip: padding-box;
-	border-radius: 20px;
-	}
-.marker-cluster div {
-	width: 30px;
-	height: 30px;
-	margin-left: 5px;
-	margin-top: 5px;
-
-	text-align: center;
-	border-radius: 15px;
-	font: 12px "Helvetica Neue", Arial, Helvetica, sans-serif;
-	}
-.marker-cluster span {
-	line-height: 30px;
+.marker-cluster-small {
+	background-color: rgba(181, 226, 140, 0.6);
+	}
+.marker-cluster-small div {
+	background-color: rgba(110, 204, 57, 0.6);
+	}
+
+.marker-cluster-medium {
+	background-color: rgba(241, 211, 87, 0.6);
+	}
+.marker-cluster-medium div {
+	background-color: rgba(240, 194, 12, 0.6);
 	}
-.leaflet-cluster-anim .leaflet-marker-icon, .leaflet-cluster-anim .leaflet-marker-shadow {
-	-webkit-transition: -webkit-transform 0.3s ease-out, opacity 0.3s ease-in;
-	-moz-transition: -moz-transform 0.3s ease-out, opacity 0.3s ease-in;
-	-o-transition: -o-transform 0.3s ease-out, opacity 0.3s ease-in;
-	transition: transform 0.3s ease-out, opacity 0.3s ease-in;
-}
-
-.leaflet-cluster-spider-leg {
-	/* stroke-dashoffset (duration and function) should match with leaflet-marker-icon transform in order to track it exactly */
-	-webkit-transition: -webkit-stroke-dashoffset 0.3s ease-out, -webkit-stroke-opacity 0.3s ease-in;
-	-moz-transition: -moz-stroke-dashoffset 0.3s ease-out, -moz-stroke-opacity 0.3s ease-in;
-	-o-transition: -o-stroke-dashoffset 0.3s ease-out, -o-stroke-opacity 0.3s ease-in;
-	transition: stroke-dashoffset 0.3s ease-out, stroke-opacity 0.3s ease-in;
-}
+
+.marker-cluster-large {
+	background-color: rgba(253, 156, 115, 0.6);
+	}
+.marker-cluster-large div {
+	background-color: rgba(241, 128, 23, 0.6);
+	}
+
+	/* IE 6-8 fallback colors */
+.leaflet-oldie .marker-cluster-small {
+	background-color: rgb(181, 226, 140);
+	}
+.leaflet-oldie .marker-cluster-small div {
+	background-color: rgb(110, 204, 57);
+	}
+
+.leaflet-oldie .marker-cluster-medium {
+	background-color: rgb(241, 211, 87);
+	}
+.leaflet-oldie .marker-cluster-medium div {
+	background-color: rgb(240, 194, 12);
+	}
+
+.leaflet-oldie .marker-cluster-large {
+	background-color: rgb(253, 156, 115);
+	}
+.leaflet-oldie .marker-cluster-large div {
+	background-color: rgb(241, 128, 23);
+}
+
+.marker-cluster {
+	background-clip: padding-box;
+	border-radius: 20px;
+	}
+.marker-cluster div {
+	width: 30px;
+	height: 30px;
+	margin-left: 5px;
+	margin-top: 5px;
+
+	text-align: center;
+	border-radius: 15px;
+	font: 12px "Helvetica Neue", Arial, Helvetica, sans-serif;
+	}
+.marker-cluster span {
+	line-height: 30px;
+	}
+.leaflet-cluster-anim .leaflet-marker-icon, .leaflet-cluster-anim .leaflet-marker-shadow {
+	-webkit-transition: -webkit-transform 0.3s ease-out, opacity 0.3s ease-in;
+	-moz-transition: -moz-transform 0.3s ease-out, opacity 0.3s ease-in;
+	-o-transition: -o-transform 0.3s ease-out, opacity 0.3s ease-in;
+	transition: transform 0.3s ease-out, opacity 0.3s ease-in;
+}
+
+.leaflet-cluster-spider-leg {
+	/* stroke-dashoffset (duration and function) should match with leaflet-marker-icon transform in order to track it exactly */
+	-webkit-transition: -webkit-stroke-dashoffset 0.3s ease-out, -webkit-stroke-opacity 0.3s ease-in;
+	-moz-transition: -moz-stroke-dashoffset 0.3s ease-out, -moz-stroke-opacity 0.3s ease-in;
+	-o-transition: -o-stroke-dashoffset 0.3s ease-out, -o-stroke-opacity 0.3s ease-in;
+	transition: stroke-dashoffset 0.3s ease-out, stroke-opacity 0.3s ease-in;
+}
 
 /* global styling */
 .leaflet-control-geosearch *,
@@ -1902,6 +1900,8 @@ li.laji-map-layer-control-layer-item.active span {
 	z-index: -1;
 }
 
+
+
 .leaflet-measure-path-measurement {
     position: absolute;
     font-size: 10px;
@@ -2213,10 +2213,18 @@ min-height: 20px;
 
 .laji-form .laji-form-help-glyph {
 	margin-left: 5px;
-	border-radius: 9px;
-	color: white;
-	padding: 0px 6px;
+	border-radius: 100%;
 	font-size: 13px;
+	background: white;
+	outline: 1px solid #b6b6b6;
+	width: 18px;
+	height: 18px;
+	font-weight: bold;
+	display: inline-block;
+	text-align: center;
+}
+.laji-form .laji-form-help-glyph:before {
+	content: "?";
 }
 
 .laji-form .laji-form-map-container {
@@ -2551,7 +2559,8 @@ min-height: 20px;
 .laji-form .col-lg-1, .laji-form .col-lg-10, .laji-form .col-lg-11, .laji-form .col-lg-12, .laji-form .col-lg-2, .laji-form .col-lg-3, .laji-form .col-lg-4, .laji-form .col-lg-5, .laji-form .col-lg-6, .laji-form .col-lg-7, .laji-form .col-lg-8, .laji-form .col-lg-9,
 .laji-form .col-md-1, .laji-form .col-md-10, .laji-form .col-md-11, .laji-form .col-md-12, .laji-form .col-md-2, .laji-form .col-md-3, .laji-form .col-md-4, .laji-form .col-md-5, .laji-form .col-md-6, .laji-form .col-md-7, .laji-form .col-md-8, .laji-form .col-md-9,
 .laji-form .col-sm-1, .laji-form .col-sm-10, .laji-form .col-sm-11, .laji-form .col-sm-12, .laji-form .col-sm-2, .laji-form .col-sm-3, .laji-form .col-sm-4, .laji-form .col-sm-5, .laji-form .col-sm-6, .laji-form .col-sm-7, .laji-form .col-sm-8, .laji-form .col-sm-9,
-.laji-form .col-xs-1, .laji-form .col-xs-10, .laji-form .col-xs-11, .laji-form .col-xs-12, .laji-form .col-xs-2, .laji-form .col-xs-3, .laji-form .col-xs-4, .laji-form .col-xs-5, .laji-form .col-xs-6, .laji-form .col-xs-7, .laji-form .col-xs-8, .laji-form .col-xs-9 {
+.laji-form .col-xs-1, .laji-form .col-xs-10, .laji-form .col-xs-11, .laji-form .col-xs-12, .laji-form .col-xs-2, .laji-form .col-xs-3, .laji-form .col-xs-4, .laji-form .col-xs-5, .laji-form .col-xs-6, .laji-form .col-xs-7, .laji-form .col-xs-8, .laji-form .col-xs-9,
+.laji-form .col-1,    .laji-form .col-10,    .laji-form .col-11,    .laji-form .col-12,    .laji-form .col-2,    .laji-form .col-3,    .laji-form .col-4,    .laji-form .col-5,    .laji-form .col-6,    .laji-form .col-7,    .laji-form .col-8,    .laji-form .col-9 {
 	padding-right:3px;
 	padding-left:3px;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@luomus/laji-form",
-  "version": "15.1.1",
+  "version": "15.1.2",
   "description": "React module capable of building dynamic forms from Laji form json schemas",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",
@@ -9,13 +9,13 @@
     "staging": "webpack-dev-server --content-base playground playground/app.js --host 0.0.0.0 --port 4010",
     "build:lib": "rimraf lib && NODE_ENV=production tsc -p tsconfig.lib.json",
     "build:dist": "rimraf dist && NODE_ENV=production webpack --config webpack.config.dist.js && rimraf dist/styles.js",
-    "build:tests": "rimraf test-export &c NODE_ENV=production tsc -p tsconfig.test.json",
+    "build:tests": "rimraf test-export && NODE_ENV=production tsc -p tsconfig.test.json",
     "build": "npm run build:lib && npm run build:dist && npm run build:tests",
     "preversion": "npm run lint && npm test",
     "version": "bin/update-changelog.sh",
     "postversion": "npm run build &&  git push & git push --tags && npm publish",
     "lint": "eslint -c .eslintrc.prod.json src playground",
-    "test": "npx playwright test --project chromium"
+    "test": "npx playwright test"
   },
   "keywords": [
     "react-jsonschema-form",

package/test-export/test-utils.d.ts

@@ -1,53 +1,51 @@
-import { ElementFinder, ElementArrayFinder } from "protractor";
+import { Locator, Page } from "@playwright/test";
 import { JSONSchema7 } from "json-schema";
-export declare const EC: import("protractor").ProtractorExpectedConditions;
-export declare const getLocatorForContextId: (contextId: number) => (path: string) => string;
-export declare const emptyForm: (params?: string) => Promise<any>;
-export declare const navigateToForm: (formID: string, params?: string) => Promise<any>;
+import { MapPageObject } from "@luomus/laji-map/test-export/test-utils";
+export declare const emptyForm: (page: Page, params?: string) => Promise<import("playwright-core").Response | null>;
+export declare const navigateToForm: (page: Page, formID: string, params?: string) => Promise<import("playwright-core").Response | null>;
 export declare const lajiFormLocator: (path: string) => string;
-export declare const lajiFormLocate: (str: string) => ElementFinder;
-export declare const getFocusedElement: () => import("selenium-webdriver").WebElementPromise;
-export declare const getFocusedId: () => import("selenium-webdriver").promise.Promise<string>;
+export declare const lajiFormLocate: (page: Page, str: string) => Locator;
+export declare const getFocusedElement: (page: Page) => Locator;
+export declare const getFocusedId: (page: Page) => Promise<string | null>;
 export interface Mock {
     resolve: (response?: any, raw?: boolean) => Promise<void>;
     reject: (response?: any, raw?: boolean) => Promise<void>;
     remove: () => Promise<void>;
 }
 export interface DateWidgetPO {
-    $container: ElementFinder;
-    $input: ElementFinder;
+    $container: Locator;
+    $input: Locator;
     buttons: {
-        $today: ElementFinder;
-        $yesterday: ElementFinder;
-        $same: ElementFinder;
-        $date: ElementFinder;
-        $time: ElementFinder;
+        $today: Locator;
+        $yesterday: Locator;
+        $same: Locator;
+        $date: Locator;
+        $time: Locator;
     };
     calendar: {
-        $today: ElementFinder;
-        waitAnimation: () => Promise<void>;
+        $today: Locator;
     };
     clock: {
-        "$01:00": ElementFinder;
-        waitAnimation: () => Promise<void>;
+        "$01:00": Locator;
     };
 }
 export interface BooleanWidgetPO {
-    $container: ElementFinder;
-    $true: ElementFinder;
-    $false: ElementFinder;
-    $undefined: ElementFinder;
-    $active: ElementFinder;
-    $nonactive: ElementFinder;
+    $container: Locator;
+    $true: Locator;
+    $false: Locator;
+    $undefined: Locator;
+    $active: Locator;
+    $nonactive: Locator;
 }
-export interface EnumWidgetPOI {
-    $container: ElementFinder;
+export declare type EnumWidgetPOI = ReturnType<typeof getEnumWidgetForContainer>;
+declare function getEnumWidgetForContainer($container: Locator): {
+    $container: Locator;
     openEnums: () => Promise<void>;
-    $enumContainer: ElementFinder;
-    $$enums: ElementArrayFinder;
-    $input: ElementFinder;
-}
-interface FormProps {
+    $enumContainer: Locator;
+    $$enums: Locator;
+    $input: Locator;
+};
+interface DemoPageProps {
     schema?: JSONSchema7;
     uiSchema?: any;
     formData?: any;
@@ -58,114 +56,187 @@ interface FormProps {
     localFormData?: boolean | string;
 }
 export declare class Form {
-    props: FormProps;
-    contextId: number;
-    constructor(params?: FormProps);
-    initialize(beforeInit?: (form: Form) => Promise<void>, contextId?: number): Promise<void>;
-    e(path: string): Promise<any>;
-    setState(state: any): Promise<any>;
-    getState(): Promise<any>;
-    submit(): Promise<void>;
-    startSubmit(): Promise<void>;
-    submitOnlySchemaValidations(): Promise<void>;
-    waitUntilBlockingLoaderHides(timeout?: number): import("selenium-webdriver").promise.Promise<unknown>;
-    getSubmittedData(): Promise<any>;
-    getChangedData(): Promise<any>;
-    getPropsData(): Promise<any>;
-    $form: ElementFinder;
-    $locate(path: string): ElementFinder;
-    $locateButton(path: string, selector: string): ElementFinder;
-    $locateAddition(path: string, selector: string): ElementFinder;
+    protected page: Page;
+    protected locator: Locator;
+    constructor(page: Page, locator?: Locator);
+    $form: Locator;
+    $locate(path: string): Locator;
+    $locateButton(path: string, selector: string, locateFromBody?: boolean): Locator;
+    $locateAddition(path: string, selector: string, locateFromBody?: boolean): Locator;
     getMockStr: (path: string, query: any) => string;
     setMockResponse(path: string, query?: any): Promise<Mock>;
     createMockResponseQueue(path: string, query?: any): Promise<{
         create: () => Promise<{
-            resolve: (response: any, raw?: boolean | undefined) => import("selenium-webdriver").promise.Promise<unknown>;
-            reject: (response: any, raw?: boolean | undefined) => import("selenium-webdriver").promise.Promise<unknown>;
+            resolve: (response: any, raw?: boolean | undefined) => Promise<unknown>;
+            reject: (response: any, raw?: boolean | undefined) => Promise<unknown>;
         }>;
-        remove: () => import("selenium-webdriver").promise.Promise<unknown>;
+        remove: () => Promise<unknown>;
     }>;
     createValidatorPO: (type: "error" | "warning") => {
-        $$all: ElementArrayFinder;
-        $panel: ElementFinder;
+        $$all: Locator;
+        $panel: Locator;
     };
     errors: {
-        $$all: ElementArrayFinder;
-        $panel: ElementFinder;
+        $$all: Locator;
+        $panel: Locator;
     };
     warnings: {
-        $$all: ElementArrayFinder;
-        $panel: ElementFinder;
+        $$all: Locator;
+        $panel: Locator;
     };
     failedJobs: {
-        $container: ElementFinder;
+        $container: Locator;
+        $$errors: Locator;
+    };
+    $runningJobs: Locator;
+    $acknowledgeWarnings: Locator;
+    $blocker: Locator;
+    $mapFieldFullscreenMap: Locator;
+    getBooleanWidget(str: string): {
+        $container: Locator;
+        $true: Locator;
+        $false: Locator;
+        $undefined: Locator;
+        $active: Locator;
+        $nonactive: Locator;
+    };
+    $getInputWidget(str: string): Locator;
+    $getTextareaWidget(str: string): Locator;
+    $getEnumWidget(str: string): {
+        $container: Locator;
+        openEnums: () => Promise<void>;
+        $enumContainer: Locator;
+        $$enums: Locator;
+        $input: Locator;
+    };
+    getDateWidget(str: string): {
+        $container: Locator;
+        $input: Locator;
+        buttons: {
+            $today: Locator;
+            $yesterday: Locator;
+            $same: Locator;
+            $date: Locator;
+            $time: Locator;
+        };
+        calendar: {
+            $today: Locator;
+        };
+        clock: {
+            "$01:00": Locator;
+        };
+    };
+    $getFieldErrors(str: string): Locator;
+    getImageArrayField: (lajiFormLocator: string) => {
+        $container: Locator;
+        $imgContainers: Locator;
+        $$imgs: Locator;
+        $$imgLoading: Locator;
+        $$imgRemoves: Locator;
+        $imgRemoveConfirmButton: (id: string) => Locator;
+        $dropzone: Locator;
+        $modal: Locator;
+        $addModal: Locator;
+        $modalClose: Locator;
+        $addModalCancel: Locator;
+    };
+    getAutosuggestWidget: (lajiFormLocator: string) => {
+        $input: Locator;
+        $suggestionsContainer: Locator;
+        $suggestions: Locator;
+    };
+    getTaxonAutosuggestWidget: (lajiFormLocator: string) => {
+        $powerUserButton: Locator;
+        $suggestedGlyph: Locator;
+        $nonsuggestedGlyph: Locator;
+        $input: Locator;
+        $suggestionsContainer: Locator;
+        $suggestions: Locator;
+    };
+    getPersonAutosuggestWidget: (lajiFormLocator: string) => {
+        $suggestedGlyph: Locator;
+        $input: Locator;
+        $suggestionsContainer: Locator;
+        $suggestions: Locator;
     };
-    $acknowledgeWarnings: ElementFinder;
-    isBlocked: () => import("selenium-webdriver").promise.Promise<boolean>;
-    mockImageUpload: (lajiFormLocator: string) => Promise<{
-        resolve: () => Promise<void>;
-        remove: () => Promise<void>;
-    }>;
-    getBooleanWidget(str: string): BooleanWidgetPO;
-    $getInputWidget(str: string): ElementFinder;
-    $getTextareaWidget(str: string): ElementFinder;
-    $getEnumWidget(str: string): EnumWidgetPOI;
-    getDateWidget(str: string): DateWidgetPO;
-    $$getFieldErrors(str: string): ElementArrayFinder;
-    _getImageArrayField: (form: Form) => (lajiFormLocator: string) => ImageArrayFieldPOI;
-    getImageArrayField: (lajiFormLocator: string) => ImageArrayFieldPOI;
-    _getTaxonAutosuggestWidget: (form: Form) => (lajiFormLocator: string) => TaxonAutosuggestWidgetPOI;
-    getTaxonAutosuggestWidget: (lajiFormLocator: string) => TaxonAutosuggestWidgetPOI;
     getScopeField: (lajiFormLocator: string) => {
-        $button: ElementFinder;
-        $$listItems: ElementArrayFinder;
+        $button: Locator;
+        $$listItems: Locator;
+        modal: {
+            $container: Locator;
+            $close: Locator;
+            $$loadingGroups: Locator;
+            $$groupTitles: Locator;
+            $$listItems: Locator;
+        };
     };
-    getUnitListShorthandArrayField: (lajiFormLocator: string) => UnitListShorthandArrayFieldPOI;
-}
-export declare const isDisplayed: ($elem: ElementFinder) => Promise<boolean>;
-export interface ImageArrayFieldPOI {
-    $container: ElementFinder;
-    $$imgs: ElementArrayFinder;
-    $$imgInteractives: ElementArrayFinder;
-    $$imgRemoves: ElementArrayFinder;
-    $imgRemoveConfirmButton: (id: string) => ElementFinder;
-    $dropzone: ElementFinder;
-    $modal: ElementFinder;
-    $modalClose: ElementFinder;
-}
-export interface TaxonAutosuggestWidgetPOI {
-    $input: ElementFinder;
-    $suggestionsContainer: ElementFinder;
-    $$suggestions: ElementArrayFinder;
-    waitForSuggestionsToLoad: () => Promise<void>;
-    waitForGlyph: () => Promise<void>;
-    isSuggested: () => Promise<boolean>;
-    isNonsuggested: () => Promise<boolean>;
-    $powerUserButton: ElementFinder;
-    powerUserButtonIsActive: () => Promise<boolean>;
-    waitForPopoverToHide: () => Promise<void>;
-}
-export interface UnitListShorthandArrayFieldPOI {
-    $button: ElementFinder;
-    modal: {
-        $input: ElementFinder;
-        $addButton: ElementFinder;
+    getLocationChooser: (lajiFormLocator: string) => {
+        $button: Locator;
+        modal: {
+            $container: Locator;
+            map: MapPageObject;
+        };
+        peeker: {
+            $popover: Locator;
+            $map: Locator;
+            $$markers: Locator;
+        };
+    };
+    getUnitListShorthandArrayField: (lajiFormLocator: string) => {
+        $button: Locator;
+        modal: {
+            $input: Locator;
+            $addButton: Locator;
+        };
     };
+    $getShortHandWidget: (lajiFormLocator: string) => Locator;
+    getGeocoder: (lajiFormLocator?: string) => {
+        $btn: Locator;
+        $spinner: Locator;
+    };
+    getNamedPlaceChooser: () => {
+        select: {
+            $container: Locator;
+            openEnums: () => Promise<void>;
+            $enumContainer: Locator;
+            $$enums: Locator;
+            $input: Locator;
+        };
+        mapPopup: {
+            $container: Locator;
+            $useBtn: Locator;
+        };
+        $alert: Locator;
+        $close: Locator;
+    };
+    /** Draws a marker to the center of a laji-map rendered to the given locator. The locator defaults to "gatherings" */
+    putMarkerToMap(lajiFormLocator?: string): Promise<void>;
 }
-export declare class NamedPlaceChooserPO {
-    select: EnumWidgetPOI;
-    mapPopup: {
-        $container: ElementFinder;
-        $useBtn: ElementFinder;
-    };
-    $alert: ElementFinder;
-    $close: ElementFinder;
+export declare type ImageArrayFieldPOI = ReturnType<Form["getImageArrayField"]>;
+export declare type TaxonAutosuggestWidgetPOI = ReturnType<Form["getTaxonAutosuggestWidget"]>;
+export declare type UnitListShorthandArrayFieldPOI = ReturnType<Form["getUnitListShorthandArrayField"]>;
+export declare type NamedPlaceChooserPO = ReturnType<Form["getNamedPlaceChooser"]>;
+export declare class DemoPageForm extends Form {
+    private props?;
+    constructor(page: Page, props?: DemoPageProps | undefined);
+    initialize(beforeInit?: (form: Form) => Promise<void>): Promise<void>;
+    e(path: string): Promise<any>;
+    setState(state: any): Promise<any>;
+    getState(): Promise<{
+        formData: any;
+    }>;
+    submit(): Promise<void>;
+    startSubmit(): void;
+    submitOnlySchemaValidations(): Promise<any>;
+    getSubmittedData(): Promise<any>;
+    getChangedData(): Promise<any>;
+    getPropsData(): Promise<any>;
+    mockImageUpload: (lajiFormLocator: string) => Promise<{
+        resolve: () => Promise<void>;
+        remove: () => Promise<void>;
+    }>;
 }
-export declare function createForm(props?: FormProps, beforeInit?: (form: Form) => Promise<void>): Promise<Form>;
-export declare function waitUntilBlockingLoaderHides(timeout?: number): import("selenium-webdriver").promise.Promise<unknown>;
-export declare function putForeignMarkerToMap(): Promise<void>;
-export declare function removeUnit(gatheringIdx: number, unitIdx: number): Promise<void>;
-export declare const updateValue: ($input: ElementFinder, value: string, blur?: boolean) => Promise<void>;
+export declare function createForm(page: Page, props?: DemoPageProps, beforeInit?: (form: Form) => Promise<void>): Promise<DemoPageForm>;
 export declare const mockImageMetadata: {
     id: string;
     capturerVerbatim: string[];
@@ -181,4 +252,6 @@ export declare const mockImageMetadata: {
 };
 export declare const filterUUIDs: (any: any) => any;
 export declare const maybeJSONPointerToLocator: (pointer: string) => string;
+export declare const updateValue: ($input: Locator, value: string) => Promise<void>;
+export declare const getRemoveUnit: (page: Page) => (gatheringIdx: number, unitIdx: number) => Promise<void>;
 export {};