@sproutsocial/racine 12.24.0 → 13.1.1

package/__flow__/Numeral/index.stories.js

@@ -1,183 +0,0 @@
-// @flow
-import React from 'react';
-import Numeral, {type TypeProps} from './index';
-
-const localeOptions = [
-  'United States (en-US)',
-  'English (en)',
-  'Arabic (ar-EG)',
-  'Brazil (pt-BR)',
-  'India (en-IN)',
-  'French (fr-FR)',
-  'Spain (es-ES)',
-  'Mexico (es-MX)',
-  'Germany (de-DE)',
-  'German (de)',
-  'Japan (ja-JP)',
-  'Japanese (ja)',
-];
-
-const localeMapping = {
-  'United States (en-US)': 'en-US',
-  'English (en)': 'en',
-  'Arabic (ar-EG)': 'ar-EG',
-  'Brazil (pt-BR)': 'pt-BR',
-  'India (en-IN)': 'en-IN',
-  'French (fr-FR)': 'fr-FR',
-  'Spain (es-ES)': 'es-ES',
-  'Mexico (es-MX)': 'es-MX',
-  'Germany (de-DE)': 'de-DE',
-  'German (de)': 'de',
-  'Japan (ja-JP)': 'ja-JP',
-  'Japanese (ja)': 'ja',
-};
-
-const currencyOptions = [
-  'Egyptian £',
-  'European €',
-  'Indian ₹',
-  'Japanese ¥',
-  'USA $',
-];
-
-const currencyMapping = {
-  'Egyptian £': 'EGP',
-  'European €': 'EUR',
-  'Indian ₹': 'INR',
-  'Japanese ¥': 'JPY',
-  'USA $': 'USD',
-};
-
-const formatOptions = ['decimal', 'currency', 'percent'];
-
-const formatMapping = {
-  decimal: 'decimal',
-  currency: 'currency',
-  percent: 'percent',
-};
-
-const abbreviateOptions = [
-  'true',
-  'false',
-  ' 500',
-  '1_000',
-  '10_000',
-  '100_000',
-];
-
-const abbreviateMapping = {
-  true: true,
-  false: false,
-  ' 500': 500,
-  '1_000': 1000,
-  '10_000': 10000,
-  '100_000': 100000,
-};
-
-const precisionOptions = ['0', '1', '2', '3', '6', 'none'];
-
-const precisionMapping = {
-  '0': 0,
-  '1': 1,
-  '2': 2,
-  '3': 3,
-  '6': 6,
-  none: 'none',
-};
-
-export default {
-  title: 'Components/Numeral',
-  component: Numeral,
-  argTypes: {
-    locale: {
-      control: 'select',
-      options: localeOptions,
-      mapping: localeMapping,
-    },
-    format: {
-      control: 'select',
-      options: formatOptions,
-      mapping: formatMapping,
-    },
-    currency: {
-      control: 'select',
-      options: currencyOptions,
-      mapping: currencyMapping,
-    },
-    abbreviate: {
-      control: 'select',
-      options: abbreviateOptions,
-      mapping: abbreviateMapping,
-    },
-    precision: {
-      control: 'select',
-      options: precisionOptions,
-      mapping: precisionMapping,
-    },
-  },
-  args: {
-    color: 'text.headline',
-    number: 12.89,
-  },
-};
-
-export const defaultStory = (args: TypeProps) => <Numeral {...args} />;
-
-defaultStory.story = {
-  name: 'Default',
-};
-
-export const total = (args: TypeProps) => <Numeral {...args} />;
-
-total.args = {
-  number: 100,
-  fontWeight: 'semibold',
-  fontSize: 500,
-};
-
-total.story = {
-  name: 'Total',
-};
-
-export const trend = (args: TypeProps) => <Numeral {...args} />;
-
-trend.args = {
-  number: 100,
-  color: 'teal.500',
-};
-
-trend.story = {
-  name: 'Trend',
-};
-
-export const noPrecision = (args: TypeProps) => <Numeral {...args} />;
-
-noPrecision.args = {
-  number: 123.45678,
-  precision: 'none',
-};
-
-noPrecision.story = {
-  name: 'No Precision',
-};
-
-export const currencyPrecision = (args: TypeProps) => <Numeral {...args} />;
-
-currencyPrecision.args = {
-  number: 123.4,
-  format: 'currency',
-};
-
-currencyPrecision.story = {
-  name: 'Currency precision',
-};
-
-export const invalid = (args: TypeProps) => <Numeral {...args} />;
-
-invalid.args = {
-  number: null,
-};
-
-invalid.story = {
-  name: 'Invalid',
-};

