@oneblink/apps-react 2.11.0-beta.1 → 2.11.0-beta.3

package/dist/hooks/usePages.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePages.js","sourceRoot":"","sources":["../../src/hooks/usePages.ts"],"names":[],"mappings":"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","sourcesContent":["import { FormTypes } from '@oneblink/types'\nimport * as React from 'react'\n\nimport useBooleanState from '../hooks/useBooleanState'\nimport { checkSectionValidity } from '../services/form-validation'\nimport scrollingService from '../services/scrolling-service'\nimport {\n  FormElementsConditionallyShown,\n  FormElementsValidation,\n} from '../types/form'\n\nexport default function usePages({\n  pages,\n  formElementsValidation,\n  formElementsConditionallyShown,\n}: {\n  pages: FormTypes.PageElement[]\n  formElementsValidation: FormElementsValidation | undefined\n  formElementsConditionallyShown: FormElementsConditionallyShown\n}) {\n  const scrollToTopOfPageHTMLElementRef = React.useRef<HTMLDivElement>(null)\n  const [visitedPageIds, setVisitedPageIds] = React.useState<string[]>([])\n\n  const [isStepsHeaderActive, , closeStepsNavigation, toggleStepsNavigation] =\n    useBooleanState(false)\n\n  const visiblePages = React.useMemo<FormTypes.PageElement[]>(() => {\n    return pages.filter((pageElement) => {\n      return !formElementsConditionallyShown?.[pageElement.id]?.isHidden\n    })\n  }, [formElementsConditionallyShown, pages])\n\n  const [currentPageId, setCurrentPageId] = React.useState(visiblePages[0].id)\n\n  const currentPage = React.useMemo(() => {\n    const currentPageById = visiblePages.find((pageElement) => {\n      return pageElement.id === currentPageId\n    })\n    if (currentPageById) {\n      return currentPageById\n    } else {\n      return visiblePages[0]\n    }\n  }, [currentPageId, visiblePages])\n\n  const currentPageIndex = React.useMemo(\n    () => visiblePages.indexOf(currentPage),\n    [currentPage, visiblePages],\n  )\n\n  const currentPageNumber = React.useMemo(() => {\n    if (currentPage) {\n      return visiblePages.indexOf(currentPage) + 1\n    }\n  }, [currentPage, visiblePages])\n\n  const isShowingMultiplePages = visiblePages.length > 1\n\n  const setPageId = React.useCallback(\n    (pageId: string) => {\n      setVisitedPageIds((currentVisitedPageIds) => {\n        if (currentVisitedPageIds.includes(currentPageId)) {\n          return currentVisitedPageIds\n        } else {\n          return [...currentVisitedPageIds, currentPageId]\n        }\n      })\n      setCurrentPageId(pageId)\n      closeStepsNavigation()\n\n      const scrollToTopOfPageHTMLElement =\n        scrollToTopOfPageHTMLElementRef.current\n      if (isShowingMultiplePages && scrollToTopOfPageHTMLElement) {\n        if (scrollToTopOfPageHTMLElement) {\n          window.requestAnimationFrame(() => {\n            scrollToTopOfPageHTMLElement.scrollIntoView({\n              block: 'start',\n              behavior: 'smooth',\n            })\n          })\n        }\n        const stepItemHTMLElement = document.getElementById(\n          `steps-navigation-step-${pageId}`,\n        )\n        if (stepItemHTMLElement) {\n          window.requestAnimationFrame(() => {\n            stepItemHTMLElement.scrollIntoView({\n              block: 'start',\n              behavior: 'smooth',\n            })\n          })\n        }\n      }\n    },\n    [closeStepsNavigation, currentPageId, isShowingMultiplePages],\n  )\n\n  const goToNextPage = React.useCallback(() => {\n    for (let i = 0; i < visiblePages.length; i++) {\n      const page = visiblePages[i]\n      if (page.id === currentPageId) {\n        const nextVisiblePage = visiblePages[i + 1]\n        if (nextVisiblePage) {\n          setPageId(nextVisiblePage.id)\n        }\n        break\n      }\n    }\n  }, [currentPageId, setPageId, visiblePages])\n\n  const goToPreviousPage = React.useCallback(() => {\n    for (let i = visiblePages.length - 1; i > -1; i--) {\n      const page = visiblePages[i]\n      if (page && page.id === currentPageId) {\n        const previousVisiblePage = visiblePages[i - 1]\n        if (previousVisiblePage) {\n          setPageId(previousVisiblePage.id)\n        }\n        break\n      }\n    }\n  }, [currentPageId, setPageId, visiblePages])\n\n  const checkDisplayPageError = React.useCallback(\n    (page: FormTypes.PageElement) => {\n      // If we have not visited the page yet, we will not display errors\n      if (!visitedPageIds.includes(page.id)) {\n        return false\n      }\n\n      return checkSectionValidity(page, formElementsValidation)\n    },\n    [formElementsValidation, visitedPageIds],\n  )\n\n  React.useEffect(() => {\n    if (isStepsHeaderActive) {\n      scrollingService.disableScrolling()\n\n      const activeStepElement = document.getElementById(\n        `steps-navigation-step-${currentPageId}`,\n      )\n\n      if (activeStepElement) {\n        activeStepElement.scrollIntoView({\n          behavior: 'smooth',\n          block: 'center',\n        })\n      }\n    } else {\n      // Re-enable scroll on body when inactive\n      scrollingService.enableScrolling()\n    }\n  }, [currentPageId, isStepsHeaderActive])\n\n  const firstVisiblePage = visiblePages[0]\n  const lastVisiblePage = visiblePages[visiblePages.length - 1]\n  const isLastVisiblePage =\n    lastVisiblePage && lastVisiblePage.id === currentPageId\n  const isFirstVisiblePage =\n    firstVisiblePage && firstVisiblePage.id === currentPageId\n  const isDisplayingCurrentPageError = checkDisplayPageError(currentPage)\n\n  // Clean up when form is navigated away\n  React.useEffect(() => {\n    return () => {\n      scrollingService.enableScrolling()\n    }\n  }, [])\n\n  return {\n    visiblePages,\n    isFirstVisiblePage,\n    isLastVisiblePage,\n    isDisplayingCurrentPageError,\n    isShowingMultiplePages,\n    isStepsHeaderActive,\n    toggleStepsNavigation,\n    currentPageIndex,\n    currentPage,\n    currentPageNumber,\n    checkDisplayPageError,\n    setPageId,\n    goToPreviousPage,\n    goToNextPage,\n    scrollToTopOfPageHTMLElementRef,\n  }\n}\n"]}
+{"version":3,"file":"usePages.js","sourceRoot":"","sources":["../../src/hooks/usePages.ts"],"names":[],"mappings":"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","sourcesContent":["import { FormTypes } from '@oneblink/types'\nimport * as React from 'react'\n\nimport useBooleanState from '../hooks/useBooleanState'\nimport { checkSectionValidity } from '../services/form-validation'\nimport scrollingService from '../services/scrolling-service'\nimport {\n  FormElementsConditionallyShown,\n  FormElementsValidation,\n} from '../types/form'\n\nexport default function usePages({\n  pages,\n  formElementsValidation,\n  formElementsConditionallyShown,\n  hasAttemptedSubmit,\n}: {\n  pages: FormTypes.PageElement[]\n  formElementsValidation: FormElementsValidation | undefined\n  formElementsConditionallyShown: FormElementsConditionallyShown\n  hasAttemptedSubmit: boolean\n}) {\n  const scrollToTopOfPageHTMLElementRef = React.useRef<HTMLDivElement>(null)\n  const [visitedPageIds, setVisitedPageIds] = React.useState<string[]>([])\n\n  const [isStepsHeaderActive, , closeStepsNavigation, toggleStepsNavigation] =\n    useBooleanState(false)\n\n  const visiblePages = React.useMemo<FormTypes.PageElement[]>(() => {\n    return pages.filter((pageElement) => {\n      return !formElementsConditionallyShown?.[pageElement.id]?.isHidden\n    })\n  }, [formElementsConditionallyShown, pages])\n\n  const [currentPageId, setCurrentPageId] = React.useState(visiblePages[0].id)\n\n  const currentPage = React.useMemo(() => {\n    const currentPageById = visiblePages.find((pageElement) => {\n      return pageElement.id === currentPageId\n    })\n    if (currentPageById) {\n      return currentPageById\n    } else {\n      return visiblePages[0]\n    }\n  }, [currentPageId, visiblePages])\n\n  const currentPageIndex = React.useMemo(\n    () => visiblePages.indexOf(currentPage),\n    [currentPage, visiblePages],\n  )\n\n  const currentPageNumber = React.useMemo(() => {\n    if (currentPage) {\n      return visiblePages.indexOf(currentPage) + 1\n    }\n  }, [currentPage, visiblePages])\n\n  const isShowingMultiplePages = visiblePages.length > 1\n\n  const setPageId = React.useCallback(\n    (pageId: string) => {\n      setVisitedPageIds((currentVisitedPageIds) => {\n        if (currentVisitedPageIds.includes(currentPageId)) {\n          return currentVisitedPageIds\n        } else {\n          return [...currentVisitedPageIds, currentPageId]\n        }\n      })\n      setCurrentPageId(pageId)\n      closeStepsNavigation()\n\n      const scrollToTopOfPageHTMLElement =\n        scrollToTopOfPageHTMLElementRef.current\n      if (isShowingMultiplePages && scrollToTopOfPageHTMLElement) {\n        if (scrollToTopOfPageHTMLElement) {\n          window.requestAnimationFrame(() => {\n            scrollToTopOfPageHTMLElement.scrollIntoView({\n              block: 'start',\n              behavior: 'smooth',\n            })\n          })\n        }\n        const stepItemHTMLElement = document.getElementById(\n          `steps-navigation-step-${pageId}`,\n        )\n        if (stepItemHTMLElement) {\n          window.requestAnimationFrame(() => {\n            stepItemHTMLElement.scrollIntoView({\n              block: 'start',\n              behavior: 'smooth',\n            })\n          })\n        }\n      }\n    },\n    [closeStepsNavigation, currentPageId, isShowingMultiplePages],\n  )\n\n  const goToNextPage = React.useCallback(() => {\n    for (let i = 0; i < visiblePages.length; i++) {\n      const page = visiblePages[i]\n      if (page.id === currentPageId) {\n        const nextVisiblePage = visiblePages[i + 1]\n        if (nextVisiblePage) {\n          setPageId(nextVisiblePage.id)\n        }\n        break\n      }\n    }\n  }, [currentPageId, setPageId, visiblePages])\n\n  const goToPreviousPage = React.useCallback(() => {\n    for (let i = visiblePages.length - 1; i > -1; i--) {\n      const page = visiblePages[i]\n      if (page && page.id === currentPageId) {\n        const previousVisiblePage = visiblePages[i - 1]\n        if (previousVisiblePage) {\n          setPageId(previousVisiblePage.id)\n        }\n        break\n      }\n    }\n  }, [currentPageId, setPageId, visiblePages])\n\n  const checkDisplayPageError = React.useCallback(\n    (page: FormTypes.PageElement) => {\n      // If we have not visited the page yet, we will not display errors\n      if (!visitedPageIds.includes(page.id) && !hasAttemptedSubmit) {\n        return false\n      }\n\n      return checkSectionValidity(page, formElementsValidation)\n    },\n    [formElementsValidation, visitedPageIds, hasAttemptedSubmit],\n  )\n\n  React.useEffect(() => {\n    if (isStepsHeaderActive) {\n      scrollingService.disableScrolling()\n\n      const activeStepElement = document.getElementById(\n        `steps-navigation-step-${currentPageId}`,\n      )\n\n      if (activeStepElement) {\n        activeStepElement.scrollIntoView({\n          behavior: 'smooth',\n          block: 'center',\n        })\n      }\n    } else {\n      // Re-enable scroll on body when inactive\n      scrollingService.enableScrolling()\n    }\n  }, [currentPageId, isStepsHeaderActive])\n\n  const firstVisiblePage = visiblePages[0]\n  const lastVisiblePage = visiblePages[visiblePages.length - 1]\n  const isLastVisiblePage =\n    lastVisiblePage && lastVisiblePage.id === currentPageId\n  const isFirstVisiblePage =\n    firstVisiblePage && firstVisiblePage.id === currentPageId\n  const isDisplayingCurrentPageError = checkDisplayPageError(currentPage)\n\n  // Clean up when form is navigated away\n  React.useEffect(() => {\n    return () => {\n      scrollingService.enableScrolling()\n    }\n  }, [])\n\n  return {\n    visiblePages,\n    isFirstVisiblePage,\n    isLastVisiblePage,\n    isDisplayingCurrentPageError,\n    isShowingMultiplePages,\n    isStepsHeaderActive,\n    toggleStepsNavigation,\n    currentPageIndex,\n    currentPage,\n    currentPageNumber,\n    checkDisplayPageError,\n    setPageId,\n    goToPreviousPage,\n    goToNextPage,\n    scrollToTopOfPageHTMLElementRef,\n  }\n}\n"]}

package/dist/services/form-validation.d.ts

@@ -1,7 +1,7 @@
 import { FormTypes } from '@oneblink/types';
 import { FormElementsConditionallyShown, FormElementsValidation, FormSubmissionModel } from '../types/form';
 export declare const lookupValidationMessage = "Lookup is required";
-declare type ValidateJSSchema = Record<string, unknown>;
+type ValidateJSSchema = Record<string, unknown>;
 export declare function validateSubmission(schema: ValidateJSSchema, submission: FormSubmissionModel, formElementsConditionallyShown: FormElementsConditionallyShown): FormElementsValidation | undefined;
 export declare function generateValidationSchema(elements: FormTypes.FormElement[], elementIdsWithLookupsExecuted: string[]): ValidateJSSchema;
 export declare function checkFileNameIsValid(formElement: FormTypes.FilesElement, fileName: string): boolean;