@sproutsocial/racine 25.9.2 → 25.10.0

package/CHANGELOG.md

@@ -1,5 +1,28 @@
 # Change Log
 
+## 25.10.0
+
+### Minor Changes
+
+- fdad8df: **Deprecations**
+
+  - Menu is now deprecated. Menu you will be removed in a future 2025 release in favor of the seeds-react-menu ecosystem. It's a good time to create a migration plan.
+  - Listbox is now deprecated. Listbox you will be removed in a future 2025 release in favor of the seeds-react-menu ecosystem. It's a good time to create a migration plan.
+  - Breadcrumb is now deprecated. Breadcrumb will be removed in a future 2025 release in favor of seeds-react-breadcrumb which utilizes the new seeds-react-menu ecosystem.
+  - ToggleHint is now deprecated. ToggleHint is no longer supported and will be removed in a future 2025 release.
+
+## 25.9.3
+
+### Patch Changes
+
+- 1cf5097: Upgrade seeds-react dependencies to the latest
+- Updated dependencies [f78ba19]
+- Updated dependencies [1cf5097]
+  - @sproutsocial/seeds-react-token-input@1.4.0
+  - @sproutsocial/seeds-react-token@1.2.0
+  - @sproutsocial/seeds-react-input@1.4.2
+  - @sproutsocial/seeds-react-portal@1.1.3
+
 ## 25.9.2
 
 ### Patch Changes

package/commonjs/Breadcrumb/Breadcrumb.js

@@ -23,6 +23,9 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 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; }
+/**
+ * @deprecated BreadcrumbItem is deprecated. BreadcrumbItem will be removed in 2025 in favor of seeds-react-breadcrumb which utilizes the new Menu ecosystem. Please create a plan to migrate to {@link https://github.com/sproutsocial/seeds/tree/dev/seeds-react/seeds-react-breadcrumb | seeds-react-breadcrumb}.
+ */
 var BreadcrumbItem = function BreadcrumbItem(_ref) {
   var children = _ref.children,
     href = _ref.href,
@@ -35,6 +38,10 @@ var BreadcrumbItem = function BreadcrumbItem(_ref) {
     }))
   });
 };
+
+/**
+ * @deprecated Breadcrumb is deprecated. This iteration of Breadcrumb will be removed in 2025 in favor of seeds-react-breadcrumb which utilizes the new Menu ecosystem. Please create a plan to migrate to {@link https://github.com/sproutsocial/seeds/tree/dev/seeds-react/seeds-react-breadcrumb | seeds-react-breadcrumb}.
+ */
 var Breadcrumb = function Breadcrumb(_ref2) {
   var ariaLabel = _ref2.ariaLabel,
     overflow = _ref2.overflow,

package/commonjs/Input/Input.js

@@ -196,7 +196,8 @@ var Input = /*#__PURE__*/function (_React$Component) {
         ariaLabel = _this$props8.ariaLabel,
         ariaDescribedby = _this$props8.ariaDescribedby,
         clearButtonLabel = _this$props8.clearButtonLabel,
-        innerRef = _this$props8.innerRef,
+        _this$props8$innerRef = _this$props8.innerRef,
+        innerRef = _this$props8$innerRef === void 0 ? null : _this$props8$innerRef,
         onBlur = _this$props8.onBlur,
         onChange = _this$props8.onChange,
         onClear = _this$props8.onClear,
@@ -267,7 +268,7 @@ var Input = /*#__PURE__*/function (_React$Component) {
             onKeyDown: this.handleKeyDown,
             onKeyUp: this.handleKeyUp,
             onPaste: this.handlePaste,
-            ref: (0, _seedsReactUtilities.mergeRefs)([innerRef !== null && innerRef !== void 0 ? innerRef : null, this.inputRef]),
+            ref: (0, _seedsReactUtilities.mergeRefs)(innerRef, this.inputRef),
             "data-qa-input": name || "",
             "data-qa-input-isdisabled": disabled === true,
             "data-qa-input-isrequired": required === true

package/commonjs/Listbox/Listbox.js

@@ -24,6 +24,9 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 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; }
+/**
+ * @deprecated Listbox is deprecated. Listbox will be removed in 2025 in favor of seeds-react-menu ecosystem. Create a plan to migrate to {@link https://github.com/sproutsocial/seeds/tree/dev/seeds-react/seeds-react-menu/src | seeds-react-menu}.
+ */
 var Listbox = exports.Listbox = function Listbox(_ref) {
   var _ref$role = _ref.role,
     role = _ref$role === void 0 ? _constants.MENU_ROLES.LISTBOX : _ref$role,
@@ -90,6 +93,10 @@ var ListboxButtonContainer = exports.ListboxButtonContainer = (0, _styledCompone
     return props.theme.colors.icon.error;
   });
 });
