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

package/dist/hooks/useLookups.js

@@ -1,63 +1,63 @@
-import * as React from 'react';
-import { formElementsService } from '@oneblink/sdk-core';
-import generateDefaultData from '../services/generate-default-data';
-export default function useLookups(formId, setFormSubmission) {
-    const handlePagesLookupResult = React.useCallback((element, elementLookupData, dataLookupResult) => {
-        const newPageElements = elementLookupData.map((e) => ({
-            ...e,
-            injectedByElementId: element.id,
-        }));
-        setFormSubmission((currentFormSubmission) => {
-            const definition = {
-                ...currentFormSubmission.definition,
-                isMultiPage: true,
-            };
-            if (!currentFormSubmission.definition.isMultiPage) {
-                definition.elements = [
-                    {
-                        id: formId.toString(),
-                        type: 'page',
-                        label: 'Page 1',
-                        elements: currentFormSubmission.definition.elements,
-                        conditionallyShow: false,
-                        requiresAllConditionallyShowPredicates: false,
-                    },
-                    ...newPageElements,
-                ];
-            }
-            else {
-                const indexOfPage = currentFormSubmission.definition.elements.findIndex((pageElement) => {
-                    if (pageElement.type === 'page') {
-                        return formElementsService.findFormElement(pageElement.elements, (el) => el.id === element.id);
-                    }
-                });
-                if (indexOfPage === -1) {
-                    return currentFormSubmission;
-                }
-                definition.elements =
-                    currentFormSubmission.definition.elements.reduce((partialPageElements, pageElement, index) => {
-                        // @ts-expect-error Sorry typescript, we need to add a property you don't approve of :(
-                        if (pageElement.injectedByElementId !== element.id) {
-                            partialPageElements.push(pageElement);
-                        }
-                        if (index === indexOfPage) {
-                            partialPageElements.push(...newPageElements);
-                        }
-                        return partialPageElements;
-                    }, []);
-            }
-            const submission = generateDefaultData(definition.elements, {
-                ...currentFormSubmission.submission,
-                ...dataLookupResult,
-            });
-            return {
-                submission,
-                definition,
-            };
-        });
-    }, [formId, setFormSubmission]);
-    return {
-        handlePagesLookupResult,
-    };
-}
+import * as React from 'react';
+import { formElementsService } from '@oneblink/sdk-core';
+import generateDefaultData from '../services/generate-default-data';
+export default function useLookups(formId, setFormSubmission) {
+    const handlePagesLookupResult = React.useCallback((element, elementLookupData, dataLookupResult) => {
+        const newPageElements = elementLookupData.map((e) => ({
+            ...e,
+            injectedByElementId: element.id,
+        }));
+        setFormSubmission((currentFormSubmission) => {
+            const definition = {
+                ...currentFormSubmission.definition,
+                isMultiPage: true,
+            };
+            if (!currentFormSubmission.definition.isMultiPage) {
+                definition.elements = [
+                    {
+                        id: formId.toString(),
+                        type: 'page',
+                        label: 'Page 1',
+                        elements: currentFormSubmission.definition.elements,
+                        conditionallyShow: false,
+                        requiresAllConditionallyShowPredicates: false,
+                    },
+                    ...newPageElements,
+                ];
+            }
+            else {
+                const indexOfPage = currentFormSubmission.definition.elements.findIndex((pageElement) => {
+                    if (pageElement.type === 'page') {
+                        return formElementsService.findFormElement(pageElement.elements, (el) => el.id === element.id);
+                    }
+                });
+                if (indexOfPage === -1) {
+                    return currentFormSubmission;
+                }
+                definition.elements =
+                    currentFormSubmission.definition.elements.reduce((partialPageElements, pageElement, index) => {
+                        // @ts-expect-error Sorry typescript, we need to add a property you don't approve of :(
+                        if (pageElement.injectedByElementId !== element.id) {
+                            partialPageElements.push(pageElement);
+                        }
+                        if (index === indexOfPage) {
+                            partialPageElements.push(...newPageElements);
+                        }
+                        return partialPageElements;
+                    }, []);
+            }
+            const submission = generateDefaultData(definition.elements, {
+                ...currentFormSubmission.submission,
+                ...dataLookupResult,
+            });
+            return {
+                submission,
+                definition,
+            };
+        });
+    }, [formId, setFormSubmission]);
+    return {
+        handlePagesLookupResult,
+    };
+}
 //# sourceMappingURL=useLookups.js.map

