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

package/dist/hooks/useFlatpickr.d.ts

@@ -1,10 +1,10 @@
-import { Options as FlatpickrOptions } from 'flatpickr/dist/types/options';
-export { FlatpickrOptions };
-export default function useFlatpickr({ id, value, onChange, dateOnly, }: {
-    id: string;
-    value: unknown | undefined;
-    onChange: (value: string | undefined) => void;
-    dateOnly?: boolean;
-}, fpOpts: FlatpickrOptions, htmlElement: {
-    current: HTMLElement | null;
-}): void;
+import { Options as FlatpickrOptions } from 'flatpickr/dist/types/options';
+export { FlatpickrOptions };
+export default function useFlatpickr({ id, value, onChange, dateOnly, }: {
+    id: string;
+    value: unknown | undefined;
+    onChange: (value: string | undefined) => void;
+    dateOnly?: boolean;
+}, fpOpts: FlatpickrOptions, htmlElement: {
+    current: HTMLElement | null;
+}): void;

package/dist/hooks/useFlatpickr.js

@@ -1,74 +1,74 @@
-import * as React from 'react';
-import Flatpickr from 'flatpickr';
-import { Sentry } from '@oneblink/apps';
-import useFlatpickrGuid from '../hooks/useFlatpickrGuid';
-export default function useFlatpickr({ id, value, onChange, dateOnly, }, fpOpts, htmlElement) {
-    const flatpickrGuid = useFlatpickrGuid();
-    const vpRef = React.useRef(null);
-    const getDateValue = React.useCallback((date) => {
-        var _a;
-        if (!date)
-            return;
-        if (dateOnly) {
-            return (_a = vpRef.current) === null || _a === void 0 ? void 0 : _a.formatDate(date, 'Y-m-d');
-        }
-        return date.toISOString();
-    }, [dateOnly]);
-    React.useEffect(() => {
-        const options = {
-            ...fpOpts,
-            static: true,
-            appendTo: htmlElement.current || undefined,
-        };
-        const newVp = new Flatpickr(`[id="${flatpickrGuid}"] [id="${id}"]`, options);
-        vpRef.current = newVp;
-        return () => {
-            // destroy the flatpickr instance when the dom element is removed
-            vpRef.current = null;
-            if (newVp.destroy) {
-                newVp.destroy();
-            }
-        };
-    }, [flatpickrGuid, fpOpts, htmlElement, id, vpRef]);
-    React.useEffect(() => {
-        if (vpRef.current && vpRef.current.config) {
-            vpRef.current.set('onChange', (selectedDates) => {
-                onChange(getDateValue(selectedDates[0]));
-            });
-        }
-    }, [getDateValue, onChange, vpRef]);
-    // Sync value with flatpickr when value is changed outside of component
-    React.useEffect(() => {
-        // try {
-        const vp = vpRef.current;
-        if (vp && vp.selectedDates) {
-            const selectedDate = vp.selectedDates[0];
-            // Sentry.captureException(
-            //   new Error(`selectedDate: ${selectedDate} value: ${value}`),
-            // )
-            if (!value && selectedDate) {
-                try {
-                    vp.clear(false);
-                }
-                catch (error) {
-                    Sentry.captureException(new Error('Error clearing value'));
-                }
-            }
-            else if (value &&
-                typeof value === 'string' &&
-                (!selectedDate || getDateValue(selectedDate) !== value)) {
-                try {
-                    vp.setDate(value, false);
-                    // vp.setDate('2021-10-07', false)
-                }
-                catch (error) {
-                    Sentry.captureException(new Error(`Error setting date: ${value}`));
-                }
-            }
-        }
-        // } catch (error) {
-        //   Sentry.captureException(error)
-        // }
-    }, [getDateValue, value, vpRef]);
-}
+import * as React from 'react';
+import Flatpickr from 'flatpickr';
+import { Sentry } from '@oneblink/apps';
+import useFlatpickrGuid from '../hooks/useFlatpickrGuid';
+export default function useFlatpickr({ id, value, onChange, dateOnly, }, fpOpts, htmlElement) {
+    const flatpickrGuid = useFlatpickrGuid();
+    const vpRef = React.useRef(null);
+    const getDateValue = React.useCallback((date) => {
+        var _a;
+        if (!date)
+            return;
+        if (dateOnly) {
+            return (_a = vpRef.current) === null || _a === void 0 ? void 0 : _a.formatDate(date, 'Y-m-d');
+        }
+        return date.toISOString();
+    }, [dateOnly]);
+    React.useEffect(() => {
+        const options = {
+            ...fpOpts,
+            static: true,
+            appendTo: htmlElement.current || undefined,
+        };
+        const newVp = new Flatpickr(`[id="${flatpickrGuid}"] [id="${id}"]`, options);
+        vpRef.current = newVp;
+        return () => {
+            // destroy the flatpickr instance when the dom element is removed
+            vpRef.current = null;
+            if (newVp.destroy) {
+                newVp.destroy();
+            }
+        };
+    }, [flatpickrGuid, fpOpts, htmlElement, id, vpRef]);
+    React.useEffect(() => {
+        if (vpRef.current && vpRef.current.config) {
+            vpRef.current.set('onChange', (selectedDates) => {
+                onChange(getDateValue(selectedDates[0]));
+            });
+        }
+    }, [getDateValue, onChange, vpRef]);
+    // Sync value with flatpickr when value is changed outside of component
+    React.useEffect(() => {
+        // try {
+        const vp = vpRef.current;
+        if (vp && vp.selectedDates) {
+            const selectedDate = vp.selectedDates[0];
+            // Sentry.captureException(
+            //   new Error(`selectedDate: ${selectedDate} value: ${value}`),
+            // )
+            if (!value && selectedDate) {
+                try {
+                    vp.clear(false);
+                }
+                catch (error) {
+                    Sentry.captureException(new Error('Error clearing value'));
+                }
+            }
+            else if (value &&
+                typeof value === 'string' &&
+                (!selectedDate || getDateValue(selectedDate) !== value)) {
+                try {
+                    vp.setDate(value, false);
+                    // vp.setDate('2021-10-07', false)
+                }
+                catch (error) {
+                    Sentry.captureException(new Error(`Error setting date: ${value}`));
+                }
+            }
+        }
+        // } catch (error) {
+        //   Sentry.captureException(error)
+        // }
+    }, [getDateValue, value, vpRef]);
+}
 //# sourceMappingURL=useFlatpickr.js.map