+
+/**
+ * @deprecated ListboxButton is deprecated. ListboxButton will be removed in 2025 in favor of seeds-react-menu ecosystem. Create a plan to migrate to {@link https://github.com/sproutsocial/seeds/tree/dev/seeds-react/seeds-react-menu/src | seeds-react-menu}.
+ */
 var ListboxButton = exports.ListboxButton = function ListboxButton(_ref2) {
   var children = _ref2.children,
     restProps = _objectWithoutProperties(_ref2, _excluded2);
@@ -114,4 +121,8 @@ Listbox.Switch = _Menu.default.Switch;
 Listbox.Group = _Menu.default.Group;
 Listbox.Divider = _Menu.default.Divider;
 Listbox.FilterInput = _Menu.default.FilterInput;
+
+/**
+ * @deprecated Listbox is deprecated. Listbox will be removed in 2025 in favor of seeds-react-menu ecosystem. Create a plan to migrate to {@link https://github.com/sproutsocial/seeds/tree/dev/seeds-react/seeds-react-menu/src | seeds-react-menu}.
+ */
 var _default = exports.default = Listbox;

package/commonjs/Menu/Menu.js

@@ -68,6 +68,10 @@ function isValueSelected(menuValue, value) {
   }
   return false;
 }
+
+/**
+ * @deprecated MenuItem is deprecated. MenuItem will be removed in 2025 in favor of seeds-react-menu ecosystem. Create a plan to migrate to {@link https://github.com/sproutsocial/seeds/tree/dev/seeds-react/seeds-react-menu/src | seeds-react-menu}.
+ */
 var MenuItem = exports.MenuItem = function MenuItem(_ref) {
   var idProp = _ref.id,
     indexProp = _ref.index,
@@ -244,16 +248,28 @@ var MenuItem = exports.MenuItem = function MenuItem(_ref) {
     })
   }));
 };
+
+/**
+ * @deprecated MenuCheckbox is deprecated. MenuCheckbox will be removed in 2025 in favor of seeds-react-menu ecosystem. Create a plan to migrate to {@link https://github.com/sproutsocial/seeds/tree/dev/seeds-react/seeds-react-menu/src | seeds-react-menu}.
+ */
 var MenuCheckbox = exports.MenuCheckbox = function MenuCheckbox(props) {
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(MenuItem, _objectSpread({
     role: _utils.MENU_ITEM_ROLES.CHECKBOX
   }, props));
 };
+
+/**
+ * @deprecated MenuRadio is deprecated. MenuRadio will be removed in 2025 in favor of seeds-react-menu ecosystem. Create a plan to migrate to {@link https://github.com/sproutsocial/seeds/tree/dev/seeds-react/seeds-react-menu/src | seeds-react-menu}.
+ */
 var MenuRadio = exports.MenuRadio = function MenuRadio(props) {
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(MenuItem, _objectSpread({
     role: _utils.MENU_ITEM_ROLES.RADIO
   }, props));
 };
+
+/**
+ * @deprecated MenuSwitch is deprecated. MenuSwitch will be removed in 2025 in favor of seeds-react-menu ecosystem. Create a plan to migrate to {@link https://github.com/sproutsocial/seeds/tree/dev/seeds-react/seeds-react-menu/src | seeds-react-menu}.
+ */
 var MenuSwitch = exports.MenuSwitch = function MenuSwitch(props) {
   var _useContext3 = (0, _react.useContext)(_utils.MenuContext),
     menuValue = _useContext3.value;
@@ -297,6 +313,7 @@ var MenuSwitch = exports.MenuSwitch = function MenuSwitch(props) {
     }, labelProps), {}, {
       // This prop is passed after labelProps to disallow overrides.
       // Fall back to the label prop if children is falsy.
+      // eslint-disable-next-line react/no-children-prop
       children: children || label
     }))
   }));
@@ -317,6 +334,10 @@ var MenuTitle = (0, _styledComponents.default)(_seedsReactText.default).withConf
   var theme = _ref5.theme;
   return theme.colors.text.headline;
 });
+
+/**
+ * @deprecated MenuGroup is deprecated. MenuGroup will be removed in 2025 in favor of seeds-react-menu ecosystem. Create a plan to migrate to {@link https://github.com/sproutsocial/seeds/tree/dev/seeds-react/seeds-react-menu/src | seeds-react-menu}.
+ */
 var _StyledMenuTitle = (0, _styledComponents.default)(MenuTitle).withConfig({
   displayName: "Menu___StyledMenuTitle",
   componentId: "sc-1jmjosz-1"
@@ -352,6 +373,10 @@ var MenuGroup = exports.MenuGroup = function MenuGroup(_ref6) {
     }))
   });
 };
+
+/**
+ * @deprecated MenuDivider is deprecated. MenuDivider will be removed in 2025 in favor of seeds-react-menu ecosystem. Create a plan to migrate to {@link https://github.com/sproutsocial/seeds/tree/dev/seeds-react/seeds-react-menu/src | seeds-react-menu}.
+ */
 var MenuDivider = exports.MenuDivider = function MenuDivider(props) {
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_seedsReactBox.default, _objectSpread({
     as: "li",
@@ -360,6 +385,10 @@ var MenuDivider = exports.MenuDivider = function MenuDivider(props) {
     borderColor: "container.border.base"
   }, props));
 };
