@7shifts/sous-chef 3.4.0 → 3.6.0

package/dist/index.modern.js

@@ -3048,8 +3048,7 @@ var IconMoneyBill = forwardRef(function (_ref, ref) {
 IconMoneyBill.displayName = 'IconMoneyBill';
 
 var _excluded$1v = ["testId"];
-
-var IconMugSaucerSolid = function IconMugSaucerSolid(_ref) {
+var IconMugSaucerSolid = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
       testId = _ref$testId === void 0 ? 'icon-mug-saucer-solid' : _ref$testId,
       props = _objectWithoutPropertiesLoose(_ref, _excluded$1v);
@@ -3059,12 +3058,12 @@ var IconMugSaucerSolid = function IconMugSaucerSolid(_ref) {
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     style: getIconStyles(props),
-    "data-testid": testId
+    "data-testid": testId,
+    ref: ref
   }, props), React__default.createElement("path", {
     d: "M7 14h6a3 3 0 0 0 3-3h1c2.206 0 4-1.794 4-4s-1.794-4-4-4H4.75a.748.748 0 0 0-.75.75V11a3 3 0 0 0 3 3Zm10-9c1.103 0 2 .897 2 2s-.897 2-2 2h-1V5h1Zm1.49 12H2.51c-1.488 0-1.907-2-1.126-2h18.228c.782 0 .369 2-1.122 2Z"
   }));
-};
-
+});
 IconMugSaucerSolid.displayName = 'IconMugSaucerSolid';
 
 var _excluded$1w = ["testId"];
@@ -3893,10 +3892,39 @@ var IconUserPlus = forwardRef(function (_ref, ref) {
 IconUserPlus.displayName = 'IconUserPlus';
 
 var _excluded$25 = ["testId"];
+var IconUserSearch = forwardRef(function (_ref, ref) {
+  var _ref$testId = _ref.testId,
+      testId = _ref$testId === void 0 ? 'icon-user-search' : _ref$testId,
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$25);
+
+  return React__default.createElement("svg", Object.assign({
+    viewBox: "0 0 20 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    style: getIconStyles(props),
+    "data-testid": testId,
+    ref: ref
+  }, props), React__default.createElement("g", {
+    clipPath: "url(#icon-user-search_svg__a)",
+    fill: "currentColor"
+  }, React__default.createElement("path", {
+    d: "M7.838 9.163a4.48 4.48 0 0 0 4.479-4.482 4.48 4.48 0 1 0-8.958 0 4.48 4.48 0 0 0 4.479 4.482Zm0-7.843a3.365 3.365 0 0 1 3.359 3.361 3.365 3.365 0 0 1-3.36 3.361 3.365 3.365 0 0 1-3.358-3.36A3.365 3.365 0 0 1 7.838 1.32ZM19.933 18.928l-2.307-2.308a.225.225 0 0 0-.161-.067h-.251a3.953 3.953 0 1 0-6.943-2.586 3.953 3.953 0 0 0 6.536 2.993v.251c0 .06.025.118.067.162l2.306 2.308c.09.09.234.09.324 0l.429-.43a.228.228 0 0 0 0-.323Zm-5.71-1.919a3.04 3.04 0 0 1-3.04-3.042 3.04 3.04 0 1 1 6.08 0 3.04 3.04 0 0 1-3.04 3.042Z"
+  }), React__default.createElement("path", {
+    d: "M10.81 10.337c-.54.216-1.324.506-2.972.506s-2.128-.56-3.135-.56A4.705 4.705 0 0 0 0 14.99v1.456c0 .928.752 1.68 1.68 1.68h9.671l-1.08-1.081-8.591-.039a.562.562 0 0 1-.56-.56v-1.457a3.586 3.586 0 0 1 3.583-3.585c.686 0 1.368.56 3.135.56 1.763 0 1.892-.328 2-.328.432-.54.973-1.298.973-1.298Z"
+  })), React__default.createElement("defs", null, React__default.createElement("clipPath", {
+    id: "icon-user-search_svg__a"
+  }, React__default.createElement("path", {
+    fill: "#fff",
+    d: "M0 0h20v20H0z"
+  }))));
+});
+IconUserSearch.displayName = 'IconUserSearch';
+
+var _excluded$26 = ["testId"];
 var IconUserSlash = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
       testId = _ref$testId === void 0 ? 'icon-user-slash' : _ref$testId,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$25);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$26);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -3919,11 +3947,11 @@ var IconUserSlash = forwardRef(function (_ref, ref) {
 });
 IconUserSlash.displayName = 'IconUserSlash';
 