package/__flow__/Numeral/tests/A11y.test.js

@@ -1,12 +0,0 @@
-import React from 'react';
-import {render} from '../../utils/react-testing-library';
-import 'jest-styled-components';
-import Numeral from '../';
-
-describe('When rendering...', () => {
-  it('should handle A11y', async () => {
-    const {container, runA11yCheck} = render(<Numeral />);
-    expect(container).toBeTruthy();
-    await runA11yCheck();
-  });
-});

package/__flow__/Numeral/tests/abbreviate.test.js

@@ -1,72 +0,0 @@
-import testNumeral from './testNumeral';
-
-describe('When setting abbreviate false...', () => {
-  describe('... it never abbreviates the text', () => {
-    const options = {abbreviate: false};
-
-    testNumeral(1, options, {text: '1'});
-    testNumeral(12, options, {text: '12'});
-    testNumeral(0.23, options, {text: '0.23'});
-    testNumeral(1234, options, {text: '1,234'});
-    testNumeral(12345, options, {text: '12,345'});
-    testNumeral(123456.789, options, {text: '123,456.79'});
-    testNumeral(1225000000000, options, {text: '1,225,000,000,000'});
-  });
-});
-
-describe('When abbreviate throws an error', () => {
-  describe('... it never abbreviates the text', () => {
-    const OriginalNumberFormat = Intl.NumberFormat;
-
-    beforeEach(() => {
-      Intl['NumberFormat'] = (locale, standard) => {
-        if (standard.notation === 'compact') {
-          throw new Error('safari bug can not use compact');
-        }
-        return new OriginalNumberFormat(locale, standard);
-      };
-    });
-
-    afterEach(() => {
-      Intl['NumberFormat'] = OriginalNumberFormat;
-    });
-
-    const options = {abbreviate: true};
-
-    testNumeral(1, options, {text: '1'});
-    testNumeral(12, options, {text: '12'});
-    testNumeral(0.23, options, {text: '0.23'});
-    testNumeral(1234, options, {text: '1,234'});
-    testNumeral(12345, options, {text: '12,345'});
-    testNumeral(123456.789, options, {text: '123,456.79'});
-    testNumeral(1225000000000, options, {text: '1,225,000,000,000'});
-  });
-});
-
-describe('When setting abbreviate to a threshold...', () => {
-  describe("... it doesn't abbreviate if under the threshold", () => {
-    const options = {abbreviate: 2000};
-
-    testNumeral(1999, options, {text: '1,999'});
-    testNumeral(2000, options, {text: '2.00K', tip: '2,000'});
-    testNumeral(2011, options, {text: '2.01K', tip: '2,011'});
-  });
-
-  describe('... or if too small to abbreviate', () => {
-    const options = {abbreviate: 500};
-
-    testNumeral(999, options, {text: '999'});
-    testNumeral(1000, options, {text: '1.00K', tip: '1,000'});
-  });
-
-  describe('... it abbreviates if greater or equal to the threshold', () => {
-    const options = {abbreviate: true};
-
-    testNumeral(12345, options, {text: '12.35K', tip: '12,345'});
-    testNumeral(123456.789, options, {text: '123.46K', tip: '123,456.79'});
-    testNumeral(1225000000000, options, {
-      text: '1.23T',
-      tip: '1,225,000,000,000',
-    });
-  });
-});

package/__flow__/Numeral/tests/currency.test.js

@@ -1,40 +0,0 @@
-import testNumeral from './testNumeral';
-
-const options = {currency: 'USD'};
-
-describe('When using the default props...', () => {
-  describe('... with small numbers it should not abbreviate the text', () => {
-    testNumeral(1, options, {text: '$1.00'});
-    testNumeral(12, options, {text: '$12.00'});
-    testNumeral(123, options, {text: '$123.00'});
-    testNumeral(1234, options, {text: '$1,234.00'});
-  });
-
-  describe('... with big numbers it should round and abbreviate the text', () => {
-    testNumeral(12345.67, options, {text: '$12.35K', tip: '$12,345.67'});
-    testNumeral(123456.7, options, {text: '$123.46K', tip: '$123,456.70'});
-    testNumeral(1225000, options, {text: '$1.23M', tip: '$1,225,000.00'});
-    testNumeral(1225000000, options, {
-      text: '$1.23B',
-      tip: '$1,225,000,000.00',
-    });
-    testNumeral(1225000000000, options, {
-      text: '$1.23T',
-      tip: '$1,225,000,000,000.00',
-    });
-    testNumeral(12250000000000000, options, {
-      text: '$12,250.00T',
-      tip: '$12,250,000,000,000,000.00',
-    });
-  });
-
-  describe('... with short decimals it should not abbreviate the text', () => {
-    testNumeral(1.2, options, {text: '$1.20'});
-    testNumeral(1.23, options, {text: '$1.23'});
-  });
-
-  describe('... with long decimals it should round and abbreviate the text', () => {
-    testNumeral(1.234, options, {text: '$1.23'});
-    testNumeral(1.2355, options, {text: '$1.24'});
-  });
-});

