@sproutsocial/racine 11.7.0 → 11.9.0-typescript.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sproutsocial/racine",
-  "version": "11.7.0",
+  "version": "11.9.0-typescript.0",
   "license": "MIT",
   "files": [
     "__flow__",
@@ -66,6 +66,10 @@
   },
   "dependencies": {
     "@styled-system/theme-get": "^5.1.2",
+    "@types/jest": "^27.5.1",
+    "@types/node": "^17.0.38",
+    "@types/react": "^18.0.10",
+    "@types/react-dom": "^18.0.5",
     "classnames": "^2.2.6",
     "lodash.curry": "^4.1.1",
     "lodash.uniqueid": "^4.0.1",
@@ -81,6 +85,7 @@
     "react-virtualized": "9.18.5",
     "scroll-into-view-if-needed": "1.1.0",
     "styled-system": "^5.1.5",
+    "typescript": "^4.7.2",
     "use-measure": "^0.2.2"
   },
   "devDependencies": {

package/commonjs/Button/index.js

@@ -1,70 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var React = _interopRequireWildcard(require("react"));
-
-var _styles = _interopRequireDefault(require("./styles"));
-
-var _excluded = ["href", "appearance", "active", "disabled", "external", "children", "size", "innerRef", "onClick", "title", "qa", "as", "ariaLabel"];
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
-var Button = function Button(_ref) {
-  var href = _ref.href,
-      _ref$appearance = _ref.appearance,
-      appearance = _ref$appearance === void 0 ? "unstyled" : _ref$appearance,
-      _ref$active = _ref.active,
-      active = _ref$active === void 0 ? false : _ref$active,
-      disabled = _ref.disabled,
-      external = _ref.external,
-      children = _ref.children,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? "default" : _ref$size,
-      innerRef = _ref.innerRef,
-      onClick = _ref.onClick,
-      title = _ref.title,
-      _ref$qa = _ref.qa,
-      qa = _ref$qa === void 0 ? {} : _ref$qa,
-      as = _ref.as,
-      ariaLabel = _ref.ariaLabel,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-
-  if (!href && external) {
-    console.warn("Warning: external prop cannot be set without a href declaration");
-  } // plans to properly deprecate captured in DS-1096
-
-
-  var appearanceCheck = appearance === "default" ? "unstyled" : appearance;
-  return /*#__PURE__*/React.createElement(_styles.default, _extends({
-    title: title,
-    active: active,
-    href: href,
-    target: external ? "_blank" : undefined,
-    rel: external ? "noopener noreferrer" : undefined,
-    as: as || (href ? "a" : "button"),
-    type: href ? undefined : "button",
-    "aria-disabled": disabled ? disabled : undefined,
-    disabled: disabled,
-    buttonSize: size,
-    appearance: appearanceCheck,
-    ref: innerRef,
-    onClick: onClick,
-    "data-qa-button": title || "",
-    "data-qa-button-isdisabled": disabled === true,
-    "aria-label": ariaLabel
-  }, qa, rest), children);
-};
-
-Button.displayName = "Button";
-var _default = Button;
-exports.default = _default;

package/commonjs/Button/styles.js

@@ -1,66 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _styledComponents = _interopRequireWildcard(require("styled-components"));
-
-var _systemProps = require("../utils/system-props");
-
-var _mixins = require("../utils/mixins");
-
-var _styles = _interopRequireDefault(require("../Icon/styles"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-var Container = _styledComponents.default.button.withConfig({
-  displayName: "styles__Container",
-  componentId: "sc-1juy94s-0"
-})(["display:inline-block;box-sizing:border-box;text-align:center;font-family:", ";border:1px solid ", ";border-radius:", ";border-style:", ";background:", ";color:", ";cursor:pointer;text-decoration:none;line-height:16px;white-space:nowrap;font-weight:", ";transition:all ", " linear;margin:0;padding:", ";font-size:", ";&:visited{color:", ";}&:hover{color:", ";background:", ";text-decoration:none;box-shadow:", ";}&:active{color:", ";background:", ";transform:translateY(1px);}&:focus{", "}&:focus:active{box-shadow:none;}", " ", " ", " ", "{vertical-align:text-bottom;}", " ", ""], function (props) {
-  return props.theme.fontFamily;
-}, function (props) {
-  return props.theme.colors.button[props.appearance].border.base;
-}, function (props) {
-  return props.theme.radii[500];
-}, function (props) {
-  return props.appearance === "placeholder" ? "dashed" : "solid";
-}, function (props) {
-  return props.theme.colors.button[props.appearance].background.base;
-}, function (props) {
-  return props.theme.colors.button[props.appearance].text.base;
-}, function (props) {
-  return props.theme.fontWeights.bold;
-}, function (props) {
-  return props.theme.duration.fast;
-}, function (props) {
-  return props.buttonSize === "default" ? "" + props.theme.space[300] : "" + props.theme.space[350];
-}, function (props) {
-  return props.buttonSize === "default" ? props.theme.typography[200].fontSize : props.theme.typography[300].fontSize;
-}, function (props) {
-  return props.theme.colors.button[props.appearance].text.base;
-}, function (props) {
-  return props.theme.colors.button[props.appearance].text.hover;
-}, function (props) {
-  return props.theme.colors.button[props.appearance].background.hover;
-}, function (props) {
-  return props.appearance === "placeholder" ? props.theme.shadows.low : "none";
-}, function (props) {
-  return props.theme.colors.button[props.appearance].text.hover;
-}, function (props) {
-  return props.theme.colors.button[props.appearance].background.active;
-}, _mixins.focusRing, function (props) {
-  return props.active && (0, _styledComponents.css)(["color:", " !important;background:", " !important;"], props.theme.colors.button[props.appearance].text.hover, props.theme.colors.button[props.appearance].background.active);
-}, function (props) {
-  return props.disabled && _mixins.disabled;
-}, function (props) {
-  return props.appearance === "pill" && (0, _styledComponents.css)(["display:inline-flex;align-items:center;justify-content:center;mix-blend-mode:", ";", ""], props.theme.mode === "dark" ? "screen" : "multiply", _mixins.pill);
-}, _styles.default, _systemProps.LAYOUT, _systemProps.COMMON);
-
-Container.displayName = "Button-Container";
-var _default = Container; //${props.theme.mode === "dark" ? "screen" : "multiply"}
-
-exports.default = _default;

package/lib/Button/index.js

@@ -1,57 +0,0 @@
-var _excluded = ["href", "appearance", "active", "disabled", "external", "children", "size", "innerRef", "onClick", "title", "qa", "as", "ariaLabel"];
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
-import * as React from "react";
-import Container from "./styles";
-
-var Button = function Button(_ref) {
-  var href = _ref.href,
-      _ref$appearance = _ref.appearance,
-      appearance = _ref$appearance === void 0 ? "unstyled" : _ref$appearance,
-      _ref$active = _ref.active,
-      active = _ref$active === void 0 ? false : _ref$active,
-      disabled = _ref.disabled,
-      external = _ref.external,
-      children = _ref.children,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? "default" : _ref$size,
-      innerRef = _ref.innerRef,
-      onClick = _ref.onClick,
-      title = _ref.title,
-      _ref$qa = _ref.qa,
-      qa = _ref$qa === void 0 ? {} : _ref$qa,
-      as = _ref.as,
-      ariaLabel = _ref.ariaLabel,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-
-  if (!href && external) {
-    console.warn("Warning: external prop cannot be set without a href declaration");
-  } // plans to properly deprecate captured in DS-1096
-
-
-  var appearanceCheck = appearance === "default" ? "unstyled" : appearance;
-  return /*#__PURE__*/React.createElement(Container, _extends({
-    title: title,
-    active: active,
-    href: href,
-    target: external ? "_blank" : undefined,
-    rel: external ? "noopener noreferrer" : undefined,
-    as: as || (href ? "a" : "button"),
-    type: href ? undefined : "button",
-    "aria-disabled": disabled ? disabled : undefined,
-    disabled: disabled,
-    buttonSize: size,
-    appearance: appearanceCheck,
-    ref: innerRef,
-    onClick: onClick,
-    "data-qa-button": title || "",
-    "data-qa-button-isdisabled": disabled === true,
-    "aria-label": ariaLabel
-  }, qa, rest), children);
-};
-
-Button.displayName = "Button";
-export default Button;

package/lib/Button/styles.js

@@ -1,48 +0,0 @@
-import styled, { css } from "styled-components";
-import { COMMON, LAYOUT } from "../utils/system-props";
-import { focusRing, disabled, pill } from "../utils/mixins";
-import Icon from "../Icon/styles";
-var Container = styled.button.withConfig({
-  displayName: "styles__Container",
-  componentId: "sc-1juy94s-0"
-})(["display:inline-block;box-sizing:border-box;text-align:center;font-family:", ";border:1px solid ", ";border-radius:", ";border-style:", ";background:", ";color:", ";cursor:pointer;text-decoration:none;line-height:16px;white-space:nowrap;font-weight:", ";transition:all ", " linear;margin:0;padding:", ";font-size:", ";&:visited{color:", ";}&:hover{color:", ";background:", ";text-decoration:none;box-shadow:", ";}&:active{color:", ";background:", ";transform:translateY(1px);}&:focus{", "}&:focus:active{box-shadow:none;}", " ", " ", " ", "{vertical-align:text-bottom;}", " ", ""], function (props) {
-  return props.theme.fontFamily;
-}, function (props) {
-  return props.theme.colors.button[props.appearance].border.base;
-}, function (props) {
-  return props.theme.radii[500];
-}, function (props) {
-  return props.appearance === "placeholder" ? "dashed" : "solid";
-}, function (props) {
-  return props.theme.colors.button[props.appearance].background.base;
-}, function (props) {
-  return props.theme.colors.button[props.appearance].text.base;
-}, function (props) {
-  return props.theme.fontWeights.bold;
-}, function (props) {
-  return props.theme.duration.fast;
-}, function (props) {
-  return props.buttonSize === "default" ? "" + props.theme.space[300] : "" + props.theme.space[350];
-}, function (props) {
-  return props.buttonSize === "default" ? props.theme.typography[200].fontSize : props.theme.typography[300].fontSize;
-}, function (props) {
-  return props.theme.colors.button[props.appearance].text.base;
-}, function (props) {
-  return props.theme.colors.button[props.appearance].text.hover;
-}, function (props) {
-  return props.theme.colors.button[props.appearance].background.hover;
-}, function (props) {
-  return props.appearance === "placeholder" ? props.theme.shadows.low : "none";
-}, function (props) {
-  return props.theme.colors.button[props.appearance].text.hover;
-}, function (props) {
-  return props.theme.colors.button[props.appearance].background.active;
-}, focusRing, function (props) {
-  return props.active && css(["color:", " !important;background:", " !important;"], props.theme.colors.button[props.appearance].text.hover, props.theme.colors.button[props.appearance].background.active);
-}, function (props) {
-  return props.disabled && disabled;
-}, function (props) {
-  return props.appearance === "pill" && css(["display:inline-flex;align-items:center;justify-content:center;mix-blend-mode:", ";", ""], props.theme.mode === "dark" ? "screen" : "multiply", pill);
-}, Icon, LAYOUT, COMMON);
-Container.displayName = "Button-Container";
-export default Container; //${props.theme.mode === "dark" ? "screen" : "multiply"}