@procivis/one-react-native-components 0.1.63

package/lib/module/accessibility/accessibility.js

@@ -0,0 +1,185 @@
+import { useIsFocused, useNavigation } from '@react-navigation/native';
+import { useEffect, useRef, useState } from 'react';
+import { AccessibilityInfo, findNodeHandle, Platform } from 'react-native';
+
+/**
+ * Global transformer of text for Voice-Over
+ * @param {string} text (Visible) text to be announced
+ * @returns {string} Text to be read-out by Voice-Over
+ */
+
+let textTransformer = null;
+export function setAccessibilityTextTransformer(transformer) {
+  textTransformer = transformer;
+}
+export function transformAccessibilityText(text) {
+  return textTransformer && text ? textTransformer(text) : text;
+}
+
+/**
+ * Make element accessible after navigation transition is done
+ * @returns {boolean} flag to be used as `accessible` prop on the target component(s)
+ */
+export function useAccessibleAfterTransition() {
+  const navigation = useNavigation();
+  const [accessible, setAccessible] = useState(false);
+  const isFocused = useIsFocused();
+  useEffect(() => {
+    if (!isFocused) {
+      setAccessible(false);
+      return undefined;
+    }
+    const unsubscribe = navigation.addListener('transitionEnd', () => setAccessible(true));
+    // fallback for cases when transition doesn't happen (e.g. forceful screen re-render)
+    const timeout = setTimeout(() => setAccessible(true), 500);
+    return () => {
+      unsubscribe();
+      clearTimeout(timeout);
+    };
+  }, [navigation, isFocused]);
+  return isFocused && accessible;
+}
+
+/**
+ * Query whether the current screen is NOT transitioning
+ * @returns {boolean} flag signifying whether the current screen is NOT in a transition (either entering or leaving)
+ */
+export function useIsOutsideTransition() {
+  const navigation = useNavigation();
+  const [inTransition, setInTransition] = useState(true);
+  const isFocused = useIsFocused();
+  const focused = useRef(isFocused);
+  focused.current = isFocused;
+  useEffect(() => {
+    const unsubscribeStart = navigation.addListener('transitionStart', () => setInTransition(true));
+    const unsubscribeEnd = navigation.addListener('transitionEnd', () => {
+      if (focused.current) {
+        setInTransition(false);
+      }
+    });
+    return () => {
+      unsubscribeStart();
+      unsubscribeEnd();
+    };
+  }, [navigation]);
+  useEffect(() => {
+    if (!isFocused) {
+      return undefined;
+    }
+    setInTransition(true);
+    // fallback for cases when transition callback doesn't happen (e.g. forceful screen re-render)
+    const timeout = setTimeout(() => setInTransition(false), 500);
+    return () => {
+      clearTimeout(timeout);
+    };
+  }, [isFocused]);
+  return isFocused && !inTransition;
+}
+
+/**
+ * Focuses an element for accessibility
+ * @param component component ref
+ * @note Disabled on android as it is not reliable
+ */
+export const focusAccessibility = component => {
+  if (Platform.OS === 'ios' && component) {
+    const nodeHandle = findNodeHandle(component);
+    if (nodeHandle) {
+      AccessibilityInfo.setAccessibilityFocus(nodeHandle);
+    }
+  }
+};
+
+/**
+ * Focuses an element for accessibility
+ * @param {boolean} focused Focusing happens when this changes to `true`
+ * @returns reference to be used with the target element
+ */
+export const useAccessibilityFocus = function () {
+  let focused = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
+  const ref = useRef(null);
+  useEffect(() => {
+    if (focused) {
+      focusAccessibility(ref.current);
+    }
+  }, [focused]);
+  return ref;
+};
+
+/**
+ * Posts a screen-reader/voice-over announcement
+ * @param {string} message Announcement message
+ * * if `null` passed, it resets the cached announcement and the same message can be re-announced again
+ * @returns {boolean} When the announcement is successfully finished (only supported on iOS), false otherwise
+ * @note Use {@link setAccessibilityTextTransformer} to apply text transformation for the read-out text
+ */
+export const useAccessibilityAnnouncement = message => {
+  const announcement = message ? transformAccessibilityText(message) : message;
+  const [announcementFinished, setAnnouncementFinished] = useState();
+  useEffect(() => {
+    if (announcement === null) {
+      // explicitly clearing cached state
+      setAnnouncementFinished(undefined);
+    }
+    if (!announcement) {
+      return undefined;
+    }
+    let subscription;
+    const unsubscribe = () => {
+      var _subscription;
+      return (_subscription = subscription) === null || _subscription === void 0 ? void 0 : _subscription.remove();
+    };
+    if (Platform.OS === 'ios') {
+      let retries = 0;
+      subscription = AccessibilityInfo.addEventListener('announcementFinished', _ref => {
+        let {
+          announcement: finished,
+          success
+        } = _ref;
+        if (finished === announcement) {
+          if (success) {
+            setAnnouncementFinished(announcement);
+            unsubscribe();
+          } else if (retries++ < 2) {
+            // when the automatic voice-over cancels the first try (e.g. after screen transition), let's attempt again one more time
+            AccessibilityInfo.announceForAccessibility(announcement);
+          } else {
+            unsubscribe();
+          }
+        }
+      });
+    }
+    AccessibilityInfo.announceForAccessibility(announcement);
+    return unsubscribe;
+  }, [announcement]);
+  return Boolean(announcement && announcementFinished === announcement);
+};
+
+/**
+ * Posts a screen-reader/voice-over announcement
+ * @param {string} message Announcement message
+ * @param {boolean} waitForPreviousAnnouncement When a new message appears before the previous announcement if finished:
+ *   - `true`: postpone the new message to be announced after the previous message(s)
+ *   - `false` (default): cancel the previous announcement and start the new message
+ * @returns {boolean} When all announcements are finished (only supported on iOS), false otherwise
+ * @see {@link useAccessibilityAnnouncement} for further info
+ */
+export const useAccessibilityAnnouncementCumulative = (message, waitForPreviousAnnouncement) => {
+  // waiting only possible on iOS
+  const wait = Platform.OS === 'ios' && waitForPreviousAnnouncement;
+  const [announcements, setAnnouncements] = useState([]);
+  useEffect(() => {
+    if (message) {
+      setAnnouncements(prev => [...prev, message]);
+    }
+  }, [message]);
+  const nextAnnouncement = wait ? announcements[0] : message;
+  const finished = useAccessibilityAnnouncement(nextAnnouncement);
+  useEffect(() => {
+    if (finished) {
+      setAnnouncements(prev => prev.filter(m => m !== nextAnnouncement));
+    }
+  }, [nextAnnouncement, finished]);
+  return wait ? !announcements.length : finished;
+};
+//# sourceMappingURL=accessibility.js.map

