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

package/dist/components/CopyToClipboardIconButton.d.ts

@@ -1,10 +1,10 @@
-import * as React from 'react';
-import { IconButton } from '@mui/material';
-declare type Props = {
-    text: string;
-    large?: boolean;
-    noMarginY?: boolean;
-} & React.ComponentProps<typeof IconButton>;
-export declare function CopyToClipBoardIconButton({ text, large, noMarginY, className, ...rest }: Props): JSX.Element;
-declare const _default: React.MemoExoticComponent<typeof CopyToClipBoardIconButton>;
-export default _default;
+import * as React from 'react';
+import { IconButton } from '@mui/material';
+declare type Props = {
+    text: string;
+    large?: boolean;
+    noMarginY?: boolean;
+} & React.ComponentProps<typeof IconButton>;
+export declare function CopyToClipBoardIconButton({ text, large, noMarginY, className, ...rest }: Props): JSX.Element;
+declare const _default: React.MemoExoticComponent<typeof CopyToClipBoardIconButton>;
+export default _default;

package/dist/components/CopyToClipboardIconButton.js

@@ -1,33 +1,33 @@
-import * as React from 'react';
-import copy from 'copy-to-clipboard';
-import { IconButton, Tooltip, Snackbar } from '@mui/material';
-import FileCopy from '@mui/icons-material/FileCopy';
-const noMargin = {
-    marginTop: -1,
-    marginBottom: -1,
-};
-export function CopyToClipBoardIconButton({ text, large, noMarginY, className, ...rest }) {
-    const [isCopyToClipboardOpen, setIsCopyToClipboardOpen] = React.useState(false);
-    const copyToClipboard = React.useCallback(() => {
-        copy(text);
-        setIsCopyToClipboardOpen(true);
-    }, [text]);
-    const handleClose = React.useCallback(() => {
-        setIsCopyToClipboardOpen(false);
-    }, []);
-    return (React.createElement(React.Fragment, null,
-        React.createElement(Tooltip, { title: "Copy to clipboard" },
-            React.createElement(IconButton, { onClick: (e) => {
-                    e.stopPropagation();
-                    copyToClipboard();
-                }, "data-cypress": "copy-to-clip-board-button", className: className, sx: noMarginY ? noMargin : undefined, ...rest },
-                React.createElement(FileCopy, { sx: large ? undefined : { fontSize: 18 } }))),
-        React.createElement(Snackbar, { anchorOrigin: {
-                vertical: 'bottom',
-                horizontal: 'right',
-            }, open: isCopyToClipboardOpen, onClose: handleClose, autoHideDuration: 1500, ContentProps: {
-                'aria-describedby': 'copy-clip-board-message-id',
-            }, message: React.createElement("span", { id: "copy-clip-board-message-id", "data-cypress": "copied-text-to-clip-board-message" }, "Copied to Clipboard") })));
-}
-export default React.memo(CopyToClipBoardIconButton);
+import * as React from 'react';
+import copy from 'copy-to-clipboard';
+import { IconButton, Tooltip, Snackbar } from '@mui/material';
+import FileCopy from '@mui/icons-material/FileCopy';
+const noMargin = {
+    marginTop: -1,
+    marginBottom: -1,
+};
+export function CopyToClipBoardIconButton({ text, large, noMarginY, className, ...rest }) {
+    const [isCopyToClipboardOpen, setIsCopyToClipboardOpen] = React.useState(false);
+    const copyToClipboard = React.useCallback(() => {
+        copy(text);
+        setIsCopyToClipboardOpen(true);
+    }, [text]);
+    const handleClose = React.useCallback(() => {
+        setIsCopyToClipboardOpen(false);
+    }, []);
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Tooltip, { title: "Copy to clipboard" },
+            React.createElement(IconButton, { onClick: (e) => {
+                    e.stopPropagation();
+                    copyToClipboard();
+                }, "data-cypress": "copy-to-clip-board-button", className: className, sx: noMarginY ? noMargin : undefined, ...rest },
+                React.createElement(FileCopy, { sx: large ? undefined : { fontSize: 18 } }))),
+        React.createElement(Snackbar, { anchorOrigin: {
+                vertical: 'bottom',
+                horizontal: 'right',
+            }, open: isCopyToClipboardOpen, onClose: handleClose, autoHideDuration: 1500, ContentProps: {
+                'aria-describedby': 'copy-clip-board-message-id',
+            }, message: React.createElement("span", { id: "copy-clip-board-message-id", "data-cypress": "copied-text-to-clip-board-message" }, "Copied to Clipboard") })));
+}
+export default React.memo(CopyToClipBoardIconButton);
 //# sourceMappingURL=CopyToClipboardIconButton.js.map

