@7shifts/sous-chef 3.4.0 → 3.6.0

package/dist/index.js

@@ -3053,8 +3053,7 @@ var IconMoneyBill = React.forwardRef(function (_ref, ref) {
 IconMoneyBill.displayName = 'IconMoneyBill';
 
 var _excluded$1v = ["testId"];
-
-var IconMugSaucerSolid = function IconMugSaucerSolid(_ref) {
+var IconMugSaucerSolid = React.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);
@@ -3064,12 +3063,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"];
@@ -3898,10 +3897,39 @@ var IconUserPlus = React.forwardRef(function (_ref, ref) {
 IconUserPlus.displayName = 'IconUserPlus';
 
 var _excluded$25 = ["testId"];
+var IconUserSearch = React.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 = React.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",
@@ -3924,11 +3952,11 @@ var IconUserSlash = React.forwardRef(function (_ref, ref) {
 });
 IconUserSlash.displayName = 'IconUserSlash';
 
-var _excluded$26 = ["testId"];
+var _excluded$27 = ["testId"];
 var IconUserSolid = React.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",
@@ -3944,11 +3972,11 @@ var IconUserSolid = React.forwardRef(function (_ref, ref) {
 });
 IconUserSolid.displayName = 'IconUserSolid';
 
-var _excluded$27 = ["testId"];
+var _excluded$28 = ["testId"];
 var IconUserTag = React.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",
@@ -3966,11 +3994,11 @@ var IconUserTag = React.forwardRef(function (_ref, ref) {
 });
 IconUserTag.displayName = 'IconUserTag';
 
-var _excluded$28 = ["testId"];
+var _excluded$29 = ["testId"];
 var IconUserTie = React.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",
@@ -3986,11 +4014,11 @@ var IconUserTie = React.forwardRef(function (_ref, ref) {
 });
 IconUserTie.displayName = 'IconUserTie';
 
-var _excluded$29 = ["testId"];
+var _excluded$2a = ["testId"];
 var IconUsers = React.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",
@@ -4006,11 +4034,11 @@ var IconUsers = React.forwardRef(function (_ref, ref) {
 });
 IconUsers.displayName = 'IconUsers';
 
-var _excluded$2a = ["testId"];
+var _excluded$2b = ["testId"];
 var IconVideo = React.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",
@@ -4026,11 +4054,11 @@ var IconVideo = React.forwardRef(function (_ref, ref) {
 });
 IconVideo.displayName = 'IconVideo';
 
-var _excluded$2b = ["testId"];
+var _excluded$2c = ["testId"];
 var IconVolumeMute = React.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",
@@ -4046,11 +4074,11 @@ var IconVolumeMute = React.forwardRef(function (_ref, ref) {
 });
 IconVolumeMute.displayName = 'IconVolumeMute';
 
-var _excluded$2c = ["testId"];
+var _excluded$2d = ["testId"];
 var IconVolume = React.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",
@@ -4066,11 +4094,11 @@ var IconVolume = React.forwardRef(function (_ref, ref) {
 });
 IconVolume.displayName = 'IconVolume';
 
-var _excluded$2d = ["testId"];
+var _excluded$2e = ["testId"];
 var IconWrench = React.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",
@@ -4429,7 +4457,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;
@@ -4443,7 +4471,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,
@@ -4682,136 +4710,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 = React.createContext({});
-var useFormContext = function useFormContext() {
-  var context = React.useContext(Context$1);
-  return context || {};
-};
-
-var useFieldId = function useFieldId(_ref) {
-  var name = _ref.name,
-      inputId = _ref.id;
-  var id = React.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"};
 
@@ -5199,6 +5098,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 = React.forwardRef(DataTableCellElement);
+
+var Context$1 = React.createContext({});
+var useFormContext = function useFormContext() {
+  var context = React.useContext(Context$1);
+  return context || {};
+};
+
+var useFieldId = function useFieldId(_ref) {
+  var name = _ref.name,
+      inputId = _ref.id;
+  var id = React.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) {
@@ -5893,7 +5943,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;
@@ -5904,7 +5954,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", {
@@ -5950,7 +6000,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;
@@ -5962,7 +6012,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 = {
@@ -6432,12 +6482,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
@@ -7196,11 +7246,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(Select.components.Option, Object.assign({}, props), React__default.createElement(UserCustomOption, Object.assign({}, props), children));
@@ -7314,13 +7364,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];
@@ -7340,11 +7390,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,
@@ -7559,13 +7609,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;
 
@@ -7580,11 +7630,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 = React.useState(false),
       hasMoreOptions = _useState[0],
@@ -8372,14 +8422,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,
@@ -8400,12 +8450,12 @@ var TimeFieldElement = function TimeFieldElement(_ref, ref) {
 
 var TimeField = React.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
@@ -8438,7 +8488,7 @@ var CurrencyFieldElement = function CurrencyFieldElement(_ref, ref) {
 
 var CurrencyField = React.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,
@@ -8449,7 +8499,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
@@ -8630,7 +8680,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;
@@ -8644,7 +8694,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;
@@ -8865,7 +8915,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;
@@ -8874,7 +8924,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 = React.useRef(null);
   var ref = forwardedRef || internalRef;
@@ -9231,6 +9281,7 @@ exports.IconUserComputer = IconUserComputer;
 exports.IconUserFriends = IconUserFriends;
 exports.IconUserLight = IconUserLight;
 exports.IconUserPlus = IconUserPlus;
+exports.IconUserSearch = IconUserSearch;
 exports.IconUserSlash = IconUserSlash;
 exports.IconUserSolid = IconUserSolid;
 exports.IconUserTag = IconUserTag;