@sproutsocial/racine 19.0.0 → 19.0.1

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # Change Log
 
+## 19.0.1
+
+### Patch Changes
+
+- 52e76ee2: Overriding the type for `React.HTMLAttributes` so that it included `data-*` attributes
+  - This fixes a bug which did not allow passing data attributes on `Input.inputProps`
+  - Also updates `React.ComponentProps` since it consumed `React.HTMLAttributes`
+- d9df9d52: Fixing a bug in CardLink component that opened two tabs when clicked
+
 ## 19.0.0
 
 ### Major Changes

package/commonjs/Card/subComponents.js

@@ -72,10 +72,16 @@ var CardLink = function CardLink(_ref6) {
   var _useContext = (0, _react.useContext)(_utils.SubComponentContext),
     href = _useContext.href,
     linkRef = _useContext.linkRef;
+
+  // Because we are hijacking Card click event to directly click this link, we need to stop propagation to avoid a double click event.
+  var handleClick = function handleClick(e) {
+    e.stopPropagation();
+  };
   return /*#__PURE__*/_react.default.createElement(_styles.StyledCardLink, _extends({}, rest, {
     target: external ? '_blank' : undefined,
     rel: external ? 'noreferrer' : undefined,
     href: href,
+    onClick: handleClick,
     ref: linkRef
     // TODO: fix this type since `color` should be valid here. TS can't resolve the correct type.
     // eslint-disable-next-line @typescript-eslint/ban-ts-comment

package/commonjs/react.d.js

@@ -0,0 +1 @@
+"use strict";

package/dist/types/Card/Card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../src/Card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyB,MAAM,OAAO,CAAC;AAE9C,OAAO,EAAC,aAAa,EAAkB,MAAM,aAAa,CAAC;AAI3D;;;;;;;;;;;;GAYG;AAEH,QAAA,MAAM,IAAI,8EASP,aAAa,sBAwCf,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../src/Card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyB,MAAM,OAAO,CAAC;AAE9C,OAAO,EAAC,aAAa,EAAkB,MAAM,aAAa,CAAC;AAI3D;;;;;;;;;;;;GAYG;AAEH,QAAA,MAAM,IAAI,8EASP,aAAa,sBAyCf,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/types/Card/subComponents.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"subComponents.d.ts","sourceRoot":"","sources":["../../../src/Card/subComponents.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,EAAC,YAAY,EAAC,MAAM,aAAa,CAAC;AAWzC,eAAO,MAAM,WAAW;;;uBAKvB,CAAC;AAEF,eAAO,MAAM,UAAU;;;uBAGtB,CAAC;AAEF,eAAO,MAAM,UAAU;;;uBAGtB,CAAC;AAEF,eAAO,MAAM,YAAY;;uBAWxB,CAAC;AAEF,eAAO,MAAM,cAAc;;uBAU1B,CAAC;AAEF,eAAO,MAAM,QAAQ,uDAMlB,MAAM,iBAAiB,CAAC,YAAY,CAAC,sBAqBvC,CAAC"}
+{"version":3,"file":"subComponents.d.ts","sourceRoot":"","sources":["../../../src/Card/subComponents.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,EAAC,YAAY,EAAC,MAAM,aAAa,CAAC;AAWzC,eAAO,MAAM,WAAW;;;uBAKvB,CAAC;AAEF,eAAO,MAAM,UAAU;;;uBAGtB,CAAC;AAEF,eAAO,MAAM,UAAU;;;uBAGtB,CAAC;AAEF,eAAO,MAAM,YAAY;;uBAWxB,CAAC;AAEF,eAAO,MAAM,cAAc;;uBAU1B,CAAC;AAEF,eAAO,MAAM,QAAQ,uDAMlB,MAAM,iBAAiB,CAAC,YAAY,CAAC,sBA2BvC,CAAC"}

package/dist/types/Card/utils.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+/// <reference types="@src/react" />
 import { TypeCardProps } from './CardTypes';
 import { TypeCardContext } from './CardTypes';
 export declare const SubComponentContext: import("react").Context<TypeCardContext>;

package/dist/types/Card/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/Card/utils.ts"],"names":[],"mappings":";AAEA,OAAO,EAAC,aAAa,EAAC,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAC,eAAe,EAAC,MAAM,aAAa,CAAC;AAE5C,eAAO,MAAM,mBAAmB,0CAK9B,CAAC;AAEH,wBAAgB,eAAe,SAG9B;AAED,UAAU,gBAAiB,SAAQ,IAAI,CAAC,aAAa,EAAE,MAAM,CAAC;IAC5D,CAAC,EAAE,KAAK,CAAC,UAAU,GAAG,KAAK,CAAC,aAAa,CAAC;IAC1C,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;CACtC;AAED,eAAO,MAAM,UAAU,qBAAoB,gBAAgB,SAiB1D,CAAC;AAEF,UAAU,eACR,SAAQ,IAAI,CAAC,aAAa,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,CAAC;IACxD,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACvB,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;CACtC;AAED,eAAO,MAAM,SAAS,oCAAmC,eAAe,SAYvE,CAAC"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/Card/utils.ts"],"names":[],"mappings":";;AAEA,OAAO,EAAC,aAAa,EAAC,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAC,eAAe,EAAC,MAAM,aAAa,CAAC;AAE5C,eAAO,MAAM,mBAAmB,0CAK9B,CAAC;AAEH,wBAAgB,eAAe,SAG9B;AAED,UAAU,gBAAiB,SAAQ,IAAI,CAAC,aAAa,EAAE,MAAM,CAAC;IAC5D,CAAC,EAAE,KAAK,CAAC,UAAU,GAAG,KAAK,CAAC,aAAa,CAAC;IAC1C,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;CACtC;AAED,eAAO,MAAM,UAAU,qBAAoB,gBAAgB,SAiB1D,CAAC;AAEF,UAAU,eACR,SAAQ,IAAI,CAAC,aAAa,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,CAAC;IACxD,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACvB,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;CACtC;AAED,eAAO,MAAM,SAAS,oCAAmC,eAAe,SAYvE,CAAC"}

package/dist/types/Menu/utils/hooks.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+/// <reference types="@src/react" />
 import type { TypeMenuButtonContext, TypeMenuContext } from '../../Menu/MenuTypes';
 export declare const MenuContext: import("react").Context<TypeMenuContext>;
 export declare const MenuButtonContext: import("react").Context<TypeMenuButtonContext>;

package/dist/types/Menu/utils/hooks.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../../../../src/Menu/utils/hooks.ts"],"names":[],"mappings":";AAGA,OAAO,KAAK,EAAC,qBAAqB,EAAE,eAAe,EAAC,MAAM,qBAAqB,CAAC;AAShF,eAAO,MAAM,WAAW,0CAmBtB,CAAC;AACH,eAAO,MAAM,iBAAiB,gDAG5B,CAAC;AACH,oBAAY,uBAAuB,GAAG;IACpC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AACF,eAAO,MAAM,qBAAqB;;;;EAEjC,CAAC;AAwBF,wBAAgB,cAAc;;;EA4H7B"}
+{"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../../../../src/Menu/utils/hooks.ts"],"names":[],"mappings":";;AAGA,OAAO,KAAK,EAAC,qBAAqB,EAAE,eAAe,EAAC,MAAM,qBAAqB,CAAC;AAShF,eAAO,MAAM,WAAW,0CAmBtB,CAAC;AACH,eAAO,MAAM,iBAAiB,gDAG5B,CAAC;AACH,oBAAY,uBAAuB,GAAG;IACpC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AACF,eAAO,MAAM,qBAAqB;;;;EAEjC,CAAC;AAwBF,wBAAgB,cAAc;;;EA4H7B"}

package/dist/types/Message/styles.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+/// <reference types="@src/react" />
 import { TypeMessageProps } from './MessageTypes';
 declare const Container: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Omit<import("../Box").TypeBoxProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {
     bg: string;

package/dist/types/Message/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/Message/styles.ts"],"names":[],"mappings":";AAKA,OAAO,EAAC,gBAAgB,EAAC,MAAM,gBAAgB,CAAC;AAGhD,QAAA,MAAM,SAAS;QACT,MAAM;SASX,CAAC;AAIF,eAAO,MAAM,aAAa,8RAgBxB,CAAC;AAiDH,eAAO,MAAM,WAAW,yPASvB,CAAC;AAEF,eAAO,MAAM,aAAa,yPAgBzB,CAAC;AAEF,eAAO,MAAM,WAAW,yPAsBvB,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/Message/styles.ts"],"names":[],"mappings":";;AAKA,OAAO,EAAC,gBAAgB,EAAC,MAAM,gBAAgB,CAAC;AAGhD,QAAA,MAAM,SAAS;QACT,MAAM;SASX,CAAC;AAIF,eAAO,MAAM,aAAa,8RAgBxB,CAAC;AAiDH,eAAO,MAAM,WAAW,yPASvB,CAAC;AAEF,eAAO,MAAM,aAAa,yPAgBzB,CAAC;AAEF,eAAO,MAAM,WAAW,yPAsBvB,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/types/StatefulStory.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="@src/react" />
 import { FC } from 'react';
 /**
  * Props for the StatefulStory component.

package/dist/types/StatefulStory.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StatefulStory.d.ts","sourceRoot":"","sources":["../../src/StatefulStory.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAW,EAAE,EAAC,MAAM,OAAO,CAAC;AAEnC;;;;GAIG;AACH,MAAM,WAAW,kBAAkB,CAAC,CAAC;IACnC,QAAQ,EAAE,EAAE,CAAC;QAAC,KAAK,EAAE,CAAC,CAAC;QAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAA;KAAC,CAAC,CAAC;IACvD,YAAY,EAAE,CAAC,CAAC;CACjB;AAED;;;;;;GAMG;AACH,wBAAgB,aAAa,CAAC,CAAC,EAAE,EAC/B,QAAQ,EACR,YAAY,GACb,EAAE,kBAAkB,CAAC,CAAC,CAAC,iDAGvB"}
+{"version":3,"file":"StatefulStory.d.ts","sourceRoot":"","sources":["../../src/StatefulStory.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAW,EAAE,EAAC,MAAM,OAAO,CAAC;AAEnC;;;;GAIG;AACH,MAAM,WAAW,kBAAkB,CAAC,CAAC;IACnC,QAAQ,EAAE,EAAE,CAAC;QAAC,KAAK,EAAE,CAAC,CAAC;QAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAA;KAAC,CAAC,CAAC;IACvD,YAAY,EAAE,CAAC,CAAC;CACjB;AAED;;;;;;GAMG;AACH,wBAAgB,aAAa,CAAC,CAAC,EAAE,EAC/B,QAAQ,EACR,YAAY,GACb,EAAE,kBAAkB,CAAC,CAAC,CAAC,iDAGvB"}

package/lib/Card/subComponents.js

@@ -58,10 +58,16 @@ export var CardLink = function CardLink(_ref6) {
   var _useContext = useContext(SubComponentContext),
     href = _useContext.href,
     linkRef = _useContext.linkRef;
+
+  // Because we are hijacking Card click event to directly click this link, we need to stop propagation to avoid a double click event.
+  var handleClick = function handleClick(e) {
+    e.stopPropagation();
+  };
   return /*#__PURE__*/React.createElement(StyledCardLink, _extends({}, rest, {
     target: external ? '_blank' : undefined,
     rel: external ? 'noreferrer' : undefined,
     href: href,
+    onClick: handleClick,
     ref: linkRef
     // TODO: fix this type since `color` should be valid here. TS can't resolve the correct type.
     // eslint-disable-next-line @typescript-eslint/ban-ts-comment

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sproutsocial/racine",
-  "version": "19.0.0",
+  "version": "19.0.1",
   "license": "MIT",
   "files": [
     "__flow__",
@@ -92,9 +92,9 @@
   "devDependencies": {
     "@babel/cli": "^7.5.5",
     "@babel/core": "^7.20.2",
-    "@babel/eslint-parser": "^7.19.1",
-    "@babel/plugin-syntax-flow": "^7.18.6",
-    "@babel/plugin-syntax-jsx": "^7.18.6",
+    "@babel/eslint-parser": "^7.22.10",
+    "@babel/plugin-syntax-flow": "^7.22.5",
+    "@babel/plugin-syntax-jsx": "^7.22.5",
     "@babel/preset-env": "^7.20.2",
     "@babel/preset-flow": "^7.0.0",
     "@babel/preset-react": "^7.0.0",
@@ -129,8 +129,8 @@
     "@types/react-modal": "^3.16.0",
     "@types/styled-components": "^5.1.26",
     "@types/styled-system": "^5.1.15",
-    "@typescript-eslint/eslint-plugin": "^5.43.0",
-    "@typescript-eslint/parser": "^5.43.0",
+    "@typescript-eslint/eslint-plugin": "^6.3.0",
+    "@typescript-eslint/parser": "^6.3.0",
     "babel-eslint": "^10.1.0",
     "babel-jest": "29.x.x",
     "babel-loader": "8.2.3",
@@ -143,21 +143,21 @@
     "chalk": "^2.3.2",
     "chokidar": "^3.0.2",
     "csstype": "^3.1.1",
-    "eslint": "7.27.0",
-    "eslint-config-prettier": "^6.11.0",
-    "eslint-config-react-app": "^5.2.1",
+    "eslint": "^8.46.0",
+    "eslint-config-prettier": "^9.0.0",
+    "eslint-config-react-app": "^7.0.1",
     "eslint-import-resolver-babel-module": "^5.3.1",
-    "eslint-import-resolver-typescript": "^3.5.2",
+    "eslint-import-resolver-typescript": "^3.6.0",
     "eslint-plugin-babel": "^5.3.1",
-    "eslint-plugin-flowtype": "^5.7.2",
-    "eslint-plugin-import": "^2.26.0",
-    "eslint-plugin-jest": "^27.1.5",
-    "eslint-plugin-jest-dom": "^4.0.3",
+    "eslint-plugin-flowtype": "^8.0.3",
+    "eslint-plugin-import": "^2.28.0",
+    "eslint-plugin-jest": "^27.2.3",
+    "eslint-plugin-jest-dom": "^5.0.2",
     "eslint-plugin-jsx-a11y": "^6.3.1",
-    "eslint-plugin-prettier": "^3.1.4",
-    "eslint-plugin-react": "^7.31.10",
+    "eslint-plugin-prettier": "^5.0.0",
+    "eslint-plugin-react": "^7.33.1",
     "eslint-plugin-react-hooks": "^4.6.0",
-    "eslint-plugin-testing-library": "^5.9.1",
+    "eslint-plugin-testing-library": "^5.11.1",
     "flow-bin": "0.131.0",
     "flowgen": "^1.21.0",
     "glob": "^7.1.6",
@@ -204,9 +204,9 @@
     "@sproutsocial/seeds-typography": ">=2.0.0",
     "moment": "^2.29.4",
     "prop-types": "^15.0.0",
+    "react": "^16.8.0 || ^17.0.0",
     "react-dates": "^21.8.0",
     "react-dom": "^16.8.0 || ^17.0.0",
-    "react": "^16.8.0 || ^17.0.0",
     "styled-components": "^5.2.3"
   },
   "resolutions": {