@7shifts/sous-chef 2.3.1 → 2.3.5

package/dist/index.modern.js

@@ -3,7 +3,7 @@ import classnames from 'classnames';
 import ReactDOM from 'react-dom';
 import Select, { components } from 'react-select';
 import DayPickerInput from 'react-day-picker/DayPickerInput';
-import { startOfDay } from 'date-fns';
+import { isDate, startOfDay } from 'date-fns';
 import { DateUtils } from 'react-day-picker';
 import dateFnsFormat from 'date-fns/format';
 import dateFnsParse from 'date-fns/parse';
@@ -389,7 +389,9 @@ var TooltipOverlay = function TooltipOverlay(_ref) {
   }, []);
   var tooltipRectPosition = tooltipRef === null || tooltipRef === void 0 ? void 0 : (_tooltipRef$current = tooltipRef.current) === null || _tooltipRef$current === void 0 ? void 0 : _tooltipRef$current.getBoundingClientRect();
   var position = calculatePosition(placement, anchorPosition, tooltipRectPosition);
-  return React__default.createElement(Portal, null, React__default.createElement("div", null, React__default.createElement("div", {
+  return React__default.createElement(Portal, null, React__default.createElement("div", {
+    role: "tooltip"
+  }, React__default.createElement("div", {
     ref: tooltipRef,
     style: _extends({}, position.overlay, {
       zIndex: Z_INDEX_LAYERS.TOOLTIP
@@ -425,6 +427,7 @@ var Tooltip = function Tooltip(_ref, forwardedRef) {
       header = _ref.header,
       extraClass = _ref.extraClass,
       onClose = _ref.onClose,
+      onVisibleChange = _ref.onVisibleChange,
       children = _ref.children;
   var checkIsMounted = useIsMounted();
   var internalRef = useRef(null);
@@ -436,6 +439,11 @@ var Tooltip = function Tooltip(_ref, forwardedRef) {
 
   var isFocusingOnTooltip = useRef(false);
   var isFocusingOnAnchor = useRef(false);
+  useEffect(function () {
+    if (isVisible && !header && !overlay) {
+      setIsVisible(false);
+    }
+  }, [isVisible, header, overlay]);
 
   var updateOverlayVisibility = function updateOverlayVisibility(shouldShow) {
     setIsVisible(shouldShow);
@@ -443,6 +451,10 @@ var Tooltip = function Tooltip(_ref, forwardedRef) {
     if (!shouldShow) {
       onClose === null || onClose === void 0 ? void 0 : onClose();
     }
+
+    if (onVisibleChange) {
+      onVisibleChange(shouldShow);
+    }
   };
 
   var onAnchorFocusIn = function onAnchorFocusIn() {
@@ -1797,6 +1809,25 @@ var IconGavel = function IconGavel(props) {
 
 IconGavel.displayName = 'IconGavel';
 
+var IconGif = function IconGif(props) {
+  return React__default.createElement("svg", Object.assign({
+    viewBox: "0 0 20 20",
+    xmlns: "http://www.w3.org/2000/svg",
+    "data-testid": "icon-gif",
+    style: getIconStyles(props)
+  }, props), React__default.createElement("path", {
+    d: "M18.096 2.85H1.906c-.79 0-1.43.64-1.43 1.429v11.428c0 .79.64 1.429 1.43 1.429h16.19c.789 0 1.428-.64 1.428-1.429V4.28c0-.79-.64-1.429-1.428-1.429Z",
+    stroke: "currentColor",
+    strokeWidth: 0.952,
+    fill: "none"
+  }), React__default.createElement("path", {
+    d: "M7.124 12.541c.876 0 1.592-.373 2.087-.93V9.715H6.804v.785h1.524v.785c-.23.22-.686.457-1.204.457-1.006 0-1.753-.777-1.753-1.836 0-1.074.747-1.836 1.753-1.836a1.64 1.64 0 0 1 1.318.678l.724-.42c-.404-.578-1.052-1.05-2.042-1.05-1.478 0-2.667 1.028-2.667 2.628 0 1.592 1.189 2.636 2.667 2.636Zm3.907-.099V7.36h-.892v5.082h.892Zm1.971 0V10.24h2.538v-.785h-2.538v-1.31h2.59V7.36h-3.481v5.082h.891Z",
+    fill: "currentColor"
+  }));
+};
+
+IconGif.displayName = 'IconGif';
+
 var IconGift = function IconGift(props) {
   return React__default.createElement("svg", Object.assign({
     viewBox: "0 0 20 20",
@@ -2857,7 +2888,7 @@ var IconWrench = function IconWrench(props) {
 
 IconWrench.displayName = 'IconWrench';
 
-var styles$6 = {"item":"_3DlpO","clickable":"_2jPpF","selected":"_NS-B9","item-column":"_3ENNn","actions":"_1FTaE"};
+var styles$6 = {"item":"_3DlpO","selected":"_NS-B9","clickable":"_2jPpF","item-column":"_3ENNn","actions":"_1FTaE"};
 
 var ResourceTableRow = function ResourceTableRow(_ref) {
   var _classnames;
@@ -3174,7 +3205,7 @@ var useDataTableContext = function useDataTableContext() {
   return context;
 };
 
-var styles$9 = {"item":"_1d8Ci","clickable":"_thFcO","selected":"_3tb7U","item-column":"_OTcMc","item-column--default-padding":"_lNHQ8","item-column--right-align":"_13YLe","item-column--vertical-border":"_1rrRr","actions":"_azbIG"};
+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 DataTableRow = function DataTableRow(_ref) {
   var _classnames;
@@ -3362,7 +3393,7 @@ var DataTable = function DataTable(_ref) {
       numberOfRows: numberOfRows,
       hasVerticalBorders: hasVerticalBorders
     }
-  }, React__default.createElement("div", null, React__default.createElement(DataTableHeader, {
+  }, React__default.createElement("div", null, columns && React__default.createElement(DataTableHeader, {
     columns: columns,
     onSort: onSort,
     showActionMenu: showActionMenu
@@ -3422,7 +3453,7 @@ var DataTableCell = function DataTableCell(_ref) {
   var _useDataTableContext = useDataTableContext(),
       columns = _useDataTableContext.columns;
 
-  var column = (_columns$columnIndex = columns[columnIndex]) != null ? _columns$columnIndex : null;
+  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$b['data-table-cell--right-aligned']] = isRightAligned, _classnames), styles$b['data-table-cell'])
@@ -3449,49 +3480,33 @@ var getFormikState = function getFormikState(name, formik) {
     return null;
   }
 
-  if (Object.keys(formik.values).includes(name)) {
-    return {
-      error: formik.touched[name] ? formik.errors[name] : undefined,
-      value: formik.values[name]
-    };
-  }
+  var formikPath = getFormikArrayPath(name);
 
-  var formikArray = getFormikArrayPath(name);
+  if (formikPath.length === 0) {
+    return null;
+  }
 
-  if (formikArray) {
-    var _formik$touched, _formik$touched$array, _formik$touched$array2, _formik$errors, _formik$errors$arrayN, _formik$errors$arrayN2, _formik$values, _formik$values$arrayN, _formik$values$arrayN2;
+  var formikLatestLevel = formikPath.reduce(function (acc, path) {
+    var _acc$touched, _acc$error, _acc$value;
 
-    var arrayName = formikArray.arrayName,
-        itemIndex = formikArray.itemIndex,
-        fieldName = formikArray.fieldName;
     return {
-      error: (_formik$touched = formik.touched) !== null && _formik$touched !== void 0 && (_formik$touched$array = _formik$touched[arrayName]) !== null && _formik$touched$array !== void 0 && (_formik$touched$array2 = _formik$touched$array[itemIndex]) !== null && _formik$touched$array2 !== void 0 && _formik$touched$array2[fieldName] ? (_formik$errors = formik.errors) === null || _formik$errors === void 0 ? void 0 : (_formik$errors$arrayN = _formik$errors[arrayName]) === null || _formik$errors$arrayN === void 0 ? void 0 : (_formik$errors$arrayN2 = _formik$errors$arrayN[itemIndex]) === null || _formik$errors$arrayN2 === void 0 ? void 0 : _formik$errors$arrayN2[fieldName] : undefined,
-      value: (_formik$values = formik.values) === null || _formik$values === void 0 ? void 0 : (_formik$values$arrayN = _formik$values[arrayName]) === null || _formik$values$arrayN === void 0 ? void 0 : (_formik$values$arrayN2 = _formik$values$arrayN[itemIndex]) === null || _formik$values$arrayN2 === void 0 ? void 0 : _formik$values$arrayN2[fieldName]
+      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]
     };
-  }
-
-  return null;
-};
-
-var getFormikArrayPath = function getFormikArrayPath(name) {
-  if (!name.includes('[')) {
-    return false;
-  }
-
-  var _name$split = name.split('['),
-      arrayName = _name$split[0],
-      missingSplit = _name$split[1];
-
-  var _missingSplit$split = missingSplit.split('].'),
-      itemIndex = _missingSplit$split[0],
-      fieldName = _missingSplit$split[1];
-
+  }, {
+    touched: formik.touched,
+    error: formik.errors,
+    value: formik.values
+  });
   return {
-    arrayName: arrayName,
-    itemIndex: itemIndex,
-    fieldName: fieldName
+    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,
@@ -3691,9 +3706,9 @@ var DataTableEditableCell = function DataTableEditableCell(_ref) {
       columns = _useDataTableContext.columns,
       numberOfRows = _useDataTableContext.numberOfRows;
 
-  var column = (_columns$columnIndex = columns[columnIndex]) != null ? _columns$columnIndex : null;
+  var column = (_columns$columnIndex = columns === null || columns === void 0 ? void 0 : columns[columnIndex]) != null ? _columns$columnIndex : null;
   var isRightAligned = column ? column.isRightAligned : false;
-  var numberOfColumns = columns === null || columns === void 0 ? void 0 : columns.length;
+  var numberOfColumns = (columns === null || columns === void 0 ? void 0 : columns.length) || 0;
   var isTopLeftCell = columnIndex === 0 && rowIndex === 0;
   var isTopRightCell = columnIndex === numberOfColumns - 1 && rowIndex === 0;
   var isBottomLeftCell = columnIndex === 0 && rowIndex === numberOfRows - 1;
@@ -4891,7 +4906,7 @@ var useDateFieldControllers = function useDateFieldControllers(_ref) {
     error: error,
     value: value,
     onChange: function onChange(newValue) {
-      return newValue && _onChange && _onChange(startOfDay(newValue));
+      return _onChange && _onChange(isDate(newValue) ? startOfDay(newValue) : newValue);
     },
     onBlur: function onBlur() {
       return _onBlur && _onBlur();
@@ -5799,5 +5814,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, IconGavel, 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 };
+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, IconGavel, IconGif, 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