package/dist/components/CustomAccordion.d.ts

@@ -1,27 +1,27 @@
-/// <reference types="react" />
-export declare const CustomAccordion: import("@emotion/styled").StyledComponent<import("@mui/material").AccordionProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
-export declare const CustomAccordionSummary: import("@emotion/styled").StyledComponent<{
-    children?: import("react").ReactNode;
-    classes?: Partial<import("@mui/material").AccordionSummaryClasses> | undefined;
-    expandIcon?: import("react").ReactNode;
-    sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
-} & Omit<{
-    action?: import("react").Ref<import("@mui/material").ButtonBaseActions> | undefined;
-    centerRipple?: boolean | undefined;
-    children?: import("react").ReactNode;
-    classes?: Partial<import("@mui/material").ButtonBaseClasses> | undefined;
-    disabled?: boolean | undefined;
-    disableRipple?: boolean | undefined;
-    disableTouchRipple?: boolean | undefined;
-    focusRipple?: boolean | undefined;
-    focusVisibleClassName?: string | undefined;
-    LinkComponent?: import("react").ElementType<any> | undefined;
-    onFocusVisible?: import("react").FocusEventHandler<any> | undefined;
-    sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
-    tabIndex?: number | undefined;
-    TouchRippleProps?: Partial<import("@mui/material/ButtonBase/TouchRipple").TouchRippleProps> | undefined;
-    touchRippleRef?: import("react").Ref<import("@mui/material/ButtonBase/TouchRipple").TouchRippleActions> | undefined;
-}, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement> | "key"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, "children" | "disabled" | "tabIndex" | keyof import("@mui/material/OverridableComponent").CommonProps | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "sx" | "TouchRippleProps" | "touchRippleRef" | "expandIcon"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
-export declare const CustomAccordionDetails: import("@emotion/styled").StyledComponent<import("@mui/material").AccordionDetailsProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+/// <reference types="react" />
+export declare const CustomAccordion: import("@emotion/styled").StyledComponent<import("@mui/material").AccordionProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const CustomAccordionSummary: import("@emotion/styled").StyledComponent<{
+    children?: import("react").ReactNode;
+    classes?: Partial<import("@mui/material").AccordionSummaryClasses> | undefined;
+    expandIcon?: import("react").ReactNode;
+    sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
+} & Omit<{
+    action?: import("react").Ref<import("@mui/material").ButtonBaseActions> | undefined;
+    centerRipple?: boolean | undefined;
+    children?: import("react").ReactNode;
+    classes?: Partial<import("@mui/material").ButtonBaseClasses> | undefined;
+    disabled?: boolean | undefined;
+    disableRipple?: boolean | undefined;
+    disableTouchRipple?: boolean | undefined;
+    focusRipple?: boolean | undefined;
+    focusVisibleClassName?: string | undefined;
+    LinkComponent?: import("react").ElementType<any> | undefined;
+    onFocusVisible?: import("react").FocusEventHandler<any> | undefined;
+    sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
+    tabIndex?: number | undefined;
+    TouchRippleProps?: Partial<import("@mui/material/ButtonBase/TouchRipple").TouchRippleProps> | undefined;
+    touchRippleRef?: import("react").Ref<import("@mui/material/ButtonBase/TouchRipple").TouchRippleActions> | undefined;
+}, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement> | "key"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, "children" | "disabled" | "tabIndex" | keyof import("@mui/material/OverridableComponent").CommonProps | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "sx" | "TouchRippleProps" | "touchRippleRef" | "expandIcon"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const CustomAccordionDetails: import("@emotion/styled").StyledComponent<import("@mui/material").AccordionDetailsProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/dist/components/CustomAccordion.js

