@uncinc/uncinc-react-kitchen-sink 2.11.7 → 2.11.9

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

@@ -1,9 +1,11 @@
-var _excluded = ["title", "required", "description", "placeholder", "fieldName", "validation", "className", "wrapperClassName", "disabled", "minDate", "maxDate", "onChange", "includeFieldSet"];
+var _excluded = ["title", "required", "description", "placeholder", "fieldName", "validation", "className", "wrapperClassName", "disabled", "minDate", "maxDate", "onChange", "includeFieldSet", "calendarStartDay", "locale"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import React from 'react';
-import ReactDatePicker from 'react-datepicker';
+import ReactDatePicker, { registerLocale, setDefaultLocale } from 'react-datepicker';
+import enUS from 'date-fns/locale/en-US';
+import nl from 'date-fns/locale/nl';
 import { Field } from 'formik';
 import c from 'classnames';
 import { useTranslation } from 'react-i18next';
@@ -26,6 +28,10 @@ var DatePicker = function DatePicker(props) {
     maxDate = props.maxDate,
     _onChange = props.onChange,
     includeFieldSet = props.includeFieldSet,
+    _props$calendarStartD = props.calendarStartDay,
+    calendarStartDay = _props$calendarStartD === void 0 ? 1 : _props$calendarStartD,
+    _props$locale = props.locale,
+    locale = _props$locale === void 0 ? 'nl' : _props$locale,
     restProps = _objectWithoutProperties(props, _excluded);
   var _useExtendedFormikCon = useExtendedFormikContext(),
     values = _useExtendedFormikCon.values,
@@ -60,6 +66,13 @@ var DatePicker = function DatePicker(props) {
       });
     }
   };
+  registerLocale('en', enUS);
+  registerLocale('nl', nl);
+
+  // Changing locales breaks the test suite in horrible ways
+  if (process.env.NODE_ENV !== 'test') {
+    setDefaultLocale(locale);
+  }
   return /*#__PURE__*/React.createElement(GenericFormElement, {
     className: c('DatePicker', wrapperClassName),
     title: title,
@@ -96,7 +109,8 @@ var DatePicker = function DatePicker(props) {
       className: className,
       disabled: disabled,
       required: required,
-      placeholderText: placeholder
+      placeholderText: placeholder,
+      calendarStartDay: calendarStartDay
     }, restProps));
   }));
 };

package/dist/components/Form/Select/Input/index.js

@@ -46,12 +46,7 @@ var SelectInput = function SelectInput(props) {
     setFieldValue = _useExtendedFormikCon.setFieldValue;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
-
-  // Because Object.keys doesn't respect integers:
-  // When using integers as keys for your select options (for example, when using Taxonomy IDs)
-  // below logic would fail to find your initialValue, and your Select would not be pre-filled.
-  var value = values[fieldName] && values[fieldName].toString();
-  var defaultValueString = defaultValue && defaultValue.toString();
+  var value = values[fieldName];
 
   // Check if options is [{value, label}] or {value: label}.
   var optionsTransformed = options;
@@ -68,12 +63,12 @@ var SelectInput = function SelectInput(props) {
   // If the selected option is not set, find the currently selected option by value.
   if (!selectedOption) {
     if (multiple) {
-      var _value = value !== undefined ? value : defaultValueString || [];
+      var _value = value !== undefined ? value : defaultValue || [];
       selectedOption = optionsTransformed.filter(function (option) {
         return _value.includes(option.value);
       });
     } else {
-      var _value2 = value !== undefined ? value : defaultValueString || '';
+      var _value2 = value !== undefined ? value : defaultValue || '';
       selectedOption = optionsTransformed.filter(function (option) {
         return option.value === _value2;
       });
@@ -99,7 +94,7 @@ var SelectInput = function SelectInput(props) {
       className: c('Select__select', className),
       classNamePrefix: c('Select__inner', wrapperClassName),
       value: selectedOption,
-      defaultValue: defaultValueString,
+      defaultValue: defaultValue,
       disabled: disabled,
       onChange: function onChange(e) {
         var value = '';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uncinc/uncinc-react-kitchen-sink",
-  "version": "2.11.7",
+  "version": "2.11.9",
   "description": "Default React components that are easily extended.",
   "author": "uncinc",
   "license": "MIT",
@@ -72,7 +72,7 @@
     "react": "^16 || ^17 || ^18",
     "react-animate-height": "^2.0.23",
     "react-autosuggest": "^10.0.2",
-    "react-datepicker": "^3.0.0",
+    "react-datepicker": "^7.0.0",
     "react-dom": "^16 || ^17 || ^18",
     "react-global-configuration": "^1.4.0",
     "react-hook-videojs": "^3.0.2",