package/lib/module/accessibility/accessibility.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useIsFocused","useNavigation","useEffect","useRef","useState","AccessibilityInfo","findNodeHandle","Platform","textTransformer","setAccessibilityTextTransformer","transformer","transformAccessibilityText","text","useAccessibleAfterTransition","navigation","accessible","setAccessible","isFocused","undefined","unsubscribe","addListener","timeout","setTimeout","clearTimeout","useIsOutsideTransition","inTransition","setInTransition","focused","current","unsubscribeStart","unsubscribeEnd","focusAccessibility","component","OS","nodeHandle","setAccessibilityFocus","useAccessibilityFocus","arguments","length","ref","useAccessibilityAnnouncement","message","announcement","announcementFinished","setAnnouncementFinished","subscription","_subscription","remove","retries","addEventListener","_ref","finished","success","announceForAccessibility","Boolean","useAccessibilityAnnouncementCumulative","waitForPreviousAnnouncement","wait","announcements","setAnnouncements","prev","nextAnnouncement","filter","m"],"sources":["accessibility.ts"],"sourcesContent":["import { NavigationProp, NavigationState, useIsFocused, useNavigation } from '@react-navigation/native';\nimport { useEffect, useRef, useState } from 'react';\nimport { AccessibilityInfo, EmitterSubscription, findNodeHandle, Platform } from 'react-native';\n\n/**\n * Global transformer of text for Voice-Over\n * @param {string} text (Visible) text to be announced\n * @returns {string} Text to be read-out by Voice-Over\n */\nexport type AccessibilityTextTransformer = (text: string) => string;\nlet textTransformer: AccessibilityTextTransformer | null = null;\nexport function setAccessibilityTextTransformer(transformer: AccessibilityTextTransformer | null) {\n  textTransformer = transformer;\n}\nexport function transformAccessibilityText(text: string) {\n  return textTransformer && text ? textTransformer(text) : text;\n}\n\n/**\n * Make element accessible after navigation transition is done\n * @returns {boolean} flag to be used as `accessible` prop on the target component(s)\n */\nexport function useAccessibleAfterTransition<\n  TNavigationProp extends NavigationProp<\n    Record<string, any>,\n    string,\n    NavigationState<Record<string, any>>,\n    {},\n    { transitionEnd: {} }\n  >,\n>() {\n  const navigation = useNavigation<TNavigationProp>();\n  const [accessible, setAccessible] = useState(false);\n\n  const isFocused = useIsFocused();\n  useEffect(() => {\n    if (!isFocused) {\n      setAccessible(false);\n      return undefined;\n    }\n    const unsubscribe = navigation.addListener('transitionEnd', () => setAccessible(true));\n    // fallback for cases when transition doesn't happen (e.g. forceful screen re-render)\n    const timeout = setTimeout(() => setAccessible(true), 500);\n    return () => {\n      unsubscribe();\n      clearTimeout(timeout);\n    };\n  }, [navigation, isFocused]);\n\n  return isFocused && accessible;\n}\n\n/**\n * Query whether the current screen is NOT transitioning\n * @returns {boolean} flag signifying whether the current screen is NOT in a transition (either entering or leaving)\n */\nexport function useIsOutsideTransition<\n  TNavigationProp extends NavigationProp<\n    Record<string, any>,\n    string,\n    NavigationState<Record<string, any>>,\n    {},\n    { transitionStart: {}; transitionEnd: {} }\n  >,\n>() {\n  const navigation = useNavigation<TNavigationProp>();\n  const [inTransition, setInTransition] = useState<boolean>(true);\n\n  const isFocused = useIsFocused();\n  const focused = useRef(isFocused);\n  focused.current = isFocused;\n\n  useEffect(() => {\n    const unsubscribeStart = navigation.addListener('transitionStart', () => setInTransition(true));\n    const unsubscribeEnd = navigation.addListener('transitionEnd', () => {\n      if (focused.current) {\n        setInTransition(false);\n      }\n    });\n    return () => {\n      unsubscribeStart();\n      unsubscribeEnd();\n    };\n  }, [navigation]);\n\n  useEffect(() => {\n    if (!isFocused) {\n      return undefined;\n    }\n\n    setInTransition(true);\n    // fallback for cases when transition callback doesn't happen (e.g. forceful screen re-render)\n    const timeout = setTimeout(() => setInTransition(false), 500);\n    return () => {\n      clearTimeout(timeout);\n    };\n  }, [isFocused]);\n\n  return isFocused && !inTransition;\n}\n\n/**\n * Focuses an element for accessibility\n * @param component component ref\n * @note Disabled on android as it is not reliable\n */\nexport const focusAccessibility = (component?: React.Component | React.ComponentClass | null) => {\n  if (Platform.OS === 'ios' && component) {\n    const nodeHandle = findNodeHandle(component);\n    if (nodeHandle) {\n      AccessibilityInfo.setAccessibilityFocus(nodeHandle);\n    }\n  }\n};\n\n/**\n * Focuses an element for accessibility\n * @param {boolean} focused Focusing happens when this changes to `true`\n * @returns reference to be used with the target element\n */\nexport const useAccessibilityFocus = <T extends React.Component | React.ComponentClass>(focused: boolean = true) => {\n  const ref = useRef<T>(null);\n\n  useEffect(() => {\n    if (focused) {\n      focusAccessibility(ref.current);\n    }\n  }, [focused]);\n\n  return ref;\n};\n\n/**\n * Posts a screen-reader/voice-over announcement\n * @param {string} message Announcement message\n * * if `null` passed, it resets the cached announcement and the same message can be re-announced again\n * @returns {boolean} When the announcement is successfully finished (only supported on iOS), false otherwise\n * @note Use {@link setAccessibilityTextTransformer} to apply text transformation for the read-out text\n */\nexport const useAccessibilityAnnouncement = (message?: string | null): boolean => {\n  const announcement = message ? transformAccessibilityText(message) : message;\n  const [announcementFinished, setAnnouncementFinished] = useState<string>();\n  useEffect(() => {\n    if (announcement === null) {\n      // explicitly clearing cached state\n      setAnnouncementFinished(undefined);\n    }\n\n    if (!announcement) {\n      return undefined;\n    }\n\n    let subscription: EmitterSubscription;\n    const unsubscribe = () => subscription?.remove();\n    if (Platform.OS === 'ios') {\n      let retries = 0;\n      subscription = AccessibilityInfo.addEventListener(\n        'announcementFinished',\n        ({ announcement: finished, success }) => {\n          if (finished === announcement) {\n            if (success) {\n              setAnnouncementFinished(announcement);\n              unsubscribe();\n            } else if (retries++ < 2) {\n              // when the automatic voice-over cancels the first try (e.g. after screen transition), let's attempt again one more time\n              AccessibilityInfo.announceForAccessibility(announcement);\n            } else {\n              unsubscribe();\n            }\n          }\n        },\n      );\n    }\n\n    AccessibilityInfo.announceForAccessibility(announcement);\n    return unsubscribe;\n  }, [announcement]);\n\n  return Boolean(announcement && announcementFinished === announcement);\n};\n\n/**\n * Posts a screen-reader/voice-over announcement\n * @param {string} message Announcement message\n * @param {boolean} waitForPreviousAnnouncement When a new message appears before the previous announcement if finished:\n *   - `true`: postpone the new message to be announced after the previous message(s)\n *   - `false` (default): cancel the previous announcement and start the new message\n * @returns {boolean} When all announcements are finished (only supported on iOS), false otherwise\n * @see {@link useAccessibilityAnnouncement} for further info\n */\nexport const useAccessibilityAnnouncementCumulative = (\n  message?: string,\n  waitForPreviousAnnouncement?: boolean,\n): boolean => {\n  // waiting only possible on iOS\n  const wait = Platform.OS === 'ios' && waitForPreviousAnnouncement;\n\n  const [announcements, setAnnouncements] = useState<string[]>([]);\n  useEffect(() => {\n    if (message) {\n      setAnnouncements((prev) => [...prev, message]);\n    }\n  }, [message]);\n\n  const nextAnnouncement = wait ? announcements[0] : message;\n  const finished = useAccessibilityAnnouncement(nextAnnouncement);\n\n  useEffect(() => {\n    if (finished) {\n      setAnnouncements((prev) => prev.filter((m) => m !== nextAnnouncement));\n    }\n  }, [nextAnnouncement, finished]);\n\n  return wait ? !announcements.length : finished;\n};\n"],"mappings":"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"}

package/lib/module/accessibility/accessibilityHistory.js

@@ -0,0 +1,71 @@
+import { useRoute } from '@react-navigation/native';
+import React, { useCallback, useContext, useEffect, useMemo, useRef } from 'react';
+import { useForwardedRef } from '../utils/ref';
+import { focusAccessibility, useAccessibleAfterTransition } from './accessibility';
+const accessibilityFocusHistoryContext = /*#__PURE__*/React.createContext({
+  setRef: () => {},
+  getRef: () => null
+});
+
+/**
+ * Adds app support for accessibility focus history
+ */
+export const AccessibilityFocusHistoryProvider = _ref => {
+  let {
+    children
+  } = _ref;
+  const Provider = accessibilityFocusHistoryContext.Provider;
+  const refs = useRef({});
+  const setRef = useCallback((route, ref) => {
+    refs.current[route] = ref;
+  }, []);
+  const getRef = useCallback(route => {
+    var _refs$current$route;
+    return (_refs$current$route = refs.current[route]) !== null && _refs$current$route !== void 0 ? _refs$current$route : null;
+  }, []);
+  const value = useMemo(() => ({
+    setRef,
+    getRef
+  }), [getRef, setRef]);
+  return /*#__PURE__*/React.createElement(Provider, {
+    value: value
+  }, children);
+};
+
+/**
+ * Wraps `onPress` handler and `ref` to support automatic accessibility focus on back navigation
+ * @note This needs to be used inside {@link AccessibilityFocusHistoryProvider} and navigation context
+ */
+export const useAccessibilityFocusHistory = (pressHandler, passedRef) => {
+  const [forwardedRef, refObject] = useForwardedRef(passedRef);
+  const historyContext = useContext(accessibilityFocusHistoryContext);
+  const routeKey = useRoute().key;
+  const previouslyPressed = useRef(false);
+  const outsideTransition = useAccessibleAfterTransition();
+  useEffect(() => {
+    const isStoredInHistory = historyContext.getRef(routeKey) === refObject.current;
+    if (outsideTransition && isStoredInHistory && previouslyPressed.current) {
+      focusAccessibility(refObject.current);
+    }
+  }, [historyContext, outsideTransition, refObject, routeKey]);
+  useEffect(() => {
+    if (outsideTransition) {
+      previouslyPressed.current = false;
+    }
+  }, [outsideTransition]);
+
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  const onPress = useCallback(function () {
+    previouslyPressed.current = true;
+    historyContext.setRef(routeKey, refObject.current);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    return pressHandler === null || pressHandler === void 0 ? void 0 : pressHandler(...args);
+  }, [historyContext, routeKey, refObject, pressHandler]);
+  return {
+    onPress,
+    ref: forwardedRef
+  };
+};
+//# sourceMappingURL=accessibilityHistory.js.map

package/lib/module/accessibility/accessibilityHistory.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useRoute","React","useCallback","useContext","useEffect","useMemo","useRef","useForwardedRef","focusAccessibility","useAccessibleAfterTransition","accessibilityFocusHistoryContext","createContext","setRef","getRef","AccessibilityFocusHistoryProvider","_ref","children","Provider","refs","route","ref","current","_refs$current$route","value","createElement","useAccessibilityFocusHistory","pressHandler","passedRef","forwardedRef","refObject","historyContext","routeKey","key","previouslyPressed","outsideTransition","isStoredInHistory","onPress","_len","arguments","length","args","Array","_key"],"sources":["accessibilityHistory.tsx"],"sourcesContent":["import { useRoute } from '@react-navigation/native';\nimport React, { FC, PropsWithChildren, useCallback, useContext, useEffect, useMemo, useRef } from 'react';\n\nimport { useForwardedRef } from '../utils/ref';\nimport { focusAccessibility, useAccessibleAfterTransition } from './accessibility';\n\ntype AccessibilityRefComponent = React.Component | React.ComponentClass | null;\ninterface AccessibilityRefContextValue {\n  setRef: (route: string, ref: AccessibilityRefComponent) => void;\n  getRef: (route: string) => AccessibilityRefComponent;\n}\n\nconst accessibilityFocusHistoryContext = React.createContext<AccessibilityRefContextValue>({\n  setRef: () => {},\n  getRef: () => null,\n});\n\n/**\n * Adds app support for accessibility focus history\n */\nexport const AccessibilityFocusHistoryProvider: FC<PropsWithChildren<{}>> = ({ children }) => {\n  const Provider = accessibilityFocusHistoryContext.Provider;\n  const refs = useRef<Record<string, AccessibilityRefComponent>>({});\n  const setRef = useCallback((route: string, ref: AccessibilityRefComponent) => {\n    refs.current[route] = ref;\n  }, []);\n  const getRef = useCallback((route: string) => {\n    return refs.current[route] ?? null;\n  }, []);\n  const value = useMemo(() => ({ setRef, getRef }), [getRef, setRef]);\n  return <Provider value={value}>{children}</Provider>;\n};\n\n/**\n * Wraps `onPress` handler and `ref` to support automatic accessibility focus on back navigation\n * @note This needs to be used inside {@link AccessibilityFocusHistoryProvider} and navigation context\n */\nexport const useAccessibilityFocusHistory = <\n  Component extends React.Component<any> | React.ComponentClass<any>,\n  OnPress extends (...args: never[]) => void = () => void,\n>(\n  pressHandler: OnPress | undefined,\n  passedRef?: React.Ref<Component>,\n) => {\n  const [forwardedRef, refObject] = useForwardedRef<Component>(passedRef);\n\n  const historyContext = useContext(accessibilityFocusHistoryContext);\n  const routeKey = useRoute().key;\n\n  const previouslyPressed = useRef(false);\n  const outsideTransition = useAccessibleAfterTransition();\n\n  useEffect(() => {\n    const isStoredInHistory = historyContext.getRef(routeKey) === refObject.current;\n    if (outsideTransition && isStoredInHistory && previouslyPressed.current) {\n      focusAccessibility(refObject.current);\n    }\n  }, [historyContext, outsideTransition, refObject, routeKey]);\n\n  useEffect(() => {\n    if (outsideTransition) {\n      previouslyPressed.current = false;\n    }\n  }, [outsideTransition]);\n\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  const onPress = useCallback(\n    ((...args) => {\n      previouslyPressed.current = true;\n      historyContext.setRef(routeKey, refObject.current);\n      return pressHandler?.(...args);\n    }) as OnPress,\n    [historyContext, routeKey, refObject, pressHandler],\n  );\n\n  return { onPress, ref: forwardedRef };\n};\n"],"mappings":"AAAA,SAASA,QAAQ,QAAQ,0BAA0B;AACnD,OAAOC,KAAK,IAA2BC,WAAW,EAAEC,UAAU,EAAEC,SAAS,EAAEC,OAAO,EAAEC,MAAM,QAAQ,OAAO;AAEzG,SAASC,eAAe,QAAQ,cAAc;AAC9C,SAASC,kBAAkB,EAAEC,4BAA4B,QAAQ,iBAAiB;AAQlF,MAAMC,gCAAgC,gBAAGT,KAAK,CAACU,aAAa,CAA+B;EACzFC,MAAM,EAAEA,CAAA,KAAM,CAAC,CAAC;EAChBC,MAAM,EAAEA,CAAA,KAAM;AAChB,CAAC,CAAC;;AAEF;AACA;AACA;AACA,OAAO,MAAMC,iCAA4D,GAAGC,IAAA,IAAkB;EAAA,IAAjB;IAAEC;EAAS,CAAC,GAAAD,IAAA;EACvF,MAAME,QAAQ,GAAGP,gCAAgC,CAACO,QAAQ;EAC1D,MAAMC,IAAI,GAAGZ,MAAM,CAA4C,CAAC,CAAC,CAAC;EAClE,MAAMM,MAAM,GAAGV,WAAW,CAAC,CAACiB,KAAa,EAAEC,GAA8B,KAAK;IAC5EF,IAAI,CAACG,OAAO,CAACF,KAAK,CAAC,GAAGC,GAAG;EAC3B,CAAC,EAAE,EAAE,CAAC;EACN,MAAMP,MAAM,GAAGX,WAAW,CAAEiB,KAAa,IAAK;IAAA,IAAAG,mBAAA;IAC5C,QAAAA,mBAAA,GAAOJ,IAAI,CAACG,OAAO,CAACF,KAAK,CAAC,cAAAG,mBAAA,cAAAA,mBAAA,GAAI,IAAI;EACpC,CAAC,EAAE,EAAE,CAAC;EACN,MAAMC,KAAK,GAAGlB,OAAO,CAAC,OAAO;IAAEO,MAAM;IAAEC;EAAO,CAAC,CAAC,EAAE,CAACA,MAAM,EAAED,MAAM,CAAC,CAAC;EACnE,oBAAOX,KAAA,CAAAuB,aAAA,CAACP,QAAQ;IAACM,KAAK,EAAEA;EAAM,GAAEP,QAAQ,CAAY;AACtD,CAAC;;AAED;AACA;AACA;AACA;AACA,OAAO,MAAMS,4BAA4B,GAAGA,CAI1CC,YAAiC,EACjCC,SAAgC,KAC7B;EACH,MAAM,CAACC,YAAY,EAAEC,SAAS,CAAC,GAAGtB,eAAe,CAAYoB,SAAS,CAAC;EAEvE,MAAMG,cAAc,GAAG3B,UAAU,CAACO,gCAAgC,CAAC;EACnE,MAAMqB,QAAQ,GAAG/B,QAAQ,EAAE,CAACgC,GAAG;EAE/B,MAAMC,iBAAiB,GAAG3B,MAAM,CAAC,KAAK,CAAC;EACvC,MAAM4B,iBAAiB,GAAGzB,4BAA4B,EAAE;EAExDL,SAAS,CAAC,MAAM;IACd,MAAM+B,iBAAiB,GAAGL,cAAc,CAACjB,MAAM,CAACkB,QAAQ,CAAC,KAAKF,SAAS,CAACR,OAAO;IAC/E,IAAIa,iBAAiB,IAAIC,iBAAiB,IAAIF,iBAAiB,CAACZ,OAAO,EAAE;MACvEb,kBAAkB,CAACqB,SAAS,CAACR,OAAO,CAAC;IACvC;EACF,CAAC,EAAE,CAACS,cAAc,EAAEI,iBAAiB,EAAEL,SAAS,EAAEE,QAAQ,CAAC,CAAC;EAE5D3B,SAAS,CAAC,MAAM;IACd,IAAI8B,iBAAiB,EAAE;MACrBD,iBAAiB,CAACZ,OAAO,GAAG,KAAK;IACnC;EACF,CAAC,EAAE,CAACa,iBAAiB,CAAC,CAAC;;EAEvB;EACA,MAAME,OAAO,GAAGlC,WAAW,CACxB,YAAa;IACZ+B,iBAAiB,CAACZ,OAAO,GAAG,IAAI;IAChCS,cAAc,CAAClB,MAAM,CAACmB,QAAQ,EAAEF,SAAS,CAACR,OAAO,CAAC;IAAC,SAAAgB,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAFhDC,IAAI,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA;MAAJF,IAAI,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA;IAAA;IAGP,OAAOhB,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAG,GAAGc,IAAI,CAAC;EAChC,CAAC,EACD,CAACV,cAAc,EAAEC,QAAQ,EAAEF,SAAS,EAAEH,YAAY,CAAC,CACpD;EAED,OAAO;IAAEU,OAAO;IAAEhB,GAAG,EAAEQ;EAAa,CAAC;AACvC,CAAC"}

package/lib/module/accessibility/accessibilityHistoryWrappers.js

@@ -0,0 +1,38 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+/* eslint-disable no-restricted-imports */
+import React, { forwardRef } from 'react';
+import { Pressable as RNPressable, TouchableHighlight as RNTouchableHighlight, TouchableOpacity as RNTouchableOpacity, TouchableWithoutFeedback as RNTouchableWithoutFeedback } from 'react-native';
+import { useAccessibilityFocusHistory } from './accessibilityHistory';
+const WithAccessibilityFocusHistory = (C, displayName) => {
+  const ComponentWithAccessibilityFocusHistory = _ref => {
+    let {
+      forwardedRef,
+      onPress: originalOnPress,
+      ...props
+    } = _ref;
+    const {
+      ref,
+      onPress
+    } = useAccessibilityFocusHistory(originalOnPress !== null && originalOnPress !== void 0 ? originalOnPress : undefined, forwardedRef);
+    // @ts-ignore
+    return /*#__PURE__*/React.createElement(C, _extends({
+      ref: ref,
+      onPress: onPress
+    }, props));
+  };
+  const Forwarded = /*#__PURE__*/forwardRef((props, ref) => /*#__PURE__*/React.createElement(ComponentWithAccessibilityFocusHistory, _extends({}, props, {
+    forwardedRef: ref
+  })));
+  Forwarded.displayName = displayName;
+  return Forwarded;
+};
+
+/**
+ * Wrappers of RN touchable components with accessibilty focus history support
+ */
+
+export const TouchableOpacity = WithAccessibilityFocusHistory(RNTouchableOpacity, 'TouchableOpacity');
+export const TouchableWithoutFeedback = WithAccessibilityFocusHistory(RNTouchableWithoutFeedback, 'TouchableWithoutFeedback');
+export const TouchableHighlight = WithAccessibilityFocusHistory(RNTouchableHighlight, 'TouchableHighlight');
+export const Pressable = WithAccessibilityFocusHistory(RNPressable, 'Pressable');
+//# sourceMappingURL=accessibilityHistoryWrappers.js.map

package/lib/module/accessibility/accessibilityHistoryWrappers.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","forwardRef","Pressable","RNPressable","TouchableHighlight","RNTouchableHighlight","TouchableOpacity","RNTouchableOpacity","TouchableWithoutFeedback","RNTouchableWithoutFeedback","useAccessibilityFocusHistory","WithAccessibilityFocusHistory","C","displayName","ComponentWithAccessibilityFocusHistory","_ref","forwardedRef","onPress","originalOnPress","props","ref","undefined","createElement","_extends","Forwarded"],"sources":["accessibilityHistoryWrappers.tsx"],"sourcesContent":["/* eslint-disable no-restricted-imports */\nimport React, { FC, ForwardedRef, forwardRef } from 'react';\nimport {\n  GestureResponderEvent,\n  Pressable as RNPressable,\n  PressableProps,\n  TouchableHighlight as RNTouchableHighlight,\n  TouchableHighlightProps,\n  TouchableOpacity as RNTouchableOpacity,\n  TouchableOpacityProps,\n  TouchableWithoutFeedback as RNTouchableWithoutFeedback,\n  TouchableWithoutFeedbackProps,\n  View,\n} from 'react-native';\n\nimport { useAccessibilityFocusHistory } from './accessibilityHistory';\n\ntype RNOnPress = (event: GestureResponderEvent) => void;\ninterface OnPressProps {\n  onPress?: RNOnPress | null;\n}\n\nconst WithAccessibilityFocusHistory = <ComponentProps extends OnPressProps, RefType extends React.Component>(\n  C: React.ComponentType<ComponentProps>,\n  displayName: string,\n) => {\n  type ForwardedProps = ComponentProps & {\n    forwardedRef: ForwardedRef<RefType>;\n  };\n\n  const ComponentWithAccessibilityFocusHistory: FC<ForwardedProps> = ({\n    forwardedRef,\n    onPress: originalOnPress,\n    ...props\n  }) => {\n    const { ref, onPress } = useAccessibilityFocusHistory<RefType, RNOnPress>(\n      originalOnPress ?? undefined,\n      forwardedRef,\n    );\n    // @ts-ignore\n    return <C ref={ref} onPress={onPress} {...props} />;\n  };\n\n  const Forwarded = forwardRef<RefType, ComponentProps>((props, ref) => (\n    <ComponentWithAccessibilityFocusHistory {...props} forwardedRef={ref} />\n  ));\n  Forwarded.displayName = displayName;\n\n  return Forwarded;\n};\n\n/**\n * Wrappers of RN touchable components with accessibilty focus history support\n */\n\nexport const TouchableOpacity = WithAccessibilityFocusHistory<TouchableOpacityProps, RNTouchableOpacity>(\n  RNTouchableOpacity,\n  'TouchableOpacity',\n);\nexport const TouchableWithoutFeedback = WithAccessibilityFocusHistory<\n  TouchableWithoutFeedbackProps,\n  RNTouchableWithoutFeedback\n>(RNTouchableWithoutFeedback, 'TouchableWithoutFeedback');\nexport const TouchableHighlight = WithAccessibilityFocusHistory<TouchableHighlightProps, RNTouchableHighlight>(\n  RNTouchableHighlight,\n  'TouchableHighlight',\n);\nexport const Pressable = WithAccessibilityFocusHistory<PressableProps, View>(RNPressable, 'Pressable');\n\ntype WrapperRefType<C extends React.ForwardRefExoticComponent<React.RefAttributes<any>>> =\n  C extends React.ForwardRefExoticComponent<React.RefAttributes<infer Ref>> ? Ref : never;\n\n/**\n * Ref types to be used in forwardRef for the wrappers\n */\n\nexport type TouchableOpacityRef = WrapperRefType<typeof TouchableOpacity>;\nexport type TouchableWithoutFeedbackRef = WrapperRefType<typeof TouchableWithoutFeedback>;\nexport type TouchableHighlightRef = WrapperRefType<typeof TouchableHighlight>;\nexport type PressableRef = WrapperRefType<typeof Pressable>;\n"],"mappings":";AAAA;AACA,OAAOA,KAAK,IAAsBC,UAAU,QAAQ,OAAO;AAC3D,SAEEC,SAAS,IAAIC,WAAW,EAExBC,kBAAkB,IAAIC,oBAAoB,EAE1CC,gBAAgB,IAAIC,kBAAkB,EAEtCC,wBAAwB,IAAIC,0BAA0B,QAGjD,cAAc;AAErB,SAASC,4BAA4B,QAAQ,wBAAwB;AAOrE,MAAMC,6BAA6B,GAAGA,CACpCC,CAAsC,EACtCC,WAAmB,KAChB;EAKH,MAAMC,sCAA0D,GAAGC,IAAA,IAI7D;IAAA,IAJ8D;MAClEC,YAAY;MACZC,OAAO,EAAEC,eAAe;MACxB,GAAGC;IACL,CAAC,GAAAJ,IAAA;IACC,MAAM;MAAEK,GAAG;MAAEH;IAAQ,CAAC,GAAGP,4BAA4B,CACnDQ,eAAe,aAAfA,eAAe,cAAfA,eAAe,GAAIG,SAAS,EAC5BL,YAAY,CACb;IACD;IACA,oBAAOhB,KAAA,CAAAsB,aAAA,CAACV,CAAC,EAAAW,QAAA;MAACH,GAAG,EAAEA,GAAI;MAACH,OAAO,EAAEA;IAAQ,GAAKE,KAAK,EAAI;EACrD,CAAC;EAED,MAAMK,SAAS,gBAAGvB,UAAU,CAA0B,CAACkB,KAAK,EAAEC,GAAG,kBAC/DpB,KAAA,CAAAsB,aAAA,CAACR,sCAAsC,EAAAS,QAAA,KAAKJ,KAAK;IAAEH,YAAY,EAAEI;EAAI,GACtE,CAAC;EACFI,SAAS,CAACX,WAAW,GAAGA,WAAW;EAEnC,OAAOW,SAAS;AAClB,CAAC;;AAED;AACA;AACA;;AAEA,OAAO,MAAMlB,gBAAgB,GAAGK,6BAA6B,CAC3DJ,kBAAkB,EAClB,kBAAkB,CACnB;AACD,OAAO,MAAMC,wBAAwB,GAAGG,6BAA6B,CAGnEF,0BAA0B,EAAE,0BAA0B,CAAC;AACzD,OAAO,MAAML,kBAAkB,GAAGO,6BAA6B,CAC7DN,oBAAoB,EACpB,oBAAoB,CACrB;AACD,OAAO,MAAMH,SAAS,GAAGS,6BAA6B,CAAuBR,WAAW,EAAE,WAAW,CAAC"}

package/lib/module/accessibility/accessibilityLanguage.js

@@ -0,0 +1,53 @@
+import React, { useContext, useMemo } from 'react';
+import { getAccessibilityLanguageFile } from './locale';
+const AccessibilityLanguageContext = /*#__PURE__*/React.createContext(undefined);
+const Provider = AccessibilityLanguageContext.Provider;
+
+/**
+ * Adds app support for accessibility language
+ * @param {SupportedAccessibilityLanguage} language Currenty selected language of the app
+ * @param {Object} overrides _(optional)_ Custom overrides for specific entries
+ */
+export const AccessibilityLanguageProvider = _ref => {
+  let {
+    language,
+    overrides,
+    children
+  } = _ref;
+  const translate = useMemo(() => {
+    if (typeof overrides === 'function') {
+      return overrides;
+    }
+    const accessibilityFile = getAccessibilityLanguageFile(language, overrides);
+    return (entryKey, params) => {
+      let translation = accessibilityFile[entryKey];
+
+      // replace params
+      if (translation && params) {
+        Object.entries(params).forEach(_ref2 => {
+          let [key, value] = _ref2;
+          translation = translation.replace(new RegExp(`{${key}}`, 'g'), String(value));
+        });
+      }
+      return translation;
+    };
+  }, [language, overrides]);
+  return /*#__PURE__*/React.createElement(Provider, {
+    value: translate
+  }, children);
+};
+
+/**
+ * Access accessibility language translations
+ * @note This needs to be used inside {@link AccessibilityLanguageProvider} context
+ */
+export const useAccessibilityTranslation = () => {
+  const translate = useContext(AccessibilityLanguageContext);
+
+  // check context provided
+  if (!translate) {
+    throw new Error('Accessibility Language not provided!, wrap your components in the AccessibilityLanguageProvider');
+  }
+  return translate;
+};
+//# sourceMappingURL=accessibilityLanguage.js.map

package/lib/module/accessibility/accessibilityLanguage.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useContext","useMemo","getAccessibilityLanguageFile","AccessibilityLanguageContext","createContext","undefined","Provider","AccessibilityLanguageProvider","_ref","language","overrides","children","translate","accessibilityFile","entryKey","params","translation","Object","entries","forEach","_ref2","key","value","replace","RegExp","String","createElement","useAccessibilityTranslation","Error"],"sources":["accessibilityLanguage.tsx"],"sourcesContent":["import React, { FC, PropsWithChildren, useContext, useMemo } from 'react';\n\nimport { AccessibilityLanguageFile, getAccessibilityLanguageFile, SupportedAccessibilityLanguage } from './locale';\n\nexport type AccessibilityLanguageFileEntryKey = keyof AccessibilityLanguageFile;\ntype AccessibilityLanguageTranslate = (\n  entryKey: AccessibilityLanguageFileEntryKey,\n  params?: Record<string, string | number>,\n) => string;\n\nconst AccessibilityLanguageContext = React.createContext<AccessibilityLanguageTranslate | undefined>(undefined);\n\nexport interface AccessibilityLanguageProviderProps {\n  language: SupportedAccessibilityLanguage;\n  overrides?: Partial<AccessibilityLanguageFile> | AccessibilityLanguageTranslate;\n}\n\nconst Provider = AccessibilityLanguageContext.Provider;\n\n/**\n * Adds app support for accessibility language\n * @param {SupportedAccessibilityLanguage} language Currenty selected language of the app\n * @param {Object} overrides _(optional)_ Custom overrides for specific entries\n */\nexport const AccessibilityLanguageProvider: FC<PropsWithChildren<AccessibilityLanguageProviderProps>> = ({\n  language,\n  overrides,\n  children,\n}) => {\n  const translate = useMemo<AccessibilityLanguageTranslate>(() => {\n    if (typeof overrides === 'function') {\n      return overrides;\n    }\n\n    const accessibilityFile = getAccessibilityLanguageFile(language, overrides);\n    return (entryKey, params) => {\n      let translation = accessibilityFile[entryKey];\n\n      // replace params\n      if (translation && params) {\n        Object.entries(params).forEach(([key, value]) => {\n          translation = translation.replace(new RegExp(`{${key}}`, 'g'), String(value));\n        });\n      }\n\n      return translation;\n    };\n  }, [language, overrides]);\n\n  return <Provider value={translate}>{children}</Provider>;\n};\n\n/**\n * Access accessibility language translations\n * @note This needs to be used inside {@link AccessibilityLanguageProvider} context\n */\nexport const useAccessibilityTranslation = () => {\n  const translate = useContext(AccessibilityLanguageContext);\n\n  // check context provided\n  if (!translate) {\n    throw new Error('Accessibility Language not provided!, wrap your components in the AccessibilityLanguageProvider');\n  }\n\n  return translate;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAA2BC,UAAU,EAAEC,OAAO,QAAQ,OAAO;AAEzE,SAAoCC,4BAA4B,QAAwC,UAAU;AAQlH,MAAMC,4BAA4B,gBAAGJ,KAAK,CAACK,aAAa,CAA6CC,SAAS,CAAC;AAO/G,MAAMC,QAAQ,GAAGH,4BAA4B,CAACG,QAAQ;;AAEtD;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,6BAAwF,GAAGC,IAAA,IAIlG;EAAA,IAJmG;IACvGC,QAAQ;IACRC,SAAS;IACTC;EACF,CAAC,GAAAH,IAAA;EACC,MAAMI,SAAS,GAAGX,OAAO,CAAiC,MAAM;IAC9D,IAAI,OAAOS,SAAS,KAAK,UAAU,EAAE;MACnC,OAAOA,SAAS;IAClB;IAEA,MAAMG,iBAAiB,GAAGX,4BAA4B,CAACO,QAAQ,EAAEC,SAAS,CAAC;IAC3E,OAAO,CAACI,QAAQ,EAAEC,MAAM,KAAK;MAC3B,IAAIC,WAAW,GAAGH,iBAAiB,CAACC,QAAQ,CAAC;;MAE7C;MACA,IAAIE,WAAW,IAAID,MAAM,EAAE;QACzBE,MAAM,CAACC,OAAO,CAACH,MAAM,CAAC,CAACI,OAAO,CAACC,KAAA,IAAkB;UAAA,IAAjB,CAACC,GAAG,EAAEC,KAAK,CAAC,GAAAF,KAAA;UAC1CJ,WAAW,GAAGA,WAAW,CAACO,OAAO,CAAC,IAAIC,MAAM,CAAE,IAAGH,GAAI,GAAE,EAAE,GAAG,CAAC,EAAEI,MAAM,CAACH,KAAK,CAAC,CAAC;QAC/E,CAAC,CAAC;MACJ;MAEA,OAAON,WAAW;IACpB,CAAC;EACH,CAAC,EAAE,CAACP,QAAQ,EAAEC,SAAS,CAAC,CAAC;EAEzB,oBAAOX,KAAA,CAAA2B,aAAA,CAACpB,QAAQ;IAACgB,KAAK,EAAEV;EAAU,GAAED,QAAQ,CAAY;AAC1D,CAAC;;AAED;AACA;AACA;AACA;AACA,OAAO,MAAMgB,2BAA2B,GAAGA,CAAA,KAAM;EAC/C,MAAMf,SAAS,GAAGZ,UAAU,CAACG,4BAA4B,CAAC;;EAE1D;EACA,IAAI,CAACS,SAAS,EAAE;IACd,MAAM,IAAIgB,KAAK,CAAC,iGAAiG,CAAC;EACpH;EAEA,OAAOhB,SAAS;AAClB,CAAC"}

package/lib/module/accessibility/index.js

@@ -0,0 +1,8 @@
+import { AccessibilityTextTransformer, focusAccessibility, setAccessibilityTextTransformer, transformAccessibilityText, useAccessibilityAnnouncement, useAccessibilityAnnouncementCumulative, useAccessibilityFocus, useAccessibleAfterTransition, useIsOutsideTransition } from './accessibility';
+import { AccessibilityFocusHistoryProvider, useAccessibilityFocusHistory } from './accessibilityHistory';
+import { AccessibilityLanguageProvider, AccessibilityLanguageProviderProps } from './accessibilityLanguage';
+// @ts-ignore
+import { AccessibilityLanguageFile, SupportedAccessibilityLanguage } from './locale';
+export * from './accessibilityHistoryWrappers';
+export { AccessibilityFocusHistoryProvider, AccessibilityLanguageFile, AccessibilityLanguageProvider, AccessibilityLanguageProviderProps, AccessibilityTextTransformer, focusAccessibility, setAccessibilityTextTransformer, SupportedAccessibilityLanguage, transformAccessibilityText, useAccessibilityAnnouncement, useAccessibilityAnnouncementCumulative, useAccessibilityFocus, useAccessibilityFocusHistory, useAccessibleAfterTransition, useIsOutsideTransition };
+//# sourceMappingURL=index.js.map

package/lib/module/accessibility/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["AccessibilityTextTransformer","focusAccessibility","setAccessibilityTextTransformer","transformAccessibilityText","useAccessibilityAnnouncement","useAccessibilityAnnouncementCumulative","useAccessibilityFocus","useAccessibleAfterTransition","useIsOutsideTransition","AccessibilityFocusHistoryProvider","useAccessibilityFocusHistory","AccessibilityLanguageProvider","AccessibilityLanguageProviderProps","AccessibilityLanguageFile","SupportedAccessibilityLanguage"],"sources":["index.ts"],"sourcesContent":["import {\n  AccessibilityTextTransformer,\n  focusAccessibility,\n  setAccessibilityTextTransformer,\n  transformAccessibilityText,\n  useAccessibilityAnnouncement,\n  useAccessibilityAnnouncementCumulative,\n  useAccessibilityFocus,\n  useAccessibleAfterTransition,\n  useIsOutsideTransition,\n} from './accessibility';\nimport { AccessibilityFocusHistoryProvider, useAccessibilityFocusHistory } from './accessibilityHistory';\nimport { AccessibilityLanguageProvider, AccessibilityLanguageProviderProps } from './accessibilityLanguage';\n// @ts-ignore\nimport { AccessibilityLanguageFile, SupportedAccessibilityLanguage } from './locale';\n\nexport * from './accessibilityHistoryWrappers';\n\nexport {\n  AccessibilityFocusHistoryProvider,\n  AccessibilityLanguageFile,\n  AccessibilityLanguageProvider,\n  AccessibilityLanguageProviderProps,\n  AccessibilityTextTransformer,\n  focusAccessibility,\n  setAccessibilityTextTransformer,\n  SupportedAccessibilityLanguage,\n  transformAccessibilityText,\n  useAccessibilityAnnouncement,\n  useAccessibilityAnnouncementCumulative,\n  useAccessibilityFocus,\n  useAccessibilityFocusHistory,\n  useAccessibleAfterTransition,\n  useIsOutsideTransition,\n};\n"],"mappings":"AAAA,SACEA,4BAA4B,EAC5BC,kBAAkB,EAClBC,+BAA+B,EAC/BC,0BAA0B,EAC1BC,4BAA4B,EAC5BC,sCAAsC,EACtCC,qBAAqB,EACrBC,4BAA4B,EAC5BC,sBAAsB,QACjB,iBAAiB;AACxB,SAASC,iCAAiC,EAAEC,4BAA4B,QAAQ,wBAAwB;AACxG,SAASC,6BAA6B,EAAEC,kCAAkC,QAAQ,yBAAyB;AAC3G;AACA,SAASC,yBAAyB,EAAEC,8BAA8B,QAAQ,UAAU;AAEpF,cAAc,gCAAgC;AAE9C,SACEL,iCAAiC,EACjCI,yBAAyB,EACzBF,6BAA6B,EAC7BC,kCAAkC,EAClCZ,4BAA4B,EAC5BC,kBAAkB,EAClBC,+BAA+B,EAC/BY,8BAA8B,EAC9BX,0BAA0B,EAC1BC,4BAA4B,EAC5BC,sCAAsC,EACtCC,qBAAqB,EACrBI,4BAA4B,EAC5BH,4BAA4B,EAC5BC,sBAAsB"}

package/lib/module/accessibility/locale/de.json

@@ -0,0 +1,21 @@
+{
+  "accessibility.control.combobox.expanded": "erweitert",
+  "accessibility.control.combobox.tapToSelect": "Zum Auswählen doppeltippen",
+  "accessibility.control.order": "{current} von {length}",
+  "accessibility.control.progress": "{current} von {length}",
+  "accessibility.control.checked": "ausgewählt",
+  "accessibility.control.unchecked": "nicht ausgewählt",
+  "accessibility.control.clear": "löschen",
+  "accessibility.control.delete": "löschen",
+  "accessibility.control.list.moveDown": "Nach unten bewegen",
+  "accessibility.control.list.moveUp": "Nach oben bewegen",
+  "accessibility.nav.back": "zurück",
+  "accessibility.nav.close": "schliessen",
+  "accessibility.nav.next": "weiter",
+  "accessibility.icon.edit": "bearbeiten",
+  "accessibility.icon.add": "hinzufügen",
+  "accessibility.icon.filter": "filter",
+  "accessibility.icon.scan": "scannen",
+  "accessibility.key.faceId": "faceId",
+  "accessibility.key.fingerprint": "Fingerabdruck"
+}

package/lib/module/accessibility/locale/en.json

@@ -0,0 +1,21 @@
+{
+  "accessibility.control.combobox.expanded": "Expanded",
+  "accessibility.control.combobox.tapToSelect": "Double-tap to select",
+  "accessibility.control.order": "{current} of {length}",
+  "accessibility.control.progress": "{current} out of {length}",
+  "accessibility.control.checked": "checked",
+  "accessibility.control.unchecked": "not checked",
+  "accessibility.control.clear": "clear",
+  "accessibility.control.delete": "delete",
+  "accessibility.control.list.moveDown": "Move down",
+  "accessibility.control.list.moveUp": "Move up",
+  "accessibility.nav.back": "back",
+  "accessibility.nav.close": "close",
+  "accessibility.nav.next": "next",
+  "accessibility.icon.edit": "edit",
+  "accessibility.icon.add": "add",
+  "accessibility.icon.filter": "filter",
+  "accessibility.icon.scan": "scan",
+  "accessibility.key.faceId": "faceId",
+  "accessibility.key.fingerprint": "fingerprint"
+}

package/lib/module/accessibility/locale/fr.json

@@ -0,0 +1,21 @@
+{
+  "accessibility.control.combobox.expanded": "Élargi",
+  "accessibility.control.combobox.tapToSelect": "Touchez deux fois pour sélectionner",
+  "accessibility.control.order": "{current} de {length}",
+  "accessibility.control.progress": "{current} sur {length}",
+  "accessibility.control.checked": "cochée",
+  "accessibility.control.unchecked": "décochée",
+  "accessibility.control.clear": "effacer",
+  "accessibility.control.delete": "supprimer",
+  "accessibility.control.list.moveDown": "Descendre",
+  "accessibility.control.list.moveUp": "Avancez",
+  "accessibility.nav.back": "retour",
+  "accessibility.nav.close": "fermer",
+  "accessibility.nav.next": "suivant",
+  "accessibility.icon.edit": "modifier",
+  "accessibility.icon.add": "ajouter",
+  "accessibility.icon.filter": "filtre",
+  "accessibility.icon.scan": "scanner",
+  "accessibility.key.faceId": "faceId",
+  "accessibility.key.fingerprint": "Empreinte digitale"
+}

package/lib/module/accessibility/locale/index.js

@@ -0,0 +1,12 @@
+import de from './de.json';
+import en from './en.json';
+import fr from './fr.json';
+import it from './it.json';
+export const defaultLanguageFiles = {
+  en,
+  de,
+  fr,
+  it
+};
+export const getAccessibilityLanguageFile = (language, overrides) => Object.assign({}, defaultLanguageFiles[language], overrides);
+//# sourceMappingURL=index.js.map

package/lib/module/accessibility/locale/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["de","en","fr","it","defaultLanguageFiles","getAccessibilityLanguageFile","language","overrides","Object","assign"],"sources":["index.ts"],"sourcesContent":["import de from './de.json';\nimport en from './en.json';\nimport fr from './fr.json';\nimport it from './it.json';\n\nexport const defaultLanguageFiles = { en, de, fr, it };\n\nexport type SupportedAccessibilityLanguage = keyof typeof defaultLanguageFiles;\nexport type AccessibilityLanguageFile = typeof en;\n\nexport const getAccessibilityLanguageFile = (\n  language: SupportedAccessibilityLanguage,\n  overrides?: Partial<AccessibilityLanguageFile>,\n): AccessibilityLanguageFile =>\n  Object.assign<{}, AccessibilityLanguageFile, Partial<AccessibilityLanguageFile> | undefined>(\n    {},\n    defaultLanguageFiles[language],\n    overrides,\n  );\n"],"mappings":"AAAA,OAAOA,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAE1B,OAAO,MAAMC,oBAAoB,GAAG;EAAEH,EAAE;EAAED,EAAE;EAAEE,EAAE;EAAEC;AAAG,CAAC;AAKtD,OAAO,MAAME,4BAA4B,GAAGA,CAC1CC,QAAwC,EACxCC,SAA8C,KAE9CC,MAAM,CAACC,MAAM,CACX,CAAC,CAAC,EACFL,oBAAoB,CAACE,QAAQ,CAAC,EAC9BC,SAAS,CACV"}

package/lib/module/accessibility/locale/it.json

@@ -0,0 +1,21 @@
+{
+  "accessibility.control.combobox.expanded": "Espanso",
+  "accessibility.control.combobox.tapToSelect": "Tocca due volte per selezionare",
+  "accessibility.control.order": "{current} di {length}",
+  "accessibility.control.progress": "{current} su {length}",
+  "accessibility.control.checked": "selezionato",
+  "accessibility.control.unchecked": "deselezionato",
+  "accessibility.control.clear": "cancellare",
+  "accessibility.control.delete": "cancellare",
+  "accessibility.control.list.moveDown": "Scendere",
+  "accessibility.control.list.moveUp": "Salire",
+  "accessibility.nav.back": "indietro",
+  "accessibility.nav.close": "chiudere",
+  "accessibility.nav.next": "prossimo",
+  "accessibility.icon.edit": "modificare",
+  "accessibility.icon.add": "addizionare",
+  "accessibility.icon.scan": "scannerizzare",
+  "accessibility.icon.filter": "filtro",
+  "accessibility.key.faceId": "faceId",
+  "accessibility.key.fingerprint": "Impronta digitale"
+}

package/lib/module/accessibility/locale.test.js

@@ -0,0 +1,13 @@
+import { defaultLanguageFiles } from './locale';
+it('language files consistency', () => {
+  const mainFile = defaultLanguageFiles.en;
+  const getNumberOfEntries = file => Object.keys(file).length;
+  Object.keys(defaultLanguageFiles).forEach(lang => {
+    const checkedFile = defaultLanguageFiles[lang];
+    expect(getNumberOfEntries(checkedFile)).toBe(getNumberOfEntries(mainFile));
+    Object.keys(checkedFile).forEach(entryKey => {
+      expect(Object.keys(mainFile)).toContain(entryKey);
+    });
+  });
+});
+//# sourceMappingURL=locale.test.js.map

package/lib/module/accessibility/locale.test.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["defaultLanguageFiles","it","mainFile","en","getNumberOfEntries","file","Object","keys","length","forEach","lang","checkedFile","expect","toBe","entryKey","toContain"],"sources":["locale.test.ts"],"sourcesContent":["import { AccessibilityLanguageFile, defaultLanguageFiles, SupportedAccessibilityLanguage } from './locale';\n\nit('language files consistency', () => {\n  const mainFile: AccessibilityLanguageFile = defaultLanguageFiles.en;\n  const getNumberOfEntries = (file: AccessibilityLanguageFile) => Object.keys(file).length;\n\n  Object.keys(defaultLanguageFiles).forEach((lang) => {\n    const checkedFile: AccessibilityLanguageFile = defaultLanguageFiles[lang as SupportedAccessibilityLanguage];\n\n    expect(getNumberOfEntries(checkedFile)).toBe(getNumberOfEntries(mainFile));\n\n    Object.keys(checkedFile).forEach((entryKey) => {\n      expect(Object.keys(mainFile)).toContain(entryKey);\n    });\n  });\n});\n"],"mappings":"AAAA,SAAoCA,oBAAoB,QAAwC,UAAU;AAE1GC,EAAE,CAAC,4BAA4B,EAAE,MAAM;EACrC,MAAMC,QAAmC,GAAGF,oBAAoB,CAACG,EAAE;EACnE,MAAMC,kBAAkB,GAAIC,IAA+B,IAAKC,MAAM,CAACC,IAAI,CAACF,IAAI,CAAC,CAACG,MAAM;EAExFF,MAAM,CAACC,IAAI,CAACP,oBAAoB,CAAC,CAACS,OAAO,CAAEC,IAAI,IAAK;IAClD,MAAMC,WAAsC,GAAGX,oBAAoB,CAACU,IAAI,CAAmC;IAE3GE,MAAM,CAACR,kBAAkB,CAACO,WAAW,CAAC,CAAC,CAACE,IAAI,CAACT,kBAAkB,CAACF,QAAQ,CAAC,CAAC;IAE1EI,MAAM,CAACC,IAAI,CAACI,WAAW,CAAC,CAACF,OAAO,CAAEK,QAAQ,IAAK;MAC7CF,MAAM,CAACN,MAAM,CAACC,IAAI,CAACL,QAAQ,CAAC,CAAC,CAACa,SAAS,CAACD,QAAQ,CAAC;IACnD,CAAC,CAAC;EACJ,CAAC,CAAC;AACJ,CAAC,CAAC"}

package/lib/module/action-modal/ActionModal.js

@@ -0,0 +1,44 @@
+import React from 'react';
+import { Modal, StyleSheet, View } from 'react-native';
+import { useAppColorScheme } from '../theme';
+const styles = StyleSheet.create({
+  background: {
+    height: '100%',
+    width: '100%'
+  },
+  contentContainer: {
+    borderTopLeftRadius: 20,
+    borderTopRightRadius: 20,
+    marginTop: 'auto',
+    width: '100%'
+  }
+});
+const ActionModal = _ref => {
+  let {
+    children,
+    contentStyle,
+    style,
+    visible,
+    testID
+  } = _ref;
+  const colorScheme = useAppColorScheme();
+  const overlay = 'rgba(0, 0, 0, 0.5)';
+  return /*#__PURE__*/React.createElement(Modal, {
+    animationType: "fade",
+    statusBarTranslucent: true,
+    style: style,
+    transparent: true,
+    visible: visible
+  }, /*#__PURE__*/React.createElement(View, {
+    testID: testID,
+    style: [styles.background, {
+      backgroundColor: overlay
+    }]
+  }, /*#__PURE__*/React.createElement(View, {
+    style: [styles.contentContainer, {
+      backgroundColor: colorScheme.white
+    }, contentStyle]
+  }, children)));
+};
+export default ActionModal;
+//# sourceMappingURL=ActionModal.js.map

package/lib/module/action-modal/ActionModal.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Modal","StyleSheet","View","useAppColorScheme","styles","create","background","height","width","contentContainer","borderTopLeftRadius","borderTopRightRadius","marginTop","ActionModal","_ref","children","contentStyle","style","visible","testID","colorScheme","overlay","createElement","animationType","statusBarTranslucent","transparent","backgroundColor","white"],"sources":["ActionModal.tsx"],"sourcesContent":["import React, { FunctionComponent, PropsWithChildren } from 'react';\nimport { Modal, StyleProp, StyleSheet, View, ViewStyle } from 'react-native';\n\nimport { useAppColorScheme } from '../theme';\n\ninterface Props {\n  contentStyle?: StyleProp<ViewStyle>;\n  style?: StyleProp<ViewStyle>;\n  visible: boolean;\n  testID?: string;\n}\n\nconst styles = StyleSheet.create({\n  background: {\n    height: '100%',\n    width: '100%',\n  },\n  contentContainer: {\n    borderTopLeftRadius: 20,\n    borderTopRightRadius: 20,\n    marginTop: 'auto',\n    width: '100%',\n  },\n});\n\nconst ActionModal: FunctionComponent<PropsWithChildren<Props>> = ({\n  children,\n  contentStyle,\n  style,\n  visible,\n  testID,\n}) => {\n  const colorScheme = useAppColorScheme();\n  const overlay = 'rgba(0, 0, 0, 0.5)';\n\n  return (\n    <Modal animationType=\"fade\" statusBarTranslucent style={style} transparent visible={visible}>\n      <View testID={testID} style={[styles.background, { backgroundColor: overlay }]}>\n        <View style={[styles.contentContainer, { backgroundColor: colorScheme.white }, contentStyle]}>{children}</View>\n      </View>\n    </Modal>\n  );\n};\n\nexport default ActionModal;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAgD,OAAO;AACnE,SAASC,KAAK,EAAaC,UAAU,EAAEC,IAAI,QAAmB,cAAc;AAE5E,SAASC,iBAAiB,QAAQ,UAAU;AAS5C,MAAMC,MAAM,GAAGH,UAAU,CAACI,MAAM,CAAC;EAC/BC,UAAU,EAAE;IACVC,MAAM,EAAE,MAAM;IACdC,KAAK,EAAE;EACT,CAAC;EACDC,gBAAgB,EAAE;IAChBC,mBAAmB,EAAE,EAAE;IACvBC,oBAAoB,EAAE,EAAE;IACxBC,SAAS,EAAE,MAAM;IACjBJ,KAAK,EAAE;EACT;AACF,CAAC,CAAC;AAEF,MAAMK,WAAwD,GAAGC,IAAA,IAM3D;EAAA,IAN4D;IAChEC,QAAQ;IACRC,YAAY;IACZC,KAAK;IACLC,OAAO;IACPC;EACF,CAAC,GAAAL,IAAA;EACC,MAAMM,WAAW,GAAGjB,iBAAiB,EAAE;EACvC,MAAMkB,OAAO,GAAG,oBAAoB;EAEpC,oBACEtB,KAAA,CAAAuB,aAAA,CAACtB,KAAK;IAACuB,aAAa,EAAC,MAAM;IAACC,oBAAoB;IAACP,KAAK,EAAEA,KAAM;IAACQ,WAAW;IAACP,OAAO,EAAEA;EAAQ,gBAC1FnB,KAAA,CAAAuB,aAAA,CAACpB,IAAI;IAACiB,MAAM,EAAEA,MAAO;IAACF,KAAK,EAAE,CAACb,MAAM,CAACE,UAAU,EAAE;MAAEoB,eAAe,EAAEL;IAAQ,CAAC;EAAE,gBAC7EtB,KAAA,CAAAuB,aAAA,CAACpB,IAAI;IAACe,KAAK,EAAE,CAACb,MAAM,CAACK,gBAAgB,EAAE;MAAEiB,eAAe,EAAEN,WAAW,CAACO;IAAM,CAAC,EAAEX,YAAY;EAAE,GAAED,QAAQ,CAAQ,CAC1G,CACD;AAEZ,CAAC;AAED,eAAeF,WAAW"}

package/lib/module/action-modal/index.js

@@ -0,0 +1,3 @@
+import ActionModal from './ActionModal';
+export { ActionModal };
+//# sourceMappingURL=index.js.map

package/lib/module/action-modal/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ActionModal"],"sources":["index.ts"],"sourcesContent":["import ActionModal from './ActionModal';\n\nexport { ActionModal };\n"],"mappings":"AAAA,OAAOA,WAAW,MAAM,eAAe;AAEvC,SAASA,WAAW"}