package/dist/hooks/useNullableState.d.ts

@@ -1,2 +1,2 @@
-import * as React from 'react';
-export default function useNullableState<T>(defaultValue: T | null): [T | null, React.Dispatch<React.SetStateAction<T | null>>, () => void];
+import * as React from 'react';
+export default function useNullableState<T>(defaultValue: T | null): [T | null, React.Dispatch<React.SetStateAction<T | null>>, () => void];

package/dist/hooks/useNullableState.js

@@ -1,7 +1,7 @@
-import * as React from 'react';
-export default function useNullableState(defaultValue) {
-    const [state, setState] = React.useState(defaultValue);
-    const unsetState = React.useCallback(() => setState(null), []);
-    return [state, setState, unsetState];
-}
+import * as React from 'react';
+export default function useNullableState(defaultValue) {
+    const [state, setState] = React.useState(defaultValue);
+    const unsetState = React.useCallback(() => setState(null), []);
+    return [state, setState, unsetState];
+}
 //# sourceMappingURL=useNullableState.js.map

package/dist/hooks/usePages.d.ts

@@ -1,24 +1,24 @@
-import { FormTypes } from '@oneblink/types';
-import * as React from 'react';
-import { FormElementsConditionallyShown, FormElementsValidation } from '../types/form';
-export default function usePages({ pages, formElementsValidation, formElementsConditionallyShown, }: {
-    pages: FormTypes.PageElement[];
-    formElementsValidation: FormElementsValidation | undefined;
-    formElementsConditionallyShown: FormElementsConditionallyShown;
-}): {
-    visiblePages: FormTypes.PageElement[];
-    isFirstVisiblePage: boolean;
-    isLastVisiblePage: boolean;
-    isDisplayingCurrentPageError: boolean;
-    isShowingMultiplePages: boolean;
-    isStepsHeaderActive: boolean;
-    toggleStepsNavigation: () => void;
-    currentPageIndex: number;
-    currentPage: FormTypes.PageElement;
-    currentPageNumber: number | undefined;
-    checkDisplayPageError: (page: FormTypes.PageElement) => boolean;
-    setPageId: (pageId: string) => void;
-    goToPreviousPage: () => void;
-    goToNextPage: () => void;
-    scrollToTopOfPageHTMLElementRef: React.RefObject<HTMLDivElement>;
-};
+import { FormTypes } from '@oneblink/types';
+import * as React from 'react';
+import { FormElementsConditionallyShown, FormElementsValidation } from '../types/form';
+export default function usePages({ pages, formElementsValidation, formElementsConditionallyShown, }: {
+    pages: FormTypes.PageElement[];
+    formElementsValidation: FormElementsValidation | undefined;
+    formElementsConditionallyShown: FormElementsConditionallyShown;
+}): {
+    visiblePages: FormTypes.PageElement[];
+    isFirstVisiblePage: boolean;
+    isLastVisiblePage: boolean;
+    isDisplayingCurrentPageError: boolean;
+    isShowingMultiplePages: boolean;
+    isStepsHeaderActive: boolean;
+    toggleStepsNavigation: () => void;
+    currentPageIndex: number;
+    currentPage: FormTypes.PageElement;
+    currentPageNumber: number | undefined;
+    checkDisplayPageError: (page: FormTypes.PageElement) => boolean;
+    setPageId: (pageId: string) => void;
+    goToPreviousPage: () => void;
+    goToNextPage: () => void;
+    scrollToTopOfPageHTMLElementRef: React.RefObject<HTMLDivElement>;
+};

package/dist/hooks/usePages.js

