@sproutsocial/racine 12.20.0 → 12.21.0

package/__flow__/TokenInput/tests/default/clicking.test.js

@@ -1,38 +1,38 @@
 // @flow
 
-import React from "react";
-import "jest-styled-components";
-import { render, userEvent } from "../../../utils/react-testing-library";
-import TokenInput from "../../";
+import React from 'react';
+import 'jest-styled-components';
+import {render, userEvent} from '../../../utils/react-testing-library';
+import TokenInput from '../../';
 
-describe("When clicking on...", () => {
-  describe("...a token", () => {
-    test("the token should be removed", () => {
+describe('When clicking on...', () => {
+  describe('...a token', () => {
+    test('the token should be removed', () => {
       const mockOnAdd = jest.fn();
       const mockOnRemove = jest.fn();
 
-      const { getByText } = render(
+      const {getByText} = render(
         <TokenInput
           id="0"
           name="token-input"
           tokens={[
-            { id: "0", value: "you" },
-            { id: "1", value: "are" },
-            { id: "2", value: "beautiful" },
+            {id: '0', value: 'you'},
+            {id: '1', value: 'are'},
+            {id: '2', value: 'beautiful'},
           ]}
           onAddToken={mockOnAdd}
           onRemoveToken={mockOnRemove}
         />
       );
 
-      const token = getByText("are");
+      const token = getByText('are');
 
       userEvent.click(token);
 
       const firstArgs = mockOnRemove.mock.calls[0];
 
       expect(mockOnRemove).toBeCalledTimes(1);
-      expect(firstArgs).toEqual(["1"]);
+      expect(firstArgs).toEqual(['1']);
     });
   });
 });

package/__flow__/TokenInput/tests/default/deleting.test.js

@@ -1,15 +1,15 @@
 // @flow
-import React from "react";
-import "jest-styled-components";
-import { render, userEvent } from "../../../utils/react-testing-library";
-import TokenInput from "../../";
-
-describe("When deleting...", () => {
-  describe("...in an empty input", () => {
-    it("should do nothing", () => {
+import React from 'react';
+import 'jest-styled-components';
+import {render, userEvent} from '../../../utils/react-testing-library';
+import TokenInput from '../../';
+
+describe('When deleting...', () => {
+  describe('...in an empty input', () => {
+    it('should do nothing', () => {
       const mockCallback = jest.fn(() => {});
 
-      const { getByPlaceholderText } = render(
+      const {getByPlaceholderText} = render(
         <TokenInput
           id="0"
           name="token-input"
@@ -18,84 +18,84 @@ describe("When deleting...", () => {
         />
       );
 
-      const input = getByPlaceholderText("Enter text");
-      userEvent.type(input, "{backspace}");
+      const input = getByPlaceholderText('Enter text');
+      userEvent.type(input, '{backspace}');
 
       expect(mockCallback).toHaveBeenCalledTimes(0);
     });
   });
 
-  describe("...in an input with text", () => {
-    it("should delete the last character of text", () => {
-      const { getByPlaceholderText } = render(
+  describe('...in an input with text', () => {
+    it('should delete the last character of text', () => {
+      const {getByPlaceholderText} = render(
         <TokenInput id="0" name="token-input" placeholder="Enter text" />
       );
 
-      const input = getByPlaceholderText("Enter text");
+      const input = getByPlaceholderText('Enter text');
 
-      userEvent.type(input, "Hello{space}World");
-      userEvent.type(input, "{backspace}");
+      userEvent.type(input, 'Hello{space}World');
+      userEvent.type(input, '{backspace}');
 
-      expect(input).toHaveValue("Hello Worl");
+      expect(input).toHaveValue('Hello Worl');
     });
   });
 
-  describe("...in an input with at least one token and no text", () => {
-    it("should delete the last token", () => {
+  describe('...in an input with at least one token and no text', () => {
+    it('should delete the last token', () => {
       const mockCallback = jest.fn(() => {});
-      const { getByPlaceholderText } = render(
+      const {getByPlaceholderText} = render(
         <TokenInput
           id="0"
           name="token-input"
           tokens={[
-            { id: "0", value: "you" },
-            { id: "1", value: "are" },
-            { id: "2", value: "beautiful" },
+            {id: '0', value: 'you'},
+            {id: '1', value: 'are'},
+            {id: '2', value: 'beautiful'},
           ]}
           placeholder="Enter text"
           onRemoveToken={mockCallback}
         />
       );
 
-      const input = getByPlaceholderText("Enter text");
+      const input = getByPlaceholderText('Enter text');
 
-      userEvent.type(input, "{backspace}");
+      userEvent.type(input, '{backspace}');
       expect(mockCallback).toHaveBeenCalledTimes(1);
 
       const result = mockCallback.mock.calls;
-      expect(result[0][0]).toBe("2");
+      expect(result[0][0]).toBe('2');
     });
   });
 
-  describe("...in an input with at least one token and text", () => {
-    it("should delete all the text and then the token", () => {
+  describe('...in an input with at least one token and text', () => {
+    it('should delete all the text and then the token', () => {
       const mockCallback = jest.fn(() => {});
-      const { getByPlaceholderText } = render(
+      const {getByPlaceholderText} = render(
         <TokenInput
           id="0"
           name="token-input"
           tokens={[
-            { id: "0", value: "you" },
-            { id: "1", value: "are" },
-            { id: "2", value: "beautiful" },
+            {id: '0', value: 'you'},
+            {id: '1', value: 'are'},
+            {id: '2', value: 'beautiful'},
           ]}
           placeholder="Enter text"
           onRemoveToken={mockCallback}
         />
       );
 
-      const input = getByPlaceholderText("Enter text");
+      const input = getByPlaceholderText('Enter text');
 
-      userEvent.type(input, "william");
+      userEvent.type(input, 'william');
       input.setSelectionRange(0, input.value.length);
-      userEvent.type(input, "{backspace}");
-      expect(input).toHaveValue("");
+      userEvent.type(input, '{backspace}');
+      expect(input).toHaveValue('');
       expect(mockCallback).toHaveBeenCalledTimes(0);
 
       const result = mockCallback.mock.calls;
 
-      userEvent.type(input, "{backspace}");
-      expect(result[0][0]).toBe("2");
+      userEvent.type(input, '{backspace}');
+      expect(result[0][0]).toBe('2');
     });
   });
 });

package/__flow__/TokenInput/tests/default/focusing.test.js

@@ -1,39 +1,39 @@
 // @flow
-import React from "react";
-import "jest-styled-components";
-import { render, userEvent } from "../../../utils/react-testing-library";
-import TokenInput from "../../";
-
-describe("When tabbing...", () => {
-  describe("...the tokens", () => {
-    it("should be focused", () => {
-      const { getByPlaceholderText, getByText } = render(
+import React from 'react';
+import 'jest-styled-components';
+import {render, userEvent} from '../../../utils/react-testing-library';
+import TokenInput from '../../';
+
+describe('When tabbing...', () => {
+  describe('...the tokens', () => {
+    it('should be focused', () => {
+      const {getByPlaceholderText, getByText} = render(
         <TokenInput
           id="0"
           placeholder="Please enter a value..."
           name="token-input"
           tokens={[
-            { id: "0", value: "you" },
-            { id: "1", value: "are" },
-            { id: "2", value: "beautiful" },
+            {id: '0', value: 'you'},
+            {id: '1', value: 'are'},
+            {id: '2', value: 'beautiful'},
           ]}
         />
       );
 
-      const input = getByPlaceholderText("Please enter a value...");
+      const input = getByPlaceholderText('Please enter a value...');
 
       userEvent.click(input);
-      userEvent.tab({ shift: true });
+      userEvent.tab({shift: true});
 
-      expect(getByText("beautiful").closest("button")).toHaveFocus();
+      expect(getByText('beautiful').closest('button')).toHaveFocus();
 
-      userEvent.tab({ shift: true });
+      userEvent.tab({shift: true});
 
-      expect(getByText("are").closest("button")).toHaveFocus();
+      expect(getByText('are').closest('button')).toHaveFocus();
 
       userEvent.tab();
 
-      expect(getByText("beautiful").closest("button")).toHaveFocus();
+      expect(getByText('beautiful').closest('button')).toHaveFocus();
     });
   });
 });

package/__flow__/TokenInput/tests/default/inputting.test.js

@@ -1,45 +1,45 @@
 // @flow
-import React from "react";
-import "jest-styled-components";
-import { render, userEvent } from "../../../utils/react-testing-library";
-import TokenInput from "../../";
-
-describe("When inputting...", () => {
-  describe("...simple text into an empty input", () => {
-    it("should add characters to the input", () => {
-      const { getByPlaceholderText } = render(
+import React from 'react';
+import 'jest-styled-components';
+import {render, userEvent} from '../../../utils/react-testing-library';
+import TokenInput from '../../';
+
+describe('When inputting...', () => {
+  describe('...simple text into an empty input', () => {
+    it('should add characters to the input', () => {
+      const {getByPlaceholderText} = render(
         <TokenInput id="0" name="token-input" placeholder="Enter text" />
       );
 
-      const input = getByPlaceholderText("Enter text");
-      userEvent.type(input, "Hello world!");
+      const input = getByPlaceholderText('Enter text');
+      userEvent.type(input, 'Hello world!');
 
-      expect(input).toHaveValue("Hello world!");
+      expect(input).toHaveValue('Hello world!');
     });
   });
 
-  describe("...a delimiter into an empty input", () => {
+  describe('...a delimiter into an empty input', () => {
     it("should add a value, if it's printable", () => {
-      const { getByPlaceholderText } = render(
+      const {getByPlaceholderText} = render(
         <TokenInput
           id="0"
           name="token-input"
-          delimiters={[".", "Enter"]}
+          delimiters={['.', 'Enter']}
           placeholder="Enter text"
         />
       );
 
-      const input = getByPlaceholderText("Enter text");
-      userEvent.type(input, ".");
-      expect(input).toHaveValue(".");
+      const input = getByPlaceholderText('Enter text');
+      userEvent.type(input, '.');
+      expect(input).toHaveValue('.');
     });
   });
 
-  describe("...a delimiter into an input with a value", () => {
-    it("should add a token rather than a value", () => {
+  describe('...a delimiter into an input with a value', () => {
+    it('should add a token rather than a value', () => {
       const mockCallback = jest.fn(() => {});
 
-      const { getByPlaceholderText } = render(
+      const {getByPlaceholderText} = render(
         <TokenInput
           id="0"
           name="token-input"
@@ -49,8 +49,8 @@ describe("When inputting...", () => {
         />
       );
 
-      const input = getByPlaceholderText("Enter text");
-      userEvent.type(input, ",");
+      const input = getByPlaceholderText('Enter text');
+      userEvent.type(input, ',');
       expect(mockCallback).toHaveBeenCalledTimes(1);
     });
   });

package/__flow__/TokenInput/tests/default/pasting.test.js

@@ -1,19 +1,19 @@
 // @flow
 
-import * as React from "react";
-import "jest-styled-components";
-import { render, userEvent } from "../../../utils/react-testing-library";
+import * as React from 'react';
+import 'jest-styled-components';
+import {render, userEvent} from '../../../utils/react-testing-library';
 
-import TokenInput from "../../";
+import TokenInput from '../../';
 
 const firePasteEvent = (target: React.Node, text: string) => {
-  userEvent.paste(target, text, { clipboardData: { getData: () => text } });
+  userEvent.paste(target, text, {clipboardData: {getData: () => text}});
 };
 
-describe("When pasting...", () => {
+describe('When pasting...', () => {
   let mockHandleAdd, mockHandleRemove, mockHandleChange, tokenInput, input;
 
-  describe("...with no tokens...", () => {
+  describe('...with no tokens...', () => {
     beforeEach(() => {
       // TokenInput is a stateless component, so the value managed in state is cleared in the wrapper.
       mockHandleAdd = jest.fn();
@@ -31,73 +31,73 @@ describe("When pasting...", () => {
         />
       );
 
-      const { getByPlaceholderText } = render(tokenInput);
+      const {getByPlaceholderText} = render(tokenInput);
 
-      input = getByPlaceholderText("Enter text");
+      input = getByPlaceholderText('Enter text');
     });
 
-    describe("...simple text into an empty input", () => {
-      it("should insert the simple text", () => {
-        expect(input).toHaveValue("");
+    describe('...simple text into an empty input', () => {
+      it('should insert the simple text', () => {
+        expect(input).toHaveValue('');
 
-        firePasteEvent(input, "Hello world");
+        firePasteEvent(input, 'Hello world');
 
         expect(mockHandleAdd).toHaveBeenCalledTimes(0);
         expect(mockHandleRemove).toHaveBeenCalledTimes(0);
         expect(mockHandleChange).toHaveBeenCalledTimes(1);
 
-        expect(mockHandleChange.mock.calls[0][1]).toBe("Hello world");
+        expect(mockHandleChange.mock.calls[0][1]).toBe('Hello world');
       });
     });
 
-    describe("...a delimiter into an empty input", () => {
+    describe('...a delimiter into an empty input', () => {
       it("shouldn't add anything... with a ','", () => {
-        firePasteEvent(input, ",");
+        firePasteEvent(input, ',');
 
         expect(mockHandleAdd).toHaveBeenCalledTimes(0);
         expect(mockHandleRemove).toHaveBeenCalledTimes(0);
       });
 
       it("shouldn't add anything... with an 'new-line'", () => {
-        firePasteEvent(input, "\n");
+        firePasteEvent(input, '\n');
 
         expect(mockHandleAdd).toHaveBeenCalledTimes(0);
         expect(mockHandleRemove).toHaveBeenCalledTimes(0);
       });
     });
 
-    describe("...delimited text into an empty input", () => {
-      it("should add tokens", () => {
-        expect(input).toHaveValue("");
+    describe('...delimited text into an empty input', () => {
+      it('should add tokens', () => {
+        expect(input).toHaveValue('');
 
-        firePasteEvent(input, "one, two, three");
+        firePasteEvent(input, 'one, two, three');
 
         expect(mockHandleRemove).toHaveBeenCalledTimes(0);
         expect(mockHandleAdd).toHaveBeenCalledTimes(3);
         expect(mockHandleChange).toHaveBeenCalledTimes(1);
 
-        expect(mockHandleChange.mock.calls[0][1]).toBe("one, two, three");
+        expect(mockHandleChange.mock.calls[0][1]).toBe('one, two, three');
 
         const tokenSpec1 = mockHandleAdd.mock.calls[0][0];
         const tokenSpec2 = mockHandleAdd.mock.calls[1][0];
         const tokenSpec3 = mockHandleAdd.mock.calls[2][0];
 
         expect(tokenSpec1).toEqual(
-          expect.objectContaining({ id: expect.any(String), value: "one" })
+          expect.objectContaining({id: expect.any(String), value: 'one'})
         );
         expect(tokenSpec2).toEqual(
-          expect.objectContaining({ id: expect.any(String), value: "two" })
+          expect.objectContaining({id: expect.any(String), value: 'two'})
         );
         expect(tokenSpec3).toEqual(
-          expect.objectContaining({ id: expect.any(String), value: "three" })
+          expect.objectContaining({id: expect.any(String), value: 'three'})
         );
       });
     });
 
-    describe("...simple text into an input with text", () => {
-      it("should simply paste the text", () => {
-        const preText = "4321!";
-        const pasteText = "hello world";
+    describe('...simple text into an input with text', () => {
+      it('should simply paste the text', () => {
+        const preText = '4321!';
+        const pasteText = 'hello world';
 
         userEvent.type(input, preText);
         firePasteEvent(input, pasteText);
@@ -109,7 +109,7 @@ describe("When pasting...", () => {
     });
   });
 
-  describe("...with text...", () => {
+  describe('...with text...', () => {
     beforeEach(() => {
       // TokenInput is a stateless component, so the value managed in state is cleared in the wrapper.
       mockHandleAdd = jest.fn();
@@ -120,20 +120,20 @@ describe("When pasting...", () => {
           id="0"
           name="token-input"
           placeholder="Enter text"
-          value={"Pre Text!"}
+          value={'Pre Text!'}
           onAddToken={mockHandleAdd}
           onRemoveToken={mockHandleRemove}
         />
       );
 
-      const { getByPlaceholderText } = render(tokenInput);
+      const {getByPlaceholderText} = render(tokenInput);
 
-      input = getByPlaceholderText("Enter text");
+      input = getByPlaceholderText('Enter text');
     });
 
-    describe("...delimited text into an input with text", () => {
-      it("should make new tokens from the pasted text", () => {
-        firePasteEvent(input, "this, that");
+    describe('...delimited text into an input with text', () => {
+      it('should make new tokens from the pasted text', () => {
+        firePasteEvent(input, 'this, that');
 
         expect(mockHandleRemove).toHaveBeenCalledTimes(0);
         expect(mockHandleAdd).toHaveBeenCalledTimes(2);
@@ -142,16 +142,16 @@ describe("When pasting...", () => {
         const tokenSpec2 = mockHandleAdd.mock.calls[1][0];
 
         expect(tokenSpec1).toEqual(
-          expect.objectContaining({ id: expect.any(String), value: "this" })
+          expect.objectContaining({id: expect.any(String), value: 'this'})
         );
         expect(tokenSpec2).toEqual(
-          expect.objectContaining({ id: expect.any(String), value: "that" })
+          expect.objectContaining({id: expect.any(String), value: 'that'})
         );
       });
     });
   });
 
-  describe("...with tokens...", () => {
+  describe('...with tokens...', () => {
     beforeEach(() => {
       // TokenInput is a stateless component, so the value managed in state is cleared in the wrapper.
       mockHandleAdd = jest.fn();
@@ -163,23 +163,23 @@ describe("When pasting...", () => {
           name="token-input"
           placeholder="Enter text"
           tokens={[
-            { id: "1", value: "one" },
-            { id: "2", value: "two" },
-            { id: "3", value: "three" },
+            {id: '1', value: 'one'},
+            {id: '2', value: 'two'},
+            {id: '3', value: 'three'},
           ]}
           onAddToken={mockHandleAdd}
           onRemoveToken={mockHandleRemove}
         />
       );
 
-      const { getByPlaceholderText } = render(tokenInput);
+      const {getByPlaceholderText} = render(tokenInput);
 
-      input = getByPlaceholderText("Enter text");
+      input = getByPlaceholderText('Enter text');
     });
 
-    describe("...simple text after one or more tokens", () => {
-      it("simply paste the text", () => {
-        firePasteEvent(input, "Hello world");
+    describe('...simple text after one or more tokens', () => {
+      it('simply paste the text', () => {
+        firePasteEvent(input, 'Hello world');
 
         expect(mockHandleRemove).toHaveBeenCalledTimes(0);
         expect(mockHandleAdd).toHaveBeenCalledTimes(0);
@@ -188,9 +188,9 @@ describe("When pasting...", () => {
       });
     });
 
-    describe("...delimited text after one or more tokens", () => {
-      it("should add multiple new tokens", () => {
-        firePasteEvent(input, "this, that");
+    describe('...delimited text after one or more tokens', () => {
+      it('should add multiple new tokens', () => {
+        firePasteEvent(input, 'this, that');
 
         expect(mockHandleRemove).toHaveBeenCalledTimes(0);
         expect(mockHandleAdd).toHaveBeenCalledTimes(2);
@@ -201,10 +201,10 @@ describe("When pasting...", () => {
         const tokenSpec2 = mockHandleAdd.mock.calls[1][0];
 
         expect(tokenSpec1).toEqual(
-          expect.objectContaining({ id: expect.any(String), value: "this" })
+          expect.objectContaining({id: expect.any(String), value: 'this'})
         );
         expect(tokenSpec2).toEqual(
-          expect.objectContaining({ id: expect.any(String), value: "that" })
+          expect.objectContaining({id: expect.any(String), value: 'that'})
         );
       });
     });