@react-native-ama/lists 1.0.1 → 1.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -18,7 +18,6 @@ exports.DynamicFlatList = void 0;
18
18
  const react_1 = __importDefault(require("react"));
19
19
  const react_native_1 = require("react-native");
20
20
  const useDynamicList_1 = require("../hooks/useDynamicList");
21
- const ListWrapper_1 = require("./ListWrapper");
22
21
  exports.DynamicFlatList = react_1.default.forwardRef((_a, forwardedRef) => {
23
22
  var { data, singularMessage, pluralMessage, isPlural } = _a, rest = __rest(_a, ["data", "singularMessage", "pluralMessage", "isPlural"]);
24
23
  const dynamicList = (0, useDynamicList_1.useDynamicList)({
@@ -28,9 +27,5 @@ exports.DynamicFlatList = react_1.default.forwardRef((_a, forwardedRef) => {
28
27
  numColumns: rest.numColumns,
29
28
  isPlural,
30
29
  });
31
- return __DEV__ ? (<ListWrapper_1.ListWrapper rowsCount={dynamicList.rowsCount} columnsCount={dynamicList.columnsCount}>
32
- <react_native_1.FlatList data={data} {...rest} ref={forwardedRef} style={dynamicList.style}/>
33
- </ListWrapper_1.ListWrapper>) : (<ListWrapper_1.ListWrapper rowsCount={dynamicList.rowsCount} columnsCount={dynamicList.columnsCount}>
34
- <react_native_1.FlatList data={data} {...rest} ref={forwardedRef}/>
35
- </ListWrapper_1.ListWrapper>);
30
+ return __DEV__ ? (<react_native_1.FlatList data={data} {...rest} ref={forwardedRef} style={dynamicList.style}/>) : (<react_native_1.FlatList data={data} {...rest} ref={forwardedRef}/>);
36
31
  });
@@ -17,7 +17,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
17
17
  exports.StaticFlatList = void 0;
18
18
  const react_1 = __importDefault(require("react"));
19
19
  const react_native_1 = require("react-native");
20
- const ListWrapper_1 = require("./ListWrapper");
21
20
  exports.StaticFlatList = react_1.default.forwardRef((_a, ref) => {
22
21
  var { data, numColumns, rowsCount } = _a, rest = __rest(_a, ["data", "numColumns", "rowsCount"]);
23
22
  const columns = numColumns || 1;
@@ -28,7 +27,5 @@ exports.StaticFlatList = react_1.default.forwardRef((_a, ref) => {
28
27
  const length = (data === null || data === void 0 ? void 0 : data.length) || 0;
29
28
  return Math.ceil(columns > 1 && length > 0 ? length / columns : length);
30
29
  }, [columns, data === null || data === void 0 ? void 0 : data.length, rowsCount]);
31
- return (<ListWrapper_1.ListWrapper rowsCount={rows} columnsCount={columns}>
32
- <react_native_1.FlatList data={data} {...rest} ref={ref}/>
33
- </ListWrapper_1.ListWrapper>);
30
+ return <react_native_1.FlatList data={data} {...rest} ref={ref}/>;
34
31
  });
package/dist/index.d.ts CHANGED
@@ -1,5 +1,4 @@
1
1
  export { DynamicFlatList } from './components/DynamicFlatList';
2
2
  export { FlatList } from './components/FlatList';
3
- export { ListWrapper } from './components/ListWrapper';
4
3
  export { StaticFlatList } from './components/StaticFlatList';
5
4
  export { useDynamicList } from './hooks/useDynamicList';
package/dist/index.js CHANGED
@@ -1,13 +1,11 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.useDynamicList = exports.StaticFlatList = exports.ListWrapper = exports.FlatList = exports.DynamicFlatList = void 0;
3
+ exports.useDynamicList = exports.StaticFlatList = exports.FlatList = exports.DynamicFlatList = void 0;
4
4
  // Components
5
5
  var DynamicFlatList_1 = require("./components/DynamicFlatList");
6
6
  Object.defineProperty(exports, "DynamicFlatList", { enumerable: true, get: function () { return DynamicFlatList_1.DynamicFlatList; } });
7
7
  var FlatList_1 = require("./components/FlatList");
8
8
  Object.defineProperty(exports, "FlatList", { enumerable: true, get: function () { return FlatList_1.FlatList; } });
9
- var ListWrapper_1 = require("./components/ListWrapper");
10
- Object.defineProperty(exports, "ListWrapper", { enumerable: true, get: function () { return ListWrapper_1.ListWrapper; } });
11
9
  var StaticFlatList_1 = require("./components/StaticFlatList");
12
10
  Object.defineProperty(exports, "StaticFlatList", { enumerable: true, get: function () { return StaticFlatList_1.StaticFlatList; } });
13
11
  // Hooks
package/package.json CHANGED
@@ -1,7 +1,6 @@
1
1
  {
2
2
  "name": "@react-native-ama/lists",
3
- "version": "1.0.1",
4
- "private": false,
3
+ "version": "1.1.0",
5
4
  "react-native": "src/index",
6
5
  "types": "dist/index.d.ts",
7
6
  "main": "dist/index.js",
@@ -23,8 +22,8 @@
23
22
  "typecheck": "tsc --noEmit"
24
23
  },
25
24
  "dependencies": {
26
- "@react-native-ama/internal": "~1.0.1",
27
- "@react-native-ama/core": "~1.0.1"
25
+ "@react-native-ama/core": "~1.1.0",
26
+ "@react-native-ama/internal": "~1.1.0"
28
27
  },
29
28
  "peerDependencies": {
30
29
  "expo": ">=47.0.0",
@@ -2,7 +2,6 @@ import React from 'react';
2
2
  import { FlatList, FlatListProps } from 'react-native';
3
3
 
4
4
  import { useDynamicList } from '../hooks/useDynamicList';
5
- import { ListWrapper } from './ListWrapper';
6
5
 
7
6
  type DynamicFlatListProps<T> = FlatListProps<T> & {
8
7
  singularMessage: string;
@@ -27,22 +26,14 @@ export const DynamicFlatList = React.forwardRef<
27
26
  });
28
27
 
29
28
  return __DEV__ ? (
30
- <ListWrapper
31
- rowsCount={dynamicList.rowsCount}
32
- columnsCount={dynamicList.columnsCount}>
33
- <FlatList
34
- data={data}
35
- {...rest}
36
- ref={forwardedRef}
37
- style={dynamicList.style}
38
- />
39
- </ListWrapper>
29
+ <FlatList
30
+ data={data}
31
+ {...rest}
32
+ ref={forwardedRef}
33
+ style={dynamicList.style}
34
+ />
40
35
  ) : (
41
- <ListWrapper
42
- rowsCount={dynamicList.rowsCount}
43
- columnsCount={dynamicList.columnsCount}>
44
- <FlatList data={data} {...rest} ref={forwardedRef} />
45
- </ListWrapper>
36
+ <FlatList data={data} {...rest} ref={forwardedRef} />
46
37
  );
47
38
  },
48
39
  );