@@ -1,142 +1,142 @@
-import * as React from 'react';
-import useBooleanState from '../hooks/useBooleanState';
-import { checkSectionValidity } from '../services/form-validation';
-import scrollingService from '../services/scrolling-service';
-export default function usePages({ pages, formElementsValidation, formElementsConditionallyShown, }) {
-    const scrollToTopOfPageHTMLElementRef = React.useRef(null);
-    const [visitedPageIds, setVisitedPageIds] = React.useState([]);
-    const [isStepsHeaderActive, , closeStepsNavigation, toggleStepsNavigation] = useBooleanState(false);
-    const visiblePages = React.useMemo(() => {
-        return pages.filter((pageElement) => {
-            var _a;
-            return !((_a = formElementsConditionallyShown === null || formElementsConditionallyShown === void 0 ? void 0 : formElementsConditionallyShown[pageElement.id]) === null || _a === void 0 ? void 0 : _a.isHidden);
-        });
-    }, [formElementsConditionallyShown, pages]);
-    const [currentPageId, setCurrentPageId] = React.useState(visiblePages[0].id);
-    const currentPage = React.useMemo(() => {
-        const currentPageById = visiblePages.find((pageElement) => {
-            return pageElement.id === currentPageId;
-        });
-        if (currentPageById) {
-            return currentPageById;
-        }
-        else {
-            return visiblePages[0];
-        }
-    }, [currentPageId, visiblePages]);
-    const currentPageIndex = React.useMemo(() => visiblePages.indexOf(currentPage), [currentPage, visiblePages]);
-    const currentPageNumber = React.useMemo(() => {
-        if (currentPage) {
-            return visiblePages.indexOf(currentPage) + 1;
-        }
-    }, [currentPage, visiblePages]);
-    const isShowingMultiplePages = visiblePages.length > 1;
-    const setPageId = React.useCallback((pageId) => {
-        setVisitedPageIds((currentVisitedPageIds) => {
-            if (currentVisitedPageIds.includes(currentPageId)) {
-                return currentVisitedPageIds;
-            }
-            else {
-                return [...currentVisitedPageIds, currentPageId];
-            }
-        });
-        setCurrentPageId(pageId);
-        closeStepsNavigation();
-        const scrollToTopOfPageHTMLElement = scrollToTopOfPageHTMLElementRef.current;
-        if (isShowingMultiplePages && scrollToTopOfPageHTMLElement) {
-            if (scrollToTopOfPageHTMLElement) {
-                window.requestAnimationFrame(() => {
-                    scrollToTopOfPageHTMLElement.scrollIntoView({
-                        block: 'start',
-                        behavior: 'smooth',
-                    });
-                });
-            }
-            const stepItemHTMLElement = document.getElementById(`steps-navigation-step-${pageId}`);
-            if (stepItemHTMLElement) {
-                window.requestAnimationFrame(() => {
-                    stepItemHTMLElement.scrollIntoView({
-                        block: 'start',
-                        behavior: 'smooth',
-                    });
-                });
-            }
-        }
-    }, [closeStepsNavigation, currentPageId, isShowingMultiplePages]);
-    const goToNextPage = React.useCallback(() => {
-        for (let i = 0; i < visiblePages.length; i++) {
-            const page = visiblePages[i];
-            if (page.id === currentPageId) {
-                const nextVisiblePage = visiblePages[i + 1];
-                if (nextVisiblePage) {
-                    setPageId(nextVisiblePage.id);
-                }
-                break;
-            }
-        }
-    }, [currentPageId, setPageId, visiblePages]);
-    const goToPreviousPage = React.useCallback(() => {
-        for (let i = visiblePages.length - 1; i > -1; i--) {
-            const page = visiblePages[i];
-            if (page && page.id === currentPageId) {
-                const previousVisiblePage = visiblePages[i - 1];
-                if (previousVisiblePage) {
-                    setPageId(previousVisiblePage.id);
-                }
-                break;
-            }
-        }
-    }, [currentPageId, setPageId, visiblePages]);
-    const checkDisplayPageError = React.useCallback((page) => {
-        // If we have not visited the page yet, we will not display errors
-        if (!visitedPageIds.includes(page.id)) {
-            return false;
-        }
-        return checkSectionValidity(page, formElementsValidation);
-    }, [formElementsValidation, visitedPageIds]);
-    React.useEffect(() => {
-        if (isStepsHeaderActive) {
-            scrollingService.disableScrolling();
-            const activeStepElement = document.getElementById(`steps-navigation-step-${currentPageId}`);
-            if (activeStepElement) {
-                activeStepElement.scrollIntoView({
-                    behavior: 'smooth',
-                    block: 'center',
-                });
-            }
-        }
-        else {
-            // Re-enable scroll on body when inactive
-            scrollingService.enableScrolling();
-        }
-    }, [currentPageId, isStepsHeaderActive]);
-    const firstVisiblePage = visiblePages[0];
-    const lastVisiblePage = visiblePages[visiblePages.length - 1];
-    const isLastVisiblePage = lastVisiblePage && lastVisiblePage.id === currentPageId;
-    const isFirstVisiblePage = firstVisiblePage && firstVisiblePage.id === currentPageId;
-    const isDisplayingCurrentPageError = checkDisplayPageError(currentPage);
-    // Clean up when form is navigated away
-    React.useEffect(() => {
-        return () => {
-            scrollingService.enableScrolling();
-        };
-    }, []);
-    return {
-        visiblePages,
-        isFirstVisiblePage,
-        isLastVisiblePage,
-        isDisplayingCurrentPageError,
-        isShowingMultiplePages,
-        isStepsHeaderActive,
-        toggleStepsNavigation,
-        currentPageIndex,
-        currentPage,
-        currentPageNumber,
-        checkDisplayPageError,
-        setPageId,
-        goToPreviousPage,
-        goToNextPage,
-        scrollToTopOfPageHTMLElementRef,
-    };
-}
+import * as React from 'react';
+import useBooleanState from '../hooks/useBooleanState';
+import { checkSectionValidity } from '../services/form-validation';
+import scrollingService from '../services/scrolling-service';
+export default function usePages({ pages, formElementsValidation, formElementsConditionallyShown, }) {
+    const scrollToTopOfPageHTMLElementRef = React.useRef(null);
+    const [visitedPageIds, setVisitedPageIds] = React.useState([]);
+    const [isStepsHeaderActive, , closeStepsNavigation, toggleStepsNavigation] = useBooleanState(false);
+    const visiblePages = React.useMemo(() => {
+        return pages.filter((pageElement) => {
+            var _a;
+            return !((_a = formElementsConditionallyShown === null || formElementsConditionallyShown === void 0 ? void 0 : formElementsConditionallyShown[pageElement.id]) === null || _a === void 0 ? void 0 : _a.isHidden);
+        });
+    }, [formElementsConditionallyShown, pages]);
+    const [currentPageId, setCurrentPageId] = React.useState(visiblePages[0].id);
+    const currentPage = React.useMemo(() => {
+        const currentPageById = visiblePages.find((pageElement) => {
+            return pageElement.id === currentPageId;
+        });
+        if (currentPageById) {
+            return currentPageById;
+        }
+        else {
+            return visiblePages[0];
+        }
+    }, [currentPageId, visiblePages]);
+    const currentPageIndex = React.useMemo(() => visiblePages.indexOf(currentPage), [currentPage, visiblePages]);
+    const currentPageNumber = React.useMemo(() => {
+        if (currentPage) {
+            return visiblePages.indexOf(currentPage) + 1;
+        }
+    }, [currentPage, visiblePages]);
+    const isShowingMultiplePages = visiblePages.length > 1;
+    const setPageId = React.useCallback((pageId) => {
+        setVisitedPageIds((currentVisitedPageIds) => {
+            if (currentVisitedPageIds.includes(currentPageId)) {
+                return currentVisitedPageIds;
+            }
+            else {
+                return [...currentVisitedPageIds, currentPageId];
+            }
+        });
+        setCurrentPageId(pageId);
+        closeStepsNavigation();
+        const scrollToTopOfPageHTMLElement = scrollToTopOfPageHTMLElementRef.current;
+        if (isShowingMultiplePages && scrollToTopOfPageHTMLElement) {
+            if (scrollToTopOfPageHTMLElement) {
+                window.requestAnimationFrame(() => {
+                    scrollToTopOfPageHTMLElement.scrollIntoView({
+                        block: 'start',
+                        behavior: 'smooth',
+                    });
+                });
+            }
+            const stepItemHTMLElement = document.getElementById(`steps-navigation-step-${pageId}`);
+            if (stepItemHTMLElement) {
+                window.requestAnimationFrame(() => {
+                    stepItemHTMLElement.scrollIntoView({
+                        block: 'start',
+                        behavior: 'smooth',
+                    });
+                });
+            }
+        }
+    }, [closeStepsNavigation, currentPageId, isShowingMultiplePages]);
+    const goToNextPage = React.useCallback(() => {
+        for (let i = 0; i < visiblePages.length; i++) {
+            const page = visiblePages[i];
+            if (page.id === currentPageId) {
+                const nextVisiblePage = visiblePages[i + 1];
+                if (nextVisiblePage) {
+                    setPageId(nextVisiblePage.id);
+                }
+                break;
+            }
+        }
+    }, [currentPageId, setPageId, visiblePages]);
+    const goToPreviousPage = React.useCallback(() => {
+        for (let i = visiblePages.length - 1; i > -1; i--) {
+            const page = visiblePages[i];
+            if (page && page.id === currentPageId) {
+                const previousVisiblePage = visiblePages[i - 1];
+                if (previousVisiblePage) {
+                    setPageId(previousVisiblePage.id);
+                }
+                break;
+            }
+        }
+    }, [currentPageId, setPageId, visiblePages]);
+    const checkDisplayPageError = React.useCallback((page) => {
+        // If we have not visited the page yet, we will not display errors
+        if (!visitedPageIds.includes(page.id)) {
+            return false;
+        }
+        return checkSectionValidity(page, formElementsValidation);
+    }, [formElementsValidation, visitedPageIds]);
+    React.useEffect(() => {
+        if (isStepsHeaderActive) {
+            scrollingService.disableScrolling();
+            const activeStepElement = document.getElementById(`steps-navigation-step-${currentPageId}`);
+            if (activeStepElement) {
+                activeStepElement.scrollIntoView({
+                    behavior: 'smooth',
+                    block: 'center',
+                });
+            }
+        }
+        else {
+            // Re-enable scroll on body when inactive
+            scrollingService.enableScrolling();
+        }
+    }, [currentPageId, isStepsHeaderActive]);
+    const firstVisiblePage = visiblePages[0];
+    const lastVisiblePage = visiblePages[visiblePages.length - 1];
+    const isLastVisiblePage = lastVisiblePage && lastVisiblePage.id === currentPageId;
+    const isFirstVisiblePage = firstVisiblePage && firstVisiblePage.id === currentPageId;
+    const isDisplayingCurrentPageError = checkDisplayPageError(currentPage);
+    // Clean up when form is navigated away
+    React.useEffect(() => {
+        return () => {
+            scrollingService.enableScrolling();
+        };
+    }, []);
+    return {
+        visiblePages,
+        isFirstVisiblePage,
+        isLastVisiblePage,
+        isDisplayingCurrentPageError,
+        isShowingMultiplePages,
+        isStepsHeaderActive,
+        toggleStepsNavigation,
+        currentPageIndex,
+        currentPage,
+        currentPageNumber,
+        checkDisplayPageError,
+        setPageId,
+        goToPreviousPage,
+        goToNextPage,
+        scrollToTopOfPageHTMLElementRef,
+    };
+}
 //# sourceMappingURL=usePages.js.map

