@7shifts/sous-chef 2.17.0 → 2.17.1

package/dist/index.modern.js

@@ -6447,14 +6447,14 @@ var getSelectStyles$1 = function getSelectStyles(_ref) {
   };
 };
 
-var _excluded$22 = ["children", "CustomComponent"];
+var _excluded$22 = ["children"];
 
 function CustomOption(_ref) {
   var children = _ref.children,
-      CustomComponent = _ref.CustomComponent,
       props = _objectWithoutPropertiesLoose(_ref, _excluded$22);
 
-  return React__default.createElement(components.Option, Object.assign({}, props), React__default.createElement(CustomComponent, Object.assign({}, props), children));
+  var UserCustomOption = props.selectProps.componentsProps.UserCustomOption;
+  return React__default.createElement(components.Option, Object.assign({}, props), React__default.createElement(UserCustomOption, Object.assign({}, props), children));
 }
 
 var isScrollingTheSelectMenu = function isScrollingTheSelectMenu(element) {
@@ -6479,6 +6479,15 @@ var isReactSelectElement = function isReactSelectElement(element) {
   return typeof firstOption.id === 'string' && firstOption.id.includes('react-select');
 };
 
+var CustomContainer = function CustomContainer(props) {
+  var componentsProps = props.selectProps.componentsProps;
+  return React__default.createElement(components.SelectContainer, Object.assign({}, props, {
+    innerProps: Object.assign({}, props.innerProps, {
+      'data-testid': componentsProps.testId
+    })
+  }));
+};
+
 var MultiSelectField = function MultiSelectField(_ref) {
   var name = _ref.name,
       inputId = _ref.id,
@@ -6533,19 +6542,13 @@ var MultiSelectField = function MultiSelectField(_ref) {
     onBlur: controllers.onBlur,
     isMulti: true,
     closeMenuOnSelect: closeOnSelect,
+    componentsProps: {
+      testId: testId,
+      UserCustomOption: UserCustomOption
+    },
     components: {
-      SelectContainer: function SelectContainer(props) {
-        return React__default.createElement(components.SelectContainer, Object.assign({}, props, {
-          innerProps: Object.assign({}, props.innerProps, {
-            'data-testid': testId
-          })
-        }));
-      },
-      Option: UserCustomOption ? function (props) {
-        return React__default.createElement(CustomOption, Object.assign({
-          CustomComponent: UserCustomOption
-        }, props));
-      } : components.Option
+      SelectContainer: CustomContainer,
+      Option: UserCustomOption ? CustomOption : components.Option
     },
     menuShouldScrollIntoView: menuShouldScrollIntoView,
     menuPlacement: menuShouldScrollIntoView ? 'bottom' : 'auto',
@@ -6586,25 +6589,6 @@ function CustomControl(_ref) {
   }, props)), children)) : children);
 }
 
-var _excluded$24 = ["children"];
-
-function CustomOption$1(_ref) {
-  var children = _ref.children,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$24);
-
-  var UserCustomOption = props.selectProps.componentsProps.UserCustomOption;
-  return React__default.createElement(components.Option, Object.assign({}, props), React__default.createElement(UserCustomOption, Object.assign({}, props), children));
-}
-
-var CustomContainer = function CustomContainer(props) {
-  var componentsProps = props.selectProps.componentsProps;
-  return React__default.createElement(components.SelectContainer, Object.assign({}, props, {
-    innerProps: Object.assign({}, props.innerProps, {
-      'data-testid': componentsProps.testId
-    })
-  }));
-};
-
 var useSelectField = function useSelectField(_ref) {
   var _ref$asToolbarFilter = _ref.asToolbarFilter,
       asToolbarFilter = _ref$asToolbarFilter === void 0 ? false : _ref$asToolbarFilter,
@@ -6655,7 +6639,7 @@ var useSelectField = function useSelectField(_ref) {
     },
     components: {
       SelectContainer: CustomContainer,
-      Option: UserCustomOption ? CustomOption$1 : components.Option,
+      Option: UserCustomOption ? CustomOption : components.Option,
       Control: SelectedOptionPrefix ? CustomControl : components.Control
     },
     inputId: controllers.id,
@@ -6702,13 +6686,13 @@ var SelectField = function SelectField(props) {
 
 var styles$A = {"custom-list":"_uC4zU"};
 
-var _excluded$25 = ["children", "hasMoreOptions", "hasMoreOptionsFirstLoad"];
+var _excluded$24 = ["children", "hasMoreOptions", "hasMoreOptionsFirstLoad"];
 
 var CustomList = function CustomList(_ref) {
   var children = _ref.children,
       hasMoreOptions = _ref.hasMoreOptions,
       hasMoreOptionsFirstLoad = _ref.hasMoreOptionsFirstLoad,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$25);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$24);
 
   var showFooter = hasMoreOptions;
 
@@ -6723,11 +6707,11 @@ var CustomList = function CustomList(_ref) {
   }, getLocalizedString('main.START_TYPING_TO_SEE_MORE_OPTIONS')))));
 };
 
