@7shifts/sous-chef 2.1.2 → 2.2.0

package/dist/index.modern.js

@@ -8,6 +8,7 @@ import dateFnsFormat from 'date-fns/format';
 import dateFnsParse from 'date-fns/parse';
 import startOfDay from 'date-fns/startOfDay';
 import eachDayOfInterval from 'date-fns/eachDayOfInterval';
+import parseTime from 'time-autocomplete/src/core/AMPMParser';
 import ReactModal from 'react-modal';
 
 function _extends() {
@@ -3903,30 +3904,29 @@ var TextAreaField = function TextAreaField(_ref) {
 
 var styles$j = {"text-field":"_20YOA","text-field--invalid":"_3kUSh","text-field--prefixed":"_3IU3Q","text-field--suffixed":"_QXJOD"};
 
-var TextFieldElement = function TextFieldElement(_ref, ref) {
+var useTextField = function useTextField(_ref) {
   var _classnames;
 
   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,
+      id = _ref.id,
       maxLength = _ref.maxLength,
       name = _ref.name,
+      caption = _ref.caption,
+      label = _ref.label,
       onBlur = _ref.onBlur,
       onChange = _ref.onChange,
       onFocus = _ref.onFocus,
       onKeyDown = _ref.onKeyDown,
       placeholder = _ref.placeholder,
-      prefix = _ref.prefix,
-      suffix = _ref.suffix,
-      value = _ref.value;
+      value = _ref.value,
+      ref = _ref.ref;
   var controllers = useFieldControllers({
     error: error,
-    id: inputId,
+    id: id,
     name: name,
     onChange: onChange,
     onBlur: onBlur,
@@ -3935,23 +3935,13 @@ var TextFieldElement = function TextFieldElement(_ref, ref) {
     value: value
   });
   var hasError = !!controllers.error;
-  var fieldProps = {
-    caption: caption,
-    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", {
-    "aria-describedby": hasError ? controllers.id + "-error-message" : controllers.id + "-describer",
-    "aria-invalid": hasError,
+  var inputProps = {
+    'aria-describedby': hasError ? controllers.id + "-error-message" : controllers.id + "-describer",
+    'aria-invalid': hasError,
     autoComplete: autoComplete,
     autoFocus: autoFocus,
     className: classnames(styles$j['text-field'], (_classnames = {}, _classnames[styles$j['text-field--invalid']] = hasError, _classnames)),
-    "data-testid": "text-field-" + name,
+    'data-testid': "text-field-" + name,
     disabled: disabled,
     defaultValue: defaultValue,
     id: controllers.id,
@@ -3964,9 +3954,39 @@ var TextFieldElement = function TextFieldElement(_ref, ref) {
     placeholder: placeholder,
     ref: ref,
     size: 1,
-    type: "text",
+    type: 'text',
     value: controllers.value
-  })));
+  };
+  var fieldProps = {
+    caption: caption,
+    error: controllers.error,
+    label: label,
+    id: inputProps.id,
+    name: name
+  };
+  return {
+    inputProps: inputProps,
+    fieldProps: fieldProps
+  };
+};
+
+var _excluded$2 = ["prefix", "suffix"];
+
+var TextFieldElement = function TextFieldElement(_ref, ref) {
+  var prefix = _ref.prefix,
+      suffix = _ref.suffix,
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$2);
+
+  var _useTextField = useTextField(_extends({}, props, {
+    ref: ref
+  })),
+      inputProps = _useTextField.inputProps,
+      fieldProps = _useTextField.fieldProps;
+
+  return React__default.createElement(Field, Object.assign({}, fieldProps), React__default.createElement(AffixContainer, {
+    prefix: prefix,
+    suffix: suffix
+  }, React__default.createElement("input", Object.assign({}, inputProps))));
 };
 
 var TextField = forwardRef(TextFieldElement);
@@ -4576,12 +4596,12 @@ var getSelectStyles = function getSelectStyles(_ref) {
   };
 };
 
-var _excluded$2 = ["children", "CustomComponent"];
+var _excluded$3 = ["children", "CustomComponent"];
 
 function CustomOption(_ref) {
   var children = _ref.children,
       CustomComponent = _ref.CustomComponent,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$2);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$3);
 
   return React__default.createElement(components.Option, Object.assign({}, props), React__default.createElement(CustomComponent, Object.assign({}, props), children));
 }