package/dist/hooks/useQuery.d.ts

@@ -1,2 +1,2 @@
-import { ParsedQuery } from 'query-string';
-export default function useQuery(): ParsedQuery;
+import { ParsedQuery } from 'query-string';
+export default function useQuery(): ParsedQuery;

package/dist/hooks/useQuery.js

@@ -1,8 +1,8 @@
-import * as React from 'react';
-import querystring from 'query-string';
-import { useLocation } from 'react-router-dom';
-export default function useQuery() {
-    const location = useLocation();
-    return React.useMemo(() => querystring.parse(location.search.substring(1)), [location.search]);
-}
+import * as React from 'react';
+import querystring from 'query-string';
+import { useLocation } from 'react-router-dom';
+export default function useQuery() {
+    const location = useLocation();
+    return React.useMemo(() => querystring.parse(location.search.substring(1)), [location.search]);
+}
 //# sourceMappingURL=useQuery.js.map

package/dist/hooks/useSubmissionIdIsValid.d.ts

@@ -1,3 +1,3 @@
-export declare const validateIsUUID: (value: unknown) => boolean;
-declare const useSubmissionIdValidationMessage: (submissionId: string | undefined) => "Must be a valid Submission Id" | undefined;
-export default useSubmissionIdValidationMessage;
+export declare const validateIsUUID: (value: unknown) => boolean;
+declare const useSubmissionIdValidationMessage: (submissionId: string | undefined) => "Must be a valid Submission Id" | undefined;
+export default useSubmissionIdValidationMessage;

