@7shifts/sous-chef 2.17.0 → 2.17.2

package/dist/index.d.ts

@@ -1,4 +1,5 @@
-export * from './core';
+import './foundation/_design-tokens.scss';
+export * from './lists';
 export * from './controls';
 export * from './forms';
 export * from './feedback';

package/dist/index.js

@@ -117,7 +117,7 @@ var MenuItem = function MenuItem(_ref) {
   }, children);
 };
 
-var styles$1 = {"flex":"_3-eyQ","align-center":"_kf0KG","align-end":"_3xCGO","align-start":"_3R2c9","justify-center":"_Zvv8e","justify-end":"_2hBMj","justify-space-between":"_3hKWn","justify-start":"_3ACwY","inline-flex":"_2pujZ"};
+var styles$1 = {"flex":"_1DgA2","align-center":"_3HjO2","align-end":"_3r9Wx","align-start":"_oIWCF","justify-center":"_36c9a","justify-end":"_1bNEh","justify-space-between":"_1VoZz","justify-start":"_2GoV5","inline-flex":"_QuNgn"};
 
 var Flex = function Flex(_ref) {
   var _classNames;
@@ -3863,7 +3863,7 @@ var IconWrench = function IconWrench(_ref) {
 
 IconWrench.displayName = 'IconWrench';
 
-var styles$6 = {"item":"_3DlpO","selected":"_NS-B9","clickable":"_2jPpF","item-column":"_3ENNn","actions":"_1FTaE"};
+var styles$6 = {"item":"_1UG1r","selected":"_WeTZF","clickable":"_34gnL","item-column":"_3gRJf","actions":"_3ABSf"};
 
 var ResourceTableRow = function ResourceTableRow(_ref) {
   var _classnames;
@@ -3911,7 +3911,7 @@ var ResourceTableRow = function ResourceTableRow(_ref) {
   })))));
 };
 
-var styles$7 = {"header":"_28AYq","header-item":"_3-nHz","header-item--sortable":"_2Rh0i","header-item--action":"_2fGMK","header-sort-icon":"_W7CnY","body":"_2ygIH","footer":"_2cqhY"};
+var styles$7 = {"header":"_kxyuW","header-item":"_13L7D","header-item--sortable":"_1YCGB","header-item--action":"_1gpTf","header-sort-icon":"_1tFcX","body":"_ppaWg","footer":"_1nb-e"};
 
 var WHITE = '#ffffff';
 var EGGPLANT200 = '#d3dbf4';
@@ -4182,7 +4182,7 @@ var useDataTableContext = function useDataTableContext() {
   return context;
 };
 
-var styles$9 = {"item":"_1d8Ci","selected":"_3tb7U","clickable":"_thFcO","item-column":"_OTcMc","item-column--default-padding":"_lNHQ8","item-column--right-align":"_13YLe","item-column--vertical-border":"_1rrRr","actions":"_azbIG"};
+var styles$9 = {"item":"_2GGMG","selected":"_1ZCir","clickable":"_3VoZI","item-column":"_kcNkt","item-column--default-padding":"_2obax","item-column--right-align":"_bLVPl","item-column--vertical-border":"_3PWfD","actions":"_1IGwu"};
 
 var styles$a = {"caption":"_1QDLF","label":"_2wiMV","label--truncate":"_fu5zH","toggle":"_1ui8X","toggle__label":"_1YRJT","toggle__caption":"_1jEiW","toggle__switch":"_3tNyE"};
 
@@ -4301,7 +4301,7 @@ var DataTableRowComponent = function DataTableRowComponent(_ref, ref) {
 
 var DataTableRow = React.forwardRef(DataTableRowComponent);
 
-var styles$b = {"header":"_of22N","header-item":"_27x4v","header-item--sortable":"_3gw3Z","header-item--right-align":"_Fjm2n","header-item--action":"_LoIvx","header-sort-icon":"_3VjFP","body":"_1bTmd","footer":"_1opWx","pagination-controls":"_F_spz"};
+var styles$b = {"header":"_2ZgmC","header-item":"_3slLU","header-item--sortable":"_1-26z","header-item--right-align":"_1vCLo","header-item--action":"_2i1wY","header-sort-icon":"_BLrNe","body":"_CT4Lp","footer":"_398L3","pagination-controls":"_2smmY"};
 
 var SORT_ORDER$1 = {
   ASC: 'asc',
@@ -4485,7 +4485,7 @@ var DefaultItemComponent$1 = function DefaultItemComponent(_ref2) {
   }));
 };
 
-var styles$c = {"data-table-cell":"_orjDM","data-table-cell--right-aligned":"_3EpfF"};
+var styles$c = {"data-table-cell":"_2Ybjx","data-table-cell--right-aligned":"_1cXj6"};
 
 var DataTableCell = function DataTableCell(_ref) {
   var _columns$columnIndex, _classnames;
@@ -5173,7 +5173,7 @@ var AffixContainer = function AffixContainer(_ref) {
   }, suffix));
 };
 
-var styles$n = {"data-table-editable-cell":"_kIngZ","data-table-editable-cell--right-aligned":"_3_QIj","data-table-editable-cell--currency":"_2Kyuc","data-table-editable-cell--invalid":"_y9SBQ","data-table-editable-cell--top-left":"_32mWH","data-table-editable-cell--top-right":"_3Jg2-","data-table-editable-cell--bottom-left":"_1F5fj","data-table-editable-cell--bottom-right":"_1fTTW"};
+var styles$n = {"data-table-editable-cell":"_qYNve","data-table-editable-cell--right-aligned":"_3w6bw","data-table-editable-cell--currency":"_2y-_5","data-table-editable-cell--invalid":"_1Mx8j","data-table-editable-cell--top-left":"_2BlhN","data-table-editable-cell--top-right":"_1qDoN","data-table-editable-cell--bottom-left":"_2NUlb","data-table-editable-cell--bottom-right":"_3Mm-v"};
 
 var DataTableEditableCell = function DataTableEditableCell(_ref) {
   var _columns$columnIndex, _classnames, _classnames2;
@@ -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
@@ -7720,7 +7704,7 @@ var InlineBannerCTA = function InlineBannerCTA(_ref) {
     space: 12,
     "data-testid": "banner_ctas"
   }, multiLine ? React__default.createElement(Inline, {
-    flexWrap: 'wrap',
+    flexWrap: "wrap",
     space: 12
   }, React__default.createElement(ButtonCTA, {
     button: primaryButton,
@@ -7730,7 +7714,7 @@ var InlineBannerCTA = function InlineBannerCTA(_ref) {
     button: secondaryButton,
     bannerTheme: bannerTheme
   })) : React__default.createElement(Inline, {
-    flexWrap: 'wrap',
+    flexWrap: "wrap",
     space: 12
   }, secondaryButton && React__default.createElement(ButtonCTA, {
     button: secondaryButton,
@@ -7797,7 +7781,7 @@ var InlineBanner = function InlineBanner(_ref) {
     alignItems: multiLine ? undefined : 'center',
     space: multiLine ? 8 : 12,
     "data-testid": "banner-body-container",
-    flex: ["min-content"],
+    flex: ['min-content'],
     flexWrap: multiLine ? undefined : 'wrap'
   }, title && React__default.createElement("div", {
     className: styles$C['banner__title']
@@ -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;