@sproutsocial/racine 11.0.1 → 11.0.2-dependencies.1

package/__flow__/systemProps/tests/typography.test.js

@@ -0,0 +1,93 @@
+// @flow strict-local
+import React from "react";
+import styled from "styled-components";
+import { render } from "../../utils/react-testing-library";
+import type { TypeTheme } from "../../types/theme.flow";
+import {
+  typographySystemProps,
+  type TypeTypographySystemProps,
+} from "../typography";
+
+describe("typography system props", () => {
+  const Component = styled<TypeTypographySystemProps, TypeTheme, "div">("div")`
+    ${typographySystemProps}
+  `;
+
+  test("fontFamily", () => {
+    const { container } = render(
+      <>
+        <Component fontFamily="string" />
+      </>
+    );
+    expect(container).toMatchSnapshot();
+  });
+
+  test("fontSize", () => {
+    const { container } = render(
+      <>
+        <Component fontSize="string" />
+        <Component fontSize={100} />
+      </>
+    );
+    expect(container).toMatchSnapshot();
+  });
+
+  test("fontStyle", () => {
+    const { container } = render(
+      <>
+        <Component fontStyle="string" />
+      </>
+    );
+    expect(container).toMatchSnapshot();
+  });
+
+  test("fontWeight", () => {
+    const { container } = render(
+      <>
+        <Component fontWeight="normal" />
+        <Component fontWeight="semibold" />
+        <Component fontWeight="bold" />
+        <Component fontWeight="extrabold" />
+        <Component fontWeight={100} />
+        <Component
+          // $FlowExpectedError
+          fontWeight="string"
+        />
+      </>
+    );
+    expect(container).toMatchSnapshot();
+  });
+
+  test("letterSpacing", () => {
+    const { container } = render(
+      <>
+        <Component letterSpacing="string" />
+        <Component letterSpacing={1} />
+      </>
+    );
+    expect(container).toMatchSnapshot();
+  });
+
+  test("lineHeight", () => {
+    const { container } = render(
+      <>
+        <Component lineHeight="string" />
+        <Component lineHeight={1} />
+      </>
+    );
+    expect(container).toMatchSnapshot();
+  });
+
+  test("textAlign", () => {
+    const { container } = render(
+      <>
+        <Component textAlign="center" />
+        <Component
+          // $FlowExpectedError
+          textAlign="string"
+        />
+      </>
+    );
+    expect(container).toMatchSnapshot();
+  });
+});

package/__flow__/systemProps/tests/variant.test.js

@@ -0,0 +1,25 @@
+// @flow strict-local
+import React from "react";
+import styled from "styled-components";
+import { render } from "../../utils/react-testing-library";
+import type { TypeTheme } from "../../types/theme.flow";
+import { variantSystemProps, type TypeVariantSystemProps } from "../variant";
+
+describe("variant system props", () => {
+  const Component = styled<TypeVariantSystemProps, TypeTheme, "div">("div")`
+    ${variantSystemProps}
+  `;
+
+  test("typeScale", () => {
+    const { container } = render(
+      <>
+        <Component typeScale="100" />
+        <Component
+          // $FlowExpectedError
+          typeScale={100}
+        />
+      </>
+    );
+    expect(container).toMatchSnapshot();
+  });
+});

package/__flow__/systemProps/types.flow.js

@@ -0,0 +1,20 @@
+// @flow strict
+
+export type TypeResponsiveSystemProp<T> =
+  | T
+  | [T]
+  | [T, T]
+  | [T, T, T]
+  | [T, T, T, T]
+  | [T, T, T, T, T];
+export type TypeBaseSystemProp<T> = ?T | boolean;
+// eslint-disable-next-line prettier/prettier
+export type TypeResponsiveBaseSystemProp<T> = TypeResponsiveSystemProp<TypeBaseSystemProp<T>>;
+
+export interface StyledSystemStyleFn {
+  (...args: mixed[]): mixed;
+
+  config?: { ... } | void;
+  propNames?: string[] | void;
+  cache?: { ... } | void;
+}

package/__flow__/systemProps/typography.js