@@ -1,38 +1,38 @@
-import { Accordion, AccordionSummary, AccordionDetails, styled, } from '@mui/material';
-export const CustomAccordion = styled(Accordion)(({ theme }) => ({
-    border: `1px solid ${theme.palette.divider}`,
-    boxShadow: 'none',
-    width: '100%',
-    '&:not(:last-of-type)': {
-        borderBottom: 'none',
-    },
-    '&:before': {
-        display: 'none',
-    },
-    '&.Mui-expanded': {
-        margin: 'unset',
-    },
-    '& .Mui-expanded': {
-        margin: 'auto',
-    },
-}));
-export const CustomAccordionSummary = styled(AccordionSummary)(({ theme }) => ({
-    backgroundColor: 'rgba(0, 0, 0, .03)',
-    '&.Mui-expanded': {
-        minHeight: theme.spacing(6),
-    },
-    '& .Mui-expanded': {
-        marginTop: theme.spacing(1.5),
-        marginBottom: theme.spacing(1.5),
-    },
-    '& .MuiAccordionSummary-content': {
-        '&.Mui-expanded': {
-            margin: theme.spacing(1.5, 0),
-        },
-    },
-}));
-export const CustomAccordionDetails = styled(AccordionDetails)(({ theme }) => ({
-    padding: theme.spacing(1, 2),
-    borderTop: `1px solid ${theme.palette.divider}`,
-}));
+import { Accordion, AccordionSummary, AccordionDetails, styled, } from '@mui/material';
+export const CustomAccordion = styled(Accordion)(({ theme }) => ({
+    border: `1px solid ${theme.palette.divider}`,
+    boxShadow: 'none',
+    width: '100%',
+    '&:not(:last-of-type)': {
+        borderBottom: 'none',
+    },
+    '&:before': {
+        display: 'none',
+    },
+    '&.Mui-expanded': {
+        margin: 'unset',
+    },
+    '& .Mui-expanded': {
+        margin: 'auto',
+    },
+}));
+export const CustomAccordionSummary = styled(AccordionSummary)(({ theme }) => ({
+    backgroundColor: 'rgba(0, 0, 0, .03)',
+    '&.Mui-expanded': {
+        minHeight: theme.spacing(6),
+    },
+    '& .Mui-expanded': {
+        marginTop: theme.spacing(1.5),
+        marginBottom: theme.spacing(1.5),
+    },
+    '& .MuiAccordionSummary-content': {
+        '&.Mui-expanded': {
+            margin: theme.spacing(1.5, 0),
+        },
+    },
+}));
+export const CustomAccordionDetails = styled(AccordionDetails)(({ theme }) => ({
+    padding: theme.spacing(1, 2),
+    borderTop: `1px solid ${theme.palette.divider}`,
+}));
 //# sourceMappingURL=CustomAccordion.js.map

package/dist/components/CustomisableButtonInner.d.ts

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

package/dist/components/CustomisableButtonInner.js

@@ -0,0 +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);
+//# sourceMappingURL=CustomisableButtonInner.js.map

package/dist/components/CustomisableButtonInner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomisableButtonInner.js","sourceRoot":"","sources":["../../src/components/CustomisableButtonInner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,MAAM,kBAAkB,GAAG,CAAC,EAAE,KAAK,EAAE,IAAI,EAAS,EAAE,EAAE;IACpD,OAAO,CACL;QACE,8BAAM,SAAS,EAAC,8BAA8B;YAC3C,CAAC,CAAC,IAAI,IAAI,2BAAG,SAAS,EAAC,gBAAgB,IAAE,IAAI,CAAK;YACnD,kCAAO,KAAK,CAAQ,CACf,CACN,CACJ,CAAA;AACH,CAAC,CAAA;AAED,eAAe,KAAK,CAAC,IAAI,CAAQ,kBAAkB,CAAC,CAAA","sourcesContent":["import * as React from 'react'\ntype Props = {\n  label: string\n  icon?: string\n}\n\nconst CustomisableButton = ({ label, icon }: Props) => {\n  return (\n    <>\n      <span className=\"ob-customisable-button-inner\">\n        {!!icon && <i className=\"material-icons\">{icon}</i>}\n        <span>{label}</span>\n      </span>\n    </>\n  )\n}\n\nexport default React.memo<Props>(CustomisableButton)\n"]}

package/dist/components/ErrorMessage.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+declare type Props = {
+    IconComponent?: React.ComponentType<{
+        className: string;
+    }>;
+    title: string;
+    gutterTop?: boolean;
+    gutterBottom?: boolean;
+    children?: React.ReactNode;
+    onTryAgain?: () => void;
+};
+declare const _default: React.NamedExoticComponent<Props>;
+export default _default;

