@7shifts/sous-chef 1.5.3 → 1.5.7

package/dist/index.modern.js

@@ -1648,6 +1648,8 @@ var useFieldControllers = function useFieldControllers(_ref) {
       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;
@@ -1668,6 +1670,12 @@ var useFieldControllers = function useFieldControllers(_ref) {
     },
     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);
@@ -1875,6 +1883,7 @@ var DataTableEditableCell = function DataTableEditableCell(_ref) {
     id: controllers.id,
     className: classnames((_classnames2 = {}, _classnames2[styles$h['data-table-editable-cell--right-aligned']] = isRightAligned, _classnames2[styles$h['data-table-editable-cell--top-left']] = isTopLeftCell, _classnames2[styles$h['data-table-editable-cell--top-right']] = isTopRightCell, _classnames2[styles$h['data-table-editable-cell--bottom-left']] = isBottomLeftCell, _classnames2[styles$h['data-table-editable-cell--bottom-right']] = isBottomRightCell, _classnames2[styles$h['data-table-editable-cell--invalid']] = hasError, _classnames2)),
     type: type === 'currency' ? 'number' : 'text',
+    step: type === 'currency' ? 'any' : '',
     "data-testid": "text-field-" + name,
     "aria-describedby": hasError ? controllers.id + "-error-message" : controllers.id + "-describer",
     "aria-invalid": hasError,
@@ -2075,56 +2084,66 @@ var styles$k = {"text-field":"_20YOA","text-field--invalid":"_3kUSh","text-field
 var TextField = function TextField(_ref, ref) {
   var _classnames;
 
-  var name = _ref.name,
-      inputId = _ref.id,
-      value = _ref.value,
-      onChange = _ref.onChange,
-      onBlur = _ref.onBlur,
-      label = _ref.label,
+  var autoComplete = _ref.autoComplete,
+      autoFocus = _ref.autoFocus,
       caption = _ref.caption,
+      defaultValue = _ref.defaultValue,
+      disabled = _ref.disabled,
       error = _ref.error,
+      inputId = _ref.id,
+      label = _ref.label,
+      maxLength = _ref.maxLength,
+      name = _ref.name,
+      onBlur = _ref.onBlur,
+      onChange = _ref.onChange,
+      onFocus = _ref.onFocus,
+      onKeyDown = _ref.onKeyDown,
       placeholder = _ref.placeholder,
-      disabled = _ref.disabled,
       prefix = _ref.prefix,
       suffix = _ref.suffix,
-      defaultValue = _ref.defaultValue,
-      autoFocus = _ref.autoFocus;
+      value = _ref.value;
   var controllers = useFieldControllers({
-    name: name,
+    error: error,
     id: inputId,
-    value: value,
+    name: name,
     onChange: onChange,
     onBlur: onBlur,
-    error: error
+    onFocus: onFocus,
+    onKeyDown: onKeyDown,
+    value: value
   });
   var hasError = !!controllers.error;
   var fieldProps = {
-    name: name,
-    id: controllers.id,
-    label: label,
     caption: caption,
-    error: controllers.error
+    error: controllers.error,
+    label: label,
+    id: controllers.id,
+    name: name
   };
   return React__default.createElement(Field, Object.assign({}, fieldProps), React__default.createElement(AffixContainer, {
     prefix: prefix,
     suffix: suffix
   }, React__default.createElement("input", {
-    name: name,
-    id: controllers.id,
-    className: classnames(styles$k['text-field'], (_classnames = {}, _classnames[styles$k['text-field--invalid']] = hasError, _classnames)),
-    type: "text",
-    "data-testid": "text-field-" + name,
     "aria-describedby": hasError ? controllers.id + "-error-message" : controllers.id + "-describer",
     "aria-invalid": hasError,
+    autoComplete: autoComplete,
+    autoFocus: autoFocus,
+    className: classnames(styles$k['text-field'], (_classnames = {}, _classnames[styles$k['text-field--invalid']] = hasError, _classnames)),
+    "data-testid": "text-field-" + name,
     disabled: disabled,
-    placeholder: placeholder,
     defaultValue: defaultValue,
-    value: controllers.value,
-    onChange: controllers.onChange,
+    id: controllers.id,
+    maxLength: maxLength,
+    name: name,
     onBlur: controllers.onBlur,
-    size: 1,
+    onChange: controllers.onChange,
+    onFocus: controllers.onFocus,
+    onKeyDown: controllers.onKeyDown,
+    placeholder: placeholder,
     ref: ref,
-    autoFocus: autoFocus
+    size: 1,
+    type: "text",
+    value: controllers.value
   })));
 };
 
@@ -2753,7 +2772,9 @@ var MultiSelectField = function MultiSelectField(_ref) {
       caption = _ref.caption,
       error = _ref.error,
       placeholder = _ref.placeholder,
-      disabled = _ref.disabled;
+      disabled = _ref.disabled,
+      _ref$closeOnSelect = _ref.closeOnSelect,
+      closeOnSelect = _ref$closeOnSelect === void 0 ? false : _ref$closeOnSelect;
   var controllers = useMultiSelectFieldControllers({
     name: name,
     id: inputId,
@@ -2784,6 +2805,7 @@ var MultiSelectField = function MultiSelectField(_ref) {
     onChange: controllers.onChange,
     onBlur: controllers.onBlur,
     isMulti: true,
+    closeMenuOnSelect: closeOnSelect,
     components: {
       Option: UserCustomOption ? function (props) {
         return React__default.createElement(CustomOption, Object.assign({