@7shifts/sous-chef 3.54.0 → 3.55.0

package/dist/empty_states/EmptyStateContainer/types.d.ts

@@ -8,7 +8,7 @@ export type EmptyStateProps = {
     /** Sets the body text */
     children?: ReactNode;
     /** Path to the image/gif to display */
-    mediaUrl: string;
+    mediaUrl?: string;
     /** Caption that appears below the CTAs */
     actions?: {
         primary?: React.ReactElement;

package/dist/index.js

@@ -8922,7 +8922,7 @@ var EmptyStateContainerStack = function EmptyStateContainerStack(_ref) {
   return React__default.createElement("div", {
     className: styles$N['empty-state-container-stack'],
     "data-testid": testId
-  }, mediaComponent ? mediaComponent : React__default.createElement("img", {
+  }, mediaComponent ? mediaComponent : mediaUrl && React__default.createElement("img", {
     src: mediaUrl,
     alt: String(title),
     width: "200px"
@@ -13360,17 +13360,21 @@ var PILL_THEME = {
   UPSELL: 'upsell'
 };
 
-var Pill = function Pill(_ref) {
+var _excluded$2P = ["children", "theme", "testId"];
+var PillElement = function PillElement(_ref, forwardedRef) {
   var _classnames;
   var children = _ref.children,
     _ref$theme = _ref.theme,
     theme = _ref$theme === void 0 ? PILL_THEME.DEFAULT : _ref$theme,
-    testId = _ref.testId;
-  return React__default.createElement("div", {
+    testId = _ref.testId,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$2P);
+  return React__default.createElement("div", _extends({
     "data-testid": testId,
+    ref: forwardedRef,
     className: classnames(styles$1i['pill'], (_classnames = {}, _classnames[styles$1i['pill--default']] = theme === PILL_THEME.DEFAULT, _classnames[styles$1i['pill--warning']] = theme === PILL_THEME.WARNING, _classnames[styles$1i['pill--success']] = theme === PILL_THEME.SUCCESS, _classnames[styles$1i['pill--danger']] = theme === PILL_THEME.DANGER, _classnames[styles$1i['pill--info']] = theme === PILL_THEME.INFO, _classnames[styles$1i['pill--upsell']] = theme === PILL_THEME.UPSELL, _classnames))
-  }, children);
+  }, rest), children);
 };
+var Pill = React.forwardRef(PillElement);
 
 var EMPTY_STATE_SIZE = {
   SMALL: 'small',
@@ -13418,7 +13422,7 @@ var EmptyStateContainerInline = function EmptyStateContainerInline(_ref) {
     isInsideModal: isInsideModal
   }), caption && React__default.createElement(Text, {
     as: "caption"
-  }, caption))), React__default.createElement("div", {
+  }, caption))), mediaUrl && React__default.createElement("div", {
     className: styles$1j['empty-state-container-inline__image']
   }, React__default.createElement("img", {
     src: mediaUrl,