package/dist/components/ErrorMessage.js

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import ErrorIcon from '@mui/icons-material/Error';
+import LargeIconMessage from './messages/LargeIconMessage';
+import { Button } from '@mui/material';
+function ErrorMessage({ title, children, gutterTop, gutterBottom, IconComponent, onTryAgain, }) {
+    if (!IconComponent) {
+        IconComponent = ErrorIcon;
+    }
+    return (React.createElement(React.Fragment, null,
+        React.createElement(LargeIconMessage, { IconComponent: IconComponent, title: title, variant: "error", gutterTop: gutterTop, gutterBottom: gutterBottom, action: onTryAgain && (React.createElement(Button, { variant: "outlined", color: "primary", onClick: () => onTryAgain() }, "Try Again")) }, children)));
+}
+export default React.memo(ErrorMessage);
+//# sourceMappingURL=ErrorMessage.js.map

package/dist/components/ErrorMessage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorMessage.js","sourceRoot":"","sources":["../../src/components/ErrorMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,SAAS,MAAM,2BAA2B,CAAA;AACjD,OAAO,gBAAgB,MAAM,6BAA6B,CAAA;AAC1D,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AAYtC,SAAS,YAAY,CAAC,EACpB,KAAK,EACL,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,aAAa,EACb,UAAU,GACJ;IACN,IAAI,CAAC,aAAa,EAAE;QAClB,aAAa,GAAG,SAAS,CAAA;KAC1B;IAED,OAAO,CACL;QACE,oBAAC,gBAAgB,IACf,aAAa,EAAE,aAAa,EAC5B,KAAK,EAAE,KAAK,EACZ,OAAO,EAAC,OAAO,EACf,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,YAAY,EAC1B,MAAM,EACJ,UAAU,IAAI,CACZ,oBAAC,MAAM,IACL,OAAO,EAAC,UAAU,EAClB,KAAK,EAAC,SAAS,EACf,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,EAAE,gBAGpB,CACV,IAGF,QAAQ,CACQ,CAClB,CACJ,CAAA;AACH,CAAC;AAED,eAAe,KAAK,CAAC,IAAI,CAAQ,YAAY,CAAC,CAAA","sourcesContent":["import * as React from 'react'\nimport ErrorIcon from '@mui/icons-material/Error'\nimport LargeIconMessage from './messages/LargeIconMessage'\nimport { Button } from '@mui/material'\ntype Props = {\n  IconComponent?: React.ComponentType<{\n    className: string\n  }>\n  title: string\n  gutterTop?: boolean\n  gutterBottom?: boolean\n  children?: React.ReactNode\n  onTryAgain?: () => void\n}\n\nfunction ErrorMessage({\n  title,\n  children,\n  gutterTop,\n  gutterBottom,\n  IconComponent,\n  onTryAgain,\n}: Props) {\n  if (!IconComponent) {\n    IconComponent = ErrorIcon\n  }\n\n  return (\n    <>\n      <LargeIconMessage\n        IconComponent={IconComponent}\n        title={title}\n        variant=\"error\"\n        gutterTop={gutterTop}\n        gutterBottom={gutterBottom}\n        action={\n          onTryAgain && (\n            <Button\n              variant=\"outlined\"\n              color=\"primary\"\n              onClick={() => onTryAgain()}\n            >\n              Try Again\n            </Button>\n          )\n        }\n      >\n        {children}\n      </LargeIconMessage>\n    </>\n  )\n}\n\nexport default React.memo<Props>(ErrorMessage)\n"]}

package/dist/components/ErrorSnackbar.d.ts

@@ -1,8 +1,8 @@
-import * as React from 'react';
-declare function ErrorSnackbar({ open, onClose, children, }: {
-    open: boolean;
-    children: React.ReactNode;
-    onClose: (arg: null) => unknown;
-}): JSX.Element;
-declare const _default: React.MemoExoticComponent<typeof ErrorSnackbar>;
-export default _default;
+import * as React from 'react';
+declare function ErrorSnackbar({ open, onClose, children, }: {
+    open: boolean;
+    children: React.ReactNode;
+    onClose: (arg: null) => unknown;
+}): JSX.Element;
+declare const _default: React.MemoExoticComponent<typeof ErrorSnackbar>;
+export default _default;

package/dist/components/ErrorSnackbar.js

