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

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

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

@@ -1,12 +1,12 @@
-import * as React from 'react';
-import { FormTypes } from '@oneblink/types';
-import { FormElementLookupHandler } from '../../types/form';
-declare type Props = {
-    autoLookupValue?: unknown;
-    stringifyAutoLookupValue?: (autoLookupValue: unknown) => string;
-    element: FormTypes.LookupFormElement;
-    onLookup: FormElementLookupHandler;
-    children: React.ReactNode;
-};
-export default function LookupNotification(props: Props): JSX.Element;
-export {};
+import * as React from 'react';
+import { FormTypes } from '@oneblink/types';
+import { FormElementLookupHandler } from '../../types/form';
+declare type Props = {
+    autoLookupValue?: unknown;
+    stringifyAutoLookupValue?: (autoLookupValue: unknown) => string;
+    element: FormTypes.LookupFormElement;
+    onLookup: FormElementLookupHandler;
+    children: React.ReactNode;
+};
+export default function LookupNotification(props: Props): JSX.Element;
+export {};