-var _excluded$26 = ["testId"];
+var _excluded$27 = ["testId"];
 var IconUserSolid = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
       testId = _ref$testId === void 0 ? 'icon-user-solid' : _ref$testId,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$26);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$27);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -3939,11 +3967,11 @@ var IconUserSolid = forwardRef(function (_ref, ref) {
 });
 IconUserSolid.displayName = 'IconUserSolid';
 
-var _excluded$27 = ["testId"];
+var _excluded$28 = ["testId"];
 var IconUserTag = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
       testId = _ref$testId === void 0 ? 'icon-user-tag' : _ref$testId,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$27);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$28);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -3961,11 +3989,11 @@ var IconUserTag = forwardRef(function (_ref, ref) {
 });
 IconUserTag.displayName = 'IconUserTag';
 
-var _excluded$28 = ["testId"];
+var _excluded$29 = ["testId"];
 var IconUserTie = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
       testId = _ref$testId === void 0 ? 'icon-user-tie' : _ref$testId,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$28);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$29);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -3981,11 +4009,11 @@ var IconUserTie = forwardRef(function (_ref, ref) {
 });
 IconUserTie.displayName = 'IconUserTie';
 
-var _excluded$29 = ["testId"];
+var _excluded$2a = ["testId"];
 var IconUsers = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
       testId = _ref$testId === void 0 ? 'icon-users' : _ref$testId,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$29);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$2a);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -4001,11 +4029,11 @@ var IconUsers = forwardRef(function (_ref, ref) {
 });
 IconUsers.displayName = 'IconUsers';
 
-var _excluded$2a = ["testId"];
+var _excluded$2b = ["testId"];
 var IconVideo = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
       testId = _ref$testId === void 0 ? 'icon-video' : _ref$testId,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$2a);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$2b);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -4021,11 +4049,11 @@ var IconVideo = forwardRef(function (_ref, ref) {
 });
 IconVideo.displayName = 'IconVideo';
 
-var _excluded$2b = ["testId"];
+var _excluded$2c = ["testId"];
 var IconVolumeMute = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
       testId = _ref$testId === void 0 ? 'icon-volume-mute' : _ref$testId,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$2b);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$2c);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -4041,11 +4069,11 @@ var IconVolumeMute = forwardRef(function (_ref, ref) {
 });
 IconVolumeMute.displayName = 'IconVolumeMute';
 
-var _excluded$2c = ["testId"];
+var _excluded$2d = ["testId"];
 var IconVolume = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
       testId = _ref$testId === void 0 ? 'icon-volume' : _ref$testId,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$2c);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$2d);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -4061,11 +4089,11 @@ var IconVolume = forwardRef(function (_ref, ref) {
 });
 IconVolume.displayName = 'IconVolume';
 
-var _excluded$2d = ["testId"];
+var _excluded$2e = ["testId"];
 var IconWrench = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
       testId = _ref$testId === void 0 ? 'icon-wrench' : _ref$testId,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$2d);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$2e);
 
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -4424,7 +4452,7 @@ var ActionsCell = function ActionsCell(_ref) {
   }));
 };
 
-var _excluded$2e = ["children", "onClick", "isSelected", "actions", "hasDefaultPadding", "testId"];
+var _excluded$2f = ["children", "onClick", "isSelected", "actions", "hasDefaultPadding", "testId"];
 
 var DataTableRowComponent = function DataTableRowComponent(_ref, ref) {
   var _classnames;
@@ -4438,7 +4466,7 @@ var DataTableRowComponent = function DataTableRowComponent(_ref, ref) {
       _ref$hasDefaultPaddin = _ref.hasDefaultPadding,
       hasDefaultPadding = _ref$hasDefaultPaddin === void 0 ? true : _ref$hasDefaultPaddin,
       testId = _ref.testId,
-      nativeDivProps = _objectWithoutPropertiesLoose(_ref, _excluded$2e);
+      nativeDivProps = _objectWithoutPropertiesLoose(_ref, _excluded$2f);
 
   var _useDataTableContext = useDataTableContext(),
       columns = _useDataTableContext.columns,
@@ -4677,136 +4705,7 @@ var DefaultItemComponent = function DefaultItemComponent(_ref2) {
   }));
 };
 