@@ -1,26 +1,26 @@
-import * as React from 'react';
-import { Snackbar, IconButton } from '@mui/material';
-import { Close } from '@mui/icons-material';
-import MuiAlert from '@mui/material/Alert';
-import { styled } from '@mui/material/styles';
-const Alert = React.forwardRef(function Alert(props, ref) {
-    return React.createElement(MuiAlert, { elevation: 6, ref: ref, variant: "filled", ...props });
-});
-function ErrorSnackbar({ open, onClose, children, }) {
-    const handleClose = React.useCallback((e, reason) => {
-        if (reason !== 'clickaway') {
-            onClose(null);
-        }
-    }, [onClose]);
-    return (React.createElement(Snackbar, { anchorOrigin: {
-            vertical: 'bottom',
-            horizontal: 'right',
-        }, open: open, onClose: handleClose, className: "ob-error-snackbar" },
-        React.createElement(Alert, { severity: "error", action: React.createElement(IconButton, { key: "close", "aria-label": "Close", color: "inherit", onClick: handleClose, "data-cypress": "error-snackbar-close", size: "large" },
-                React.createElement(StyledCloseIcon, null)) }, children)));
-}
-const StyledCloseIcon = styled(Close)(() => ({
-    fontSize: 20,
-}));
-export default React.memo(ErrorSnackbar);
+import * as React from 'react';
+import { Snackbar, IconButton } from '@mui/material';
+import { Close } from '@mui/icons-material';
+import MuiAlert from '@mui/material/Alert';
+import { styled } from '@mui/material/styles';
+const Alert = React.forwardRef(function Alert(props, ref) {
+    return React.createElement(MuiAlert, { elevation: 6, ref: ref, variant: "filled", ...props });
+});
+function ErrorSnackbar({ open, onClose, children, }) {
+    const handleClose = React.useCallback((e, reason) => {
+        if (reason !== 'clickaway') {
+            onClose(null);
+        }
+    }, [onClose]);
+    return (React.createElement(Snackbar, { anchorOrigin: {
+            vertical: 'bottom',
+            horizontal: 'right',
+        }, open: open, onClose: handleClose, className: "ob-error-snackbar" },
+        React.createElement(Alert, { severity: "error", action: React.createElement(IconButton, { key: "close", "aria-label": "Close", color: "inherit", onClick: handleClose, "data-cypress": "error-snackbar-close", size: "large" },
+                React.createElement(StyledCloseIcon, null)) }, children)));
+}
+const StyledCloseIcon = styled(Close)(() => ({
+    fontSize: 20,
+}));
+export default React.memo(ErrorSnackbar);
 //# sourceMappingURL=ErrorSnackbar.js.map

package/dist/components/FormElementLabelContainer.d.ts

@@ -0,0 +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;

package/dist/components/FormElementLabelContainer.js

@@ -0,0 +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);
+//# sourceMappingURL=FormElementLabelContainer.js.map

package/dist/components/FormElementLabelContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormElementLabelContainer.js","sourceRoot":"","sources":["../../src/components/FormElementLabelContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AACvC,OAAO,IAAI,MAAM,MAAM,CAAA;AAGvB,SAAS,yBAAyB,CAAC,EACjC,SAAS,EACT,OAAO,EACP,EAAE,EACF,QAAQ,EACR,QAAQ,EACR,OAAO,GAQR;IACC,OAAO,CACL,6BAAK,SAAS,EAAE,IAAI,CAAC,kBAAkB,EAAE,SAAS,CAAC;QACjD,6BAAK,SAAS,EAAC,2BAA2B;YACvC,OAAO;YACR,+BACE,SAAS,EAAE,IAAI,CAAC,UAAU,EAAE;oBAC1B,gCAAgC,EAAE,QAAQ;iBAC3C,CAAC,EACF,OAAO,EAAE,EAAE,IAEV,OAAO,CAAC,KAAK,CACR;YACP,OAAO,CAAC,IAAI,IAAI,CACf,oBAAC,OAAO,IACN,KAAK,EAAE,OAAO,CAAC,IAAI,EACnB,KAAK,QACL,eAAe,EAAE,CAAC,EAClB,eAAe,EAAE,KAAK;gBAEtB,2BAAG,SAAS,EAAC,mDAAmD,WAE5D,CACI,CACX,CACG;QACL,QAAQ,CACL,CACP,CAAA;AACH,CAAC;AAED,eAAe,KAAK,CAAC,IAAI,CAAC,yBAAyB,CAAC,CAAA","sourcesContent":["import * as React from 'react'\nimport { Tooltip } from '@mui/material'\nimport clsx from 'clsx'\nimport { FormTypes } from '@oneblink/types'\n\nfunction FormElementLabelContainer({\n  className,\n  element,\n  id,\n  required,\n  children,\n  leading,\n}: {\n  className: string\n  element: FormTypes.FormElementBase\n  id: string\n  required: boolean\n  children: React.ReactNode\n  leading?: React.ReactNode\n}) {\n  return (\n    <div className={clsx('ob-form__element', className)}>\n      <div className=\"label ob-label__container\">\n        {leading}\n        <label\n          className={clsx('ob-label', {\n            'ob-label__required is-required': required,\n          })}\n          htmlFor={id}\n        >\n          {element.label}\n        </label>\n        {element.hint && (\n          <Tooltip\n            title={element.hint}\n            arrow\n            enterTouchDelay={0}\n            leaveTouchDelay={10000}\n          >\n            <i className=\"material-icons has-text-grey-light ob-label__hint\">\n              info\n            </i>\n          </Tooltip>\n        )}\n      </div>\n      {children}\n    </div>\n  )\n}\n\nexport default React.memo(FormElementLabelContainer)\n"]}