package/dist/hooks/useFlatpickrGuid.d.ts

@@ -1,7 +1,7 @@
-import * as React from 'react';
-declare type Props = {
-    children: React.ReactNode;
-};
-export declare const FlatpickrGuidProvider: ({ children }: Props) => JSX.Element;
-export default function useFlatpickrGuidCallback(): string;
-export {};
+import * as React from 'react';
+declare type Props = {
+    children: React.ReactNode;
+};
+export declare const FlatpickrGuidProvider: ({ children }: Props) => JSX.Element;
+export default function useFlatpickrGuidCallback(): string;
+export {};

package/dist/hooks/useFlatpickrGuid.js

@@ -1,12 +1,12 @@
-import { v4 as guid } from 'uuid';
-import * as React from 'react';
-const FlatpickrGuidContext = React.createContext('');
-export const FlatpickrGuidProvider = ({ children }) => {
-    const value = React.useMemo(() => guid(), []);
-    return (React.createElement(FlatpickrGuidContext.Provider, { value: value },
-        React.createElement("div", { id: value }, children)));
-};
-export default function useFlatpickrGuidCallback() {
-    return React.useContext(FlatpickrGuidContext);
-}
+import { v4 as guid } from 'uuid';
+import * as React from 'react';
+const FlatpickrGuidContext = React.createContext('');
+export const FlatpickrGuidProvider = ({ children }) => {
+    const value = React.useMemo(() => guid(), []);
+    return (React.createElement(FlatpickrGuidContext.Provider, { value: value },
+        React.createElement("div", { id: value }, children)));
+};
+export default function useFlatpickrGuidCallback() {
+    return React.useContext(FlatpickrGuidContext);
+}
 //# sourceMappingURL=useFlatpickrGuid.js.map

package/dist/hooks/useFlattenElementsContext.d.ts

@@ -1,2 +1,2 @@
-import { FormTypes } from '@oneblink/types';
-export default function useFlattenElements(): FormTypes.FormElement[];
+import { FormTypes } from '@oneblink/types';
+export default function useFlattenElements(): FormTypes.FormElement[];

package/dist/hooks/useFlattenElementsContext.js

@@ -1,8 +1,8 @@
-import * as React from 'react';
-import { formElementsService } from '@oneblink/sdk-core';
-import useFormDefinition from './useFormDefinition';
-export default function useFlattenElements() {
-    const definition = useFormDefinition();
-    return React.useMemo(() => formElementsService.flattenFormElements(definition.elements), [definition.elements]);
-}
+import * as React from 'react';
+import { formElementsService } from '@oneblink/sdk-core';
+import useFormDefinition from './useFormDefinition';
+export default function useFlattenElements() {
+    const definition = useFormDefinition();
+    return React.useMemo(() => formElementsService.flattenFormElements(definition.elements), [definition.elements]);
+}
 //# sourceMappingURL=useFlattenElementsContext.js.map