+
+/**
+ * @deprecated MenuFilterInput is deprecated. MenuFilterInput will be removed in 2025 in favor of seeds-react-menu ecosystem. Create a plan to migrate to {@link https://github.com/sproutsocial/seeds/tree/dev/seeds-react/seeds-react-menu/src | seeds-react-menu}.
+ */
 var MenuFilterInput = function MenuFilterInput(_ref7) {
   var _ref7$type = _ref7.type,
     type = _ref7$type === void 0 ? "search" : _ref7$type,
@@ -396,6 +425,10 @@ var MenuFilterInput = function MenuFilterInput(_ref7) {
     onBlur: handleOnBlur
   }));
 };
+
+/**
+ * @deprecated MenuItems are deprecated. MenuItems will be removed in 2025 in favor of seeds-react-menu ecosystem. Create a plan to migrate to {@link https://github.com/sproutsocial/seeds/tree/dev/seeds-react/seeds-react-menu/src | seeds-react-menu}.
+ */
 var MenuItems = function MenuItems(_ref8) {
   var children = _ref8.children,
     role = _ref8.role,
@@ -422,6 +455,10 @@ var MenuItems = function MenuItems(_ref8) {
     children: children
   }));
 };
+
+/**
+ * @deprecated MenuFooter is deprecated. MenuFooter will be removed in 2025 in favor of seeds-react-menu ecosystem. Create a plan to migrate to {@link https://github.com/sproutsocial/seeds/tree/dev/seeds-react/seeds-react-menu/src | seeds-react-menu}.
+ */
 var MenuFooter = function MenuFooter(_ref9) {
   var children = _ref9.children;
   var _useContext5 = (0, _react.useContext)(_utils.MenuContext),
@@ -442,6 +479,10 @@ var MenuFooter = function MenuFooter(_ref9) {
     children: children
   });
 };
+
+/**
+ * @deprecated Menu is deprecated. Menu will be removed in 2025 in favor of seeds-react-menu ecosystem. Create a plan to migrate to {@link https://github.com/sproutsocial/seeds/tree/dev/seeds-react/seeds-react-menu/src | seeds-react-menu}.
+ */
 var Menu = exports.Menu = function Menu(_ref10) {
   var _ref10$role = _ref10.role,
     role = _ref10$role === void 0 ? _utils.MENU_ROLES.MENU : _ref10$role,
@@ -518,6 +559,10 @@ var CustomPopoutContent = (0, _styledComponents.default)(_seedsReactPopout.defau
   displayName: "Menu__CustomPopoutContent",
   componentId: "sc-1jmjosz-2"
 })(["padding:0;margin-left:0;margin-right:0;"]);
+
+/**
+ * @deprecated MenuButton is deprecated. MenuButton will be removed in 2025 in favor of seeds-react-menu ecosystem. Create a plan to migrate to {@link https://github.com/sproutsocial/seeds/tree/dev/seeds-react/seeds-react-menu/src | seeds-react-menu}.
+ */
 var MenuButton = exports.MenuButton = function MenuButton(_ref11) {
   var content = _ref11.content,
     popoutProps = _ref11.popoutProps,
@@ -583,4 +628,8 @@ var MenuButton = exports.MenuButton = function MenuButton(_ref11) {
     }))
   });
 };
+
+/**
+ * @deprecated Menu is deprecated. Menu will be removed in 2025 in favor of seeds-react-menu ecosystem. Create a plan to migrate to {@link https://github.com/sproutsocial/seeds/tree/dev/seeds-react/seeds-react-menu/src | seeds-react-menu}.
+ */
 var _default = exports.default = Menu;

package/commonjs/ToggleHint/ToggleHint.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var React = _interopRequireWildcard(require("react"));
-var _Icon = _interopRequireDefault(require("../Icon"));
+var _seedsReactIcon = _interopRequireDefault(require("@sproutsocial/seeds-react-icon"));
 var _styles = _interopRequireWildcard(require("./styles"));
 var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["icon", "isOpen", "openString", "closeString", "qa", "className", "color"];
@@ -33,6 +33,9 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
 /**
  * Icon (either chevron or plus/minus) indicating whether an element is open or closed.
  */
+/**
+ * @deprecated ToggleHint is deprecated. ToggleHint is no longer supported and will be removed in 2025.
+ */
 var ToggleHint = exports.default = /*#__PURE__*/function (_React$Component) {
   _inherits(ToggleHint, _React$Component);
   function ToggleHint() {
@@ -44,12 +47,12 @@ var ToggleHint = exports.default = /*#__PURE__*/function (_React$Component) {
     _this = _callSuper(this, ToggleHint, [].concat(args));
     _defineProperty(_assertThisInitialized(_this), "getIcon", function () {
       if (_this.props.icon === "chevron") {
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_seedsReactIcon.default, {
           name: "chevron-down-outline",
           "aria-hidden": true
         });
       }
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_seedsReactIcon.default, {
         name: _this.props.isOpen ? "minus-outline" : "plus-outline",
         "aria-hidden": true
       });