package/dist/hooks/useSubmissionIdIsValid.js

@@ -1,20 +1,20 @@
-import * as React from 'react';
-const submissionIdInvalidMessage = 'Must be a valid Submission Id';
-export const validateIsUUID = (value) => {
-    if (value === null || value === undefined || value === '') {
-        return true;
-    }
-    if (typeof value !== 'string') {
-        return false;
-    }
-    return /^[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}$/i.test(value);
-};
-const useSubmissionIdValidationMessage = (submissionId) => {
-    return React.useMemo(() => {
-        if (!validateIsUUID(submissionId)) {
-            return submissionIdInvalidMessage;
-        }
-    }, [submissionId]);
-};
-export default useSubmissionIdValidationMessage;
+import * as React from 'react';
+const submissionIdInvalidMessage = 'Must be a valid Submission Id';
+export const validateIsUUID = (value) => {
+    if (value === null || value === undefined || value === '') {
+        return true;
+    }
+    if (typeof value !== 'string') {
+        return false;
+    }
+    return /^[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}$/i.test(value);
+};
+const useSubmissionIdValidationMessage = (submissionId) => {
+    return React.useMemo(() => {
+        if (!validateIsUUID(submissionId)) {
+            return submissionIdInvalidMessage;
+        }
+    }, [submissionId]);
+};
+export default useSubmissionIdValidationMessage;
 //# sourceMappingURL=useSubmissionIdIsValid.js.map