-var styles$c = {"data-table-cell":"_2Ybjx","data-table-cell--right-aligned":"_1cXj6"};
-
-var DataTableCell = function DataTableCell(_ref) {
-  var _columns$columnIndex, _classnames;
-
-  var children = _ref.children,
-      columnIndex = _ref.columnIndex;
-
-  var _useDataTableContext = useDataTableContext(),
-      columns = _useDataTableContext.columns;
-
-  var column = (_columns$columnIndex = columns === null || columns === void 0 ? void 0 : columns[columnIndex]) != null ? _columns$columnIndex : null;
-  var isRightAligned = column ? column.isRightAligned : false;
-  return React__default.createElement("div", {
-    className: classnames((_classnames = {}, _classnames[styles$c['data-table-cell--right-aligned']] = isRightAligned, _classnames), styles$c['data-table-cell'])
-  }, children);
-};
-
-var Context$1 = createContext({});
-var useFormContext = function useFormContext() {
-  var context = useContext(Context$1);
-  return context || {};
-};
-
-var useFieldId = function useFieldId(_ref) {
-  var name = _ref.name,
-      inputId = _ref.id;
-  var id = useMemo(function () {
-    return inputId ? inputId : name + "-" + Math.random();
-  }, [inputId, name]);
-  return id;
-};
-
-var getFormikState = function getFormikState(name, formik) {
-  if (formik === undefined) {
-    return null;
-  }
-
-  var formikPath = getFormikArrayPath(name);
-
-  if (formikPath.length === 0) {
-    return null;
-  }
-
-  var formikLatestLevel = formikPath.reduce(function (acc, path) {
-    var _acc$touched, _acc$error, _acc$value;
-
-    return {
-      touched: (_acc$touched = acc.touched) === null || _acc$touched === void 0 ? void 0 : _acc$touched[path],
-      error: (_acc$error = acc.error) === null || _acc$error === void 0 ? void 0 : _acc$error[path],
-      value: (_acc$value = acc.value) === null || _acc$value === void 0 ? void 0 : _acc$value[path]
-    };
-  }, {
-    touched: formik.touched,
-    error: formik.errors,
-    value: formik.values
-  });
-  return {
-    error: formikLatestLevel.touched ? formikLatestLevel.error : undefined,
-    value: formikLatestLevel.value
-  };
-};
-var getFormikArrayPath = function getFormikArrayPath(name) {
-  return name.split(/[^a-zA-Z0-9]/).filter(Boolean);
-};
-
-var useFieldControllers = function useFieldControllers(_ref) {
-  var name = _ref.name,
-      inputId = _ref.id,
-      value = _ref.value,
-      _onChange = _ref.onChange,
-      _onBlur = _ref.onBlur,
-      _onFocus = _ref.onFocus,
-      _onKeyDown = _ref.onKeyDown,
-      error = _ref.error,
-      _ref$type = _ref.type,
-      type = _ref$type === void 0 ? 'text' : _ref$type;
-
-  var _useFormContext = useFormContext(),
-      formik = _useFormContext.formik;
-
-  var id = useFieldId({
-    name: name,
-    id: inputId
-  });
-  var controllers = {
-    id: id,
-    error: error,
-    value: value,
-    onChange: function onChange(e) {
-      return _onChange && _onChange(e.target.value);
-    },
-    onBlur: function onBlur(e) {
-      return _onBlur && _onBlur(e.target.value);
-    },
-    onFocus: function onFocus(e) {
-      return _onFocus && _onFocus(e.target.value);
-    },
-    onKeyDown: function onKeyDown(e) {
-      return _onKeyDown && _onKeyDown(e.key);
-    }
-  };
-  var formikState = getFormikState(name, formik);
-
-  if (formik && formikState) {
-    var currencyBlur = function currencyBlur() {
-      if (type === 'currency') {
-        formik.setFieldValue(name, Number(value).toFixed(2));
-      }
-    };
-
-    controllers = _extends({}, controllers, {
-      error: error !== undefined ? controllers.error : formikState.error,
-      value: value !== undefined ? controllers.value : formikState.value,
-      onChange: _onChange ? controllers.onChange : function (e) {
-        return formik.setFieldValue(name, e.target.value);
-      },
-      onBlur: _onBlur ? function (e) {
-        _onBlur && _onBlur(e.target.value);
-        formik.setFieldTouched(name);
-        currencyBlur();
-      } : function () {
-        formik.setFieldTouched(name);
-        currencyBlur();
-      }
-    });
-  }
-
-  return controllers;
-};
+var styles$c = {"data-table-cell":"_2Ybjx","data-table-cell--right-aligned":"_1cXj6","data-table-cell--invalid":"_D73Vx"};
 
 var styles$d = {"overlay":"_2puqJ","overlay--after-open":"_1167h","overlay--before-close":"_t_t7L","content":"_wQQ_2","content--after-open":"_3jwux","content--before-close":"_2c2QP"};
 