package/dist/hooks/useFormDefinition.d.ts

@@ -1,4 +1,4 @@
-import { FormTypes } from '@oneblink/types';
-import * as React from 'react';
-export declare const FormDefinitionContext: React.Context<FormTypes.Form | undefined>;
-export default function useFormDefinition(): FormTypes.Form;
+import { FormTypes } from '@oneblink/types';
+import * as React from 'react';
+export declare const FormDefinitionContext: React.Context<FormTypes.Form | undefined>;
+export default function useFormDefinition(): FormTypes.Form;

package/dist/hooks/useFormDefinition.js

@@ -1,10 +1,10 @@
-import * as React from 'react';
-export const FormDefinitionContext = React.createContext(undefined);
-export default function useFormDefinition() {
-    const form = React.useContext(FormDefinitionContext);
-    if (!form) {
-        throw new Error('<FormDefinitionContext.Provider> does not have a value');
-    }
-    return form;
-}
+import * as React from 'react';
+export const FormDefinitionContext = React.createContext(undefined);
+export default function useFormDefinition() {
+    const form = React.useContext(FormDefinitionContext);
+    if (!form) {
+        throw new Error('<FormDefinitionContext.Provider> does not have a value');
+    }
+    return form;
+}
 //# sourceMappingURL=useFormDefinition.js.map

package/dist/hooks/useFormElementOptions.d.ts

@@ -1,9 +1,9 @@
-import { FormTypes } from '@oneblink/types';
-import { FormElementValueChangeHandler } from '../types/form';
-export default function useFormElementOptions<T>({ element, value, onChange, conditionallyShownOptions, onFilter, }: {
-    element: FormTypes.FormElementWithOptions;
-    value: unknown | undefined;
-    onChange: FormElementValueChangeHandler<T>;
-    conditionallyShownOptions: FormTypes.ChoiceElementOption[] | undefined;
-    onFilter?: (choiceElementOption: FormTypes.ChoiceElementOption) => boolean;
-}): FormTypes.ChoiceElementOption[];
+import { FormTypes } from '@oneblink/types';
+import { FormElementValueChangeHandler } from '../types/form';
+export default function useFormElementOptions<T>({ element, value, onChange, conditionallyShownOptions, onFilter, }: {
+    element: FormTypes.FormElementWithOptions;
+    value: unknown | undefined;
+    onChange: FormElementValueChangeHandler<T>;
+    conditionallyShownOptions: FormTypes.ChoiceElementOption[] | undefined;
+    onFilter?: (choiceElementOption: FormTypes.ChoiceElementOption) => boolean;
+}): FormTypes.ChoiceElementOption[];

package/dist/hooks/useFormElementOptions.js

@@ -1,36 +1,36 @@
-import * as React from 'react';
-export default function useFormElementOptions({ element, value, onChange, conditionallyShownOptions, onFilter, }) {
-    const filteredOptions = React.useMemo(() => {
-        if (!element.options) {
-            return [];
-        }
-        if (!conditionallyShownOptions && !onFilter) {
-            return element.options;
-        }
-        return element.options.filter((option) => {
-            return ((!conditionallyShownOptions ||
-                conditionallyShownOptions.some(({ id }) => id === option.id)) &&
-                (!onFilter || onFilter(option)));
-        });
-    }, [conditionallyShownOptions, element.options, onFilter]);
-    React.useEffect(() => {
-        if (!element.options) {
-            return;
-        }
-        if (typeof value === 'string' &&
-            value &&
-            !filteredOptions.some((option) => value === option.value)) {
-            onChange(element, undefined);
-            return;
-        }
-        if (Array.isArray(value)) {
-            const newValue = value.filter((selectedValue) => filteredOptions.some((option) => selectedValue === option.value));
-            if (newValue.length !== value.length) {
-                const newValueArray = newValue.length ? newValue : undefined;
-                onChange(element, newValueArray);
-            }
-        }
-    }, [element, filteredOptions, onChange, value]);
-    return filteredOptions;
-}
+import * as React from 'react';
+export default function useFormElementOptions({ element, value, onChange, conditionallyShownOptions, onFilter, }) {
+    const filteredOptions = React.useMemo(() => {
+        if (!element.options) {
+            return [];
+        }
+        if (!conditionallyShownOptions && !onFilter) {
+            return element.options;
+        }
+        return element.options.filter((option) => {
+            return ((!conditionallyShownOptions ||
+                conditionallyShownOptions.some(({ id }) => id === option.id)) &&
+                (!onFilter || onFilter(option)));
+        });
+    }, [conditionallyShownOptions, element.options, onFilter]);
+    React.useEffect(() => {
+        if (!element.options) {
+            return;
+        }
+        if (typeof value === 'string' &&
+            value &&
+            !filteredOptions.some((option) => value === option.value)) {
+            onChange(element, undefined);
+            return;
+        }
+        if (Array.isArray(value)) {
+            const newValue = value.filter((selectedValue) => filteredOptions.some((option) => selectedValue === option.value));
+            if (newValue.length !== value.length) {
+                const newValueArray = newValue.length ? newValue : undefined;
+                onChange(element, newValueArray);
+            }
+        }
+    }, [element, filteredOptions, onChange, value]);
+    return filteredOptions;
+}
 //# sourceMappingURL=useFormElementOptions.js.map