@@ -0,0 +1,34 @@
+// @flow strict-local
+
+import { typography } from "styled-system";
+import type {
+  FontFamilyProperty,
+  FontSizeProperty,
+  FontStyleProperty,
+  FontWeightProperty,
+  LetterSpacingProperty,
+  LineHeightProperty,
+  TextAlignProperty,
+} from "csstype";
+
+import typeof { fontWeights as TypeofFontWeights } from "../themes/light/theme";
+import type {
+  StyledSystemStyleFn,
+  TypeResponsiveBaseSystemProp,
+} from "./types.flow.js";
+
+// https://styled-system.com/table#typography
+
+export type TypeTypographySystemProps = $ReadOnly<{|
+  fontFamily?: TypeResponsiveBaseSystemProp<FontFamilyProperty>,
+  fontSize?: TypeResponsiveBaseSystemProp<FontSizeProperty<number>>,
+  fontStyle?: TypeResponsiveBaseSystemProp<FontStyleProperty>,
+  // eslint-disable-next-line prettier/prettier
+  fontWeight?: TypeResponsiveBaseSystemProp<FontWeightProperty | $Keys<TypeofFontWeights>>,
+  // eslint-disable-next-line prettier/prettier
+  letterSpacing?: TypeResponsiveBaseSystemProp<LetterSpacingProperty<string | number>>,
+  lineHeight?: TypeResponsiveBaseSystemProp<LineHeightProperty<void>>,
+  textAlign?: TypeResponsiveBaseSystemProp<TextAlignProperty>,
+|}>;
+
+export const typographySystemProps: StyledSystemStyleFn = typography;

package/__flow__/systemProps/variant.js

@@ -0,0 +1,18 @@
+// @flow strict-local
+import { compose, variant } from "styled-system";
+import type { TypeTypography } from "../types/theme.flow";
+
+import type { TypeResponsiveBaseSystemProp } from "./types.flow.js";
+
+// https://styled-system.com/variants
+
+export type TypeVariantSystemProps = $ReadOnly<{|
+  typeScale?: TypeResponsiveBaseSystemProp<$Keys<TypeTypography>>,
+|}>;
+
+export const variantSystemProps = compose(
+  variant({
+    key: "typography",
+    prop: "typeScale",
+  })
+);

package/__flow__/themes/dark/theme.js