@@ -4710,14 +4730,14 @@ var useSelectFieldControllers = function useSelectFieldControllers(_ref) {
 
 var styles$q = {"custom-control":"_1cDCR"};
 
-var _excluded$3 = ["children", "CustomPrefixComponent"];
+var _excluded$4 = ["children", "CustomPrefixComponent"];
 
 function CustomControl(_ref) {
   var _props$getValue;
 
   var children = _ref.children,
       CustomPrefixComponent = _ref.CustomPrefixComponent,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$3);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$4);
 
   var selectedOption = (_props$getValue = props.getValue()) === null || _props$getValue === void 0 ? void 0 : _props$getValue[0];
   return React__default.createElement(components.Control, Object.assign({}, props), CustomControl && selectedOption ? React__default.createElement("div", {
@@ -4734,12 +4754,12 @@ function CustomControl(_ref) {
   }, props)), children)) : children);
 }
 
-var _excluded$4 = ["children", "CustomComponent"];
+var _excluded$5 = ["children", "CustomComponent"];
 
 function CustomOption$1(_ref) {
   var children = _ref.children,
       CustomComponent = _ref.CustomComponent,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$4);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$5);
 
   return React__default.createElement(components.Option, Object.assign({}, props), React__default.createElement(CustomComponent, Object.assign({}, props), children));
 }
@@ -5409,6 +5429,34 @@ var WeekField = function WeekField(_ref) {
   })));
 };
 
+var _excluded$6 = ["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$6);
+
+  var _useTextField = useTextField(_extends({}, allOtherProps, {
+    placeholder: placeholder,
+    autoComplete: autoComplete,
+    ref: ref
+  })),
+      inputProps = _useTextField.inputProps,
+      fieldProps = _useTextField.fieldProps;
+
+  return React__default.createElement(Field, Object.assign({}, fieldProps), React__default.createElement("input", Object.assign({}, inputProps, {
+    onBlur: function onBlur(e) {
+      e.target.value = parseTime(e.target.value, 'g:i A');
+      inputProps.onChange(e);
+      inputProps.onBlur(e);
+    }
+  })));
+};
+
+var TimeField = forwardRef(TimeFieldElement);
+
 var styles$u = {"caption":"_1QDLF","label":"_2wiMV","toggle":"_1ui8X","toggle__label":"_1YRJT","toggle__caption":"_1jEiW","toggle__switch":"_3tNyE"};
 
 var Toggle = function Toggle(_ref) {
@@ -5582,7 +5630,7 @@ var FooterContainer = function FooterContainer(_ref2) {
 
 var styles$z = {"badge":"_2f81N","badge--warning":"_2g1GI","badge--danger":"_2zLnM","badge--success":"_27QOo","badge--info":"_2gmsM"};
 
-var _excluded$5 = ["children", "theme", "title"];
+var _excluded$7 = ["children", "theme", "title"];
 
 var Badge = function Badge(_ref, forwardedRef) {
   var _classnames;
@@ -5590,7 +5638,7 @@ var Badge = function Badge(_ref, forwardedRef) {
   var children = _ref.children,
       theme = _ref.theme,
       title = _ref.title,
-      otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$5);
+      otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$7);
 
   var internalRef = useRef(null);
   var ref = forwardedRef || internalRef;
@@ -5721,5 +5769,5 @@ var Avatar = function Avatar(_ref) {
   }, badge));
 };
 