package/dist/components/FormElementOptions.d.ts

@@ -0,0 +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;

package/dist/components/FormElementOptions.js

@@ -0,0 +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);
+//# sourceMappingURL=FormElementOptions.js.map

package/dist/components/FormElementOptions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormElementOptions.js","sourceRoot":"","sources":["../../src/components/FormElementOptions.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,SAAS,MAAM,aAAa,CAAA;AAOnC,SAAS,kBAAkB,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAS;IACtD,IAAI,CAAC,OAAO,EAAE;QACZ,OAAO,CACL;YACE,oBAAC,SAAS,IAAC,SAAS,EAAC,mBAAmB,EAAC,KAAK,SAAa,CACvD,CACP,CAAA;KACF;IAED,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE;QACnB,OAAO,CACL;YACE,6BAAK,SAAS,EAAC,yBAAyB,8EAGlC,CACF,CACP,CAAA;KACF;IAED,OAAO,iCAAM,QAAQ,CAAO,CAAA;AAC9B,CAAC;AAED,eAAe,KAAK,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAA","sourcesContent":["import { FormTypes } from '@oneblink/types'\nimport * as React from 'react'\n\nimport OnLoading from './OnLoading'\n\ntype Props = {\n  options: FormTypes.ChoiceElementOption[] | undefined\n  children: React.ReactNode\n}\n\nfunction FormElementOptions({ options, children }: Props) {\n  if (!options) {\n    return (\n      <div>\n        <OnLoading className=\"has-text-centered\" small></OnLoading>\n      </div>\n    )\n  }\n\n  if (!options.length) {\n    return (\n      <div>\n        <div className=\"has-text-grey is-size-7\">\n          We were unable to load your options. Please contact your\n          administrator.\n        </div>\n      </div>\n    )\n  }\n\n  return <div>{children}</div>\n}\n\nexport default React.memo(FormElementOptions)\n"]}

package/dist/components/Lists.d.ts

@@ -1,25 +1,25 @@
-import * as React from 'react';
-import { Theme } from '@mui/material';
-declare type ListItemsProps = {
-    children: React.ReactNode;
-    disablePadding?: boolean;
-};
-export declare const OrderedList: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<Theme> & ListItemsProps, React.DetailedHTMLProps<React.OlHTMLAttributes<HTMLOListElement>, HTMLOListElement>, {}>;
-export declare const UnorderedList: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<Theme> & ListItemsProps, React.DetailedHTMLProps<React.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, {}>;
-declare type ListProps = {
-    spaced?: boolean;
-};
-export declare const ListItem: import("@emotion/styled").StyledComponent<Omit<import("@mui/system").SystemProps<Theme> & {
-    align?: "inherit" | "right" | "left" | "center" | "justify" | undefined;
-    children?: React.ReactNode;
-    classes?: Partial<import("@mui/material").TypographyClasses> | undefined;
-    gutterBottom?: boolean | undefined;
-    noWrap?: boolean | undefined;
-    paragraph?: boolean | undefined;
-    sx?: import("@mui/material").SxProps<Theme> | undefined;
-    variant?: "button" | "caption" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "inherit" | "subtitle1" | "subtitle2" | "body1" | "body2" | "overline" | undefined;
-    variantMapping?: Partial<Record<"button" | "caption" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "inherit" | "subtitle1" | "subtitle2" | "body1" | "body2" | "overline", string>> | undefined;
-} & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "key" | keyof React.HTMLAttributes<HTMLSpanElement>> & {
-    ref?: ((instance: HTMLSpanElement | null) => void) | React.RefObject<HTMLSpanElement> | null | undefined;
-}, "children" | keyof import("@mui/material/OverridableComponent").CommonProps | "sx" | ("p" | "color" | "top" | "right" | "bottom" | "left" | "height" | "width" | "fontStyle" | "marginBottom" | "position" | "my" | "pl" | "pt" | "minWidth" | "maxWidth" | "zIndex" | "typography" | "fontFamily" | "fontSize" | "flex" | "border" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "borderColor" | "borderRadius" | "display" | "displayPrint" | "overflow" | "textOverflow" | "visibility" | "whiteSpace" | "flexBasis" | "flexDirection" | "flexWrap" | "justifyContent" | "alignItems" | "alignContent" | "order" | "flexGrow" | "flexShrink" | "alignSelf" | "justifyItems" | "justifySelf" | "gap" | "columnGap" | "rowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "bgcolor" | "boxShadow" | "maxHeight" | "minHeight" | "boxSizing" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "pr" | "pb" | "px" | "py" | "margin" | "marginTop" | "marginRight" | "marginLeft" | "marginX" | "marginY" | "padding" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "paddingX" | "paddingY" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "textTransform") | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variant" | "variantMapping">, "ref"> & import("@mui/system").MUIStyledCommonProps<Theme> & ListProps, {}, {}>;
-export {};
+import * as React from 'react';
+import { Theme } from '@mui/material';
+declare type ListItemsProps = {
+    children: React.ReactNode;
+    disablePadding?: boolean;
+};
+export declare const OrderedList: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<Theme> & ListItemsProps, React.DetailedHTMLProps<React.OlHTMLAttributes<HTMLOListElement>, HTMLOListElement>, {}>;
+export declare const UnorderedList: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<Theme> & ListItemsProps, React.DetailedHTMLProps<React.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, {}>;
+declare type ListProps = {
+    spaced?: boolean;
+};
+export declare const ListItem: import("@emotion/styled").StyledComponent<Omit<import("@mui/system").SystemProps<Theme> & {
+    align?: "inherit" | "right" | "left" | "center" | "justify" | undefined;
+    children?: React.ReactNode;
+    classes?: Partial<import("@mui/material").TypographyClasses> | undefined;
+    gutterBottom?: boolean | undefined;
+    noWrap?: boolean | undefined;
+    paragraph?: boolean | undefined;
+    sx?: import("@mui/material").SxProps<Theme> | undefined;
+    variant?: "button" | "caption" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "inherit" | "subtitle1" | "subtitle2" | "body1" | "body2" | "overline" | undefined;
+    variantMapping?: Partial<Record<"button" | "caption" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "inherit" | "subtitle1" | "subtitle2" | "body1" | "body2" | "overline", string>> | undefined;
+} & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "key" | keyof React.HTMLAttributes<HTMLSpanElement>> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | React.RefObject<HTMLSpanElement> | null | undefined;
+}, "children" | "variant" | keyof import("@mui/material/OverridableComponent").CommonProps | "sx" | ("p" | "color" | "top" | "right" | "bottom" | "left" | "height" | "width" | "fontStyle" | "marginBottom" | "position" | "my" | "pl" | "pt" | "minWidth" | "maxWidth" | "zIndex" | "typography" | "fontFamily" | "fontSize" | "flex" | "border" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "borderColor" | "borderRadius" | "display" | "displayPrint" | "overflow" | "textOverflow" | "visibility" | "whiteSpace" | "flexBasis" | "flexDirection" | "flexWrap" | "justifyContent" | "alignItems" | "alignContent" | "order" | "flexGrow" | "flexShrink" | "alignSelf" | "justifyItems" | "justifySelf" | "gap" | "columnGap" | "rowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "bgcolor" | "boxShadow" | "maxHeight" | "minHeight" | "boxSizing" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "pr" | "pb" | "px" | "py" | "margin" | "marginTop" | "marginRight" | "marginLeft" | "marginX" | "marginY" | "padding" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "paddingX" | "paddingY" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "textTransform") | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping">, "ref"> & import("@mui/system").MUIStyledCommonProps<Theme> & ListProps, {}, {}>;
+export {};

package/dist/components/Lists.js

@@ -1,45 +1,45 @@
-import * as React from 'react';
-import Typography from '@mui/material/Typography';
-import { styled } from '@mui/material';
-const noPaddingY = {
-    paddingTop: 0,
-    paddingBottom: 0,
-};
-const getListStyles = (theme) => ({
-    margin: 0,
-    padding: theme.spacing(1, 1, 1, 4),
-    listStyle: 'inherit',
-    '& > ul, & > ol': noPaddingY,
-});
-export const OrderedList = styled('ol', {
-    shouldForwardProp: (prop) => prop !== 'disablePadding',
-})(({ theme, disablePadding }) => {
-    return {
-        ...getListStyles(theme),
-        ...(disablePadding ? noPaddingY : {}),
-    };
-});
-export const UnorderedList = styled('ul', {
-    shouldForwardProp: (prop) => prop !== 'disablePadding',
-})(({ theme, disablePadding }) => {
-    return {
-        ...getListStyles(theme),
-        ...(disablePadding ? noPaddingY : {}),
-    };
-});
-function Li(props) {
-    return (React.createElement(Typography, { ...props, component: "li", color: "inherit", variant: "body2" }));
-}
-export const ListItem = styled(Li, {
-    shouldForwardProp: (prop) => prop !== 'spaced',
-})(({ spaced }) => {
-    return {
-        display: 'list-item',
-        ...(spaced
-            ? {
-                lineHeight: 1.9,
-            }
-            : {}),
-    };
-});
+import * as React from 'react';
+import Typography from '@mui/material/Typography';
+import { styled } from '@mui/material';
+const noPaddingY = {
+    paddingTop: 0,
+    paddingBottom: 0,
+};
+const getListStyles = (theme) => ({
+    margin: 0,
+    padding: theme.spacing(1, 1, 1, 4),
+    listStyle: 'inherit',
+    '& > ul, & > ol': noPaddingY,
+});
+export const OrderedList = styled('ol', {
+    shouldForwardProp: (prop) => prop !== 'disablePadding',
+})(({ theme, disablePadding }) => {
+    return {
+        ...getListStyles(theme),
+        ...(disablePadding ? noPaddingY : {}),
+    };
+});
+export const UnorderedList = styled('ul', {
+    shouldForwardProp: (prop) => prop !== 'disablePadding',
+})(({ theme, disablePadding }) => {
+    return {
+        ...getListStyles(theme),
+        ...(disablePadding ? noPaddingY : {}),
+    };
+});
+function Li(props) {
+    return (React.createElement(Typography, { ...props, component: "li", color: "inherit", variant: "body2" }));
+}
+export const ListItem = styled(Li, {
+    shouldForwardProp: (prop) => prop !== 'spaced',
+})(({ spaced }) => {
+    return {
+        display: 'list-item',
+        ...(spaced
+            ? {
+                lineHeight: 1.9,
+            }
+            : {}),
+    };
+});
 //# sourceMappingURL=Lists.js.map

package/dist/components/LoadingWithMessage.d.ts

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

package/dist/components/LoadingWithMessage.js

@@ -1,12 +1,12 @@
-import * as React from 'react';
-import { Box, CircularProgress, Grid, Typography } from '@mui/material';
-const Loading = ({ message }) => {
-    return (React.createElement(Box, { p: 2, className: "ob-loading-with-message" },
-        React.createElement(Grid, { container: true, spacing: 2, className: "ob-loading" },
-            React.createElement(Grid, { xs: 12, container: true, item: true, justifyContent: "center" },
-                React.createElement(CircularProgress, null)),
-            message && (React.createElement(Grid, { xs: 12, container: true, item: true, justifyContent: "center", className: "ob-loading-message" },
-                React.createElement(Typography, { variant: "body2", align: "center" }, message))))));
-};
-export default React.memo(Loading);
+import * as React from 'react';
+import { Box, CircularProgress, Grid, Typography } from '@mui/material';
+const Loading = ({ message }) => {
+    return (React.createElement(Box, { p: 2, className: "ob-loading-with-message" },
+        React.createElement(Grid, { container: true, spacing: 2, className: "ob-loading" },
+            React.createElement(Grid, { xs: 12, container: true, item: true, justifyContent: "center" },
+                React.createElement(CircularProgress, null)),
+            message && (React.createElement(Grid, { xs: 12, container: true, item: true, justifyContent: "center", className: "ob-loading-message" },
+                React.createElement(Typography, { variant: "body2", align: "center" }, message))))));
+};
+export default React.memo(Loading);
 //# sourceMappingURL=LoadingWithMessage.js.map