@uncinc/uncinc-react-kitchen-sink 2.6.7 → 2.7.0

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

@@ -8,13 +8,25 @@ var _react = _interopRequireDefault(require("react"));
 var _reactSelect = _interopRequireDefault(require("react-select"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _formik = require("formik");
+var _reactI18next = require("react-i18next");
+var _FormikWrapper = require("../../FormikWrapper");
 require("./style.scss");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var SelectInputOption = function SelectInputOption(props) {
+  return (
+    /*#__PURE__*/
+    // eslint-disable-next-line react/no-danger
+    _react.default.createElement("span", {
+      dangerouslySetInnerHTML: {
+        __html: props.label
+      }
+    })
+  );
+};
 var SelectInput = function SelectInput(props) {
   var fieldName = props.fieldName,
     id = props.id,
     validation = props.validation,
-    value = props.value,
     defaultValue = props.defaultValue,
     _onChange = props.onChange,
     options = props.options,
@@ -28,8 +40,15 @@ var SelectInput = function SelectInput(props) {
     isSearchable = _props$isSearchable === void 0 ? true : _props$isSearchable,
     _props$multiple = props.multiple,
     multiple = _props$multiple === void 0 ? false : _props$multiple,
-    size = props.size;
+    size = props.size,
+    required = props.required;
   var selectedOption = props.selectedOption;
+  var _useExtendedFormikCon = (0, _FormikWrapper.useExtendedFormikContext)(),
+    values = _useExtendedFormikCon.values,
+    setFieldValue = _useExtendedFormikCon.setFieldValue;
+  var _useTranslation = (0, _reactI18next.useTranslation)(),
+    t = _useTranslation.t;
+  var value = values[fieldName];
 
   // Check if options is [{value, label}] or {value: label}.
   var optionsTransformed = options;
@@ -57,14 +76,20 @@ var SelectInput = function SelectInput(props) {
       });
     }
   }
+  var handleValidation = function handleValidation(value) {
+    if (validation) {
+      return validation(value);
+    }
+    if (required && (value === undefined || value === null || value === '' || Array.isArray(value) && value.length === 0)) {
+      return t(['webform.components.select.required', 'webform.required', 'webform_required']);
+    }
+  };
   return /*#__PURE__*/_react.default.createElement(_formik.Field, {
     required: true,
     name: fieldName,
     value: value,
-    validate: validation
-  }, function (_ref) {
-    var field = _ref.field,
-      form = _ref.form;
+    validate: handleValidation
+  }, function () {
     return /*#__PURE__*/_react.default.createElement(_reactSelect.default, {
       id: id,
       inputId: fieldName,
@@ -89,10 +114,11 @@ var SelectInput = function SelectInput(props) {
         if (_onChange) {
           _onChange(value);
         }
-        form.setFieldValue(fieldName, value);
+        setFieldValue(fieldName, value);
       },
       options: optionsTransformed,
       isMulti: multiple,
+      formatOptionLabel: SelectInputOption,
       isOptionDisabled: function isOptionDisabled(option) {
         if (option.disabled) {
           return true;

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

@@ -8,6 +8,7 @@ var _react = _interopRequireDefault(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _GenericFormElement = _interopRequireDefault(require("../GenericFormElement"));
 var _Input = _interopRequireDefault(require("./Input"));
+var _FormikWrapper = require("../FormikWrapper");
 require("./style.scss");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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); }
@@ -16,9 +17,6 @@ var Select = function Select(props) {
     fieldName = props.fieldName,
     required = props.required,
     description = props.description,
-    error = props.error,
-    touched = props.touched,
-    displayRequiredIndicator = props.displayRequiredIndicator,
     className = props.className,
     wrapperClassName = props.wrapperClassName,
     _props$disabled = props.disabled,
@@ -28,25 +26,34 @@ var Select = function Select(props) {
     _props$isSearchable = props.isSearchable,
     isSearchable = _props$isSearchable === void 0 ? true : _props$isSearchable,
     _props$isClearable = props.isClearable,
-    isClearable = _props$isClearable === void 0 ? true : _props$isClearable;
+    isClearable = _props$isClearable === void 0 ? true : _props$isClearable,
+    validation = props.validation;
+  var _useExtendedFormikCon = (0, _FormikWrapper.useExtendedFormikContext)(),
+    errors = _useExtendedFormikCon.errors,
+    touched = _useExtendedFormikCon.touched,
+    displayRequiredIndicator = _useExtendedFormikCon.displayRequiredIndicator;
+  var error = errors[fieldName];
+  var isTouched = touched[fieldName];
   return /*#__PURE__*/_react.default.createElement(_GenericFormElement.default, {
     className: (0, _classnames.default)('Select', wrapperClassName),
     title: title,
     required: required,
     description: description,
     fieldName: fieldName,
-    touched: touched,
+    touched: isTouched,
     error: error,
     displayRequiredIndicator: displayRequiredIndicator
   }, /*#__PURE__*/_react.default.createElement(_Input.default, _extends({}, props, {
     fieldName: fieldName,
     className: (0, _classnames.default)(className, {
-      'error': error && touched
+      'error': error && isTouched
     }),
     disabled: disabled,
     multiple: multiple,
     isSearchable: isSearchable,
-    isClearable: isClearable
+    isClearable: isClearable,
+    required: required,
+    validate: validation
   })));
 };
 var _default = Select;

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

@@ -7,10 +7,12 @@ exports.default = exports.TextField = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _formik = require("formik");
 var _classnames = _interopRequireDefault(require("classnames"));
+var _reactI18next = require("react-i18next");
 var _withMapping = _interopRequireDefault(require("../../../Context/withMapping"));
 var _GenericFormElement = _interopRequireDefault(require("../GenericFormElement"));
+var _FormikWrapper = require("../FormikWrapper");
 require("./style.scss");
-var _excluded = ["title", "required", "description", "placeholder", "fieldName", "validation", "touched", "error", "value", "displayRequiredIndicator", "onChange", "className", "wrapperClassName", "disabled"];
+var _excluded = ["title", "required", "description", "placeholder", "fieldName", "validation", "onChange", "className", "wrapperClassName", "disabled"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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; }
@@ -22,10 +24,6 @@ var TextField = function TextField(props) {
     placeholder = props.placeholder,
     fieldName = props.fieldName,
     validation = props.validation,
-    touched = props.touched,
-    error = props.error,
-    value = props.value,
-    displayRequiredIndicator = props.displayRequiredIndicator,
     onChange = props.onChange,
     className = props.className,
     wrapperClassName = props.wrapperClassName,
@@ -33,6 +31,16 @@ var TextField = function TextField(props) {
     disabled = _props$disabled === void 0 ? false : _props$disabled,
     restProps = _objectWithoutProperties(props, _excluded);
   var type = props.type || 'text';
+  var _useTranslation = (0, _reactI18next.useTranslation)(),
+    t = _useTranslation.t;
+  var handleValidation = function handleValidation(value) {
+    if (validation) {
+      return validation(value);
+    }
+    if (required && (value === undefined || value === null || value === '')) {
+      return t(['webform.components.text_field.required', 'webform.required', 'webform_required']);
+    }
+  };
   var handleChange = function handleChange(e) {
     var handleChange = props.handleChange;
     if (handleChange) {
@@ -42,25 +50,33 @@ var TextField = function TextField(props) {
       onChange(e);
     }
   };
+  var _useExtendedFormikCon = (0, _FormikWrapper.useExtendedFormikContext)(),
+    values = _useExtendedFormikCon.values,
+    errors = _useExtendedFormikCon.errors,
+    touched = _useExtendedFormikCon.touched,
+    displayRequiredIndicator = _useExtendedFormikCon.displayRequiredIndicator;
+  var isTouched = touched[fieldName];
+  var value = values[fieldName];
+  var error = errors[fieldName];
   return /*#__PURE__*/_react.default.createElement(_GenericFormElement.default, {
     className: (0, _classnames.default)('TextField', wrapperClassName),
     title: title,
     required: required,
     description: description,
     fieldName: fieldName,
-    touched: touched,
+    touched: isTouched,
     error: error,
     displayRequiredIndicator: displayRequiredIndicator
   }, /*#__PURE__*/_react.default.createElement(_formik.Field, _extends({}, restProps, {
     className: (0, _classnames.default)(className, {
-      'error': error && touched
+      'error': error && isTouched
     }),
     id: fieldName,
     name: fieldName,
     type: type,
     value: value,
     placeholder: placeholder,
-    validate: validation,
+    validate: handleValidation,
     onKeyUp: handleChange,
     disabled: disabled
   })));

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

@@ -7,9 +7,15 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _formik = require("formik");
 var _classnames = _interopRequireDefault(require("classnames"));
+var _reactI18next = require("react-i18next");
 var _GenericFormElement = _interopRequireDefault(require("../GenericFormElement"));
+var _FormikWrapper = require("../FormikWrapper");
 require("./style.scss");
+var _excluded = ["title", "required", "description", "placeholder", "fieldName", "validation", "rows", "className", "onChange", "wrapperClassName", "disabled"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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; }
 var Textarea = function Textarea(props) {
   var title = props.title,
     required = props.required,
@@ -17,27 +23,43 @@ var Textarea = function Textarea(props) {
     placeholder = props.placeholder,
     fieldName = props.fieldName,
     validation = props.validation,
-    touched = props.touched,
-    error = props.error,
     rows = props.rows,
-    value = props.value,
-    displayRequiredIndicator = props.displayRequiredIndicator,
     className = props.className,
+    onChange = props.onChange,
     wrapperClassName = props.wrapperClassName,
     _props$disabled = props.disabled,
-    disabled = _props$disabled === void 0 ? false : _props$disabled;
+    disabled = _props$disabled === void 0 ? false : _props$disabled,
+    restProps = _objectWithoutProperties(props, _excluded);
+  var _useExtendedFormikCon = (0, _FormikWrapper.useExtendedFormikContext)(),
+    values = _useExtendedFormikCon.values,
+    errors = _useExtendedFormikCon.errors,
+    touched = _useExtendedFormikCon.touched,
+    displayRequiredIndicator = _useExtendedFormikCon.displayRequiredIndicator;
+  var _useTranslation = (0, _reactI18next.useTranslation)(),
+    t = _useTranslation.t;
+  var isTouched = touched[fieldName];
+  var value = values[fieldName];
+  var error = errors[fieldName];
+  var handleValidation = function handleValidation(value) {
+    if (validation) {
+      return validation(value);
+    }
+    if (required && (value === undefined || value === null || value === '')) {
+      return t(['webform.components.textarea.required', 'webform.required', 'webform_required']);
+    }
+  };
   return /*#__PURE__*/_react.default.createElement(_GenericFormElement.default, {
     className: (0, _classnames.default)('Textarea', wrapperClassName),
     title: title,
     required: required,
     description: description,
     fieldName: fieldName,
-    touched: touched,
+    touched: isTouched,
     error: error,
     displayRequiredIndicator: displayRequiredIndicator
-  }, /*#__PURE__*/_react.default.createElement(_formik.Field, {
+  }, /*#__PURE__*/_react.default.createElement(_formik.Field, _extends({}, restProps, {
     className: (0, _classnames.default)(className, {
-      'error': error && touched
+      'error': error && isTouched
     }),
     id: fieldName,
     name: fieldName,
@@ -45,9 +67,14 @@ var Textarea = function Textarea(props) {
     value: value,
     placeholder: placeholder,
     rows: rows,
-    validate: validation,
-    disabled: disabled
-  }));
+    validate: handleValidation,
+    disabled: disabled,
+    onKeyUp: function onKeyUp(event) {
+      if (onChange) {
+        onChange(event);
+      }
+    }
+  })));
 };
 var _default = Textarea;
 exports.default = _default;

package/dist/components/Form/index.d.ts

@@ -0,0 +1,13 @@
+export { default as FormikWrapper } from "./FormikWrapper";
+export { default as FormCheckbox } from "./Checkbox";
+export { default as FormCheckboxes } from "./Checkboxes";
+export { default as FormDate } from "./DateField";
+export { default as FormDatePicker } from "./DatePicker";
+export { default as FormDateSelect } from "./DateSelect";
+export { default as FormEmail } from "./Email";
+export { default as FormNumber } from "./Number";
+export { default as FormRadioButtons } from "./RadioButtons";
+export { default as FormSearchField } from "./SearchField";
+export { default as FormSelect } from "./Select";
+export { default as FormTextarea } from "./Textarea";
+export { default as FormTextField } from "./TextField";

package/dist/components/Form/index.js

@@ -0,0 +1,97 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "FormCheckbox", {
+  enumerable: true,
+  get: function get() {
+    return _Checkbox.default;
+  }
+});
+Object.defineProperty(exports, "FormCheckboxes", {
+  enumerable: true,
+  get: function get() {
+    return _Checkboxes.default;
+  }
+});
+Object.defineProperty(exports, "FormDate", {
+  enumerable: true,
+  get: function get() {
+    return _DateField.default;
+  }
+});
+Object.defineProperty(exports, "FormDatePicker", {
+  enumerable: true,
+  get: function get() {
+    return _DatePicker.default;
+  }
+});
+Object.defineProperty(exports, "FormDateSelect", {
+  enumerable: true,
+  get: function get() {
+    return _DateSelect.default;
+  }
+});
+Object.defineProperty(exports, "FormEmail", {
+  enumerable: true,
+  get: function get() {
+    return _Email.default;
+  }
+});
+Object.defineProperty(exports, "FormNumber", {
+  enumerable: true,
+  get: function get() {
+    return _Number.default;
+  }
+});
+Object.defineProperty(exports, "FormRadioButtons", {
+  enumerable: true,
+  get: function get() {
+    return _RadioButtons.default;
+  }
+});
+Object.defineProperty(exports, "FormSearchField", {
+  enumerable: true,
+  get: function get() {
+    return _SearchField.default;
+  }
+});
+Object.defineProperty(exports, "FormSelect", {
+  enumerable: true,
+  get: function get() {
+    return _Select.default;
+  }
+});
+Object.defineProperty(exports, "FormTextField", {
+  enumerable: true,
+  get: function get() {
+    return _TextField.default;
+  }
+});
+Object.defineProperty(exports, "FormTextarea", {
+  enumerable: true,
+  get: function get() {
+    return _Textarea.default;
+  }
+});
+Object.defineProperty(exports, "FormikWrapper", {
+  enumerable: true,
+  get: function get() {
+    return _FormikWrapper.default;
+  }
+});
+var _FormikWrapper = _interopRequireDefault(require("./FormikWrapper"));
+var _Checkbox = _interopRequireDefault(require("./Checkbox"));
+var _Checkboxes = _interopRequireDefault(require("./Checkboxes"));
+var _DateField = _interopRequireDefault(require("./DateField"));
+var _DatePicker = _interopRequireDefault(require("./DatePicker"));
+var _DateSelect = _interopRequireDefault(require("./DateSelect"));
+var _Email = _interopRequireDefault(require("./Email"));
+var _Number = _interopRequireDefault(require("./Number"));
+var _RadioButtons = _interopRequireDefault(require("./RadioButtons"));
+var _SearchField = _interopRequireDefault(require("./SearchField"));
+var _Select = _interopRequireDefault(require("./Select"));
+var _Textarea = _interopRequireDefault(require("./Textarea"));
+var _TextField = _interopRequireDefault(require("./TextField"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/dist/components/Layout/Container/index.d.ts

@@ -3,19 +3,25 @@ declare function Container(props: any): React.JSX.Element;
 declare namespace Container {
     namespace defaultProps {
         let small: boolean;
+        let medium: boolean;
         let large: boolean;
         let fluid: boolean;
         let children: null;
+        let className: string;
     }
     namespace propTypes {
         let small_1: PropTypes.Requireable<boolean>;
         export { small_1 as small };
+        let medium_1: PropTypes.Requireable<boolean>;
+        export { medium_1 as medium };
         let large_1: PropTypes.Requireable<boolean>;
         export { large_1 as large };
         let fluid_1: PropTypes.Requireable<boolean>;
         export { fluid_1 as fluid };
         let children_1: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         export { children_1 as children };
+        let className_1: PropTypes.Requireable<string>;
+        export { className_1 as className };
     }
 }
 import React from 'react';

package/dist/components/Layout/Container/index.js

@@ -34,15 +34,19 @@ var Container = function Container(props) {
 };
 Container.defaultProps = {
   small: false,
+  medium: false,
   large: false,
   fluid: false,
-  children: null
+  children: null,
+  className: ''
 };
 Container.propTypes = {
   small: _propTypes.default.bool,
+  medium: _propTypes.default.bool,
   large: _propTypes.default.bool,
   fluid: _propTypes.default.bool,
-  children: _propTypes.default.node
+  children: _propTypes.default.node,
+  className: _propTypes.default.string
 };
 var _default = Container;
 exports.default = _default;

package/dist/components/MediaPlayer/index.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import 'videojs-vimeo-tech';
 import 'videojs-youtube';
 import { MediaPlayerProps } from './types';
-import 'video.js/dist/video-js.css';
+import '!style-loader!css-loader!video.js/dist/video-js.css';
 import './style.scss';
 declare const MediaPlayer: React.FC<MediaPlayerProps>;
 export default MediaPlayer;

package/dist/components/MediaPlayer/index.js

@@ -10,7 +10,7 @@ var _reactHookVideojs = require("react-hook-videojs");
 var _reactI18next = require("react-i18next");
 require("videojs-vimeo-tech");
 require("videojs-youtube");
-require("video.js/dist/video-js.css");
+require("!style-loader!css-loader!video.js/dist/video-js.css");
 require("./style.scss");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -21,6 +21,7 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); } // VideoJS plugins:
+// eslint-disable-next-line import/no-webpack-loader-syntax
 var MediaPlayer = function MediaPlayer(_ref) {
   var src = _ref.src,
     type = _ref.type,

package/dist/components/index.d.ts

@@ -1,10 +1,9 @@
 export { default as Button } from "./Button";
 export { default as WysiwygField } from "./WysiwygField";
 export { default as MediaPlayer } from "./MediaPlayer";
-export { default as FormikWrapper } from "./Form/FormikWrapper";
 export { default as FormCheckbox } from "./Form/Checkbox";
 export { default as FormCheckboxes } from "./Form/Checkboxes";
-export { default as FormDate } from "./Form/Date";
+export { default as FormDate } from "./Form/DateField";
 export { default as FormDatePicker } from "./Form/DatePicker";
 export { default as FormDateSelect } from "./Form/DateSelect";
 export { default as FormEmail } from "./Form/Email";
@@ -14,3 +13,4 @@ export { default as FormSearchField } from "./Form/SearchField";
 export { default as FormSelect } from "./Form/Select";
 export { default as FormTextarea } from "./Form/Textarea";
 export { default as FormTextField } from "./Form/TextField";
+export { default as FormikWrapper, FormikExtendedContextProvider } from "./Form/FormikWrapper";

package/dist/components/index.js

@@ -1,5 +1,6 @@
 "use strict";
 
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -24,7 +25,7 @@ Object.defineProperty(exports, "FormCheckboxes", {
 Object.defineProperty(exports, "FormDate", {
   enumerable: true,
   get: function get() {
-    return _Date.default;
+    return _DateField.default;
   }
 });
 Object.defineProperty(exports, "FormDatePicker", {
@@ -81,6 +82,12 @@ Object.defineProperty(exports, "FormTextarea", {
     return _Textarea.default;
   }
 });
+Object.defineProperty(exports, "FormikExtendedContextProvider", {
+  enumerable: true,
+  get: function get() {
+    return _FormikWrapper.FormikExtendedContextProvider;
+  }
+});
 Object.defineProperty(exports, "FormikWrapper", {
   enumerable: true,
   get: function get() {
@@ -102,10 +109,10 @@ Object.defineProperty(exports, "WysiwygField", {
 var _Button = _interopRequireDefault(require("./Button"));
 var _WysiwygField = _interopRequireDefault(require("./WysiwygField"));
 var _MediaPlayer = _interopRequireDefault(require("./MediaPlayer"));
-var _FormikWrapper = _interopRequireDefault(require("./Form/FormikWrapper"));
+var _FormikWrapper = _interopRequireWildcard(require("./Form/FormikWrapper"));
 var _Checkbox = _interopRequireDefault(require("./Form/Checkbox"));
 var _Checkboxes = _interopRequireDefault(require("./Form/Checkboxes"));
-var _Date = _interopRequireDefault(require("./Form/Date"));
+var _DateField = _interopRequireDefault(require("./Form/DateField"));
 var _DatePicker = _interopRequireDefault(require("./Form/DatePicker"));
 var _DateSelect = _interopRequireDefault(require("./Form/DateSelect"));
 var _Email = _interopRequireDefault(require("./Form/Email"));
@@ -115,4 +122,6 @@ var _SearchField = _interopRequireDefault(require("./Form/SearchField"));
 var _Select = _interopRequireDefault(require("./Form/Select"));
 var _Textarea = _interopRequireDefault(require("./Form/Textarea"));
 var _TextField = _interopRequireDefault(require("./Form/TextField"));
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/dist/index.d.ts

@@ -17,11 +17,10 @@ export { default as Download } from "./components/Download";
 export { default as FontSizeSwitcher } from "./components/FontSizeSwitcher";
 export { default as FormCheckbox } from "./components/Form/Checkbox";
 export { default as FormCheckboxes } from "./components/Form/Checkboxes";
-export { default as FormDate } from "./components/Form/Date";
+export { default as FormDate } from "./components/Form/DateField";
 export { default as FormDatePicker } from "./components/Form/DatePicker";
 export { default as FormDateSelect } from "./components/Form/DateSelect";
 export { default as FormEmail } from "./components/Form/Email";
-export { default as FormikWrapper } from "./components/Form/FormikWrapper";
 export { default as FormNumber } from "./components/Form/Number";
 export { default as FormRadioButtons } from "./components/Form/RadioButtons";
 export { default as FormSearchField } from "./components/Form/SearchField";
@@ -70,5 +69,6 @@ export { default as useScrollPosition } from "./hooks/useScrollPosition";
 export { default as useWindowDimensions } from "./hooks/useWindowDimensions";
 export { default as gtm } from "./helpers/gtm";
 export { default as useValueForCurrentViewPort } from "./helpers/useValueForCurrentViewPort";
+export { default as FormikWrapper, FormikExtendedContextProvider } from "./components/Form/FormikWrapper";
 export { parseDateWithTimezoneOffset, isValidDate, doubleDigits } from "./helpers/date";
 export { isExternalLink, normalizeLink } from "./helpers/link";

package/dist/index.js

@@ -1,5 +1,6 @@
 "use strict";
 
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -102,7 +103,7 @@ Object.defineProperty(exports, "FormCheckboxes", {
 Object.defineProperty(exports, "FormDate", {
   enumerable: true,
   get: function get() {
-    return _Date.default;
+    return _DateField.default;
   }
 });
 Object.defineProperty(exports, "FormDatePicker", {
@@ -159,6 +160,12 @@ Object.defineProperty(exports, "FormTextarea", {
     return _Textarea.default;
   }
 });
+Object.defineProperty(exports, "FormikExtendedContextProvider", {
+  enumerable: true,
+  get: function get() {
+    return _FormikWrapper.FormikExtendedContextProvider;
+  }
+});
 Object.defineProperty(exports, "FormikWrapper", {
   enumerable: true,
   get: function get() {
@@ -484,11 +491,11 @@ var _Download = _interopRequireDefault(require("./components/Download"));
 var _FontSizeSwitcher = _interopRequireDefault(require("./components/FontSizeSwitcher"));
 var _Checkbox = _interopRequireDefault(require("./components/Form/Checkbox"));
 var _Checkboxes = _interopRequireDefault(require("./components/Form/Checkboxes"));
-var _Date = _interopRequireDefault(require("./components/Form/Date"));
+var _DateField = _interopRequireDefault(require("./components/Form/DateField"));
 var _DatePicker = _interopRequireDefault(require("./components/Form/DatePicker"));
 var _DateSelect = _interopRequireDefault(require("./components/Form/DateSelect"));
 var _Email = _interopRequireDefault(require("./components/Form/Email"));
-var _FormikWrapper = _interopRequireDefault(require("./components/Form/FormikWrapper"));
+var _FormikWrapper = _interopRequireWildcard(require("./components/Form/FormikWrapper"));
 var _Number = _interopRequireDefault(require("./components/Form/Number"));
 var _RadioButtons = _interopRequireDefault(require("./components/Form/RadioButtons"));
 var _SearchField = _interopRequireDefault(require("./components/Form/SearchField"));
@@ -539,4 +546,6 @@ var _gtm = _interopRequireDefault(require("./helpers/gtm"));
 var _useValueForCurrentViewPort = _interopRequireDefault(require("./helpers/useValueForCurrentViewPort"));
 var _date = require("./helpers/date");
 var _link = require("./helpers/link");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/package.json

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

package/dist/components/Form/Date/index.d.ts

@@ -1,3 +0,0 @@
-export default Date;
-declare function Date(props: any): React.JSX.Element;
-import React from 'react';