package/__flow__/Numeral/tests/defaults.test.js

@@ -1,33 +0,0 @@
-import testNumeral from './testNumeral';
-
-describe('When using the default props...', () => {
-  describe('... with small numbers it should not abbreviate the text', () => {
-    testNumeral(1, {}, {text: '1'});
-    testNumeral(12, {}, {text: '12'});
-    testNumeral(123, {}, {text: '123'});
-    testNumeral(1234, {}, {text: '1,234'});
-  });
-
-  describe('... with big numbers it should round and abbreviate the text', () => {
-    testNumeral(12345, {}, {text: '12.35K', tip: '12,345'});
-    testNumeral(123456, {}, {text: '123.46K', tip: '123,456'});
-    testNumeral(1225000, {}, {text: '1.23M', tip: '1,225,000'});
-    testNumeral(1225000000, {}, {text: '1.23B', tip: '1,225,000,000'});
-    testNumeral(1225000000000, {}, {text: '1.23T', tip: '1,225,000,000,000'});
-    testNumeral(
-      12250000000000000,
-      {},
-      {text: '12,250.00T', tip: '12,250,000,000,000,000'}
-    );
-  });
-
-  describe('... with short decimals it should not abbreviate the text', () => {
-    testNumeral(1.2, {}, {text: '1.2'});
-    testNumeral(1.23, {}, {text: '1.23'});
-  });
-
-  describe('... with long decimals it should round and abbreviate the text', () => {
-    testNumeral(1.234, {}, {text: '1.23'});
-    testNumeral(1.2355, {}, {text: '1.24'});
-  });
-});

package/__flow__/Numeral/tests/invalid.test.js

@@ -1,12 +0,0 @@
-import testNumeral from './testNumeral';
-import {EM_DASH} from '../../utils/constants';
-
-describe('When using an invalid value...', () => {
-  describe('... it renders a dash', () => {
-    testNumeral(undefined, {}, {text: EM_DASH});
-    testNumeral(null, {}, {text: EM_DASH});
-    testNumeral(NaN, {}, {text: EM_DASH});
-    testNumeral(Infinity, {}, {text: EM_DASH});
-    testNumeral(-Infinity, {}, {text: EM_DASH});
-  });
-});

package/__flow__/Numeral/tests/locale.test.js

@@ -1,83 +0,0 @@
-import testNumeral from './testNumeral';
-
-describe('When using a locale...', () => {
-  describe('... it should use the proper punctuation and spacing', () => {
-    testNumeral(1, {locale: 'de-DE'}, {text: '1'});
-    testNumeral(12, {locale: 'de-DE'}, {text: '12'});
-    testNumeral(123.678, {locale: 'en-US'}, {text: '123.68'});
-    testNumeral(123.678, {locale: 'fr-FR'}, {text: '123,68'});
-    testNumeral(123.678, {locale: 'de-DE'}, {text: '123,68'});
-    testNumeral(123.678, {locale: 'es-ES'}, {text: '123,68'});
-    testNumeral(123.678, {locale: 'pt-BR'}, {text: '123,68'});
-  });
-
-  describe('... it should work with abbreviation', () => {
-    testNumeral(
-      12345.678,
-      {locale: 'en-US'},
-      {text: '12.35K', tip: '12,345.68'}
-    );
-    testNumeral(
-      12345.678,
-      {locale: 'fr-FR'},
-      {text: '12,35 k', tip: '12 345,68'}
-    );
-    testNumeral(12345.678, {locale: 'de-DE'}, {text: '12.345,68'});
-    testNumeral(
-      12345.678,
-      {locale: 'es-ES'},
-      {text: '12,35 mil', tip: '12.345,68'}
-    );
-    testNumeral(
-      12345.678,
-      {locale: 'pt-BR'},
-      {text: '12,35 mil', tip: '12.345,68'}
-    );
-    testNumeral(
-      12345.678,
-      {locale: 'ar-EG'},
-      {text: '١٢٫٣٥ ألف', tip: '١٢٬٣٤٥٫٦٨'}
-    );
-  });
-
-  describe('... it should work with currency', () => {
-    testNumeral(
-      12345.678,
-      {locale: 'en-US', currency: 'EUR'},
-      {text: '€12.35K', tip: '€12,345.68'}
-    );
-    testNumeral(
-      12345.678,
-      {locale: 'fr-FR', currency: 'EUR'},
-      {text: '12,35 k €', tip: '12 345,68 €'}
-    );
-    testNumeral(
-      12345.678,
-      {locale: 'de-DE', currency: 'EUR'},
-      {text: '12.345,68 €'}
-    );
-    testNumeral(
-      12345.678,
-      {locale: 'es-ES', currency: 'EUR'},
-      {text: '12,35 mil €', tip: '12.345,68 €'}
-    );
-    testNumeral(
-      12345.678,
-      {locale: 'pt-BR', currency: 'EUR'},
-      {text: '€ 12,35 mil', tip: '€ 12.345,68'}
-    );
-    testNumeral(
-      12345.678,
-      {locale: 'ar-EG', currency: 'EUR', abbreviate: false},
-      {text: '١٢٬٣٤٥٫٦٨ €'}
-    );
-
-    xdescribe('NOTE: This test misbehaves in node/jest!!!', () => {
-      testNumeral(
-        12345.678,
-        {locale: 'ar-EG', currency: 'EUR'},
-        {text: '١٢٫٣٥ ألف €', tip: '١٢٬٣٤٥٫٦٨ €'}
-      );
-    });
-  });
-});