package/dist/hooks/useToggleAll.d.ts

@@ -0,0 +1,6 @@
+import { FormTypes } from '@oneblink/types';
+declare const useToggleAll: (element: FormTypes.CheckboxElement | FormTypes.SelectElement, filteredOptions: FormTypes.ChoiceElementOption[], selectedValues: string[], onChange: FormElementValueChangeHandler<string[]>) => {
+    allOptionsAreSelected: boolean;
+    handleToggleAll: (isSelectingAll: boolean) => void;
+};
+export default useToggleAll;

package/dist/hooks/useToggleAll.js

@@ -0,0 +1,24 @@
+import * as React from 'react';
+const useToggleAll = (element, filteredOptions, selectedValues, onChange) => {
+    const allOptionsAreSelected = React.useMemo(() => {
+        return filteredOptions.every((option) => {
+            return selectedValues.includes(option.value);
+        });
+    }, [filteredOptions, selectedValues]);
+    const handleToggleAll = React.useCallback((isSelectingAll) => {
+        if (isSelectingAll) {
+            onChange(element, filteredOptions.map((opt) => opt.value));
+        }
+        else {
+            onChange(element, undefined);
+        }
+    }, [element, filteredOptions, onChange]);
+    return React.useMemo(() => {
+        return {
+            allOptionsAreSelected,
+            handleToggleAll,
+        };
+    }, [allOptionsAreSelected, handleToggleAll]);
+};
+export default useToggleAll;
+//# sourceMappingURL=useToggleAll.js.map