@@ -5194,6 +5093,157 @@ var Calendar = function Calendar(_ref) {
   }))));
 };
 
+var DataTableCellElement = function DataTableCellElement(_ref) {
+  var _columns$columnIndex, _classnames;
+
+  var children = _ref.children,
+      columnIndex = _ref.columnIndex,
+      error = _ref.error,
+      _ref$delayOnCloseErro = _ref.delayOnCloseError,
+      delayOnCloseError = _ref$delayOnCloseErro === void 0 ? false : _ref$delayOnCloseErro;
+
+  var _useDataTableContext = useDataTableContext(),
+      columns = _useDataTableContext.columns;
+
+  var column = (_columns$columnIndex = columns === null || columns === void 0 ? void 0 : columns[columnIndex]) != null ? _columns$columnIndex : null;
+  var isRightAligned = column ? column.isRightAligned : false;
+  var hasError = !!error;
+  var errorMessage = error;
+  var icon = hasError && React__default.createElement(IconTimesOctagon, {
+    size: "medium",
+    color: RADISH400
+  });
+  var TableCell = React__default.createElement("div", {
+    className: classnames((_classnames = {}, _classnames[styles$c['data-table-cell--right-aligned']] = isRightAligned, _classnames[styles$c['data-table-cell--invalid']] = hasError, _classnames), styles$c['data-table-cell'])
+  }, isRightAligned && icon, children, !isRightAligned && icon);
+
+  if (hasError) {
+    return React__default.createElement(Tooltip$1, {
+      overlay: errorMessage,
+      delayOnClose: delayOnCloseError,
+      placement: "top",
+      theme: "white"
+    }, TableCell);
+  }
+
+  return TableCell;
+};
+
+var DataTableCell = forwardRef(DataTableCellElement);
+
+var Context$1 = createContext({});
+var useFormContext = function useFormContext() {
+  var context = useContext(Context$1);
+  return context || {};
+};
+
+var useFieldId = function useFieldId(_ref) {
+  var name = _ref.name,
+      inputId = _ref.id;
+  var id = useMemo(function () {
+    return inputId ? inputId : name + "-" + Math.random();
+  }, [inputId, name]);
+  return id;
+};
+
+var getFormikState = function getFormikState(name, formik) {
+  if (formik === undefined) {
+    return null;
+  }
+
+  var formikPath = getFormikArrayPath(name);
+
+  if (formikPath.length === 0) {
+    return null;
+  }
+
+  var formikLatestLevel = formikPath.reduce(function (acc, path) {
+    var _acc$touched, _acc$error, _acc$value;
+
+    return {
+      touched: (_acc$touched = acc.touched) === null || _acc$touched === void 0 ? void 0 : _acc$touched[path],
+      error: (_acc$error = acc.error) === null || _acc$error === void 0 ? void 0 : _acc$error[path],
+      value: (_acc$value = acc.value) === null || _acc$value === void 0 ? void 0 : _acc$value[path]
+    };
+  }, {
+    touched: formik.touched,
+    error: formik.errors,
+    value: formik.values
+  });
+  return {
+    error: formikLatestLevel.touched ? formikLatestLevel.error : undefined,
+    value: formikLatestLevel.value
+  };
+};
+var getFormikArrayPath = function getFormikArrayPath(name) {
+  return name.split(/[^a-zA-Z0-9]/).filter(Boolean);
+};
+
+var useFieldControllers = function useFieldControllers(_ref) {
+  var name = _ref.name,
+      inputId = _ref.id,
+      value = _ref.value,
+      _onChange = _ref.onChange,
+      _onBlur = _ref.onBlur,
+      _onFocus = _ref.onFocus,
+      _onKeyDown = _ref.onKeyDown,
+      error = _ref.error,
+      _ref$type = _ref.type,
+      type = _ref$type === void 0 ? 'text' : _ref$type;
+
+  var _useFormContext = useFormContext(),
+      formik = _useFormContext.formik;
+
+  var id = useFieldId({
+    name: name,
+    id: inputId
+  });
+  var controllers = {
+    id: id,
+    error: error,
+    value: value,
+    onChange: function onChange(e) {
+      return _onChange && _onChange(e.target.value);
+    },
+    onBlur: function onBlur(e) {
+      return _onBlur && _onBlur(e.target.value);
+    },
+    onFocus: function onFocus(e) {
+      return _onFocus && _onFocus(e.target.value);
+    },
+    onKeyDown: function onKeyDown(e) {
+      return _onKeyDown && _onKeyDown(e.key);
+    }
+  };
+  var formikState = getFormikState(name, formik);
+
+  if (formik && formikState) {
+    var currencyBlur = function currencyBlur() {
+      if (type === 'currency') {
+        formik.setFieldValue(name, Number(value).toFixed(2));
+      }
+    };
+
+    controllers = _extends({}, controllers, {
+      error: error !== undefined ? controllers.error : formikState.error,
+      value: value !== undefined ? controllers.value : formikState.value,
+      onChange: _onChange ? controllers.onChange : function (e) {
+        return formik.setFieldValue(name, e.target.value);
+      },
+      onBlur: _onBlur ? function (e) {
+        _onBlur && _onBlur(e.target.value);
+        formik.setFieldTouched(name);
+        currencyBlur();
+      } : function () {
+        formik.setFieldTouched(name);
+        currencyBlur();
+      }
+    });
+  }
+
+  return controllers;
+};
+
 var styles$j = {"label":"_h724f","label--truncate":"_1VUoF"};
 
 var isEllipsisActive = function isEllipsisActive(e) {
@@ -5888,7 +5938,7 @@ var styles$s = {"form--standard-size":"_3CaV0"};
 
 var styles$t = {"card":"_29ZIp","card__body":"_3Q8NT","card__body--interactive":"_2Fah6","card--focus":"_SGno0","card__body--focus":"_1zqRN","card__body--with-kebab":"_3Hwms","card__kebab":"_TmEUS"};
 
-var _excluded$2f = ["children", "onClick", "isSelected", "actions", "testId"];
+var _excluded$2g = ["children", "onClick", "isSelected", "actions", "testId"];
 
 var Card = function Card(_ref) {
   var _classnames, _classnames2;
@@ -5899,7 +5949,7 @@ var Card = function Card(_ref) {
       isSelected = _ref$isSelected === void 0 ? false : _ref$isSelected,
       actions = _ref.actions,
       testId = _ref.testId,
-      positionProps = _objectWithoutPropertiesLoose(_ref, _excluded$2f);
+      positionProps = _objectWithoutPropertiesLoose(_ref, _excluded$2g);
 
   var positionStyles = usePositionStyles(positionProps);
   return React__default.createElement("div", {
@@ -5945,7 +5995,7 @@ var ALIGNMENTS = {
 
 var styles$u = {"text":"_3CIA3","text__body":"_1nnj8","text__caption":"_37K6o","text__insight":"_avqxy","text--bold":"_2TG6E","text--italic":"_2hlsn","text--underline":"_1Pjo6","text--monospace":"_eDdDI","text--align-left":"_2gNwS","text--align-right":"_ufv1W","text--align-center":"_2WMN6","text--align-justify":"_2iH-J"};
 
-var _excluded$2g = ["children", "as", "emphasis", "alignment", "color", "testId"];
+var _excluded$2h = ["children", "as", "emphasis", "alignment", "color", "testId"];
 
 var Text = function Text(_ref) {
   var _classnames;
@@ -5957,7 +6007,7 @@ var Text = function Text(_ref) {
       alignment = _ref.alignment,
       color = _ref.color,
       testId = _ref.testId,
-      positionProps = _objectWithoutPropertiesLoose(_ref, _excluded$2g);
+      positionProps = _objectWithoutPropertiesLoose(_ref, _excluded$2h);
 
   var positionStyles = usePositionStyles(positionProps);
   var elementProps = {
@@ -6427,12 +6477,12 @@ var useTextField = function useTextField(_ref) {
   };
 };
 
-var _excluded$2h = ["prefix", "suffix"];
+var _excluded$2i = ["prefix", "suffix"];
 
 var TextFieldElement = function TextFieldElement(_ref, ref) {
   var prefix = _ref.prefix,
       suffix = _ref.suffix,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$2h);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$2i);
 
   var _useTextField = useTextField(_extends({}, props, {
     ref: ref
@@ -7191,11 +7241,11 @@ var getSelectStyles$1 = function getSelectStyles(_ref) {
   };
 };
 
-var _excluded$2i = ["children"];
+var _excluded$2j = ["children"];
 
 function CustomOption(_ref) {
   var children = _ref.children,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$2i);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$2j);
 
   var UserCustomOption = props.selectProps.componentsProps.UserCustomOption;
   return React__default.createElement(components.Option, Object.assign({}, props), React__default.createElement(UserCustomOption, Object.assign({}, props), children));
@@ -7309,13 +7359,13 @@ var MultiSelectField = function MultiSelectField(_ref) {
 
 var styles$J = {"custom-control":"_1cDCR"};
 
-var _excluded$2j = ["children"];
+var _excluded$2k = ["children"];
 
 function CustomControl(_ref) {
   var _props$getValue;
 
   var children = _ref.children,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$2j);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$2k);
 
   var SelectedOptionPrefix = props.selectProps.componentsProps.SelectedOptionPrefix;
   var selectedOption = (_props$getValue = props.getValue()) === null || _props$getValue === void 0 ? void 0 : _props$getValue[0];
@@ -7335,11 +7385,11 @@ function CustomControl(_ref) {
 
 var styles$K = {"custom-menu-text-field":"_2-zhH","custom-menu-hr":"_3sdnK","custom-menu-div":"_2F1jP"};
 
-var _excluded$2k = ["children"];
+var _excluded$2l = ["children"];
 
 function CustomMenu(_ref) {
   var children = _ref.children,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$2k);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$2l);
 
   var _props$selectProps$co = props.selectProps.componentsProps,
       creatableButton = _props$selectProps$co.creatableButton,
@@ -7554,13 +7604,13 @@ var SelectField = function SelectField(props) {
 
 var styles$L = {"custom-list":"_uC4zU"};
 
-var _excluded$2l = ["children", "hasMoreOptions", "hasMoreOptionsFirstLoad"];
+var _excluded$2m = ["children", "hasMoreOptions", "hasMoreOptionsFirstLoad"];
 
 var CustomList = function CustomList(_ref) {
   var children = _ref.children,
       hasMoreOptions = _ref.hasMoreOptions,
       hasMoreOptionsFirstLoad = _ref.hasMoreOptionsFirstLoad,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$2l);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$2m);
 
   var showFooter = hasMoreOptions;
 
@@ -7575,11 +7625,11 @@ var CustomList = function CustomList(_ref) {
   }, getLocalizedString('main.START_TYPING_TO_SEE_MORE_OPTIONS')))));
 };
 
-var _excluded$2m = ["loadOptions"];
+var _excluded$2n = ["loadOptions"];
 
 var AsyncSelectField = function AsyncSelectField(_ref) {
   var loadOptions = _ref.loadOptions,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$2m);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$2n);
 
   var _useState = useState(false),
       hasMoreOptions = _useState[0],
@@ -8367,14 +8417,14 @@ var WeekField = function WeekField(_ref) {
   })));
 };
 
