@react-native-ama/lists 1.0.0

package/dist/internal/src/utils/getPropertyFromStyle.d.ts

@@ -0,0 +1,2 @@
+import type { StyleProp } from 'react-native';
+export declare const getPropertyFromStyle: (style: StyleProp<any> | StyleProp<any>[] | null, key: keyof StyleProp<any>) => any;

package/dist/internal/src/utils/getPropertyFromStyle.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getPropertyFromStyle = void 0;
+const getPropertyFromStyle = (style, key) => {
+    var _a, _b, _c;
+    return Array.isArray(style)
+        ? (_c = (_b = (_a = style.filter(theStyle => theStyle === null || theStyle === void 0 ? void 0 : theStyle[key])) === null || _a === void 0 ? void 0 : _a.slice(-1)) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c[key]
+        : style === null || style === void 0 ? void 0 : style[key];
+};
+exports.getPropertyFromStyle = getPropertyFromStyle;

package/dist/internal/src/utils/interpolateAnimationStates.d.ts

@@ -0,0 +1,2 @@
+import type { Animated } from 'react-native';
+export declare const interpolateAnimationStates: (from: Record<string, any>, to: Record<string, any>, isReduceMotionEnabled: boolean, progressValue: Animated.Value, reduceMotionProgressValue: Animated.Value) => Record<string, any>;

package/dist/internal/src/utils/interpolateAnimationStates.js

@@ -0,0 +1,43 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.interpolateAnimationStates = void 0;
+const constants_1 = require("./constants");
+const interpolateAnimationStates = (from, to, isReduceMotionEnabled, progressValue, reduceMotionProgressValue) => {
+    return Object.keys(from).reduce((outputAnimation, key) => {
+        const isMotionAnimation = constants_1.MOTION_ANIMATIONS.includes(key);
+        const progressKey = isReduceMotionEnabled && isMotionAnimation
+            ? reduceMotionProgressValue
+            : progressValue;
+        if (Array.isArray(from[key])) {
+            outputAnimation[key] = from[key].map((animationObject, index) => {
+                const _a = (0, exports.interpolateAnimationStates)(animationObject, to[key][index], isReduceMotionEnabled, progressValue, reduceMotionProgressValue), { __hasOnlyMotionAnimation } = _a, style = __rest(_a, ["__hasOnlyMotionAnimation"]);
+                outputAnimation.__hasOnlyMotionAnimation =
+                    outputAnimation.__hasOnlyMotionAnimation &&
+                        __hasOnlyMotionAnimation;
+                return style;
+            });
+        }
+        else {
+            outputAnimation[key] = progressKey.interpolate({
+                inputRange: [0, 1],
+                // @ts-ignore
+                outputRange: [from[key], to[key]],
+            });
+            outputAnimation.__hasOnlyMotionAnimation =
+                outputAnimation.__hasOnlyMotionAnimation && isMotionAnimation;
+        }
+        return outputAnimation;
+    }, { __hasOnlyMotionAnimation: true });
+};
+exports.interpolateAnimationStates = interpolateAnimationStates;

package/dist/internal/src/utils/isFocused.d.ts

@@ -0,0 +1,2 @@
+import type { TextInput } from 'react-native';
+export declare const isFocused: (input: TextInput | undefined | null) => boolean | undefined;

package/dist/internal/src/utils/isFocused.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isFocused = void 0;
+const isFocused = (input) => {
+    return input === null || input === void 0 ? void 0 : input.isFocused();
+};
+exports.isFocused = isFocused;

package/dist/internal/src/utils/logger.d.ts

@@ -0,0 +1,16 @@
+import { Rule, RuleAction } from './logger.rules';
+export type LogParams = {
+    rule: Rule;
+    message: string;
+    extra?: any;
+};
+export declare const getRuleAction: ((rule: Rule) => RuleAction) | null;
+type LogFailure = LogParams & {
+    action: RuleAction;
+};
+type CHECK_STATUS = 'ERROR' | 'WARNING';
+export declare const logFailure: (({ action, rule, message, extra }: LogFailure) => CHECK_STATUS) | null;
+export declare const getContrastCheckerMaxDepth: (() => RuleAction | 5) | null;
+export declare const shouldIgnoreContrastCheckForDisabledElement: (() => false | RuleAction) | null;
+export declare const isAccessibilityLabelAllowed: ((accessibilityLabel: string) => boolean) | null;
+export {};

package/dist/internal/src/utils/logger.js

@@ -0,0 +1,53 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isAccessibilityLabelAllowed = exports.shouldIgnoreContrastCheckForDisabledElement = exports.getContrastCheckerMaxDepth = exports.logFailure = exports.getRuleAction = void 0;
+const logger_rules_1 = require("./logger.rules");
+const logger_rules_2 = require("./logger.rules");
+const overrideRules = require('./../ama.rules.json');
+exports.getRuleAction = __DEV__
+    ? (rule) => {
+        var _a;
+        const customRule = (logger_rules_1.canRuleBeOverridden === null || logger_rules_1.canRuleBeOverridden === void 0 ? void 0 : (0, logger_rules_1.canRuleBeOverridden)(rule))
+            ? (_a = overrideRules === null || overrideRules === void 0 ? void 0 : overrideRules.rules) === null || _a === void 0 ? void 0 : _a[rule]
+            : undefined;
+        return customRule || logger_rules_2.LOGGER_RULES[rule];
+    }
+    : null;
+exports.logFailure = __DEV__
+    ? ({ action, rule, message, extra = '' }) => {
+        // @ts-ignore
+        const formattedMessage = `❌ ${logger_rules_1.SHELL_COLORS.BG_RED}[ AMA ]${logger_rules_1.SHELL_COLORS.RESET}: ${logger_rules_1.SHELL_COLORS.BLUE}${rule}${logger_rules_1.SHELL_COLORS.RESET} - ${logger_rules_1.SHELL_COLORS.YELLOW}${message}${logger_rules_1.SHELL_COLORS.RESET}\n\n${logger_rules_2.RULES_HELP[rule]}\n\n`;
+        switch (action) {
+            case 'MUST_NOT':
+            case 'MUST':
+                console.info(formattedMessage, extra || '', '\n');
+                return 'ERROR';
+            case 'PLEASE_FORGIVE_ME':
+                return 'WARNING';
+            case 'SHOULD_NOT':
+            default:
+                console.warn(formattedMessage, extra || '', '\n');
+                return 'WARNING';
+        }
+    }
+    : null;
+exports.getContrastCheckerMaxDepth = __DEV__
+    ? () => {
+        var _a;
+        return (((_a = overrideRules === null || overrideRules === void 0 ? void 0 : overrideRules.rules) === null || _a === void 0 ? void 0 : _a.CONTRAST_CHECKER_MAX_DEPTH) ||
+            logger_rules_2.CONTRAST_CHECKER_MAX_DEPTH);
+    }
+    : null;
+exports.shouldIgnoreContrastCheckForDisabledElement = __DEV__
+    ? () => {
+        var _a;
+        return (((_a = overrideRules === null || overrideRules === void 0 ? void 0 : overrideRules.rules) === null || _a === void 0 ? void 0 : _a.IGNORE_CONTRAST_FOR_DISABLED_ELEMENTS) ||
+            logger_rules_1.IGNORE_CONTRAST_FOR_DISABLED_ELEMENTS);
+    }
+    : null;
+exports.isAccessibilityLabelAllowed = __DEV__
+    ? (accessibilityLabel) => {
+        var _a;
+        return (_a = overrideRules === null || overrideRules === void 0 ? void 0 : overrideRules.accessibilityLabelExceptions) === null || _a === void 0 ? void 0 : _a.includes(accessibilityLabel);
+    }
+    : null;

package/dist/internal/src/utils/logger.rules.d.ts

@@ -0,0 +1,15 @@
+export type Rule = 'BOTTOM_SHEET_CLOSE_ACTION' | 'CONTRAST_FAILED' | 'CONTRAST_FAILED_AAA' | 'FLATLIST_NO_COUNT_IN_PLURAL_MESSAGE' | 'FLATLIST_NO_COUNT_IN_SINGULAR_MESSAGE' | 'MINIMUM_SIZE' | 'NO_ACCESSIBILITY_LABEL' | 'NO_ACCESSIBILITY_ROLE' | 'NO_FORM_ERROR' | 'NO_FORM_LABEL' | 'NO_KEYBOARD_TRAP' | 'NO_UNDEFINED' | 'NO_UPPERCASE_TEXT' | 'INCOMPATIBLE_ACCESSIBILITY_STATE' | 'INCOMPATIBLE_ACCESSIBILITY_ROLE' | 'NO_FORM_LABEL_ENDING_WITH_ASTERISK' | 'UPPERCASE_TEXT_NO_ACCESSIBILITY_LABEL';
+export type RuleAction = 'SHOULD_NOT' | 'MUST_NOT' | 'MUST' | 'SHOULD' | 'PLEASE_FORGIVE_ME';
+export declare const NON_OVERRIDABLE_RULES: string[] | undefined;
+export declare const LOGGER_RULES: Record<Rule, RuleAction> | null;
+export declare const CONTRAST_CHECKER_MAX_DEPTH = 5;
+export declare const IGNORE_CONTRAST_FOR_DISABLED_ELEMENTS = false;
+export declare const RULES_HELP: Record<Rule, string> | null;
+export declare const canRuleBeOverridden: ((rule: Rule) => boolean) | null;
+export declare const SHELL_COLORS: {
+    RED: string;
+    YELLOW: string;
+    RESET: string;
+    BLUE: string;
+    BG_RED: string;
+} | undefined;

package/dist/internal/src/utils/logger.rules.js

@@ -0,0 +1,74 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SHELL_COLORS = exports.canRuleBeOverridden = exports.RULES_HELP = exports.IGNORE_CONTRAST_FOR_DISABLED_ELEMENTS = exports.CONTRAST_CHECKER_MAX_DEPTH = exports.LOGGER_RULES = exports.NON_OVERRIDABLE_RULES = void 0;
+exports.NON_OVERRIDABLE_RULES = __DEV__
+    ? [
+        'NO_ACCESSIBILITY_ROLE',
+        'NO_ACCESSIBILITY_LABEL',
+        'NO_KEYBOARD_TRAP',
+        'NO_UNDEFINED',
+        'NO_FORM_LABEL',
+        'FLATLIST_NO_COUNT_IN_PLURAL_MESSAGE',
+        'BOTTOM_SHEET_CLOSE_ACTION',
+        'INCOMPATIBLE_ACCESSIBILITY_STATE',
+        'INCOMPATIBLE_ACCESSIBILITY_ROLE',
+    ]
+    : undefined;
+exports.LOGGER_RULES = __DEV__
+    ? {
+        CONTRAST_FAILED: 'MUST',
+        CONTRAST_FAILED_AAA: 'SHOULD',
+        FLATLIST_NO_COUNT_IN_SINGULAR_MESSAGE: 'SHOULD',
+        FLATLIST_NO_COUNT_IN_PLURAL_MESSAGE: 'MUST',
+        MINIMUM_SIZE: 'MUST',
+        NO_ACCESSIBILITY_LABEL: 'MUST',
+        NO_ACCESSIBILITY_ROLE: 'MUST',
+        NO_FORM_LABEL: 'MUST',
+        NO_FORM_ERROR: 'MUST',
+        NO_KEYBOARD_TRAP: 'MUST_NOT',
+        NO_UNDEFINED: 'MUST_NOT',
+        UPPERCASE_TEXT_NO_ACCESSIBILITY_LABEL: 'MUST_NOT',
+        NO_UPPERCASE_TEXT: 'MUST_NOT',
+        BOTTOM_SHEET_CLOSE_ACTION: 'MUST',
+        INCOMPATIBLE_ACCESSIBILITY_STATE: 'MUST',
+        NO_FORM_LABEL_ENDING_WITH_ASTERISK: 'MUST_NOT',
+        INCOMPATIBLE_ACCESSIBILITY_ROLE: 'MUST_NOT',
+    }
+    : null;
+exports.CONTRAST_CHECKER_MAX_DEPTH = 5;
+exports.IGNORE_CONTRAST_FOR_DISABLED_ELEMENTS = false;
+exports.RULES_HELP = __DEV__
+    ? {
+        NO_UNDEFINED: '',
+        CONTRAST_FAILED: 'https://formidable.com/open-source/react-native-ama/guidelines/contrast',
+        CONTRAST_FAILED_AAA: 'https://formidable.com/open-source/react-native-ama/guidelines/contrast',
+        MINIMUM_SIZE: 'https://formidable.com/open-source/react-native-ama/guidelines/minimum-size',
+        UPPERCASE_TEXT_NO_ACCESSIBILITY_LABEL: 'https://formidable.com/open-source/react-native-ama/guidelines/text',
+        NO_UPPERCASE_TEXT: 'https://formidable.com/open-source/react-native-ama/guidelines/text',
+        NO_ACCESSIBILITY_LABEL: 'https://formidable.com/open-source/react-native-ama/guidelines/accessibility-labels',
+        NO_ACCESSIBILITY_ROLE: 'https://formidable.com/open-source/react-native-ama/guidelines/accessibility-role',
+        NO_KEYBOARD_TRAP: 'https://formidable.com/open-source/react-native-ama/guidelines/forms',
+        NO_FORM_LABEL: 'https://formidable.com/open-source/react-native-ama/guidelines/forms',
+        NO_FORM_ERROR: 'https://formidable.com/open-source/react-native-ama/guidelines/forms',
+        FLATLIST_NO_COUNT_IN_SINGULAR_MESSAGE: 'https://formidable.com/open-source/react-native-ama/guidelines/lists-grids#number-of-results',
+        FLATLIST_NO_COUNT_IN_PLURAL_MESSAGE: 'https://formidable.com/open-source/react-native-ama/guidelines/lists-grids#number-of-results',
+        BOTTOM_SHEET_CLOSE_ACTION: 'https://formidable.com/open-source/react-native-ama/guidelines/bottomsheet',
+        INCOMPATIBLE_ACCESSIBILITY_STATE: 'https://formidable.com/open-source/react-native-ama/guidelines/accessibility-role',
+        INCOMPATIBLE_ACCESSIBILITY_ROLE: 'https://formidable.com/open-source/react-native-ama/guidelines/accessibility-role',
+        NO_FORM_LABEL_ENDING_WITH_ASTERISK: 'https://formidable.com/open-source/react-native-ama/guidelines/forms#labels',
+    }
+    : null;
+exports.canRuleBeOverridden = __DEV__
+    ? (rule) => {
+        return !exports.NON_OVERRIDABLE_RULES.includes(rule);
+    }
+    : null;
+exports.SHELL_COLORS = __DEV__
+    ? {
+        RED: '\x1b[31m',
+        YELLOW: '\x1b[33m',
+        RESET: '\x1b[0m',
+        BLUE: '\x1b[36m',
+        BG_RED: '\x1b[41m',
+    }
+    : undefined;

package/dist/internal/src/utils/maybeGenerateStringFromElement.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const maybeGenerateStringFromElement: (element?: JSX.Element, alternativeString?: string | null) => string;

package/dist/internal/src/utils/maybeGenerateStringFromElement.js

@@ -0,0 +1,51 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.maybeGenerateStringFromElement = void 0;
+const React = __importStar(require("react"));
+const maybeGenerateStringFromElement = (element, alternativeString) => {
+    var _a;
+    if (alternativeString || element == null) {
+        return alternativeString || '';
+    }
+    const pieces = extractPieces(element);
+    if (pieces == null || (pieces === null || pieces === void 0 ? void 0 : pieces.length) === 0) {
+        console.error(`Cannot generate the string from ${element} prop. Please provide one!`);
+    }
+    return (_a = pieces === null || pieces === void 0 ? void 0 : pieces.join(' ')) === null || _a === void 0 ? void 0 : _a.replace(/\*$/, '');
+};
+exports.maybeGenerateStringFromElement = maybeGenerateStringFromElement;
+const extractPieces = (component) => {
+    return React.Children.map(component, child => {
+        if (!React.isValidElement(child)) {
+            return '';
+        }
+        const children = child.props.children;
+        if (React.isValidElement(children) || Array.isArray(children)) {
+            return extractPieces(children);
+        }
+        return children;
+    });
+};

package/dist/internal/src/utils/minimumTouchableSize.d.ts

@@ -0,0 +1,3 @@
+export declare const ANDROID_MINIMUM_TOUCHABLE_SIZE = 48;
+export declare const IOS_MINIMUM_TOUCHABLE_SIZE = 44;
+export declare const MINIMUM_TOUCHABLE_SIZE: number;

package/dist/internal/src/utils/minimumTouchableSize.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MINIMUM_TOUCHABLE_SIZE = exports.IOS_MINIMUM_TOUCHABLE_SIZE = exports.ANDROID_MINIMUM_TOUCHABLE_SIZE = void 0;
+const react_native_1 = require("react-native");
+exports.ANDROID_MINIMUM_TOUCHABLE_SIZE = 48;
+exports.IOS_MINIMUM_TOUCHABLE_SIZE = 44;
+exports.MINIMUM_TOUCHABLE_SIZE = react_native_1.Platform.OS === 'android'
+    ? exports.ANDROID_MINIMUM_TOUCHABLE_SIZE
+    : exports.IOS_MINIMUM_TOUCHABLE_SIZE;

package/dist/lists/src/components/DynamicFlatList.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { FlatList, FlatListProps } from 'react-native';
+export declare const DynamicFlatList: React.ForwardRefExoticComponent<FlatListProps<any> & {
+    singularMessage: string;
+    pluralMessage: string;
+    isPlural?: ((count: number) => boolean) | undefined;
+} & React.RefAttributes<FlatList<any>>>;

package/dist/lists/src/components/DynamicFlatList.js

@@ -0,0 +1,36 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DynamicFlatList = void 0;
+const react_1 = __importDefault(require("react"));
+const react_native_1 = require("react-native");
+const useDynamicList_1 = require("../hooks/useDynamicList");
+const ListWrapper_1 = require("./ListWrapper");
+exports.DynamicFlatList = react_1.default.forwardRef((_a, forwardedRef) => {
+    var { data, singularMessage, pluralMessage, isPlural } = _a, rest = __rest(_a, ["data", "singularMessage", "pluralMessage", "isPlural"]);
+    const dynamicList = (0, useDynamicList_1.useDynamicList)({
+        data: data !== null && data !== void 0 ? data : [],
+        pluralMessage,
+        singularMessage,
+        numColumns: rest.numColumns,
+        isPlural,
+    });
+    return __DEV__ ? (<ListWrapper_1.ListWrapper rowsCount={dynamicList.rowsCount} columnsCount={dynamicList.columnsCount}>
+        <react_native_1.FlatList data={data} {...rest} ref={forwardedRef} style={dynamicList.style}/>
+      </ListWrapper_1.ListWrapper>) : (<ListWrapper_1.ListWrapper rowsCount={dynamicList.rowsCount} columnsCount={dynamicList.columnsCount}>
+        <react_native_1.FlatList data={data} {...rest} ref={forwardedRef}/>
+      </ListWrapper_1.ListWrapper>);
+});

package/dist/lists/src/components/FlatList.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { FlatList as RNFlatList, FlatListProps as RNFlatListProps } from 'react-native';
+import type { UseDynamicList } from '../hooks/useDynamicList';
+import { StaticFlatListProps } from './StaticFlatList';
+export type FlatListProps<T> = RNFlatListProps<T> & (({
+    listType: 'static';
+} & StaticFlatListProps) | ({
+    listType: 'dynamic';
+} & UseDynamicList));
+export declare const FlatList: React.ForwardRefExoticComponent<FlatListProps<any> & React.RefAttributes<RNFlatList<any>>>;

package/dist/lists/src/components/FlatList.js

@@ -0,0 +1,24 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FlatList = void 0;
+const react_1 = __importDefault(require("react"));
+const DynamicFlatList_1 = require("./DynamicFlatList");
+const StaticFlatList_1 = require("./StaticFlatList");
+exports.FlatList = react_1.default.forwardRef((_a, forwardRef) => {
+    var { listType } = _a, rest = __rest(_a, ["listType"]);
+    return listType === 'dynamic' ? (<DynamicFlatList_1.DynamicFlatList ref={forwardRef} {...rest}/>) : (<StaticFlatList_1.StaticFlatList ref={forwardRef} {...rest}/>);
+});

package/dist/lists/src/components/ListWrapper.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+type FlatListWrapperProps = React.PropsWithChildren<{
+    rowsCount: number;
+    columnsCount?: number;
+}>;
+export declare const ListWrapper: ({ children, rowsCount, columnsCount, }: FlatListWrapperProps) => React.JSX.Element;
+export {};

package/dist/lists/src/components/ListWrapper.js

@@ -0,0 +1,45 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ListWrapper = void 0;
+const React = __importStar(require("react"));
+const react_native_1 = require("react-native");
+const isAndroid = react_native_1.Platform.OS === 'android';
+const ListWrapper = ({ children, rowsCount, columnsCount = 1, }) => {
+    return (<AMAFlatListWrapper rowsCount={rowsCount} columnsCount={columnsCount}>
+      {children}
+    </AMAFlatListWrapper>);
+};
+exports.ListWrapper = ListWrapper;
+/*
+ * Used instead of React.Fragment to avoid the warning:
+ *  ...React.Fragment can only have `key` and `children` props.
+ */
+const EmptyComponent = ({ children, }) => {
+    return <>{children}</>;
+};
+const AMAFlatListWrapper = isAndroid
+    ? (0, react_native_1.requireNativeComponent)('AmaFlatListWrapper')
+    : EmptyComponent;

package/dist/lists/src/components/StaticFlatList.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { FlatList, FlatListProps } from 'react-native';
+export type StaticFlatListProps = {
+    rowsCount?: number;
+    numColumns?: number;
+};
+export declare const StaticFlatList: React.ForwardRefExoticComponent<FlatListProps<any> & StaticFlatListProps & React.RefAttributes<FlatList<any>>>;

package/dist/lists/src/components/StaticFlatList.js

@@ -0,0 +1,34 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StaticFlatList = void 0;
+const react_1 = __importDefault(require("react"));
+const react_native_1 = require("react-native");
+const ListWrapper_1 = require("./ListWrapper");
+exports.StaticFlatList = react_1.default.forwardRef((_a, ref) => {
+    var { data, numColumns, rowsCount } = _a, rest = __rest(_a, ["data", "numColumns", "rowsCount"]);
+    const columns = numColumns || 1;
+    const rows = react_1.default.useMemo(() => {
+        if (rowsCount) {
+            return rowsCount;
+        }
+        const length = (data === null || data === void 0 ? void 0 : data.length) || 0;
+        return Math.ceil(columns > 1 && length > 0 ? length / columns : length);
+    }, [columns, data === null || data === void 0 ? void 0 : data.length, rowsCount]);
+    return (<ListWrapper_1.ListWrapper rowsCount={rows} columnsCount={columns}>
+      <react_native_1.FlatList data={data} {...rest} ref={ref}/>
+    </ListWrapper_1.ListWrapper>);
+});

package/dist/lists/src/hooks/useDynamicList.d.ts

@@ -0,0 +1,16 @@
+export type UseDynamicList = {
+    data: ArrayLike<any>;
+    singularMessage: string;
+    pluralMessage: string;
+    isPlural?: (count: number) => boolean;
+    numColumns?: number;
+};
+export declare const useDynamicList: ({ data, singularMessage, pluralMessage, isPlural, numColumns, }: UseDynamicList) => {
+    rowsCount: number;
+    columnsCount: number;
+    style: any;
+} | {
+    rowsCount: number;
+    columnsCount: number;
+    style?: undefined;
+};

package/dist/lists/src/hooks/useDynamicList.js

@@ -0,0 +1,62 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDynamicList = void 0;
+const core_1 = require("@react-native-ama/core");
+const react_1 = __importDefault(require("react"));
+const react_native_1 = require("react-native");
+const useDynamicList = ({ data, singularMessage, pluralMessage, isPlural = simpleIsPlural, numColumns = 1, }) => {
+    const isFirstRender = react_1.default.useRef(true);
+    const initialCount = react_1.default.useRef(data === null || data === void 0 ? void 0 : data.length);
+    const lastItemsCount = react_1.default.useRef(null);
+    const checks = __DEV__ ? core_1.useChecks === null || core_1.useChecks === void 0 ? void 0 : (0, core_1.useChecks)() : null;
+    __DEV__ &&
+        react_1.default.useEffect(() => {
+            if (!(singularMessage === null || singularMessage === void 0 ? void 0 : singularMessage.includes('%count%'))) {
+                checks === null || checks === void 0 ? void 0 : checks.logResult('useDynamicFlatList', {
+                    rule: 'FLATLIST_NO_COUNT_IN_SINGULAR_MESSAGE',
+                    message: 'Special string %count% not found in singularMessage',
+                    extra: singularMessage,
+                });
+            }
+            if (!(pluralMessage === null || pluralMessage === void 0 ? void 0 : pluralMessage.includes('%count%'))) {
+                checks === null || checks === void 0 ? void 0 : checks.logResult('useDynamicFlatList', {
+                    rule: 'FLATLIST_NO_COUNT_IN_PLURAL_MESSAGE',
+                    message: 'Special string %count% not found in pluralMessage',
+                    extra: pluralMessage,
+                });
+            }
+            // eslint-disable-next-line react-hooks/exhaustive-deps
+        }, [pluralMessage, singularMessage, checks === null || checks === void 0 ? void 0 : checks.logResult]);
+    react_1.default.useEffect(() => {
+        const itemsCount = (data === null || data === void 0 ? void 0 : data.length) || 0;
+        if (isFirstRender.current ||
+            itemsCount === initialCount.current ||
+            itemsCount === lastItemsCount.current) {
+            isFirstRender.current = false;
+            lastItemsCount.current = null;
+            return;
+        }
+        const message = isPlural(itemsCount) ? pluralMessage : singularMessage;
+        const messageToAnnounce = message.replace('%count%', itemsCount.toString());
+        react_native_1.AccessibilityInfo.announceForAccessibility(messageToAnnounce);
+        lastItemsCount.current = itemsCount;
+    }, [pluralMessage, singularMessage, data, isPlural]);
+    const rowsCount = lastItemsCount.current || initialCount.current || 0;
+    return __DEV__
+        ? {
+            rowsCount: rowsCount / numColumns,
+            columnsCount: numColumns,
+            style: checks === null || checks === void 0 ? void 0 : checks.debugStyle,
+        }
+        : {
+            rowsCount: rowsCount / numColumns,
+            columnsCount: numColumns,
+        };
+};
+exports.useDynamicList = useDynamicList;
+function simpleIsPlural(count) {
+    return count !== 1;
+}

package/dist/lists/src/index.d.ts

@@ -0,0 +1,5 @@
+export { DynamicFlatList } from './components/DynamicFlatList';
+export { FlatList } from './components/FlatList';
+export { ListWrapper } from './components/ListWrapper';
+export { StaticFlatList } from './components/StaticFlatList';
+export { useDynamicList } from './hooks/useDynamicList';

package/dist/lists/src/index.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDynamicList = exports.StaticFlatList = exports.ListWrapper = exports.FlatList = exports.DynamicFlatList = void 0;
+// Components
+var DynamicFlatList_1 = require("./components/DynamicFlatList");
+Object.defineProperty(exports, "DynamicFlatList", { enumerable: true, get: function () { return DynamicFlatList_1.DynamicFlatList; } });
+var FlatList_1 = require("./components/FlatList");
+Object.defineProperty(exports, "FlatList", { enumerable: true, get: function () { return FlatList_1.FlatList; } });
+var ListWrapper_1 = require("./components/ListWrapper");
+Object.defineProperty(exports, "ListWrapper", { enumerable: true, get: function () { return ListWrapper_1.ListWrapper; } });
+var StaticFlatList_1 = require("./components/StaticFlatList");
+Object.defineProperty(exports, "StaticFlatList", { enumerable: true, get: function () { return StaticFlatList_1.StaticFlatList; } });
+// Hooks
+var useDynamicList_1 = require("./hooks/useDynamicList");
+Object.defineProperty(exports, "useDynamicList", { enumerable: true, get: function () { return useDynamicList_1.useDynamicList; } });