-var _excluded$26 = ["loadOptions"];
+var _excluded$25 = ["loadOptions"];
 
 var AsyncSelectField = function AsyncSelectField(_ref) {
   var loadOptions = _ref.loadOptions,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$26);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$25);
 
   var _useState = useState(false),
       hasMoreOptions = _useState[0],
@@ -7511,14 +7495,14 @@ var WeekField = function WeekField(_ref) {
   })));
 };
 
-var _excluded$27 = ["placeholder", "autoComplete"];
+var _excluded$26 = ["placeholder", "autoComplete"];
 
 var TimeFieldElement = function TimeFieldElement(_ref, ref) {
   var _ref$placeholder = _ref.placeholder,
       placeholder = _ref$placeholder === void 0 ? '9am' : _ref$placeholder,
       _ref$autoComplete = _ref.autoComplete,
       autoComplete = _ref$autoComplete === void 0 ? 'off' : _ref$autoComplete,
-      allOtherProps = _objectWithoutPropertiesLoose(_ref, _excluded$27);
+      allOtherProps = _objectWithoutPropertiesLoose(_ref, _excluded$26);
 
   var _useTextField = useTextField(_extends({}, allOtherProps, {
     placeholder: placeholder,
@@ -7539,12 +7523,12 @@ var TimeFieldElement = function TimeFieldElement(_ref, ref) {
 
 var TimeField = forwardRef(TimeFieldElement);
 
-var _excluded$28 = ["currencySymbol"];
+var _excluded$27 = ["currencySymbol"];
 
 var CurrencyFieldElement = function CurrencyFieldElement(_ref, ref) {
   var _ref$currencySymbol = _ref.currencySymbol,
       currencySymbol = _ref$currencySymbol === void 0 ? "$" : _ref$currencySymbol,
-      allOtherProps = _objectWithoutPropertiesLoose(_ref, _excluded$28);
+      allOtherProps = _objectWithoutPropertiesLoose(_ref, _excluded$27);
 
   var _useTextField = useTextField(_extends({}, allOtherProps, {
     ref: ref
@@ -7577,7 +7561,7 @@ var CurrencyFieldElement = function CurrencyFieldElement(_ref, ref) {
 
 var CurrencyField = forwardRef(CurrencyFieldElement);
 
-var _excluded$29 = ["max", "min", "precision", "stepSize"];
+var _excluded$28 = ["max", "min", "precision", "stepSize"];
 
 var PercentageElement = function PercentageElement(_ref, ref) {
   var _ref$max = _ref.max,
@@ -7588,7 +7572,7 @@ var PercentageElement = function PercentageElement(_ref, ref) {
       precision = _ref$precision === void 0 ? 0 : _ref$precision,
       _ref$stepSize = _ref.stepSize,
       stepSize = _ref$stepSize === void 0 ? 1 : _ref$stepSize,
-      allOtherProps = _objectWithoutPropertiesLoose(_ref, _excluded$29);
+      allOtherProps = _objectWithoutPropertiesLoose(_ref, _excluded$28);
 
   var _useTextField = useTextField(_extends({}, allOtherProps, {
     ref: ref
@@ -7815,7 +7799,7 @@ var InlineBanner = function InlineBanner(_ref) {
 
 var styles$E = {"badge":"_2f81N","badge--warning":"_2g1GI","badge--danger":"_2zLnM","badge--success":"_27QOo","badge--info":"_2gmsM"};
 
-var _excluded$2a = ["children", "theme", "title", "testId"];
+var _excluded$29 = ["children", "theme", "title", "testId"];
 
 var Badge = function Badge(_ref, forwardedRef) {
   var _classnames;
@@ -7824,7 +7808,7 @@ var Badge = function Badge(_ref, forwardedRef) {
       theme = _ref.theme,
       title = _ref.title,
       testId = _ref.testId,
-      otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$2a);
+      otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$29);
 
   var internalRef = useRef(null);
   var ref = forwardedRef || internalRef;