From c8e9ea3519ce5c0532c12c4d239293a3b5d4f773 Mon Sep 17 00:00:00 2001
From: Josh Swan <joshuawswan@gmail.com>
Date: Wed, 12 Feb 2020 20:09:46 -0800
Subject: [PATCH] feat: support alt narrow currency symbol

`FormattedCurrency` (and `getCurrencyFormatter`) support `symbolForm` option to allow usage of alt
narrow currency symbol

closes #34
---
 src/components/FormattedCurrency.tsx               |  1 +
 .../__tests__/FormattedCurrency.test.tsx           | 14 ++++++++++++++
 .../__snapshots__/FormattedCurrency.test.tsx.snap  | 11 +++++++++++
 3 files changed, 26 insertions(+)

diff --git a/src/components/FormattedCurrency.tsx b/src/components/FormattedCurrency.tsx
index 7184e45..48b936a 100644
--- a/src/components/FormattedCurrency.tsx
+++ b/src/components/FormattedCurrency.tsx
@@ -18,6 +18,7 @@ export interface FormattedCurrencyProps extends Omit<NumberFormatterOptions, 'st
   currency?: string;
   numberStyle?: 'symbol' | 'accounting' | 'code' | 'name';
   style?: TextStyle;
+  symbolForm?: 'narrow';
   value: number;
 }
 
diff --git a/src/components/__tests__/FormattedCurrency.test.tsx b/src/components/__tests__/FormattedCurrency.test.tsx
index f79de26..874a847 100644
--- a/src/components/__tests__/FormattedCurrency.test.tsx
+++ b/src/components/__tests__/FormattedCurrency.test.tsx
@@ -16,4 +16,18 @@ describe('<FormattedCurrency />', () => {
 
     expect(tree).toMatchSnapshot();
   });
+
+  describe('symbolForm', () => {
+    test('supports symbolForm prop to use alt narrow currency symbol', () => {
+      const tree = createWithGlobalize((
+        <FormattedCurrency
+          currency="CAD"
+          symbolForm="narrow"
+          value={10}
+        />
+      )).toJSON();
+
+      expect(tree).toMatchSnapshot();
+    });
+  });
 });
diff --git a/src/components/__tests__/__snapshots__/FormattedCurrency.test.tsx.snap b/src/components/__tests__/__snapshots__/FormattedCurrency.test.tsx.snap
index 40c940d..758c996 100644
--- a/src/components/__tests__/__snapshots__/FormattedCurrency.test.tsx.snap
+++ b/src/components/__tests__/__snapshots__/FormattedCurrency.test.tsx.snap
@@ -10,3 +10,14 @@ exports[`<FormattedCurrency /> renders correctly 1`] = `
   $10.00
 </Text>
 `;
+
+exports[`<FormattedCurrency /> symbolForm supports symbolForm prop to use alt narrow currency symbol 1`] = `
+<Text
+  accessibilityLabel=""
+  accessible={true}
+  adjustsFontSizeToFit={false}
+  allowFontScaling={true}
+>
+  $10.00
+</Text>
+`;