feat: refactor internals, simplify API & add useGlobalize hook

The messy (and old) Globalize class has been removed in favor of a cleaner object interface,
containing the same memoized getFormatter functions as well as new simplified formatX functions. Any
formatting logic that was in the Formatted components has been removed and placed directly in the
formatting functions to keep results consistent whether using a component or a function. And
finally, the `useGlobalize` hook allows easy access to the globalize object in any component, and
due to the new object interface, formatting functions can simply be destructured straight from it
(e.g. `const { formatDate } = useGlobalize();`).

BREAKING CHANGE: FormattedProvider no longer accepts the `cldr` or `messages` props as they were
unreliable with regards to updates. Additionally, advanced users will need to convert from the old
`new Globalize(locale...)` signature to the new `createGlobalize(options)` one.

re #47

Author: joshswan

.eslintrc

@@ -30,18 +30,30 @@
     }],
     "import/prefer-default-export": "off",
     "react/jsx-filename-extension": ["error", { "extensions": [".jsx", ".tsx"] }],
+    "react/jsx-props-no-spreading": "off",
     "react/prop-types": "off",
     "react/static-property-placement": ["error", "static public field"],
     "@typescript-eslint/ban-ts-ignore": "off",
-    "@typescript-eslint/ban-types": "off",
     "@typescript-eslint/explicit-function-return-type": "off",
     "@typescript-eslint/no-explicit-any": "off",
     "@typescript-eslint/no-non-null-assertion": "off"
   },
   "overrides": [
     {
-      "files": ["*.test.ts", "*.test.tsx"],
-      "env": { "jest": true, "node": true }
+      "files": ["*.ts", "*.tsx"],
+      "rules": {
+        "lines-between-class-members": "off",
+        "no-dupe-class-members": "off"
+      }
+    },
+    {
+      "files": ["*.test.*"],
+      "env": { "jest": true, "node": true },
+      "rules": {
+        "global-require": "off",
+        "@typescript-eslint/no-empty-function": "off",
+        "@typescript-eslint/no-var-requires": "off"
+      }
     }
   ]
 }

.gitignore

@@ -1,5 +1,5 @@
-./artifacts
-./dist
+/artifacts
+/dist
 
 ### Node ###
 # Logs

package.json

@@ -35,6 +35,8 @@
   },
   "dependencies": {
     "@types/globalize": "file:types/globalize",
+    "@types/react": "^16.9.19",
+    "@types/react-native": "^0.61.15",
     "cldrjs": "^0.5.0",
     "globalize": "^1.4.2",
     "moment": "^2.19.3"
@@ -44,8 +46,7 @@
     "@babel/preset-typescript": "^7.8.3",
     "@types/cldrjs": "^0.4.22",
     "@types/jest": "^25.1.2",
-    "@types/react": "^16.9.19",
-    "@types/react-native": "^0.61.14",
+    "@types/node": "^13.7.1",
     "@typescript-eslint/eslint-plugin": "^2.19.2",
     "@typescript-eslint/parser": "^2.19.2",
     "cldr-data": "^36.0.0",
@@ -62,6 +63,7 @@
     "jest": "^25.1.0",
     "jest-junit": "^10.0.0",
     "metro-react-native-babel-preset": "^0.58.0",
+    "mockdate": "^2.0.5",
     "react": "16.9.0",
     "react-native": "^0.61.5",
     "react-test-renderer": "^16.12.0",
@@ -73,7 +75,13 @@
     "react-native": ">=0.59.0"
   },
   "jest": {
-    "preset": "react-native"
+    "preset": "react-native",
+    "roots": [
+      "<rootDir>/src"
+    ],
+    "setupFilesAfterEnv": [
+      "<rootDir>/test/setup.test.js"
+    ]
   },
   "jest-junit": {
     "outputDirectory": "./artifacts/jest",

src/components/FormattedCurrency.tsx

@@ -6,49 +6,40 @@
  * https://github.com/joshswan/react-native-globalize/blob/master/LICENSE
  */
 
-import { PluralGeneratorOptions } from 'globalize';
-import React, { useContext } from 'react';
-import { Text, TextStyle } from 'react-native';
-import { GlobalizeContext } from '../context';
-
-export interface FormattedPluralProps extends PluralGeneratorOptions {
-  accessibilityLabel?: string;
-  adjustsFontSizeToFit?: boolean;
-  allowFontScaling?: boolean;
-  style?: TextStyle;
-  value: number;
+import React from 'react';
+import { Text } from 'react-native';
+import { Globalize, PluralGeneratorOptions } from '../globalize';
+import { useGlobalize } from '../hooks';
+import { createPropFilter, TextProps } from './utils';
 
+type Props = PluralGeneratorOptions & TextProps & {
+  value: Parameters<Globalize['formatPlural']>[0];
   other: React.ReactNode;
   zero?: React.ReactNode;
   one?: React.ReactNode;
   two?: React.ReactNode;
   few?: React.ReactNode;
   many?: React.ReactNode;
-}
+};
 
-export const FormattedPlural: React.FC<FormattedPluralProps> = ({
-  accessibilityLabel = '',
-  adjustsFontSizeToFit = false,
-  allowFontScaling = true,
-  style,
+const filterProps = createPropFilter<Props, Parameters<Globalize['formatPlural']>>(({
   type,
   value,
-  ...options
+}) => [value, { type }]);
+
+export const FormattedPlural: React.FC<Props> = ({
+  children,
+  ...props
 }) => {
-  const globalize = useContext(GlobalizeContext);
-  const formatPlural = globalize.getPluralGenerator({ type });
-  const pluralCategory = (typeof value === 'number') ? formatPlural(value) : 'other';
-  const formattedPlural = options[pluralCategory] || options.other;
+  const { formatPlural } = useGlobalize();
+  const [args, textProps] = filterProps(props);
+  const plural = formatPlural(...args);
+  const { [plural]: formatted, other } = props;
 
   return (
-    <Text
-      accessible
-      accessibilityLabel={accessibilityLabel}
-      adjustsFontSizeToFit={adjustsFontSizeToFit}
-      allowFontScaling={allowFontScaling}
-      style={style}
-    >
-      {formattedPlural}
+    <Text {...textProps}>
+      {formatted || other}
+      {children}
     </Text>
   );
 };