package/__flow__/Numeral/tests/precision.test.js

@@ -1,126 +0,0 @@
-import testNumeral from './testNumeral';
-
-describe('When using the default precision...', () => {
-  describe('... with decimals use up to 2 decimal places', () => {
-    testNumeral(1.0, {}, {text: '1'});
-    testNumeral(1.2, {}, {text: '1.2'});
-    testNumeral(0.23, {}, {text: '0.23'});
-    testNumeral(1.235, {}, {text: '1.24'});
-  });
-
-  describe('... abbreviated decimals always use 2 decimal places', () => {
-    testNumeral(10000, {}, {text: '10.00K', tip: '10,000'});
-    testNumeral(10109, {}, {text: '10.11K', tip: '10,109'});
-    testNumeral(10000.909999, {}, {text: '10.00K', tip: '10,000.91'});
-  });
-
-  describe('... with percent use up to 1 decimal places', () => {
-    const options = {format: 'percent'};
-
-    testNumeral(1.0, options, {text: '1%'});
-    testNumeral(9.99, options, {text: '10%'});
-    testNumeral(100, options, {text: '100%'});
-    testNumeral(1.2, options, {text: '1.2%'});
-    testNumeral(0.23, options, {text: '0.2%'});
-    testNumeral(1.26789, options, {text: '1.3%'});
-
-    xdescribe('NOTE: This test misbehaves in node/jest!!!', () => {
-      // It improperly answers "11.11K", "11,111%"
-      testNumeral(11111, options, {text: '11.11K%', tip: '11,111%'});
-    });
-  });
-
-  describe('... with current always use 2 decimal places', () => {
-    const options = {currency: 'USD'};
-
-    testNumeral(1.0, options, {text: '$1.00'});
-    testNumeral(1234.0, options, {text: '$1,234.00'});
-    testNumeral(123456.98765432, options, {
-      text: '$123.46K',
-      tip: '$123,456.99',
-    });
-  });
-});
-
-describe('When using a set precision...', () => {
-  const options = {precision: 4};
-
-  describe('... with small numbers it should not abbreviate the text', () => {
-    testNumeral(1, options, {text: '1.0000'});
-    testNumeral(12, options, {text: '12.0000'});
-    testNumeral(123, options, {text: '123.0000'});
-    testNumeral(1234, options, {text: '1,234.0000'});
-    testNumeral(1234.1, options, {text: '1,234.1000'});
-    testNumeral(1234.0000987, options, {text: '1,234.0001'});
-  });
-
-  describe('... with big numbers it should round and abbreviate the text', () => {
-    testNumeral(12345, options, {text: '12.3450K', tip: '12,345.0000'});
-    testNumeral(123456, options, {text: '123.4560K', tip: '123,456.0000'});
-    testNumeral(1225000, options, {text: '1.2250M', tip: '1,225,000.0000'});
-    testNumeral(1225000000, options, {
-      text: '1.2250B',
-      tip: '1,225,000,000.0000',
-    });
-    testNumeral(1225000000000, options, {
-      text: '1.2250T',
-      tip: '1,225,000,000,000.0000',
-    });
-    testNumeral(12250000000000000, options, {
-      text: '12,250.0000T',
-      tip: '12,250,000,000,000,000.0000',
-    });
-  });
-
-  describe('... with percent', () => {
-    const options = {precision: 4, format: 'percent'};
-
-    testNumeral(1.0, options, {text: '1.0000%'});
-    testNumeral(1.2, options, {text: '1.2000%'});
-    testNumeral(0.23, options, {text: '0.2300%'});
-    testNumeral(1.26789, options, {text: '1.2679%'});
-  });
-
-  describe('... with currency', () => {
-    const options = {precision: 4, currency: 'USD'};
-
-    testNumeral(1234.0000987, options, {text: '$1,234.0001'});
-    testNumeral(123456, options, {text: '$123.4560K', tip: '$123,456.0000'});
-  });
-});
-
-describe("When using precision 'none' ...", () => {
-  const options = {precision: 'none'};
-
-  describe('... with small numbers it should not abbreviate the text', () => {
-    testNumeral(12, options, {text: '12'});
-    testNumeral(1234.0000987, options, {text: '1,234.0000987'});
-  });
-
-  describe('... with big numbers it should round and abbreviate the text', () => {
-    testNumeral(12345, options, {text: '12.35K', tip: '12,345'});
-    testNumeral(123456.98765432, options, {
-      text: '123.46K',
-      tip: '123,456.98765432',
-    });
-  });
-
-  describe('... with percent', () => {
-    const options = {precision: 'none', format: 'percent'};
-
-    testNumeral(1.0, options, {text: '1%'});
-    testNumeral(1.2, options, {text: '1.2%'});
-    testNumeral(0.23, options, {text: '0.23%'});
-    testNumeral(1.26789, options, {text: '1.26789%'});
-  });
-
-  describe('... with currency', () => {
-    const options = {precision: 'none', currency: 'USD'};
-
-    testNumeral(1234.0, options, {text: '$1,234'});
-    testNumeral(123456.98765432, options, {
-      text: '$123.46K',
-      tip: '$123,456.98765432',
-    });
-  });
-});

