@7shifts/sous-chef 2.17.0 → 2.17.1

package/dist/forms/SelectField/CustomContainer/CustomContainer.d.ts

@@ -1,6 +1,2 @@
-import { ComponentProps } from 'react';
-import { components } from 'react-select';
-declare const CustomContainer: (props: ComponentProps<typeof components.SelectContainer> & {
-    testId?: string;
-}) => JSX.Element;
-export default CustomContainer;
+declare const _default: typeof import("react-select/src/components/containers").SelectContainer;
+export default _default;

package/dist/forms/SelectField/CustomOption/CustomOption.d.ts

@@ -1,5 +1,2 @@
-import { ComponentProps } from 'react';
-import { components } from 'react-select';
-declare type Props = ComponentProps<typeof components.Option>;
-declare function CustomOption({ children, ...props }: Props): JSX.Element;
-export default CustomOption;
+declare const _default: typeof import("react-select/src/components/Option").default;
+export default _default;

package/dist/index.css

@@ -2860,8 +2860,7 @@ Please ask a designer if you have questions about which colours to use.
 ._vgLin {
   padding: 16px 12px 16px 12px;
   background: #F3F3F3;
-  margin-left: 1px;
-  margin-right: 1px;
+  margin: 1px;
   position: relative;
   border-radius: 3px;
   box-shadow: 0 0 0 1px rgba(63, 63, 68, 0.05), 0 1px 3px 0 rgba(63, 63, 68, 0.15);

package/dist/index.js

@@ -6452,14 +6452,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(Select.components.Option, Object.assign({}, props), React__default.createElement(CustomComponent, Object.assign({}, props), children));
+  var UserCustomOption = props.selectProps.componentsProps.UserCustomOption;
+  return React__default.createElement(Select.components.Option, Object.assign({}, props), React__default.createElement(UserCustomOption, Object.assign({}, props), children));
 }
 
 var isScrollingTheSelectMenu = function isScrollingTheSelectMenu(element) {
@@ -6484,6 +6484,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(Select.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,
@@ -6538,19 +6547,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(Select.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));
-      } : Select.components.Option
+      SelectContainer: CustomContainer,
+      Option: UserCustomOption ? CustomOption : Select.components.Option
     },
     menuShouldScrollIntoView: menuShouldScrollIntoView,
     menuPlacement: menuShouldScrollIntoView ? 'bottom' : 'auto',
@@ -6591,25 +6594,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(Select.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(Select.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,
@@ -6660,7 +6644,7 @@ var useSelectField = function useSelectField(_ref) {
     },
     components: {
       SelectContainer: CustomContainer,
-      Option: UserCustomOption ? CustomOption$1 : Select.components.Option,
+      Option: UserCustomOption ? CustomOption : Select.components.Option,
       Control: SelectedOptionPrefix ? CustomControl : Select.components.Control
     },
     inputId: controllers.id,
@@ -6707,13 +6691,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;
 
@@ -6728,11 +6712,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 = React.useState(false),
       hasMoreOptions = _useState[0],
@@ -7516,14 +7500,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,
@@ -7544,12 +7528,12 @@ var TimeFieldElement = function TimeFieldElement(_ref, ref) {
 
 var TimeField = React.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
@@ -7582,7 +7566,7 @@ var CurrencyFieldElement = function CurrencyFieldElement(_ref, ref) {
 
 var CurrencyField = React.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,
@@ -7593,7 +7577,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
@@ -7820,7 +7804,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;
@@ -7829,7 +7813,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 = React.useRef(null);
   var ref = forwardedRef || internalRef;