@7shifts/sous-chef 3.73.1 → 3.74.0

package/dist/controls/ToolbarSelect/ToolbarSelect.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Props } from '../../forms/SelectField/SelectField';
-type ToolbarSelectProps<T> = Omit<Props<T>, 'asToolbarFilter' | 'caption' | 'error' | 'id' | 'isClearable' | 'label' | 'noOptionMessage' | 'CustomOption' | 'SelectedOptionPrefix' | 'creatableButton' | 'onCreate' | 'isSearchable'>;
+type ToolbarSelectProps<T> = Omit<Props<T>, 'asToolbarFilter' | 'caption' | 'error' | 'id' | 'isClearable' | 'label' | 'noOptionMessage' | 'CustomOption' | 'SelectedOptionPrefix' | 'isSearchable'>;
 /** Toolbar component to make a possible selection from predefined options. */
-declare const ToolbarSelect: <T extends unknown>({ name, value, options, onChange, onBlur, placeholder, defaultValue, menuShouldScrollIntoView, disabled, prefix, testId }: ToolbarSelectProps<T>) => React.JSX.Element;
+declare const ToolbarSelect: <T extends unknown>({ name, value, options, onChange, onBlur, placeholder, defaultValue, menuShouldScrollIntoView, disabled, prefix, testId, creatableButton, onCreate }: ToolbarSelectProps<T>) => React.JSX.Element;
 export default ToolbarSelect;

package/dist/index.js

@@ -10231,11 +10231,20 @@ function CustomMenu(_ref) {
         size: "medium"
       }), button || __('createOption')));
     }
-    return React__default["default"].cloneElement(button, {
-      onClick: function onClick() {
+    // Assuming the button will be the Button component
+    var overrideProps = {};
+    if (!button.props.onClick) {
+      overrideProps.onClick = function () {
         return setShowFooter(true);
-      }
-    });
+      };
+    }
+    if (!button.props.size) {
+      overrideProps.size = "full-width";
+    }
+    if (!button.props.theme) {
+      overrideProps.theme = "link-primary";
+    }
+    return React__default["default"].cloneElement(button, overrideProps);
   };
   var onCreateButton = function onCreateButton() {
     if (textFieldRef.current && textFieldRef.current.value.trim() !== '' && onCreate) {
@@ -10291,7 +10300,9 @@ function CustomMenu(_ref) {
     autoFocus: true,
     defaultValue: inputDefaultValue
   }), React__default["default"].createElement(Button, {
-    onClick: onCreateButton,
+    onClick: function onClick() {
+      onCreateButton();
+    },
     onKeyDown: function onKeyDown(e) {
       e.stopPropagation();
     }
@@ -10433,7 +10444,9 @@ var ToolbarSelect = function ToolbarSelect(_ref) {
     menuShouldScrollIntoView = _ref.menuShouldScrollIntoView,
     disabled = _ref.disabled,
     prefix = _ref.prefix,
-    testId = _ref.testId;
+    testId = _ref.testId,
+    creatableButton = _ref.creatableButton,
+    onCreate = _ref.onCreate;
   return React__default["default"].createElement(SelectField, {
     name: name,
     value: value,
@@ -10446,6 +10459,8 @@ var ToolbarSelect = function ToolbarSelect(_ref) {
     disabled: disabled,
     prefix: prefix,
     testId: testId,
+    creatableButton: creatableButton,
+    onCreate: onCreate,
     asToolbarFilter: true
   });
 };