package/dist/hooks/useToggleAll.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useToggleAll.js","sourceRoot":"","sources":["../../src/hooks/useToggleAll.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,MAAM,YAAY,GAAG,CACnB,OAA4D,EAC5D,eAAgD,EAChD,cAAwB,EACxB,QAAiD,EACjD,EAAE;IACF,MAAM,qBAAqB,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QAC/C,OAAO,eAAe,CAAC,KAAK,CAAC,CAAC,MAAM,EAAE,EAAE;YACtC,OAAO,cAAc,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;QAC9C,CAAC,CAAC,CAAA;IACJ,CAAC,EAAE,CAAC,eAAe,EAAE,cAAc,CAAC,CAAC,CAAA;IAErC,MAAM,eAAe,GAAG,KAAK,CAAC,WAAW,CACvC,CAAC,cAAuB,EAAE,EAAE;QAC1B,IAAI,cAAc,EAAE;YAClB,QAAQ,CACN,OAAO,EACP,eAAe,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,KAAK,CAAC,CACxC,CAAA;SACF;aAAM;YACL,QAAQ,CAAC,OAAO,EAAE,SAAS,CAAC,CAAA;SAC7B;IACH,CAAC,EACD,CAAC,OAAO,EAAE,eAAe,EAAE,QAAQ,CAAC,CACrC,CAAA;IAED,OAAO,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACxB,OAAO;YACL,qBAAqB;YACrB,eAAe;SAChB,CAAA;IACH,CAAC,EAAE,CAAC,qBAAqB,EAAE,eAAe,CAAC,CAAC,CAAA;AAC9C,CAAC,CAAA;AAED,eAAe,YAAY,CAAA","sourcesContent":["import * as React from 'react'\nimport { FormTypes } from '@oneblink/types'\nconst useToggleAll = (\n  element: FormTypes.CheckboxElement | FormTypes.SelectElement,\n  filteredOptions: FormTypes.ChoiceElementOption[],\n  selectedValues: string[],\n  onChange: FormElementValueChangeHandler<string[]>,\n) => {\n  const allOptionsAreSelected = React.useMemo(() => {\n    return filteredOptions.every((option) => {\n      return selectedValues.includes(option.value)\n    })\n  }, [filteredOptions, selectedValues])\n\n  const handleToggleAll = React.useCallback(\n    (isSelectingAll: boolean) => {\n      if (isSelectingAll) {\n        onChange(\n          element,\n          filteredOptions.map((opt) => opt.value),\n        )\n      } else {\n        onChange(element, undefined)\n      }\n    },\n    [element, filteredOptions, onChange],\n  )\n\n  return React.useMemo(() => {\n    return {\n      allOptionsAreSelected,\n      handleToggleAll,\n    }\n  }, [allOptionsAreSelected, handleToggleAll])\n}\n\nexport default useToggleAll\n"]}

package/dist/hooks/useToggleComplianceChildren.d.ts

@@ -1,3 +1,3 @@
-import { FormTypes } from '@oneblink/types';
-declare const useToggleComplianceChildren: (element: FormTypes.ComplianceElement, initialState: boolean, onToggleOff: (element: FormTypes.ComplianceElement, newValue: undefined) => void) => [isShowing: boolean, handleToggle: () => void];
-export default useToggleComplianceChildren;
+import { FormTypes } from '@oneblink/types';
+declare const useToggleComplianceChildren: (element: FormTypes.ComplianceElement, initialState: boolean, onToggleOff: (element: FormTypes.ComplianceElement, newValue: undefined) => void) => [isShowing: boolean, handleToggle: () => void];
+export default useToggleComplianceChildren;

package/dist/hooks/useToggleComplianceChildren.js

@@ -1,14 +1,14 @@
-import * as React from 'react';
-import useBooleanState from '../hooks/useBooleanState';
-const useToggleComplianceChildren = (element, initialState, onToggleOff) => {
-    const [isShowing, , , toggleIsShowing] = useBooleanState(initialState);
-    const handleToggle = React.useCallback(() => {
-        if (isShowing) {
-            onToggleOff(element, undefined);
-        }
-        toggleIsShowing();
-    }, [element, isShowing, onToggleOff, toggleIsShowing]);
-    return [isShowing, handleToggle];
-};
-export default useToggleComplianceChildren;
+import * as React from 'react';
+import useBooleanState from '../hooks/useBooleanState';
+const useToggleComplianceChildren = (element, initialState, onToggleOff) => {
+    const [isShowing, , , toggleIsShowing] = useBooleanState(initialState);
+    const handleToggle = React.useCallback(() => {
+        if (isShowing) {
+            onToggleOff(element, undefined);
+        }
+        toggleIsShowing();
+    }, [element, isShowing, onToggleOff, toggleIsShowing]);
+    return [isShowing, handleToggle];
+};
+export default useToggleComplianceChildren;
 //# sourceMappingURL=useToggleComplianceChildren.js.map