@@ -184,6 +184,7 @@ const colors = {
     danger: red.foreground,
     info: blue.foreground,
     opportunity: purple.foreground,
+    applied: COLORS.COLOR_BLUE_400,
     positive_sentiment: COLORS.COLOR_BLUE_700,
     negative_sentiment: COLORS.COLOR_RED_600,
     neutral_sentiment: COLORS.COLOR_NEUTRAL_600,

package/__flow__/themes/light/theme.js

@@ -181,6 +181,7 @@ const colors = {
     danger: red.foreground,
     info: blue.foreground,
     opportunity: purple.foreground,
+    applied: COLORS.COLOR_BLUE_700,
     positive_sentiment: COLORS.COLOR_BLUE_700,
     negative_sentiment: COLORS.COLOR_RED_600,
     neutral_sentiment: COLORS.COLOR_NEUTRAL_600,

package/bin/buildNpm.js

@@ -0,0 +1,58 @@
+/**
+ * This file handles the generation of an .npmrc with Jfrog credentials during the CI process.
+ * It replicates the local configuration requirements of a developer running `yarn` on their machine
+ * If run locally please do not commit your auth credentials
+ */
+const fs = require("fs");
+const https = require("https");
+const { exit } = require("process");
+
+const { ARTIFACTORY_KEY, CI } = process.env;
+
+// Check if we're in CI context, otherwise skip the process
+if (!CI) {
+  exit();
+}
+
+const options = {
+  hostname: "sproutsocial.jfrog.io",
+  path: "/artifactory/api/npm/auth",
+  method: "GET",
+  headers: {
+    "X-JFrog-Art-Api": ARTIFACTORY_KEY,
+  },
+};
+
+const req = https.request(options, (res) => {
+  console.log(`statusCode: ${res.statusCode}`);
+
+  // Call our auth endpoint with environment credentials
+  res.on("data", (data) => {
+    // Writes out an .npmrc file with the response
+    fs.writeFile(".npmrc", data, (err) => {
+      if (err) console.log(err);
+      else {
+        console.log(".npmrc generated successfully!");
+      }
+    });
+
+    // Once the file is created we append the registry info
+    fs.appendFile(
+      ".npmrc",
+      "registry=https://sproutsocial.jfrog.io/artifactory/api/npm/npm_virtual",
+      function (err) {
+        if (err) throw err;
+        console.log("Registry Config Added!");
+      }
+    );
+
+    // Finally, we set permissions for the file so that netlify recognizes it
+    fs.chmodSync(".npmrc", "0600");
+  });
+});
+
+req.on("error", (error) => {
+  console.error(error);
+});
+
+req.end();

package/commonjs/Breadcrumb/index.js

@@ -63,5 +63,6 @@ var Breadcrumb = function Breadcrumb(_ref2) {
 };
 
 Breadcrumb.Item = BreadcrumbItem;
+Breadcrumb.Item.displayName = "Breadcrumb.Item";
 var _default = Breadcrumb;
 exports.default = _default;

package/commonjs/Collapsible/index.js

@@ -135,5 +135,7 @@ var Panel = function Panel(_ref3) {
 
 Collapsible.Trigger = Trigger;
 Collapsible.Panel = Panel;
+Collapsible.Trigger.displayName = "Collapsible.Trigger";
+Collapsible.Panel.displayName = "Collapsible.Panel";
 var _default = Collapsible;
 exports.default = _default;

package/commonjs/Drawer/index.js

@@ -233,5 +233,8 @@ var DrawerContainer = function DrawerContainer(_ref4) {
 DrawerContainer.Header = DrawerHeader;
 DrawerContainer.Content = DrawerContent;
 DrawerContainer.CloseButton = DrawerCloseButton;
+DrawerContainer.Header.displayName = "Drawer.Header";
+DrawerContainer.Content.displayName = "Drawer.Content";
+DrawerContainer.CloseButton.displayName = "Drawer.CloseButton";
 var _default = DrawerContainer;
 exports.default = _default;

package/commonjs/Fieldset/index.js

@@ -51,7 +51,7 @@ var Fieldset = function Fieldset(_ref) {
   );
 };
 
-Fieldset.Legend = function (_ref2) {
+var FieldsetLegend = function FieldsetLegend(_ref2) {
   var children = _ref2.children,
       rest = _objectWithoutPropertiesLoose(_ref2, ["children"]);
 
@@ -64,7 +64,7 @@ Fieldset.Legend = function (_ref2) {
   }, rest), children);
 };
 
-Fieldset.HelperText = function (_ref3) {
+var FieldsetHelperText = function FieldsetHelperText(_ref3) {
   var children = _ref3.children,
       rest = _objectWithoutPropertiesLoose(_ref3, ["children"]);
 
@@ -75,5 +75,9 @@ Fieldset.HelperText = function (_ref3) {
   }, rest), children);
 };
 
+Fieldset.Legend = FieldsetLegend;
+Fieldset.HelperText = FieldsetHelperText;
+Fieldset.Legend.displayName = "Fieldset.Legend";
+Fieldset.HelperText.displayName = "Fieldset.HelperText";
 var _default = Fieldset;
 exports.default = _default;

package/commonjs/Icon/index.js

@@ -64,7 +64,7 @@ var ToggleableIcon = (0, _styledComponents.default)(Icon).withConfig({
   return !p.active && (0, _styledComponents.css)(["position:absolute;opacity:0;transform:scale(0);"]);
 });
 
-Icon.Toggle = function (_ref2) {
+var IconToggle = function IconToggle(_ref2) {
   var activeName = _ref2.activeName,
       inactiveName = _ref2.inactiveName,
       isActive = _ref2.isActive,
@@ -100,5 +100,7 @@ Icon.Toggle = function (_ref2) {
   );
 };
 
+Icon.Toggle = IconToggle;
+Icon.Toggle.displayName = "Icon.Toggle";
 var _default = Icon;
 exports.default = _default;

package/commonjs/IconViewBoxes.js

@@ -6,6 +6,7 @@ module.exports = {
   "add-keyword": "0 0 16 16",
   "add-team-member": "0 0 18 13",
   "add-variable": "0 0 18 14",
+  "address-card-outline": "0 0 16 16",
   "address-card-solid": "0 0 18 16",
   "adobe-experience-manager": "0 0 16 18",
   "ads": "0 0 9 16",
@@ -210,6 +211,7 @@ module.exports = {
   "location-outline": "0 0 12 16",
   "location": "0 0 12 16",
   "lock": "0 0 14 16",
+  "magic-wand": "0 0 17 16",
   "male": "0 0 16 20",
   "marketo": "0 0 16 18",
   "mention": "0 0 16 16",

package/commonjs/Menu/index.js

@@ -429,6 +429,12 @@ Menu.Checkbox = MenuCheckbox;
 Menu.Radio = MenuRadio;
 Menu.Divider = MenuDivider;
 Menu.FilterInput = MenuFilterInput;
+Menu.Group.displayName = "Menu.Group";
+Menu.Item.displayName = "Menu.Item";
+Menu.Checkbox.displayName = "Menu.Checkbox";
+Menu.Radio.displayName = "Menu.Radio";
+Menu.Divider.displayName = "Menu.Divider";
+Menu.FilterInput.displayName = "Menu.FilterInput";
 var CustomPopoutContent = (0, _styledComponents.default)(_Popout.default.Content).withConfig({
   displayName: "Menu__CustomPopoutContent",
   componentId: "sc-1p3rdnp-1"

package/commonjs/Message/index.js

@@ -98,6 +98,8 @@ Message.Body = function (props) {
   });
 };
 
+Message.Body.displayName = "Message.Body";
+
 Message.Header = function (props) {
   return /*#__PURE__*/React.createElement(MessageContext.Consumer, null, function (_ref3) {
     var density = _ref3.density,
@@ -109,6 +111,8 @@ Message.Header = function (props) {
   });
 };
 
+Message.Header.displayName = "Message.Header";
+
 Message.Footer = function (props) {
   return /*#__PURE__*/React.createElement(MessageContext.Consumer, null, function (_ref4) {
     var density = _ref4.density,
@@ -122,6 +126,8 @@ Message.Footer = function (props) {
   });
 };
 
+Message.Footer.displayName = "Message.Footer";
+
 Message.Meta = function (props) {
   return /*#__PURE__*/React.createElement(MessageContext.Consumer, null, function (_ref5) {
     var density = _ref5.density,
@@ -135,12 +141,16 @@ Message.Meta = function (props) {
   });
 };
 
+Message.Meta.displayName = "Message.Meta";
+
 Message.Button = function (props) {
   return /*#__PURE__*/React.createElement(_Button.default, _extends({}, props, {
     appearance: props.appearance || "pill"
   }));
 };
 
+Message.Button.displayName = "Message.Button";
+
 Message.Avatar = function (props) {
   return /*#__PURE__*/React.createElement(MessageContext.Consumer, null, function (_ref6) {
     var density = _ref6.density;
@@ -150,6 +160,8 @@ Message.Avatar = function (props) {
   });
 };
 
+Message.Avatar.displayName = "Message.Avatar";
+
 Message.Checkbox = function (props) {
   return /*#__PURE__*/React.createElement(MessageContext.Consumer, null, function (_ref7) {
     var density = _ref7.density;
@@ -164,6 +176,7 @@ Message.Checkbox = function (props) {
   });
 };
 
+Message.Checkbox.displayName = "Message.Checkbox";
 Message.Context = MessageContext;
 Message.DENSITIES = MESSAGE_DENSITIES;
 var _default = Message;

package/commonjs/Modal/index.js

@@ -147,6 +147,10 @@ Modal.Header = ModalHeader;
 Modal.Footer = ModalFooter;
 Modal.Content = ModalContent;
 Modal.CloseButton = ModalCloseButton;
+Modal.Header.displayName = "Modal.Header";
+Modal.Footer.displayName = "Modal.Footer";
+Modal.Content.displayName = "Modal.Content";
+Modal.CloseButton.displayName = "Modal.CloseButton";
 Modal.defaultProps = {
   width: "800px",
   zIndex: 6

package/commonjs/Popout/index.js

@@ -280,7 +280,7 @@ function Popout(_ref) {
   }));
 }
 
-Popout.Content = function (_ref4) {
+var PopoutContent = function PopoutContent(_ref4) {
   var children = _ref4.children,
       rest = _objectWithoutPropertiesLoose(_ref4, ["children"]);
 
@@ -294,4 +294,7 @@ Popout.Content = function (_ref4) {
     p: 400,
     m: 300
   }, rest), children);
-};
+};
+
+Popout.Content = PopoutContent;
+Popout.Content.displayName = "Popout.Content";

package/commonjs/SegmentedControl/index.js

@@ -90,5 +90,6 @@ var SegmentedControl = function SegmentedControl(_ref2) {
 };
 
 SegmentedControl.Item = SegmentedControlItem;
+SegmentedControl.Item.displayName = "SegmentedControl.Item";
 var _default = SegmentedControl;
 exports.default = _default;

package/commonjs/Table/index.js

@@ -103,5 +103,10 @@ Table.TableBody = TableBody;
 Table.TableRow = TableRow;
 Table.HeaderCell = _TableHeaderCell.default;
 Table.Cell = _TableCell.default;
+Table.TableHead.displayName = "Table.TableHead";
+Table.TableBody.displayName = "Table.TableBody";
+Table.TableRow.displayName = "Table.TableRow";
+Table.HeaderCell.displayName = "Table.HeaderCell";
+Table.Cell.displayName = "Table.Cell";
 var _default = Table;
 exports.default = _default;

package/commonjs/Text/index.js

@@ -106,5 +106,12 @@ Text.Byline = Byline;
 Text.SmallByline = SmallByline;
 Text.BodyCopy = BodyCopy;
 Text.SmallBodyCopy = SmallBodyCopy;
+Text.Headline.displayName = "Text.Headline";
+Text.SubHeadline.displayName = "Text.SubHeadline";
+Text.SmallSubHeadline.displayName = "Text.SmallSubHeadline";
+Text.Byline.displayName = "Text.Byline";
+Text.SmallByline.displayName = "Text.SmallByline";
+Text.BodyCopy.displayName = "Text.BodyCopy";
+Text.SmallBodyCopy.displayName = "Text.SmallBodyCopy";
 var _default = Text;
 exports.default = _default;