@uncinc/uncinc-react-kitchen-sink 2.11.11 → 2.11.13

package/dist/components/Form/DateSelect/index.js

@@ -117,18 +117,25 @@ var DateSelect = function DateSelect(props) {
 
   // Validation and setting either an error or the FieldValue
   useEffect(function () {
-    hideYear && setYear(fixedYear || new Date().getFullYear());
+    if (hideYear) {
+      setYear(fixedYear || new Date().getFullYear());
+    }
 
     // In some cases, this element can re-render while there's already a value in the Formik Context.
     // For example, when we build a Webform with multiplate pages, and you go báck a page.
     //
     // The values will still be in the Formik Context, but we need to set them again in useState
     if (value) {
-      value.getDate() && setDay(value.getDate());
-
-      // months are zero-indexed
-      value.getMonth() !== undefined && setMonth(value.getMonth() + 1);
-      value.getFullYear() && setYear(value.getFullYear());
+      if (!day && value.getDate()) {
+        setDay(value.getDate());
+      }
+      if (!month && value.getMonth() !== undefined) {
+        // months are zero-indexed
+        setMonth(value.getMonth() + 1);
+      }
+      if (!year && value.getFullYear()) {
+        setYear(value.getFullYear());
+      }
     }
 
     // All options are filled, start validation
@@ -143,6 +150,7 @@ var DateSelect = function DateSelect(props) {
       var date = new Date("".concat(year, "-").concat(toTwoDigits(month), "-").concat(toTwoDigits(day)));
       setFieldValue(fieldName, date);
     }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [isSubmitting, day, month, year]);
   var handleValidation = function handleValidation(value) {
     if (validation && typeof validation === 'function') {

package/dist/components/Image/AdaptivePicture/index.js

@@ -48,7 +48,7 @@ var AdaptivePicture = function AdaptivePicture(_ref) {
     var container = image.parentElement;
     if (!container) return;
     var resizeObserver = new ResizeObserver(function (entries) {
-      // In order to prevent the 'ResizeObserver loop completed with undelivered notifications.' 
+      // In order to prevent the 'ResizeObserver loop completed with undelivered notifications.'
       // message, debounce handling the ResizeObserver action by adding a timeout.
       clearTimeout(resizingDelayTimer.current);
       resizingDelayTimer.current = setTimeout(function () {

package/dist/components/Image/helpers/index.js

@@ -6,7 +6,7 @@ function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefine
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import path from 'path';
 import { useEffect, useState } from 'react';
-var breakpoints = [256, 512, 1024, 2048];
+var breakpoints = [128, 256, 512, 1024, 2048];
 var mimeTypes = {
   '.gif': 'image/gif',
   '.png': 'image/png',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uncinc/uncinc-react-kitchen-sink",
-  "version": "2.11.11",
+  "version": "2.11.13",
   "description": "Default React components that are easily extended.",
   "author": "uncinc",
   "license": "MIT",