-export { Avatar, Badge$1 as Badge, Button$1 as Button, CheckboxField, DataTable, DataTableCell, DataTableEditableCell, DataTableRow, DateField, DateRangeField, Form, FormRow, IconAnalytics, IconArrowDown, IconArrowLeft, IconArrowRight, IconArrowToTop, IconArrowUp, IconAward, IconBalanceScale, IconBalanceScaleLeft, IconBan, IconBarsH, IconBarsV, IconBell, IconBold, IconBolt, IconBook, IconBriefcase, IconBullseyeArrow, IconCalculator, IconCalendar, IconCalendarAlt, IconCalendarCheck, IconCalendarDay, IconCalendarExclamation, IconCalendarTomorrow, IconCamera, IconCameraSlash, IconCashRegister, IconChartBar, IconCheck, IconChevronDown, IconChevronLeft, IconChevronRight, IconChevronUp, IconClipboardList, IconClock, IconCog, IconComment, IconCommentLines, IconCopy, IconCreditCard, IconCreditCardPlus, IconDownload, IconEdit, IconEllipsisV, IconEnvelope, IconExclaimation, IconExclaimationTriangle, IconExpand, IconExternalLink, IconEye, IconEyeSlash, IconFile, IconFilePdf, IconFlag, IconFourDotsCircle, IconFourSquares, IconGift, IconGrinBeam, IconGripVertical, IconHandshake, IconImage, IconInfoCircle, IconIslandTropical, IconItalic, IconLaptopSearch, IconLink, IconList, IconListOI as IconListOi, IconLock, IconMagicSolid, IconMapMarker, IconMegaphone, IconMinus, IconMinusCircle, IconMoneyBill, IconNotesMedical, IconOvertime, IconPaperPlane, IconPaperPlaneClock, IconPaperclip, IconPencil, IconPercentage, IconPhone, IconPlug, IconPlus, IconPrint, IconQuestionCircle, IconRepeat, IconSearch, IconSignOut, IconSitemap, IconSlidersH, IconSort, IconStar, IconStickyNoteLines, IconStopwatch, IconStrikethrough, IconSync, IconSyncExclaimation, IconTachometer, IconTimes, IconTimesOctagon, IconTrash, IconUnderline, IconUndo, IconUserComputer, IconUserLight, IconUserPlus, IconUserSlash, IconUserSolid, IconUserTag, IconUserTie, IconUsers, IconVideo, IconVolume, IconVolumeMute, IconWrench, Inline, Modal, ModalBody, ModalFooter, MultiSelectField, PaginationControls, PasswordField, PillSelectField, RadioGroupField, RadioGroupOption, ResourceTable, ResourceTableRow, SIZE_25_PERCENT, SIZE_33_PERCENT, SIZE_50_PERCENT, SIZE_66_PERCENT, SIZE_75_PERCENT, SelectField, Spinner, Stack, TextAreaField, TextField, Toggle, Tooltip$1 as Tooltip, WeekField };
+export { Avatar, Badge$1 as Badge, Button$1 as Button, CheckboxField, DataTable, DataTableCell, DataTableEditableCell, DataTableRow, DateField, DateRangeField, Form, FormRow, IconAnalytics, IconArrowDown, IconArrowLeft, IconArrowRight, IconArrowToTop, IconArrowUp, IconAward, IconBalanceScale, IconBalanceScaleLeft, IconBan, IconBarsH, IconBarsV, IconBell, IconBold, IconBolt, IconBook, IconBriefcase, IconBullseyeArrow, IconCalculator, IconCalendar, IconCalendarAlt, IconCalendarCheck, IconCalendarDay, IconCalendarExclamation, IconCalendarTomorrow, IconCamera, IconCameraSlash, IconCashRegister, IconChartBar, IconCheck, IconChevronDown, IconChevronLeft, IconChevronRight, IconChevronUp, IconClipboardList, IconClock, IconCog, IconComment, IconCommentLines, IconCopy, IconCreditCard, IconCreditCardPlus, IconDownload, IconEdit, IconEllipsisV, IconEnvelope, IconExclaimation, IconExclaimationTriangle, IconExpand, IconExternalLink, IconEye, IconEyeSlash, IconFile, IconFilePdf, IconFlag, IconFourDotsCircle, IconFourSquares, IconGift, IconGrinBeam, IconGripVertical, IconHandshake, IconImage, IconInfoCircle, IconIslandTropical, IconItalic, IconLaptopSearch, IconLink, IconList, IconListOI as IconListOi, IconLock, IconMagicSolid, IconMapMarker, IconMegaphone, IconMinus, IconMinusCircle, IconMoneyBill, IconNotesMedical, IconOvertime, IconPaperPlane, IconPaperPlaneClock, IconPaperclip, IconPencil, IconPercentage, IconPhone, IconPlug, IconPlus, IconPrint, IconQuestionCircle, IconRepeat, IconSearch, IconSignOut, IconSitemap, IconSlidersH, IconSort, IconStar, IconStickyNoteLines, IconStopwatch, IconStrikethrough, IconSync, IconSyncExclaimation, IconTachometer, IconTimes, IconTimesOctagon, IconTrash, IconUnderline, IconUndo, IconUserComputer, IconUserLight, IconUserPlus, IconUserSlash, IconUserSolid, IconUserTag, IconUserTie, IconUsers, IconVideo, IconVolume, IconVolumeMute, IconWrench, Inline, Modal, ModalBody, ModalFooter, MultiSelectField, PaginationControls, PasswordField, PillSelectField, RadioGroupField, RadioGroupOption, ResourceTable, ResourceTableRow, SIZE_25_PERCENT, SIZE_33_PERCENT, SIZE_50_PERCENT, SIZE_66_PERCENT, SIZE_75_PERCENT, SelectField, Spinner, Stack, TextAreaField, TextField, TimeField, Toggle, Tooltip$1 as Tooltip, WeekField };
 //# sourceMappingURL=index.modern.js.map