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

package/dist/components/renderer/AutocompleteDropdown.js

@@ -1,176 +1,176 @@
-import * as React from 'react';
-import clsx from 'clsx';
-import useBooleanState from '../../hooks/useBooleanState';
-import { Sentry } from '@oneblink/apps';
-function AutocompleteDropdown({ id, label, value, placeholder, required, disabled, validationMessage, displayValidationMessage, searchDebounceMs, searchMinCharacters, isLoading, hasError, onChangeValue, onChangeLabel, onSearch, }) {
-    const optionsContainerElement = React.useRef(null);
-    const [isDirty, setIsDirty] = React.useState(false);
-    const [currentFocusedOptionIndex, setCurrentFocusedOptionIndex] = React.useState(0);
-    const [options, setOptions] = React.useState([]);
-    const [error, setError] = React.useState(null);
-    const [isFetchingOptions, setIsFetchingOptions] = React.useState(false);
-    const [isOpen, onOpen, onClose] = useBooleanState(false);
-    const onSelectOption = React.useCallback((option) => {
-        onChangeLabel(option.label);
-        onChangeValue(option.value, option.data);
-        onClose();
-    }, [onChangeLabel, onChangeValue, onClose]);
-    const handleClickOption = React.useCallback((event, option) => {
-        console.log('Selected element option in autocomplete', option);
-        event.preventDefault();
-        event.stopPropagation();
-        onSelectOption(option);
-    }, [onSelectOption]);
-    const onFocus = React.useCallback(() => {
-        setCurrentFocusedOptionIndex(0);
-        onOpen();
-    }, [onOpen]);
-    // When moving away from the input, if this is no value remove
-    // the label to show the user they have not selected a value
-    const handleBlur = React.useCallback(() => {
-        setIsDirty(true);
-        setError(null);
-        onClose();
-        if (!value && Array.isArray(options)) {
-            // If there is no option currently selected but the typed in label
-            // matches an option's label, set that option as the value, otherwise remove label
-            if (label) {
-                const lowerCase = label.toLowerCase();
-                const option = options.find((option) => option.label.toLowerCase() === lowerCase);
-                if (option) {
-                    console.log('Setting value after blurring away from autocomplete');
-                    onSelectOption(option);
-                    return;
-                }
-            }
-            console.log('Removing label after blurring away from autocomplete');
-            onChangeLabel('');
-        }
-    }, [label, onChangeLabel, onClose, onSelectOption, options, value]);
-    const onKeyDown = React.useCallback((event) => {
-        if (!options) {
-            return;
-        }
-        const enterPressed = event.keyCode === 13;
-        const upArrowPressed = event.keyCode === 38;
-        const downArrowPressed = event.keyCode === 40;
-        if (!upArrowPressed && !downArrowPressed && !enterPressed) {
-            return;
-        }
-        event.preventDefault();
-        const previousFocusedOptionIndex = currentFocusedOptionIndex;
-        let nextFocusedOptionIndex = currentFocusedOptionIndex;
-        if (upArrowPressed) {
-            nextFocusedOptionIndex = Math.max(0, currentFocusedOptionIndex - 1);
-        }
-        else if (downArrowPressed) {
-            nextFocusedOptionIndex = Math.min(options.length - 1, currentFocusedOptionIndex + 1);
-        }
-        else if (enterPressed) {
-            const option = options[nextFocusedOptionIndex];
-            if (option) {
-                onSelectOption(option);
-            }
-        }
-        // If the index has changed, need to ensure the active option is visible
-        if (previousFocusedOptionIndex !== nextFocusedOptionIndex &&
-            optionsContainerElement.current) {
-            const activeStepElement = optionsContainerElement.current.querySelector(`.ob-autocomplete__drop-down-item-${nextFocusedOptionIndex}`);
-            if (activeStepElement) {
-                activeStepElement.scrollIntoView({
-                    behavior: 'smooth',
-                    block: 'nearest',
-                    inline: 'start',
-                });
-            }
-            setCurrentFocusedOptionIndex(nextFocusedOptionIndex);
-        }
-    }, [currentFocusedOptionIndex, options, onSelectOption]);
-    const handleChangeLabel = React.useCallback((e) => {
-        const newLabel = e.target.value;
-        onOpen();
-        setCurrentFocusedOptionIndex(0);
-        // Remove value when changing label
-        onChangeValue(undefined);
-        onChangeLabel(newLabel);
-    }, [onChangeLabel, onChangeValue, onOpen]);
-    React.useEffect(() => {
-        setError(null);
-        if (!isOpen || label.length < searchMinCharacters) {
-            setIsFetchingOptions(false);
-            return;
-        }
-        setIsFetchingOptions(true);
-        let ignore = false;
-        const abortController = new AbortController();
-        const timeoutId = setTimeout(async () => {
-            let newOptions = [];
-            let newError = null;
-            try {
-                newOptions = await onSearch(label, abortController.signal);
-            }
-            catch (error) {
-                // Cancelling will throw an error.
-                if (!abortController.signal.aborted) {
-                    console.warn('Error while fetching autocomplete options', error);
-                    Sentry.captureException(error);
-                    newError = error;
-                }
-            }
-            if (!ignore) {
-                setError(newError);
-                setOptions(newOptions);
-                setIsFetchingOptions(false);
-            }
-        }, searchDebounceMs);
-        return () => {
-            ignore = true;
-            clearTimeout(timeoutId);
-            abortController.abort();
-        };
-    }, [isOpen, label, onSearch, searchDebounceMs, searchMinCharacters]);
-    const isShowingLoading = isFetchingOptions || !!isLoading;
-    const isShowingValid = !isShowingLoading && value !== undefined;
-    const isShowingError = !isShowingLoading && !!hasError;
-    return (React.createElement(React.Fragment, null,
-        React.createElement("div", { className: clsx('dropdown', {
-                'is-active': isOpen && Array.isArray(options),
-            }) },
-            React.createElement("div", { className: "field" },
-                React.createElement("div", { className: clsx('cypress-autocomplete-field-control control is-expanded', {
-                        'is-loading': isShowingLoading,
-                        'has-icons-right': isShowingValid || isShowingError,
-                    }) },
-                    React.createElement("input", { type: "text", placeholder: placeholder, id: id, autoComplete: "off", className: "cypress-autocomplete-control input ob-input", required: required, value: label, disabled: disabled, onFocus: onFocus, onBlur: handleBlur, onKeyDown: onKeyDown, onChange: handleChangeLabel }),
-                    isShowingValid && (React.createElement("span", { className: " ob-input-icon icon is-small is-right" },
-                        React.createElement("i", { className: "material-icons is-size-5 has-text-success" }, "check"))),
-                    isShowingError && (React.createElement("span", { className: " ob-input-icon icon is-small is-right" },
-                        React.createElement("i", { className: "material-icons is-size-5 has-text-danger" }, "error"))))),
-            React.createElement("div", { className: "dropdown-menu" },
-                React.createElement("div", { ref: optionsContainerElement, className: "ob-autocomplete__dropdown-content dropdown-content cypress-autocomplete-dropdown-content" }, error ? (React.createElement("a", { className: "dropdown-item cypress-autocomplete-error ob-autocomplete__drop-down-item-error" },
-                    React.createElement("span", { className: "has-text-danger" }, error.message))) : label.length < searchMinCharacters ? (React.createElement("a", { className: "dropdown-item cypress-max-characters ob-autocomplete__drop-down-item-max-characters" },
-                    React.createElement("i", null,
-                        "Enter at least ",
-                        searchMinCharacters,
-                        " character(s) to search"))) : isShowingLoading ? (React.createElement("a", { className: "dropdown-item cypress-searching-options ob-autocomplete__drop-down-item-searching" },
-                    React.createElement("i", null, "Searching..."))) : options && options.length ? (options.map((option, index) => (React.createElement("a", { key: option.value, className: clsx(`dropdown-item cypress-autocomplete-dropdown-item ob-autocomplete__drop-down-item-${index}`, {
-                        'is-active': currentFocusedOptionIndex === index,
-                    }), onMouseDown: (e) => handleClickOption(e, option), dangerouslySetInnerHTML: {
-                        __html: highlightLabel(option.label, label),
-                    } })))) : (React.createElement("a", { className: "dropdown-item cypress-no-matches-found ob-autocomplete__drop-down-item-no-matches" },
-                    React.createElement("i", null, "No matches found")))))),
-        (isDirty || displayValidationMessage) &&
-            !!validationMessage &&
-            !isShowingLoading && (React.createElement("div", { role: "alert", className: "has-margin-top-8" },
-            React.createElement("div", { className: "has-text-danger ob-error__text cypress-validation-message" }, validationMessage)))));
-}
-export default React.memo(AutocompleteDropdown);
-function highlightLabel(text, phrase) {
-    if (phrase) {
-        text = text.replace(new RegExp('(' +
-            phrase.replace(/[`~!@#$%^&*()_|+\-=?;:'",.<>{}[\]\\/]/gi, (char) => `\\${char}`) +
-            ')', 'gi'), '<b>$1</b>');
-    }
-    return text;
-}
+import * as React from 'react';
+import clsx from 'clsx';
+import useBooleanState from '../../hooks/useBooleanState';
+import { Sentry } from '@oneblink/apps';
+function AutocompleteDropdown({ id, label, value, placeholder, required, disabled, validationMessage, displayValidationMessage, searchDebounceMs, searchMinCharacters, isLoading, hasError, onChangeValue, onChangeLabel, onSearch, }) {
+    const optionsContainerElement = React.useRef(null);
+    const [isDirty, setIsDirty] = React.useState(false);
+    const [currentFocusedOptionIndex, setCurrentFocusedOptionIndex] = React.useState(0);
+    const [options, setOptions] = React.useState([]);
+    const [error, setError] = React.useState(null);
+    const [isFetchingOptions, setIsFetchingOptions] = React.useState(false);
+    const [isOpen, onOpen, onClose] = useBooleanState(false);
+    const onSelectOption = React.useCallback((option) => {
+        onChangeLabel(option.label);
+        onChangeValue(option.value, option.data);
+        onClose();
+    }, [onChangeLabel, onChangeValue, onClose]);
+    const handleClickOption = React.useCallback((event, option) => {
+        console.log('Selected element option in autocomplete', option);
+        event.preventDefault();
+        event.stopPropagation();
+        onSelectOption(option);
+    }, [onSelectOption]);
+    const onFocus = React.useCallback(() => {
+        setCurrentFocusedOptionIndex(0);
+        onOpen();
+    }, [onOpen]);
+    // When moving away from the input, if this is no value remove
+    // the label to show the user they have not selected a value
+    const handleBlur = React.useCallback(() => {
+        setIsDirty(true);
+        setError(null);
+        onClose();
+        if (!value && Array.isArray(options)) {
+            // If there is no option currently selected but the typed in label
+            // matches an option's label, set that option as the value, otherwise remove label
+            if (label) {
+                const lowerCase = label.toLowerCase();
+                const option = options.find((option) => option.label.toLowerCase() === lowerCase);
+                if (option) {
+                    console.log('Setting value after blurring away from autocomplete');
+                    onSelectOption(option);
+                    return;
+                }
+            }
+            console.log('Removing label after blurring away from autocomplete');
+            onChangeLabel('');
+        }
+    }, [label, onChangeLabel, onClose, onSelectOption, options, value]);
+    const onKeyDown = React.useCallback((event) => {
+        if (!options) {
+            return;
+        }
+        const enterPressed = event.keyCode === 13;
+        const upArrowPressed = event.keyCode === 38;
+        const downArrowPressed = event.keyCode === 40;
+        if (!upArrowPressed && !downArrowPressed && !enterPressed) {
+            return;
+        }
+        event.preventDefault();
+        const previousFocusedOptionIndex = currentFocusedOptionIndex;
+        let nextFocusedOptionIndex = currentFocusedOptionIndex;
+        if (upArrowPressed) {
+            nextFocusedOptionIndex = Math.max(0, currentFocusedOptionIndex - 1);
+        }
+        else if (downArrowPressed) {
+            nextFocusedOptionIndex = Math.min(options.length - 1, currentFocusedOptionIndex + 1);
+        }
+        else if (enterPressed) {
+            const option = options[nextFocusedOptionIndex];
+            if (option) {
+                onSelectOption(option);
+            }
+        }
+        // If the index has changed, need to ensure the active option is visible
+        if (previousFocusedOptionIndex !== nextFocusedOptionIndex &&
+            optionsContainerElement.current) {
+            const activeStepElement = optionsContainerElement.current.querySelector(`.ob-autocomplete__drop-down-item-${nextFocusedOptionIndex}`);
+            if (activeStepElement) {
+                activeStepElement.scrollIntoView({
+                    behavior: 'smooth',
+                    block: 'nearest',
+                    inline: 'start',
+                });
+            }
+            setCurrentFocusedOptionIndex(nextFocusedOptionIndex);
+        }
+    }, [currentFocusedOptionIndex, options, onSelectOption]);
+    const handleChangeLabel = React.useCallback((e) => {
+        const newLabel = e.target.value;
+        onOpen();
+        setCurrentFocusedOptionIndex(0);
+        // Remove value when changing label
+        onChangeValue(undefined);
+        onChangeLabel(newLabel);
+    }, [onChangeLabel, onChangeValue, onOpen]);
+    React.useEffect(() => {
+        setError(null);
+        if (!isOpen || label.length < searchMinCharacters) {
+            setIsFetchingOptions(false);
+            return;
+        }
+        setIsFetchingOptions(true);
+        let ignore = false;
+        const abortController = new AbortController();
+        const timeoutId = setTimeout(async () => {
+            let newOptions = [];
+            let newError = null;
+            try {
+                newOptions = await onSearch(label, abortController.signal);
+            }
+            catch (error) {
+                // Cancelling will throw an error.
+                if (!abortController.signal.aborted) {
+                    console.warn('Error while fetching autocomplete options', error);
+                    Sentry.captureException(error);
+                    newError = error;
+                }
+            }
+            if (!ignore) {
+                setError(newError);
+                setOptions(newOptions);
+                setIsFetchingOptions(false);
+            }
+        }, searchDebounceMs);
+        return () => {
+            ignore = true;
+            clearTimeout(timeoutId);
+            abortController.abort();
+        };
+    }, [isOpen, label, onSearch, searchDebounceMs, searchMinCharacters]);
+    const isShowingLoading = isFetchingOptions || !!isLoading;
+    const isShowingValid = !isShowingLoading && value !== undefined;
+    const isShowingError = !isShowingLoading && !!hasError;
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", { className: clsx('dropdown', {
+                'is-active': isOpen && Array.isArray(options),
+            }) },
+            React.createElement("div", { className: "field" },
+                React.createElement("div", { className: clsx('cypress-autocomplete-field-control control is-expanded', {
+                        'is-loading': isShowingLoading,
+                        'has-icons-right': isShowingValid || isShowingError,
+                    }) },
+                    React.createElement("input", { type: "text", placeholder: placeholder, id: id, autoComplete: "off", className: "cypress-autocomplete-control input ob-input", required: required, value: label, disabled: disabled, onFocus: onFocus, onBlur: handleBlur, onKeyDown: onKeyDown, onChange: handleChangeLabel }),
+                    isShowingValid && (React.createElement("span", { className: " ob-input-icon icon is-small is-right" },
+                        React.createElement("i", { className: "material-icons is-size-5 has-text-success" }, "check"))),
+                    isShowingError && (React.createElement("span", { className: " ob-input-icon icon is-small is-right" },
+                        React.createElement("i", { className: "material-icons is-size-5 has-text-danger" }, "error"))))),
+            React.createElement("div", { className: "dropdown-menu" },
+                React.createElement("div", { ref: optionsContainerElement, className: "ob-autocomplete__dropdown-content dropdown-content cypress-autocomplete-dropdown-content" }, error ? (React.createElement("a", { className: "dropdown-item cypress-autocomplete-error ob-autocomplete__drop-down-item-error" },
+                    React.createElement("span", { className: "has-text-danger" }, error.message))) : label.length < searchMinCharacters ? (React.createElement("a", { className: "dropdown-item cypress-max-characters ob-autocomplete__drop-down-item-max-characters" },
+                    React.createElement("i", null,
+                        "Enter at least ",
+                        searchMinCharacters,
+                        " character(s) to search"))) : isShowingLoading ? (React.createElement("a", { className: "dropdown-item cypress-searching-options ob-autocomplete__drop-down-item-searching" },
+                    React.createElement("i", null, "Searching..."))) : options && options.length ? (options.map((option, index) => (React.createElement("a", { key: option.value, className: clsx(`dropdown-item cypress-autocomplete-dropdown-item ob-autocomplete__drop-down-item-${index}`, {
+                        'is-active': currentFocusedOptionIndex === index,
+                    }), onMouseDown: (e) => handleClickOption(e, option), dangerouslySetInnerHTML: {
+                        __html: highlightLabel(option.label, label),
+                    } })))) : (React.createElement("a", { className: "dropdown-item cypress-no-matches-found ob-autocomplete__drop-down-item-no-matches" },
+                    React.createElement("i", null, "No matches found")))))),
+        (isDirty || displayValidationMessage) &&
+            !!validationMessage &&
+            !isShowingLoading && (React.createElement("div", { role: "alert", className: "has-margin-top-8" },
+            React.createElement("div", { className: "has-text-danger ob-error__text cypress-validation-message" }, validationMessage)))));
+}
+export default React.memo(AutocompleteDropdown);
+function highlightLabel(text, phrase) {
+    if (phrase) {
+        text = text.replace(new RegExp('(' +
+            phrase.replace(/[`~!@#$%^&*()_|+\-=?;:'",.<>{}[\]\\/]/gi, (char) => `\\${char}`) +
+            ')', 'gi'), '<b>$1</b>');
+    }
+    return text;
+}
 //# sourceMappingURL=AutocompleteDropdown.js.map

package/dist/components/renderer/CopyToClipboardButton.d.ts

@@ -1,8 +1,8 @@
-import * as React from 'react';
-declare type Props = {
-    text: string;
-    className?: string;
-};
-declare function CopyToClipboardButton({ className, text }: Props): JSX.Element;
-declare const _default: React.MemoExoticComponent<typeof CopyToClipboardButton>;
-export default _default;
+import * as React from 'react';
+declare type Props = {
+    text: string;
+    className?: string;
+};
+declare function CopyToClipboardButton({ className, text }: Props): JSX.Element;
+declare const _default: React.MemoExoticComponent<typeof CopyToClipboardButton>;
+export default _default;

package/dist/components/renderer/CopyToClipboardButton.js

@@ -1,14 +1,14 @@
-import { Tooltip } from '@mui/material';
-import * as React from 'react';
-import utilsService from '../../services/utils-service';
-function CopyToClipboardButton({ className, text }) {
-    const copy = React.useCallback(() => {
-        utilsService.copyToClipboard(text);
-    }, [text]);
-    return (React.createElement(Tooltip, { title: "Copy to clipboard" },
-        React.createElement("button", { onClick: copy, className: className, type: "button" },
-            React.createElement("span", { className: "icon" },
-                React.createElement("i", { className: "material-icons" }, "file_copy")))));
-}
-export default React.memo(CopyToClipboardButton);
+import { Tooltip } from '@mui/material';
+import * as React from 'react';
+import utilsService from '../../services/utils-service';
+function CopyToClipboardButton({ className, text }) {
+    const copy = React.useCallback(() => {
+        utilsService.copyToClipboard(text);
+    }, [text]);
+    return (React.createElement(Tooltip, { title: "Copy to clipboard" },
+        React.createElement("button", { onClick: copy, className: className, type: "button" },
+            React.createElement("span", { className: "icon" },
+                React.createElement("i", { className: "material-icons" }, "file_copy")))));
+}
+export default React.memo(CopyToClipboardButton);
 //# sourceMappingURL=CopyToClipboardButton.js.map

package/dist/components/renderer/CustomisableButtonInner.d.ts

@@ -1,7 +1,7 @@
-import * as React from 'react';
-declare type Props = {
-    label: string;
-    icon?: string;
-};
-declare const _default: React.NamedExoticComponent<Props>;
-export default _default;
+import * as React from 'react';
+declare type Props = {
+    label: string;
+    icon?: string;
+};
+declare const _default: React.NamedExoticComponent<Props>;
+export default _default;

package/dist/components/renderer/CustomisableButtonInner.js

@@ -1,9 +1,9 @@
-import * as React from 'react';
-const CustomisableButton = ({ label, icon }) => {
-    return (React.createElement(React.Fragment, null,
-        React.createElement("span", { className: "ob-customisable-button-inner" },
-            !!icon && React.createElement("i", { className: "material-icons" }, icon),
-            React.createElement("span", null, label))));
-};
-export default React.memo(CustomisableButton);
+import * as React from 'react';
+const CustomisableButton = ({ label, icon }) => {
+    return (React.createElement(React.Fragment, null,
+        React.createElement("span", { className: "ob-customisable-button-inner" },
+            !!icon && React.createElement("i", { className: "material-icons" }, icon),
+            React.createElement("span", null, label))));
+};
+export default React.memo(CustomisableButton);
 //# sourceMappingURL=CustomisableButtonInner.js.map

package/dist/components/renderer/FormElementLabelContainer.d.ts

@@ -1,12 +1,12 @@
-import * as React from 'react';
-import { FormTypes } from '@oneblink/types';
-declare function FormElementLabelContainer({ className, element, id, required, children, leading, }: {
-    className: string;
-    element: FormTypes.FormElementBase;
-    id: string;
-    required: boolean;
-    children: React.ReactNode;
-    leading?: React.ReactNode;
-}): JSX.Element;
-declare const _default: React.MemoExoticComponent<typeof FormElementLabelContainer>;
-export default _default;
+import * as React from 'react';
+import { FormTypes } from '@oneblink/types';
+declare function FormElementLabelContainer({ className, element, id, required, children, leading, }: {
+    className: string;
+    element: FormTypes.FormElementBase;
+    id: string;
+    required: boolean;
+    children: React.ReactNode;
+    leading?: React.ReactNode;
+}): JSX.Element;
+declare const _default: React.MemoExoticComponent<typeof FormElementLabelContainer>;
+export default _default;

package/dist/components/renderer/FormElementLabelContainer.js

@@ -1,16 +1,16 @@
-import * as React from 'react';
-import { Tooltip } from '@mui/material';
-import clsx from 'clsx';
-function FormElementLabelContainer({ className, element, id, required, children, leading, }) {
-    return (React.createElement("div", { className: clsx('ob-form__element', className) },
-        React.createElement("div", { className: "label ob-label__container" },
-            leading,
-            React.createElement("label", { className: clsx('ob-label', {
-                    'ob-label__required is-required': required,
-                }), htmlFor: id }, element.label),
-            element.hint && (React.createElement(Tooltip, { title: element.hint, arrow: true, enterTouchDelay: 0, leaveTouchDelay: 10000 },
-                React.createElement("i", { className: "material-icons has-text-grey-light ob-label__hint" }, "info")))),
-        children));
-}
-export default React.memo(FormElementLabelContainer);
+import * as React from 'react';
+import { Tooltip } from '@mui/material';
+import clsx from 'clsx';
+function FormElementLabelContainer({ className, element, id, required, children, leading, }) {
+    return (React.createElement("div", { className: clsx('ob-form__element', className) },
+        React.createElement("div", { className: "label ob-label__container" },
+            leading,
+            React.createElement("label", { className: clsx('ob-label', {
+                    'ob-label__required is-required': required,
+                }), htmlFor: id }, element.label),
+            element.hint && (React.createElement(Tooltip, { title: element.hint, arrow: true, enterTouchDelay: 0, leaveTouchDelay: 10000 },
+                React.createElement("i", { className: "material-icons has-text-grey-light ob-label__hint" }, "info")))),
+        children));
+}
+export default React.memo(FormElementLabelContainer);
 //# sourceMappingURL=FormElementLabelContainer.js.map

package/dist/components/renderer/FormElementOptions.d.ts

@@ -1,9 +1,9 @@
-import { FormTypes } from '@oneblink/types';
-import * as React from 'react';
-declare type Props = {
-    options: FormTypes.ChoiceElementOption[] | undefined;
-    children: React.ReactNode;
-};
-declare function FormElementOptions({ options, children }: Props): JSX.Element;
-declare const _default: React.MemoExoticComponent<typeof FormElementOptions>;
-export default _default;
+import { FormTypes } from '@oneblink/types';
+import * as React from 'react';
+declare type Props = {
+    options: FormTypes.ChoiceElementOption[] | undefined;
+    children: React.ReactNode;
+};
+declare function FormElementOptions({ options, children }: Props): JSX.Element;
+declare const _default: React.MemoExoticComponent<typeof FormElementOptions>;
+export default _default;

package/dist/components/renderer/FormElementOptions.js

@@ -1,15 +1,15 @@
-import * as React from 'react';
-import OnLoading from './OnLoading';
-function FormElementOptions({ options, children }) {
-    if (!options) {
-        return (React.createElement("div", null,
-            React.createElement(OnLoading, { className: "has-text-centered", small: true })));
-    }
-    if (!options.length) {
-        return (React.createElement("div", null,
-            React.createElement("div", { className: "has-text-grey is-size-7" }, "We were unable to load your options. Please contact your administrator.")));
-    }
-    return React.createElement("div", null, children);
-}
-export default React.memo(FormElementOptions);
+import * as React from 'react';
+import OnLoading from './OnLoading';
+function FormElementOptions({ options, children }) {
+    if (!options) {
+        return (React.createElement("div", null,
+            React.createElement(OnLoading, { className: "has-text-centered", small: true })));
+    }
+    if (!options.length) {
+        return (React.createElement("div", null,
+            React.createElement("div", { className: "has-text-grey is-size-7" }, "We were unable to load your options. Please contact your administrator.")));
+    }
+    return React.createElement("div", null, children);
+}
+export default React.memo(FormElementOptions);
 //# sourceMappingURL=FormElementOptions.js.map

package/dist/components/renderer/LookupButton.d.ts

@@ -1,10 +1,10 @@
-import * as React from 'react';
-declare type Props = {
-    value: unknown | undefined;
-    validationMessage: string | undefined;
-    hasMarginTop?: boolean;
-    isInputButton?: boolean;
-};
-declare function LookupButton({ value, validationMessage, hasMarginTop, isInputButton, }: Props): JSX.Element | null;
-declare const _default: React.MemoExoticComponent<typeof LookupButton>;
-export default _default;
+import * as React from 'react';
+declare type Props = {
+    value: unknown | undefined;
+    validationMessage: string | undefined;
+    hasMarginTop?: boolean;
+    isInputButton?: boolean;
+};
+declare function LookupButton({ value, validationMessage, hasMarginTop, isInputButton, }: Props): JSX.Element | null;
+declare const _default: React.MemoExoticComponent<typeof LookupButton>;
+export default _default;

package/dist/components/renderer/LookupButton.js

@@ -1,30 +1,30 @@
-import * as React from 'react';
-import clsx from 'clsx';
-import useLookupNotification from '../../hooks/useLookupNotification';
-import { lookupValidationMessage } from '../../services/form-validation';
-import useFormIsReadOnly from '../../hooks/useFormIsReadOnly';
-function LookupButton({ value, validationMessage, hasMarginTop, isInputButton, }) {
-    const { isLookup, onLookup, isDisabled } = useLookupNotification();
-    const formIsReadOnly = useFormIsReadOnly();
-    if (!isLookup) {
-        return null;
-    }
-    const button = (React.createElement("button", { type: "button", className: clsx('button is-primary ob-lookup__button cypress-lookup-button', {
-            'is-input-addon': isInputButton,
-            'ob-button': !isInputButton,
-            'has-margin-top-8': hasMarginTop,
-        }), onClick: () => onLookup(value), disabled: formIsReadOnly ||
-            isDisabled ||
-            value === undefined ||
-            (!!validationMessage && validationMessage !== lookupValidationMessage) },
-        isInputButton && React.createElement("span", null),
-        React.createElement("span", { className: "icon" },
-            React.createElement("i", { className: "material-icons" }, "search")),
-        React.createElement("span", { className: isInputButton ? 'is-hidden-mobile' : undefined }, "\u00A0Lookup")));
-    if (isInputButton) {
-        return React.createElement("div", { className: "control" }, button);
-    }
-    return button;
-}
-export default React.memo(LookupButton);
+import * as React from 'react';
+import clsx from 'clsx';
+import useLookupNotification from '../../hooks/useLookupNotification';
+import { lookupValidationMessage } from '../../services/form-validation';
+import useFormIsReadOnly from '../../hooks/useFormIsReadOnly';
+function LookupButton({ value, validationMessage, hasMarginTop, isInputButton, }) {
+    const { isLookup, onLookup, isDisabled } = useLookupNotification();
+    const formIsReadOnly = useFormIsReadOnly();
+    if (!isLookup) {
+        return null;
+    }
+    const button = (React.createElement("button", { type: "button", className: clsx('button is-primary ob-lookup__button cypress-lookup-button', {
+            'is-input-addon': isInputButton,
+            'ob-button': !isInputButton,
+            'has-margin-top-8': hasMarginTop,
+        }), onClick: () => onLookup(value), disabled: formIsReadOnly ||
+            isDisabled ||
+            value === undefined ||
+            (!!validationMessage && validationMessage !== lookupValidationMessage) },
+        isInputButton && React.createElement("span", null),
+        React.createElement("span", { className: "icon" },
+            React.createElement("i", { className: "material-icons" }, "search")),
+        React.createElement("span", { className: isInputButton ? 'is-hidden-mobile' : undefined }, "\u00A0Lookup")));
+    if (isInputButton) {
+        return React.createElement("div", { className: "control" }, button);
+    }
+    return button;
+}
+export default React.memo(LookupButton);
 //# sourceMappingURL=LookupButton.js.map