@sproutsocial/racine 22.4.0 → 22.4.1

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # Change Log
 
+## 22.4.1
+
+### Patch Changes
+
+- 6dbb477: Updated Card component utility to fix a console warning about setting state during the render step by wrapping the offending state change in a useEffect wrapper. Should solve the issue for all Card subcomponents
+
 ## 22.4.0
 
 ### Minor Changes

package/commonjs/Card/utils.js

@@ -16,7 +16,9 @@ var SubComponentContext = exports.SubComponentContext = /*#__PURE__*/(0, _react.
 function useChildContext() {
   var _useContext = (0, _react.useContext)(SubComponentContext),
     setHasSubComponent = _useContext.setHasSubComponent;
-  setHasSubComponent && setHasSubComponent(true);
+  (0, _react.useEffect)(function () {
+    setHasSubComponent && setHasSubComponent(true);
+  }, [setHasSubComponent]);
 }
 var navigateTo = exports.navigateTo = function navigateTo(_ref) {
   var _ref$current, _window$open;

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,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAC5C,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAE9C,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,qBAAsB,gBAAgB,SAiB5D,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,oCAAqC,eAAe,SAYzE,CAAC"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/Card/utils.ts"],"names":[],"mappings":";;AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAC5C,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAE9C,eAAO,MAAM,mBAAmB,0CAK9B,CAAC;AAEH,wBAAgB,eAAe,SAK9B;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,qBAAsB,gBAAgB,SAiB5D,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,oCAAqC,eAAe,SAYzE,CAAC"}

package/lib/Card/utils.js

@@ -1,4 +1,4 @@
-import { createContext, useContext } from "react";
+import { createContext, useContext, useEffect } from "react";
 import { assertIsElement } from "@sproutsocial/seeds-react-utilities";
 export var SubComponentContext = /*#__PURE__*/createContext({
   // eslint-disable-next-line @typescript-eslint/no-empty-function
@@ -9,7 +9,9 @@ export var SubComponentContext = /*#__PURE__*/createContext({
 export function useChildContext() {
   var _useContext = useContext(SubComponentContext),
     setHasSubComponent = _useContext.setHasSubComponent;
-  setHasSubComponent && setHasSubComponent(true);
+  useEffect(function () {
+    setHasSubComponent && setHasSubComponent(true);
+  }, [setHasSubComponent]);
 }
 export var navigateTo = function navigateTo(_ref) {
   var _ref$current, _window$open;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sproutsocial/racine",
-  "version": "22.4.0",
+  "version": "22.4.1",
   "license": "MIT",
   "engines": {
     "node": ">=18"
@@ -35,17 +35,17 @@
     "watch-app": "BABEL_ENV=es node ./bin/buildApp.js --watch",
     "start-package-only": "npm-run-all install-deps clean -p watch-package",
     "dev:storybook": "npm-run-all clean -p watch-package watch-app",
-    "build": "npm-run-all -s clean build:ts-declarations build-package build-app",
-    "build:fast": "npm-run-all -s clean build-package build-app",
+    "dev": "npm-run-all clean -p watch-package watch-app",
+    "build": "npm-run-all -s clean build:ts-declarations build-package",
+    "deploy:apps": "npm-run-all -s clean build:ts-declarations build-app",
     "format": "prettier --write .",
     "format:check": "prettier -c .",
     "lint": "eslint --max-warnings=0 --fix .",
     "lint:check": "eslint --max-warnings=0 --ext .ts,.tsx,.js .",
     "jest": "jest --no-cache",
     "jest:watch": "jest --watch",
-    "typecheck:flow": "flow check --max-warnings 0",
     "typecheck:ts": "tsc --noEmit",
-    "typecheck": "npm-run-all typecheck:flow typecheck:ts",
+    "typecheck": "npm-run-all typecheck:ts",
     "test": "yarn jest",
     "test:visual-regression": "yarn backstop test --config='backstop.config.js' --docker",
     "backstop-reference": "yarn backstop reference --config='backstop.config.js' --docker",