package/__flow__/Numeral/tests/zero.test.js

@@ -1,11 +0,0 @@
-import testNumeral from './testNumeral';
-
-describe('When using a zero value...', () => {
-  describe('... it renders properly', () => {
-    testNumeral(0.0, {}, {text: '0'});
-    testNumeral(0, {format: 'percent'}, {text: '0%'});
-    testNumeral(0, {format: 'percent', precision: 1}, {text: '0.0%'});
-    testNumeral(0, {currency: 'USD'}, {text: '$0.00'});
-    testNumeral(0, {currency: 'USD', precision: 0}, {text: '$0'});
-  });
-});

package/__flow__/OverflowList/index.stories.js

@@ -1,69 +0,0 @@
-// @flow
-import React from 'react';
-import OverflowList from './index';
-import Box from '../Box';
-import Text from '../Text';
-import {names} from '../Menu/names';
-
-export default {
-  title: 'Components/OverflowList',
-};
-
-export const defaultStory = () => (
-  <OverflowList height="300px" width="200px">
-    {names.map((name) => (
-      <Box key={name}>
-        <Text color="text.body">{name}</Text>
-      </Box>
-    ))}
-  </OverflowList>
-);
-
-defaultStory.story = {
-  name: 'Default',
-};
-
-export const PropGetters = () => {
-  return (
-    <OverflowList
-      height="300px"
-      width="200px"
-      items={names}
-      getItemProps={({item}) => ({key: item, item})}
-      ItemComponent={({item}) => (
-        <Box>
-          <Text color="text.body">{item}</Text>
-        </Box>
-      )}
-    />
-  );
-};
-
-export const FlexBox = () => {
-  return (
-    <Box
-      height={400}
-      width="100%"
-      display="flex"
-      border="1px solid"
-      borderColor="container.border.base"
-      flexDirection="column"
-    >
-      <Box p={300} borderBottom="1px solid" borderColor="container.border.base">
-        <Text color="text.body">item 1</Text>
-      </Box>
-      <Box flex="1">
-        <OverflowList height="100%" width="100%" containerProps={{p: 300}}>
-          {names.map((name) => (
-            <Box key={name} py={200}>
-              <Text color="text.body">{name}</Text>
-            </Box>
-          ))}
-        </OverflowList>
-      </Box>
-      <Box p={300} borderTop="1px solid" borderColor="container.border.base">
-        <Text color="text.body">item 2</Text>
-      </Box>
-    </Box>
-  );
-};