@7shifts/sous-chef 3.58.0 → 3.60.0

package/dist/index.modern.js

@@ -5958,6 +5958,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."
 };
@@ -5969,6 +5972,7 @@ var en = {
 	Calendar: Calendar$1,
 	Card: Card$1,
 	DataTable: DataTable$1,
+	ActionList: ActionList$1,
 	PhoneField: PhoneField$1
 };
 
@@ -9304,7 +9308,7 @@ const EmptyStateContainerStack = ({
   }, caption)));
 };
 
-const EmptyStateIllustration = () => {
+const MagnifyingGlassIllustration = () => {
   return React__default.createElement("svg", {
     width: "200",
     height: "110",
@@ -9393,7 +9397,7 @@ const DataTableEmptyState = ({
     className: styles$B['data-table-empty-state']
   }, React__default.createElement(EmptyStateContainerStack, {
     mediaUrl: customImage,
-    mediaComponent: customImage === '' ? React__default.createElement(EmptyStateIllustration, null) : undefined,
+    mediaComponent: customImage === '' ? React__default.createElement(MagnifyingGlassIllustration, null) : undefined,
     title: customEmptyState ? customEmptyState.title : translate('emptyStateTitle'),
     actions: customEmptyState && customEmptyState.actions,
     size: "small"
@@ -9629,16 +9633,32 @@ const Accordion = props => {
   })));
 };
 
-var styles$w = {"action-list":"_pWke5"};
+var styles$w = {"action-list":"_pWke5","action-list__title":"_p8I7K","action-list__empty-state":"_l-tFB"};
 
 const ActionList = ({
   children,
-  testId
+  testId,
+  title,
+  emptyState,
+  maxHeight
 }) => {
+  const translate = useTranslation('ActionList');
   return React__default.createElement("div", {
     className: styles$w['action-list'],
-    "data-testid": testId
-  }, children);
+    "data-testid": testId,
+    style: {
+      maxHeight: maxHeight
+    }
+  }, title && React__default.createElement("div", {
+    className: styles$w['action-list__title']
+  }, title), children ? children : React__default.createElement("div", {
+    className: styles$w['action-list__empty-state']
+  }, React__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.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"};
@@ -10871,7 +10891,7 @@ const useRadioGroupFieldContext = () => {
   return context;
 };
 
-var styles$i = {"label":"_xzukU","label--truncate":"_iVWRB","radio-group-field__label":"_2KvuU"};
+var styles$i = {"label":"_xzukU","label--truncate":"_iVWRB","caption":"_JNfQO","radio-group-field__label":"_2KvuU","radio-group-field__caption":"_ZeIOd"};
 
 var styles$h = {"label":"_s7mjc","label--truncate":"_dZjDs","caption":"_JIw-5","radio-group-box-option":"_IIX-P","radio-group-box-option__box":"_P588B","radio-group-box-option__box--disabled":"_Ir3Og","radio-group-box-option__label":"_U--9r","radio-group-box-option__label--disabled":"_Lvxmy","radio-group-box-option__caption":"_NC-bO","radio-group-box-option__caption--disabled":"_04Cjp"};
 
@@ -11058,6 +11078,7 @@ const RadioGroupField = ({
   value,
   onChange,
   label,
+  caption,
   error,
   inline: _inline = false,
   disabled: _disabled = false,
@@ -11096,7 +11117,9 @@ const RadioGroupField = ({
   }, children) : React__default.createElement(BoxOptions, {
     columns: columns,
     testId: testId
-  }, children), controllers.error && React__default.createElement(ErrorMessage, null, controllers.error))));
+  }, children), caption && React__default.createElement("div", {
+    className: styles$i['radio-group-caption']
+  }, caption), controllers.error && React__default.createElement(ErrorMessage, null, controllers.error))));
 };
 
 var styles$f = {"text-field":"_6Of1F","text-field--invalid":"_NQPNK","text-field--prefixed":"_BpQWQ","text-field--suffixed":"_cpYWb","password-container":"_pAoib","password-toggle":"_WVvS6"};