@oneblink/apps-react 2.3.0-beta.2 → 2.3.0-beta.3

package/dist/form-elements/FormElementGeoscapeAddress.js

@@ -1,63 +1,63 @@
-import * as React from 'react';
-import { formService } from '@oneblink/apps';
-import AutocompleteDropdown from '../components/renderer/AutocompleteDropdown';
-import FormElementLabelContainer from '../components/renderer/FormElementLabelContainer';
-import useIsMounted from '../hooks/useIsMounted';
-function FormElementGeoscapeAddress({ formId, id, element, value, displayValidationMessage, validationMessage, onChange, }) {
-    const isMounted = useIsMounted();
-    const [label, setLabel] = React.useState('');
-    const [error, setError] = React.useState();
-    const [isLoadingAddressDetails, setIsLoadingAddressDetails] = React.useState(false);
-    const handleSearch = React.useCallback(async (query, abortSignal) => {
-        setError(undefined);
-        const params = {
-            query,
-            maxNumberOfResults: 10,
-        };
-        if (element.stateTerritoryFilter) {
-            params.stateTerritory = element.stateTerritoryFilter.join(',');
-        }
-        const result = await formService.searchGeoscapeAddresses(formId, params, abortSignal);
-        return result.suggest.map((suggestion, index) => ({
-            value: suggestion.id || index.toString(),
-            label: suggestion.address || index.toString(),
-        }));
-    }, [element.stateTerritoryFilter, formId]);
-    const handleChange = React.useCallback(async (addressId) => {
-        if (!addressId) {
-            onChange(element, undefined);
-            return;
-        }
-        setIsLoadingAddressDetails(true);
-        try {
-            const result = await formService.getGeoscapeAddress(formId, addressId);
-            onChange(element, result);
-        }
-        catch (newError) {
-            if (isMounted.current) {
-                setError(newError);
-            }
-        }
-        if (isMounted.current) {
-            setIsLoadingAddressDetails(false);
-        }
-    }, [isMounted, onChange, element, formId]);
-    // Ensure the label is set if the value is set outside of this component
-    React.useEffect(() => {
-        var _a;
-        if (value) {
-            const newLabel = ((_a = value.addressDetails) === null || _a === void 0 ? void 0 : _a.formattedAddress) || value.addressId;
-            if (label !== newLabel) {
-                setLabel(newLabel || '');
-            }
-        }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [value]);
-    return (React.createElement("div", { className: "cypress-geoscape-address-element" },
-        React.createElement(FormElementLabelContainer, { className: "ob-geoscape-address ob-autocomplete", element: element, id: id, required: element.required },
-            React.createElement(AutocompleteDropdown, { id: id, label: label, disabled: element.readOnly || isLoadingAddressDetails, placeholder: element.placeholderValue, required: element.required, value: value, validationMessage: validationMessage, displayValidationMessage: displayValidationMessage, onChangeValue: handleChange, isLoading: isLoadingAddressDetails, hasError: !!error, onChangeLabel: setLabel, searchDebounceMs: 750, searchMinCharacters: 4, onSearch: handleSearch })),
-        error && (React.createElement("div", { role: "alert", className: "has-margin-top-8" },
-            React.createElement("div", { className: "has-text-danger ob-error__text cypress-geoscape-address-details-error-message" }, error.toString())))));
-}
-export default React.memo(FormElementGeoscapeAddress);
+import * as React from 'react';
+import { formService } from '@oneblink/apps';
+import AutocompleteDropdown from '../components/renderer/AutocompleteDropdown';
+import FormElementLabelContainer from '../components/renderer/FormElementLabelContainer';
+import useIsMounted from '../hooks/useIsMounted';
+function FormElementGeoscapeAddress({ formId, id, element, value, displayValidationMessage, validationMessage, onChange, }) {
+    const isMounted = useIsMounted();
+    const [label, setLabel] = React.useState('');
+    const [error, setError] = React.useState();
+    const [isLoadingAddressDetails, setIsLoadingAddressDetails] = React.useState(false);
+    const handleSearch = React.useCallback(async (query, abortSignal) => {
+        setError(undefined);
+        const params = {
+            query,
+            maxNumberOfResults: 10,
+        };
+        if (element.stateTerritoryFilter) {
+            params.stateTerritory = element.stateTerritoryFilter.join(',');
+        }
+        const result = await formService.searchGeoscapeAddresses(formId, params, abortSignal);
+        return result.suggest.map((suggestion, index) => ({
+            value: suggestion.id || index.toString(),
+            label: suggestion.address || index.toString(),
+        }));
+    }, [element.stateTerritoryFilter, formId]);
+    const handleChange = React.useCallback(async (addressId) => {
+        if (!addressId) {
+            onChange(element, undefined);
+            return;
+        }
+        setIsLoadingAddressDetails(true);
+        try {
+            const result = await formService.getGeoscapeAddress(formId, addressId);
+            onChange(element, result);
+        }
+        catch (newError) {
+            if (isMounted.current) {
+                setError(newError);
+            }
+        }
+        if (isMounted.current) {
+            setIsLoadingAddressDetails(false);
+        }
+    }, [isMounted, onChange, element, formId]);
+    // Ensure the label is set if the value is set outside of this component
+    React.useEffect(() => {
+        var _a;
+        if (value) {
+            const newLabel = ((_a = value.addressDetails) === null || _a === void 0 ? void 0 : _a.formattedAddress) || value.addressId;
+            if (label !== newLabel) {
+                setLabel(newLabel || '');
+            }
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [value]);
+    return (React.createElement("div", { className: "cypress-geoscape-address-element" },
+        React.createElement(FormElementLabelContainer, { className: "ob-geoscape-address ob-autocomplete", element: element, id: id, required: element.required },
+            React.createElement(AutocompleteDropdown, { id: id, label: label, disabled: element.readOnly || isLoadingAddressDetails, placeholder: element.placeholderValue, required: element.required, value: value, validationMessage: validationMessage, displayValidationMessage: displayValidationMessage, onChangeValue: handleChange, isLoading: isLoadingAddressDetails, hasError: !!error, onChangeLabel: setLabel, searchDebounceMs: 750, searchMinCharacters: 4, onSearch: handleSearch })),
+        error && (React.createElement("div", { role: "alert", className: "has-margin-top-8" },
+            React.createElement("div", { className: "has-text-danger ob-error__text cypress-geoscape-address-details-error-message" }, error.toString())))));
+}
+export default React.memo(FormElementGeoscapeAddress);
 //# sourceMappingURL=FormElementGeoscapeAddress.js.map

package/dist/form-elements/FormElementHTML.d.ts

@@ -1,8 +1,8 @@
-import * as React from 'react';
-import { FormTypes } from '@oneblink/types';
-declare type Props = {
-    element: FormTypes.HtmlElement;
-};
-declare function FormElementHTML({ element }: Props): JSX.Element;
-declare const _default: React.MemoExoticComponent<typeof FormElementHTML>;
-export default _default;
+import * as React from 'react';
+import { FormTypes } from '@oneblink/types';
+declare type Props = {
+    element: FormTypes.HtmlElement;
+};
+declare function FormElementHTML({ element }: Props): JSX.Element;
+declare const _default: React.MemoExoticComponent<typeof FormElementHTML>;
+export default _default;

package/dist/form-elements/FormElementHTML.js

@@ -1,16 +1,16 @@
-import * as React from 'react';
-import sanitizeHtml from '../services/sanitize-html';
-import { RepeatableSetIndexContext } from './FormElementRepeatableSet';
-function FormElementHTML({ element }) {
-    const index = React.useContext(RepeatableSetIndexContext);
-    const html = React.useMemo(() => {
-        return element.defaultValue.replace('{INDEX}', (index + 1).toString());
-    }, [element.defaultValue, index]);
-    return (React.createElement("div", { className: "cypress-html-element" },
-        React.createElement("div", { className: "ob-form__element ob-information cypress-html-element" },
-            React.createElement("div", { className: "cypress-html-element-content ob-information__content ql-editor", dangerouslySetInnerHTML: {
-                    __html: sanitizeHtml(html),
-                } }))));
-}
-export default React.memo(FormElementHTML);
+import * as React from 'react';
+import sanitizeHtml from '../services/sanitize-html';
+import { RepeatableSetIndexContext } from './FormElementRepeatableSet';
+function FormElementHTML({ element }) {
+    const index = React.useContext(RepeatableSetIndexContext);
+    const html = React.useMemo(() => {
+        return element.defaultValue.replace('{INDEX}', (index + 1).toString());
+    }, [element.defaultValue, index]);
+    return (React.createElement("div", { className: "cypress-html-element" },
+        React.createElement("div", { className: "ob-form__element ob-information cypress-html-element" },
+            React.createElement("div", { className: "cypress-html-element-content ob-information__content ql-editor", dangerouslySetInnerHTML: {
+                    __html: sanitizeHtml(html),
+                } }))));
+}
+export default React.memo(FormElementHTML);
 //# sourceMappingURL=FormElementHTML.js.map

package/dist/form-elements/FormElementHeading.d.ts

@@ -1,8 +1,8 @@
-import * as React from 'react';
-import { FormTypes } from '@oneblink/types';
-declare type Props = {
-    element: FormTypes.HeadingElement;
-};
-declare function FormElementHeading({ element }: Props): JSX.Element;
-declare const _default: React.MemoExoticComponent<typeof FormElementHeading>;
-export default _default;
+import * as React from 'react';
+import { FormTypes } from '@oneblink/types';
+declare type Props = {
+    element: FormTypes.HeadingElement;
+};
+declare function FormElementHeading({ element }: Props): JSX.Element;
+declare const _default: React.MemoExoticComponent<typeof FormElementHeading>;
+export default _default;

package/dist/form-elements/FormElementHeading.js

@@ -1,24 +1,24 @@
-import * as React from 'react';
-function FormElementHeading({ element }) {
-    return (React.createElement("div", { className: "cypress-heading-element" },
-        React.createElement("div", { className: "ob-form__element ob-heading" },
-            React.createElement(Heading, { headingType: element.headingType }, element.label))));
-}
-export default React.memo(FormElementHeading);
-const Heading = React.memo(function Heading({ headingType, children, }) {
-    const className = `ob-heading__text title is-${headingType}`;
-    switch (headingType) {
-        case 1:
-            return React.createElement("h1", { className: className }, children);
-        case 2:
-            return React.createElement("h2", { className: className }, children);
-        case 3:
-            return React.createElement("h3", { className: className }, children);
-        case 4:
-            return React.createElement("h4", { className: className }, children);
-        case 5:
-        default:
-            return React.createElement("h5", { className: className }, children);
-    }
-});
+import * as React from 'react';
+function FormElementHeading({ element }) {
+    return (React.createElement("div", { className: "cypress-heading-element" },
+        React.createElement("div", { className: "ob-form__element ob-heading" },
+            React.createElement(Heading, { headingType: element.headingType }, element.label))));
+}
+export default React.memo(FormElementHeading);
+const Heading = React.memo(function Heading({ headingType, children, }) {
+    const className = `ob-heading__text title is-${headingType}`;
+    switch (headingType) {
+        case 1:
+            return React.createElement("h1", { className: className }, children);
+        case 2:
+            return React.createElement("h2", { className: className }, children);
+        case 3:
+            return React.createElement("h3", { className: className }, children);
+        case 4:
+            return React.createElement("h4", { className: className }, children);
+        case 5:
+        default:
+            return React.createElement("h5", { className: className }, children);
+    }
+});
 //# sourceMappingURL=FormElementHeading.js.map

package/dist/form-elements/FormElementImage.d.ts

@@ -1,8 +1,8 @@
-import * as React from 'react';
-import { FormTypes } from '@oneblink/types';
-declare type Props = {
-    element: FormTypes.ImageElement;
-};
-declare function FormElementImage({ element }: Props): JSX.Element;
-declare const _default: React.MemoExoticComponent<typeof FormElementImage>;
-export default _default;
+import * as React from 'react';
+import { FormTypes } from '@oneblink/types';
+declare type Props = {
+    element: FormTypes.ImageElement;
+};
+declare function FormElementImage({ element }: Props): JSX.Element;
+declare const _default: React.MemoExoticComponent<typeof FormElementImage>;
+export default _default;

package/dist/form-elements/FormElementImage.js

@@ -1,7 +1,7 @@
-import * as React from 'react';
-function FormElementImage({ element }) {
-    return (React.createElement("div", { className: "ob-form__element ob-image cypress-image-element" },
-        React.createElement("img", { className: "ob-image__content cypress-image-element-content", src: element.defaultValue, alt: element.label })));
-}
-export default React.memo(FormElementImage);
+import * as React from 'react';
+function FormElementImage({ element }) {
+    return (React.createElement("div", { className: "ob-form__element ob-image cypress-image-element" },
+        React.createElement("img", { className: "ob-image__content cypress-image-element-content", src: element.defaultValue, alt: element.label })));
+}
+export default React.memo(FormElementImage);
 //# sourceMappingURL=FormElementImage.js.map

package/dist/form-elements/FormElementLocation.d.ts

@@ -1,20 +1,20 @@
-import * as React from 'react';
-import { FormTypes } from '@oneblink/types';
-import { FormElementValueChangeHandler } from '../types/form';
-declare type Props = {
-    id: string;
-    element: FormTypes.LocationElement;
-    value: unknown | undefined;
-    onChange: FormElementValueChangeHandler<Coords>;
-    displayValidationMessage: boolean;
-    validationMessage: string | undefined;
-};
-declare type Coords = {
-    latitude: number;
-    longitude: number;
-    zoom?: number;
-};
-export declare const stringifyLocation: (location: Coords | undefined) => string | undefined;
-declare function FormElementLocation({ id, element, value, onChange, validationMessage, displayValidationMessage, }: Props): JSX.Element;
-declare const _default: React.MemoExoticComponent<typeof FormElementLocation>;
-export default _default;
+import * as React from 'react';
+import { FormTypes } from '@oneblink/types';
+import { FormElementValueChangeHandler } from '../types/form';
+declare type Props = {
+    id: string;
+    element: FormTypes.LocationElement;
+    value: unknown | undefined;
+    onChange: FormElementValueChangeHandler<Coords>;
+    displayValidationMessage: boolean;
+    validationMessage: string | undefined;
+};
+declare type Coords = {
+    latitude: number;
+    longitude: number;
+    zoom?: number;
+};
+export declare const stringifyLocation: (location: Coords | undefined) => string | undefined;
+declare function FormElementLocation({ id, element, value, onChange, validationMessage, displayValidationMessage, }: Props): JSX.Element;
+declare const _default: React.MemoExoticComponent<typeof FormElementLocation>;
+export default _default;