@@ -1,8 +1,6 @@
1
1
  import React from 'react';
2
2
  import { FlatList, FlatListProps } from 'react-native';
3
3
 
4
- import { ListWrapper } from './ListWrapper';
5
-
6
4
  export type StaticFlatListProps = {
7
5
  rowsCount?: number;
8
6
  numColumns?: number;
@@ -24,9 +22,5 @@ export const StaticFlatList = React.forwardRef<
24
22
  return Math.ceil(columns > 1 && length > 0 ? length / columns : length);
25
23
  }, [columns, data?.length, rowsCount]);
26
24
 
27
- return (
28
- <ListWrapper rowsCount={rows} columnsCount={columns}>
29
- <FlatList data={data} {...rest} ref={ref} />
30
- </ListWrapper>
31
- );
25
+ return <FlatList data={data} {...rest} ref={ref} />;
32
26
  });
package/src/index.ts CHANGED
@@ -1,7 +1,6 @@
1
1
  // Components
2
2
  export { DynamicFlatList } from './components/DynamicFlatList';
3
3
  export { FlatList } from './components/FlatList';
4
- export { ListWrapper } from './components/ListWrapper';
5
4
  export { StaticFlatList } from './components/StaticFlatList';
6
5
 
7
6
  // Hooks
@@ -1,7 +0,0 @@
1
- import * as React from 'react';
2
- type FlatListWrapperProps = React.PropsWithChildren<{
3
- rowsCount: number;
4
- columnsCount?: number;
5
- }>;
6
- export declare const ListWrapper: ({ children, rowsCount, columnsCount, }: FlatListWrapperProps) => React.JSX.Element;
7
- export {};
@@ -1,45 +0,0 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
- Object.defineProperty(o, "default", { enumerable: true, value: v });
15
- }) : function(o, v) {
16
- o["default"] = v;
17
- });
18
- var __importStar = (this && this.__importStar) || function (mod) {
19
- if (mod && mod.__esModule) return mod;
20
- var result = {};
21
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
22
- __setModuleDefault(result, mod);
23
- return result;
24
- };
25
- Object.defineProperty(exports, "__esModule", { value: true });
26
- exports.ListWrapper = void 0;
27
- const React = __importStar(require("react"));
28
- const react_native_1 = require("react-native");
29
- const isAndroid = react_native_1.Platform.OS === 'android';
30
- const ListWrapper = ({ children, rowsCount, columnsCount = 1, }) => {
31
- return (<AMAFlatListWrapper rowsCount={rowsCount} columnsCount={columnsCount}>
32
- {children}
33
- </AMAFlatListWrapper>);
34
- };
35
- exports.ListWrapper = ListWrapper;
36
- /*
37
- * Used instead of React.Fragment to avoid the warning:
38
- * ...React.Fragment can only have `key` and `children` props.
39
- */
40
- const EmptyComponent = ({ children, }) => {
41
- return <>{children}</>;
42
- };
43
- const AMAFlatListWrapper = isAndroid
44
- ? (0, react_native_1.requireNativeComponent)('AmaFlatListWrapper')
45
- : EmptyComponent;
@@ -1,20 +0,0 @@
1
- import { render } from '@testing-library/react-native';
2
- import * as React from 'react';
3
- import { Platform } from 'react-native';
4
-
5
- describe('ListWrapper', () => {
6
- it('renders the AMAFlatListWrapper is the Platform is Android', () => {
7
- Platform.OS = 'android';
8
-
9
- const { ListWrapper } = require('./ListWrapper');
10
-
11
- const result = render(<ListWrapper rowsCount={1} />);
12
-
13
- expect(result.toJSON()).toMatchInlineSnapshot(`
14
- <AmaFlatListWrapper
15
- columnsCount={1}
16
- rowsCount={1}
17
- />
18
- `);
19
- });
20
- });
@@ -1,15 +0,0 @@
1
- import { render } from '@testing-library/react-native';
2
- import * as React from 'react';
3
- import { Platform } from 'react-native';
4
-
5
- describe('ListWrapper', () => {
6
- it('renders an empty wrapper is the Platform is iOS', () => {
7
- Platform.OS = 'ios';
8
-
9
- const { ListWrapper } = require('./ListWrapper');
10
-
11
- const result = render(<ListWrapper rowsCount={1} />);
12
-
13
- expect(result.toJSON()).toMatchInlineSnapshot('null');
14
- });
15
- });
@@ -1,35 +0,0 @@
1
- import * as React from 'react';
2
- import { Platform, requireNativeComponent } from 'react-native';
3
-
4
- type FlatListWrapperProps = React.PropsWithChildren<{
5
- rowsCount: number;
6
- columnsCount?: number;
7
- }>;
8
-
9
- const isAndroid = Platform.OS === 'android';
10
-
11
- export const ListWrapper = ({
12
- children,
13
- rowsCount,
14
- columnsCount = 1,
15
- }: FlatListWrapperProps) => {
16
- return (
17
- <AMAFlatListWrapper rowsCount={rowsCount} columnsCount={columnsCount}>
18
- {children}
19
- </AMAFlatListWrapper>
20
- );
21
- };
22
-
23
- /*
24
- * Used instead of React.Fragment to avoid the warning:
25
- * ...React.Fragment can only have `key` and `children` props.
26
- */
27
- const EmptyComponent: React.FC = ({
28
- children,
29
- }: React.PropsWithChildren<{}>) => {
30
- return <>{children}</>;
31
- };
32
-
33
- const AMAFlatListWrapper = isAndroid
34
- ? requireNativeComponent<FlatListWrapperProps>('AmaFlatListWrapper')
35
- : EmptyComponent;