-var _excluded$2n = ["placeholder", "autoComplete"];
+var _excluded$2o = ["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$2n);
+      allOtherProps = _objectWithoutPropertiesLoose(_ref, _excluded$2o);
 
   var _useTextField = useTextField(_extends({}, allOtherProps, {
     placeholder: placeholder,
@@ -8395,12 +8445,12 @@ var TimeFieldElement = function TimeFieldElement(_ref, ref) {
 
 var TimeField = forwardRef(TimeFieldElement);
 
-var _excluded$2o = ["currencySymbol"];
+var _excluded$2p = ["currencySymbol"];
 
 var CurrencyFieldElement = function CurrencyFieldElement(_ref, ref) {
   var _ref$currencySymbol = _ref.currencySymbol,
       currencySymbol = _ref$currencySymbol === void 0 ? "$" : _ref$currencySymbol,
-      allOtherProps = _objectWithoutPropertiesLoose(_ref, _excluded$2o);
+      allOtherProps = _objectWithoutPropertiesLoose(_ref, _excluded$2p);
 
   var _useTextField = useTextField(_extends({}, allOtherProps, {
     ref: ref
@@ -8433,7 +8483,7 @@ var CurrencyFieldElement = function CurrencyFieldElement(_ref, ref) {
 
 var CurrencyField = forwardRef(CurrencyFieldElement);
 
-var _excluded$2p = ["max", "min", "precision", "stepSize"];
+var _excluded$2q = ["max", "min", "precision", "stepSize"];
 
 var PercentageElement = function PercentageElement(_ref, ref) {
   var _ref$max = _ref.max,
@@ -8444,7 +8494,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$2p);
+      allOtherProps = _objectWithoutPropertiesLoose(_ref, _excluded$2q);
 
   var _useTextField = useTextField(_extends({}, allOtherProps, {
     ref: ref
@@ -8625,7 +8675,7 @@ var InlineBannerIcon = function InlineBannerIcon(_ref) {
   }
 };
 
-var _excluded$2q = ["children", "theme", "title", "onClose", "caption", "primaryButton", "secondaryButton", "testId"];
+var _excluded$2r = ["children", "theme", "title", "onClose", "caption", "primaryButton", "secondaryButton", "testId"];
 
 var InlineBanner = function InlineBanner(_ref) {
   var _classnames, _classnames2;
@@ -8639,7 +8689,7 @@ var InlineBanner = function InlineBanner(_ref) {
       primaryButton = _ref.primaryButton,
       secondaryButton = _ref.secondaryButton,
       testId = _ref.testId,
-      positionProps = _objectWithoutPropertiesLoose(_ref, _excluded$2q);
+      positionProps = _objectWithoutPropertiesLoose(_ref, _excluded$2r);
 
   var positionStyles = usePositionStyles(positionProps);
   var multiLine = !!title;
@@ -8860,7 +8910,7 @@ var ProgressBar = function ProgressBar(_ref) {
 
 var styles$S = {"badge":"_2f81N","badge--warning":"_2g1GI","badge--danger":"_2zLnM","badge--success":"_27QOo","badge--info":"_2gmsM"};
 
-var _excluded$2r = ["children", "theme", "title", "testId"];
+var _excluded$2s = ["children", "theme", "title", "testId"];
 
 var Badge = function Badge(_ref, forwardedRef) {
   var _classnames;
@@ -8869,7 +8919,7 @@ var Badge = function Badge(_ref, forwardedRef) {
       theme = _ref.theme,
       title = _ref.title,
       testId = _ref.testId,
-      otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$2r);
+      otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$2s);
 
   var internalRef = useRef(null);
   var ref = forwardedRef || internalRef;
@@ -9071,5 +9121,5 @@ var Italic = function Italic(_ref) {
   }, children);
 };
 
-export { AsyncSelectField, Avatar, Badge$1 as Badge, Bold, BreadcrumbItem, Breadcrumbs, Button$1 as Button, Calendar, Card, CheckboxField, Chip, CircularProgress, CurrencyField, DataTable, DataTableCell, DataTableEditableCell, DataTableRow, DateField, DateFilter, DateRangeField, Form, FormFeedback, FormFooter, FormRow, FormSection, IconAnalytics, IconArrowDown, IconArrowLeft, IconArrowRight, IconArrowToTop, IconArrowTurnDownRight, IconArrowUp, IconAward, IconAwful, IconAwfulMonochromatic, IconBad, IconBadMonochromatic, IconBalanceScale, IconBalanceScaleLeft, IconBan, IconBarsH, IconBarsV, IconBell, IconBirthdayCake, IconBold, IconBolt, IconBook, IconBriefcase, IconBullseyeArrow, IconCalculator, IconCalendar, IconCalendarAlt, IconCalendarCheck, IconCalendarDay, IconCalendarExclamation, IconCalendarStar, IconCalendarTomorrow, IconCamera, IconCameraSlash, IconCashRegister, IconChartBar, IconCheck, IconChevronDown, IconChevronLeft, IconChevronRight, IconChevronUp, IconClipboardList, IconClock, IconCog, IconComment, IconCommentLines, IconCopy, IconCreditCard, IconCreditCardPlus, IconDecent, IconDecentMonochromatic, IconDownload, IconEdit, IconEllipsisV, IconEnvelope, IconExclaimation, IconExclaimationTriangle, IconExpand, IconExternalLink, IconEye, IconEyeSlash, IconFile, IconFilePdf, IconFlag, IconFourDotsCircle, IconFourSquares, IconGavel, IconGif, IconGift, IconGood, IconGoodMonochromatic, IconGreat, IconGreatMonochromatic, IconGrinBeam, IconGripVertical, IconHandshake, IconImage, IconInfoCircle, IconIslandTropical, IconItalic, IconLaptopSearch, IconLink, IconList, IconListOI as IconListOi, IconLock, IconMagicSolid, IconMapMarker, IconMegaphone, IconMessages, IconMinus, IconMinusCircle, IconMoneyBill, IconMugSaucerSolid, IconNotesMedical, IconOvertime, IconPaperPlane, IconPaperPlaneClock, IconPaperclip, IconPencil, IconPercentage, IconPhone, IconPlug, IconPlus, IconPrint, IconQuestionCircle, IconRepeat, IconReply, IconSearch, IconSignOut, IconSitemap, IconSlidersH, IconSort, IconStar, IconStarSolid, IconStickyNoteLines, IconStopwatch, IconStrikethrough, IconSync, IconSyncExclaimation, IconTachometer, IconTimes, IconTimesOctagon, IconTrash, IconUnderline, IconUndo, IconUniversity, IconUserComputer, IconUserFriends, IconUserLight, IconUserPlus, IconUserSlash, IconUserSolid, IconUserTag, IconUserTie, IconUsers, IconVideo, IconVolume, IconVolumeMute, IconWrench, Inline, InlineBanner, Italic, Link, Modal, ModalBody, ModalFooter, MultiSelectField, Page, PaginationControls, PasswordField, PercentageField, PersistentBanner, Pill, PillSelectField, ProgressBar, RadioGroupBoxOption, RadioGroupField, RadioGroupOption, SIZE_25_PERCENT, SIZE_33_PERCENT, SIZE_50_PERCENT, SIZE_66_PERCENT, SIZE_75_PERCENT, SegmentedControl, SelectField, SousChefProvider, Spinner, Stack, Text, TextAreaField, TextField, TimeField, Toggle, ToolbarSelect, Tooltip$1 as Tooltip, Underline, WeekField, toast };
+export { AsyncSelectField, Avatar, Badge$1 as Badge, Bold, BreadcrumbItem, Breadcrumbs, Button$1 as Button, Calendar, Card, CheckboxField, Chip, CircularProgress, CurrencyField, DataTable, DataTableCell, DataTableEditableCell, DataTableRow, DateField, DateFilter, DateRangeField, Form, FormFeedback, FormFooter, FormRow, FormSection, IconAnalytics, IconArrowDown, IconArrowLeft, IconArrowRight, IconArrowToTop, IconArrowTurnDownRight, IconArrowUp, IconAward, IconAwful, IconAwfulMonochromatic, IconBad, IconBadMonochromatic, IconBalanceScale, IconBalanceScaleLeft, IconBan, IconBarsH, IconBarsV, IconBell, IconBirthdayCake, IconBold, IconBolt, IconBook, IconBriefcase, IconBullseyeArrow, IconCalculator, IconCalendar, IconCalendarAlt, IconCalendarCheck, IconCalendarDay, IconCalendarExclamation, IconCalendarStar, IconCalendarTomorrow, IconCamera, IconCameraSlash, IconCashRegister, IconChartBar, IconCheck, IconChevronDown, IconChevronLeft, IconChevronRight, IconChevronUp, IconClipboardList, IconClock, IconCog, IconComment, IconCommentLines, IconCopy, IconCreditCard, IconCreditCardPlus, IconDecent, IconDecentMonochromatic, IconDownload, IconEdit, IconEllipsisV, IconEnvelope, IconExclaimation, IconExclaimationTriangle, IconExpand, IconExternalLink, IconEye, IconEyeSlash, IconFile, IconFilePdf, IconFlag, IconFourDotsCircle, IconFourSquares, IconGavel, IconGif, IconGift, IconGood, IconGoodMonochromatic, IconGreat, IconGreatMonochromatic, IconGrinBeam, IconGripVertical, IconHandshake, IconImage, IconInfoCircle, IconIslandTropical, IconItalic, IconLaptopSearch, IconLink, IconList, IconListOI as IconListOi, IconLock, IconMagicSolid, IconMapMarker, IconMegaphone, IconMessages, IconMinus, IconMinusCircle, IconMoneyBill, IconMugSaucerSolid, IconNotesMedical, IconOvertime, IconPaperPlane, IconPaperPlaneClock, IconPaperclip, IconPencil, IconPercentage, IconPhone, IconPlug, IconPlus, IconPrint, IconQuestionCircle, IconRepeat, IconReply, IconSearch, IconSignOut, IconSitemap, IconSlidersH, IconSort, IconStar, IconStarSolid, IconStickyNoteLines, IconStopwatch, IconStrikethrough, IconSync, IconSyncExclaimation, IconTachometer, IconTimes, IconTimesOctagon, IconTrash, IconUnderline, IconUndo, IconUniversity, IconUserComputer, IconUserFriends, IconUserLight, IconUserPlus, IconUserSearch, IconUserSlash, IconUserSolid, IconUserTag, IconUserTie, IconUsers, IconVideo, IconVolume, IconVolumeMute, IconWrench, Inline, InlineBanner, Italic, Link, Modal, ModalBody, ModalFooter, MultiSelectField, Page, PaginationControls, PasswordField, PercentageField, PersistentBanner, Pill, PillSelectField, ProgressBar, RadioGroupBoxOption, RadioGroupField, RadioGroupOption, SIZE_25_PERCENT, SIZE_33_PERCENT, SIZE_50_PERCENT, SIZE_66_PERCENT, SIZE_75_PERCENT, SegmentedControl, SelectField, SousChefProvider, Spinner, Stack, Text, TextAreaField, TextField, TimeField, Toggle, ToolbarSelect, Tooltip$1 as Tooltip, Underline, WeekField, toast };
 //# sourceMappingURL=index.modern.js.map