package/dist/hooks/useFormIsReadOnly.d.ts

@@ -1,3 +1,3 @@
-import * as React from 'react';
-export declare const FormIsReadOnlyContext: React.Context<boolean>;
-export default function useFormIsReadOnly(): boolean;
+import * as React from 'react';
+export declare const FormIsReadOnlyContext: React.Context<boolean>;
+export default function useFormIsReadOnly(): boolean;

package/dist/hooks/useFormIsReadOnly.js

@@ -1,6 +1,6 @@
-import * as React from 'react';
-export const FormIsReadOnlyContext = React.createContext(false);
-export default function useFormIsReadOnly() {
-    return React.useContext(FormIsReadOnlyContext);
-}
+import * as React from 'react';
+export const FormIsReadOnlyContext = React.createContext(false);
+export default function useFormIsReadOnly() {
+    return React.useContext(FormIsReadOnlyContext);
+}
 //# sourceMappingURL=useFormIsReadOnly.js.map

package/dist/hooks/useFormSubmissionAutoSaveState.d.ts

@@ -1,24 +1,24 @@
-import { submissionService } from '@oneblink/apps';
-import { FormTypes } from '@oneblink/types';
-import { FormSubmissionModel } from '../types/form';
-export default function useFormSubmissionAutoSaveState({ form, initialSubmission, removeAutoSaveDataBeforeSubmit, removeAutoSaveDataBeforeSaveDraft, autoSaveKey, onCancel, onSubmit, onSaveDraft, }: {
-    form: FormTypes.Form;
-    removeAutoSaveDataBeforeSubmit?: boolean;
-    removeAutoSaveDataBeforeSaveDraft?: boolean;
-    autoSaveKey: string;
-    onCancel: () => unknown;
-    onSubmit: (newFormSubmission: submissionService.NewFormSubmission) => unknown;
-    initialSubmission?: FormSubmissionModel;
-    onSaveDraft?: (newDraftSubmission: submissionService.NewDraftSubmission) => unknown;
-}): {
-    definition: FormTypes.Form;
-    submission: FormSubmissionModel;
-    isLoadingAutoSaveSubmission: boolean;
-    isAutoSaveSubmissionAvailable: boolean;
-    startNewSubmission: () => void;
-    continueAutoSaveSubmission: () => void;
-    handleSubmit: (submissionResult: any) => void;
-    handleCancel: () => void;
-    handleSaveDraft: ((newDraftSubmission: submissionService.NewDraftSubmission) => void) | undefined;
-    setFormSubmission: (formSubmission: any) => void;
-};
+import { submissionService } from '@oneblink/apps';
+import { FormTypes } from '@oneblink/types';
+import { FormSubmissionModel } from '../types/form';
+export default function useFormSubmissionAutoSaveState({ form, initialSubmission, removeAutoSaveDataBeforeSubmit, removeAutoSaveDataBeforeSaveDraft, autoSaveKey, onCancel, onSubmit, onSaveDraft, }: {
+    form: FormTypes.Form;
+    removeAutoSaveDataBeforeSubmit?: boolean;
+    removeAutoSaveDataBeforeSaveDraft?: boolean;
+    autoSaveKey: string;
+    onCancel: () => unknown;
+    onSubmit: (newFormSubmission: submissionService.NewFormSubmission) => unknown;
+    initialSubmission?: FormSubmissionModel;
+    onSaveDraft?: (newDraftSubmission: submissionService.NewDraftSubmission) => unknown;
+}): {
+    definition: FormTypes.Form;
+    submission: FormSubmissionModel;
+    isLoadingAutoSaveSubmission: boolean;
+    isAutoSaveSubmissionAvailable: boolean;
+    startNewSubmission: () => void;
+    continueAutoSaveSubmission: () => void;
+    handleSubmit: (submissionResult: any) => void;
+    handleCancel: () => void;
+    handleSaveDraft: ((newDraftSubmission: submissionService.NewDraftSubmission) => void) | undefined;
+    setFormSubmission: (formSubmission: any) => void;
+};