@7shifts/sous-chef 3.59.0 → 3.61.0

package/dist/index.js

@@ -5823,6 +5823,9 @@ var DataTable$1 = {
 	emptyStateTitle: "No results found",
 	emptyStateCaption: "Try adding a new item to the list or adjust your search terms."
 };
+var ActionList$1 = {
+	emptyStateTitle: "No action items"
+};
 var PhoneField$1 = {
 	malformedPhoneNumber: "Malformed phone number. Please enter a valid phone number."
 };
@@ -5834,6 +5837,7 @@ var en = {
 	Calendar: Calendar$1,
 	Card: Card$1,
 	DataTable: DataTable$1,
+	ActionList: ActionList$1,
 	PhoneField: PhoneField$1
 };
 
@@ -9127,7 +9131,7 @@ var EmptyStateContainerStack = function EmptyStateContainerStack(_ref) {
   }, caption)));
 };
 
-var EmptyStateIllustration = function EmptyStateIllustration() {
+var MagnifyingGlassIllustration = function MagnifyingGlassIllustration() {
   return React__default["default"].createElement("svg", {
     width: "200",
     height: "110",
@@ -9215,7 +9219,7 @@ var DataTableEmptyState = function DataTableEmptyState(_ref) {
     className: styles$B['data-table-empty-state']
   }, React__default["default"].createElement(EmptyStateContainerStack, {
     mediaUrl: customImage,
-    mediaComponent: customImage === '' ? React__default["default"].createElement(EmptyStateIllustration, null) : undefined,
+    mediaComponent: customImage === '' ? React__default["default"].createElement(MagnifyingGlassIllustration, null) : undefined,
     title: customEmptyState ? customEmptyState.title : translate('emptyStateTitle'),
     actions: customEmptyState && customEmptyState.actions,
     size: "small"
@@ -9446,15 +9450,31 @@ var Accordion = function Accordion(props) {
   })));
 };
 
-var styles$w = {"action-list":"_pWke5"};
+var styles$w = {"action-list":"_pWke5","action-list__title":"_p8I7K","action-list__empty-state":"_l-tFB"};
 
 var ActionList = function ActionList(_ref) {
   var children = _ref.children,
-    testId = _ref.testId;
+    testId = _ref.testId,
+    title = _ref.title,
+    emptyState = _ref.emptyState,
+    maxHeight = _ref.maxHeight;
+  var translate = useTranslation('ActionList');
   return React__default["default"].createElement("div", {
     className: styles$w['action-list'],
-    "data-testid": testId
-  }, children);
+    "data-testid": testId,
+    style: {
+      maxHeight: maxHeight
+    }
+  }, title && React__default["default"].createElement("div", {
+    className: styles$w['action-list__title']
+  }, title), children ? children : React__default["default"].createElement("div", {
+    className: styles$w['action-list__empty-state']
+  }, React__default["default"].createElement(EmptyStateContainerStack, {
+    title: (emptyState == null ? void 0 : emptyState.title) || translate('emptyStateTitle'),
+    mediaUrl: emptyState == null ? void 0 : emptyState.image,
+    mediaComponent: !(emptyState != null && emptyState.image) && React__default["default"].createElement(MagnifyingGlassIllustration, null),
+    actions: emptyState == null ? void 0 : emptyState.actions
+  }, emptyState == null ? void 0 : emptyState.caption)));
 };
 
 var style = {"action-list-item":"_JnBey","action-list-item--disabled":"_DT13p","action-list-item--interactive":"_G-7Pi","action-list-item__actions":"_xuiNi"};
@@ -13626,7 +13646,7 @@ var CHIP_THEME = {
   DANGER: 'danger'
 };
 
-var styles$4 = {"chip":"_Cg5Nf","chip--marketing":"_b60R5","chip--success":"_ItVyo","chip--upsell":"_iUCAH","chip--warning":"_RbXoR","chip--info":"_NiP9z","chip--danger":"_2ltep"};
+var styles$4 = {"chip":"_Cg5Nf","chip__children":"_e3zFF","chip--marketing":"_b60R5","chip--success":"_ItVyo","chip--upsell":"_iUCAH","chip--warning":"_RbXoR","chip--info":"_NiP9z","chip--danger":"_2ltep"};
 
 var Chip = function Chip(_ref) {
   var _classnames;
@@ -13634,10 +13654,28 @@ var Chip = function Chip(_ref) {
     _ref$theme = _ref.theme,
     theme = _ref$theme === void 0 ? CHIP_THEME.MARKETING : _ref$theme,
     testId = _ref.testId;
+  var formattedChildren = React__default["default"].Children.map(children, function (child) {
+    if (React__default["default"].isValidElement(child)) {
+      return updateIconSize(child);
+    }
+    return child;
+  });
   return React__default["default"].createElement("div", {
     "data-testid": testId,
     className: classnames__default["default"](styles$4['chip'], (_classnames = {}, _classnames[styles$4['chip--marketing']] = theme === CHIP_THEME.MARKETING, _classnames[styles$4['chip--success']] = theme === CHIP_THEME.SUCCESS, _classnames[styles$4['chip--upsell']] = theme === CHIP_THEME.UPSELL, _classnames[styles$4['chip--warning']] = theme === CHIP_THEME.WARNING, _classnames[styles$4['chip--info']] = theme === CHIP_THEME.INFO, _classnames[styles$4['chip--danger']] = theme === CHIP_THEME.DANGER, _classnames))
-  }, children);
+  }, React__default["default"].createElement("div", {
+    className: styles$4['chip__children']
+  }, formattedChildren));
+};
+var updateIconSize = function updateIconSize(child) {
+  var _child$type$displayNa, _child$type;
+  var isIcon = (_child$type$displayNa = (_child$type = child.type) == null || (_child$type = _child$type.displayName) == null ? void 0 : _child$type.startsWith('Icon')) != null ? _child$type$displayNa : false;
+  if (!isIcon) {
+    return child;
+  }
+  return React__default["default"].cloneElement(child, _extends({}, child.props, {
+    size: "small"
+  }));
 };
 
 var styles$3 = {"pill":"_vOTWZ","pill--default":"_j2h8A","pill--success":"_lFih-","pill--danger":"_sLhtK","pill--warning":"_DKrCl","pill--info":"_8TTGV","pill--upsell":"_0-TG8"};