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

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

@@ -0,0 +1,124 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.calculateTargetSrc = calculateTargetSrc;
+exports.getImageExtension = getImageExtension;
+exports.isValidImage = isValidImage;
+exports.useImageLoader = useImageLoader;
+var _path = _interopRequireDefault(require("path"));
+var _react = require("react");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+var breakpoints = [0, 256, 512, 1024, 2048];
+var mimeTypes = {
+  '.gif': 'image/gif',
+  '.png': 'image/png',
+  '.jpe': 'image/jpeg',
+  '.jpeg': 'image/jpeg',
+  '.jpg': 'image/jpeg',
+  '.webp': 'image/webp',
+  '.svg': 'image/svg+xml'
+};
+function getImageExtension(url) {
+  var sanitizedUrl = url.replace(/\?.*/, '');
+  return _path.default.extname(sanitizedUrl).toLowerCase();
+}
+
+/**
+ * Check if the image that belongs to an url is a valid image.
+ *
+ * @param {string} url
+ */
+function isValidImage(url) {
+  if (!url) {
+    return false;
+  }
+  var extension = getImageExtension(url);
+  return Object.keys(mimeTypes).includes(extension);
+}
+function useImageLoader(initialSrc, targetSrc, imageRef) {
+  var _useState = (0, _react.useState)(initialSrc),
+    _useState2 = _slicedToArray(_useState, 2),
+    src = _useState2[0],
+    setSrc = _useState2[1];
+  var _useState3 = (0, _react.useState)(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    isInViewport = _useState4[0],
+    setIsInViewport = _useState4[1];
+  (0, _react.useEffect)(function () {
+    // @ts-ignore
+    if (global.ssr) return;
+    if (!imageRef.current) return;
+    var image = imageRef.current;
+    var observer = new IntersectionObserver(function (_ref) {
+      var _ref2 = _slicedToArray(_ref, 1),
+        entry = _ref2[0];
+      if (entry.intersectionRatio > 0) {
+        setIsInViewport(true);
+      } else {
+        setIsInViewport(false);
+      }
+    }, {
+      root: null,
+      // 10% of the image must be visible to trigger the callback
+      // note that an edge case may occur if the image is so large
+      // that even 10% of it exceeds the viewport's height
+      threshold: 0.1
+    });
+    observer.observe(image);
+
+    // eslint-disable-next-line consistent-return
+    return function () {
+      observer.unobserve(image);
+    };
+  }, [imageRef, isInViewport, setIsInViewport]);
+  (0, _react.useEffect)(function () {
+    if (initialSrc === targetSrc) return;
+    if (!isInViewport) return;
+    var img = new Image();
+    img.onload = function () {
+      return setSrc(targetSrc);
+    };
+    img.src = targetSrc;
+  }, [targetSrc, initialSrc, isInViewport]);
+  return src;
+}
+function calculateTargetSrc(referenceWidth, sources, fallbackImage) {
+  var breakpoint = breakpoints.find(function (bp) {
+    return bp >= referenceWidth;
+  }) || breakpoints[breakpoints.length - 1];
+
+  // get the index of breakpoint
+  var index = breakpoints.indexOf(breakpoint);
+  return findClosestIndex(sources, index, fallbackImage);
+}
+
+/**
+ * Find the item in an array that is closest to the specified index.
+ * If the item at the index is not defined, the function will search for
+ * the closest item higher than the index, and if not found, it will
+ * search for the closest item lower than the index. If no item is found,
+ * the fallback value will be returned.
+ */
+function findClosestIndex(arr, targetIndex, fallback) {
+  if (arr.length === 0) return fallback;
+  if (arr[targetIndex] !== undefined) return arr[targetIndex];
+  var upperIndex = targetIndex + 1;
+  var lowerIndex = targetIndex - 1;
+  while (upperIndex < arr.length) {
+    if (arr[upperIndex] !== undefined) return arr[upperIndex];
+    upperIndex += 1;
+  }
+  while (lowerIndex >= 0) {
+    if (arr[lowerIndex] !== undefined) return arr[lowerIndex];
+    lowerIndex -= 1;
+  }
+  return fallback;
+}

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

@@ -5,10 +5,20 @@ declare namespace Image {
         onLoad: PropTypes.Requireable<(...args: any[]) => any>;
         alt: PropTypes.Requireable<string>;
         src: PropTypes.Validator<{}>;
+        dimensions: PropTypes.Requireable<NonNullable<PropTypes.InferProps<{
+            width: PropTypes.Requireable<number>;
+            height: PropTypes.Requireable<number>;
+            aspectRatio: PropTypes.Requireable<number>;
+        }> | (PropTypes.InferProps<{
+            width: PropTypes.Requireable<number>;
+            height: PropTypes.Requireable<number>;
+            aspectRatio: PropTypes.Requireable<number>;
+        }> | null | undefined)[] | null | undefined>>;
         lazyload: PropTypes.Requireable<boolean>;
     };
     namespace defaultProps {
         let lazyload: boolean;
+        let dimensions: {};
     }
 }
 import React from 'react';

package/dist/components/Image/index.js

@@ -9,6 +9,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _reactImmutableProptypes = _interopRequireDefault(require("react-immutable-proptypes"));
 var _LazyLoadWrapper = _interopRequireDefault(require("./LazyLoadWrapper"));
 var _Picture = _interopRequireDefault(require("./Picture"));
+var _AdaptivePicture = _interopRequireDefault(require("./AdaptivePicture"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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); }
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
@@ -18,19 +19,27 @@ function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _ty
 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); }
 var Image = function Image(props) {
   var lazyload = props.lazyload;
+  var PictureComponent = Array.isArray(props.src) ? _AdaptivePicture.default : _Picture.default;
   if (lazyload) {
     return /*#__PURE__*/_react.default.createElement(_LazyLoadWrapper.default, {
       lazyload: lazyload
-    }, /*#__PURE__*/_react.default.createElement(_Picture.default, props));
+    }, /*#__PURE__*/_react.default.createElement(PictureComponent, props));
   }
-  return /*#__PURE__*/_react.default.createElement(_Picture.default, props);
+  return /*#__PURE__*/_react.default.createElement(PictureComponent, props);
 };
+var dimensionsPropType = _propTypes.default.shape({
+  width: _propTypes.default.number,
+  height: _propTypes.default.number,
+  aspectRatio: _propTypes.default.number
+});
 Image.propTypes = _objectSpread({
-  src: _propTypes.default.oneOfType([_propTypes.default.string, _reactImmutableProptypes.default.map]).isRequired,
+  src: _propTypes.default.oneOfType([_propTypes.default.string, _reactImmutableProptypes.default.map, _propTypes.default.arrayOf(_propTypes.default.string)]).isRequired,
+  dimensions: _propTypes.default.oneOfType([dimensionsPropType, _propTypes.default.arrayOf(dimensionsPropType)]),
   lazyload: _propTypes.default.bool
 }, _Picture.default.propTypes);
 Image.defaultProps = {
-  lazyload: true
+  lazyload: true,
+  dimensions: {}
 };
 var _default = Image;
 exports.default = _default;

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/Layout/Container/style.scss

@@ -1,3 +1,4 @@
+@use 'sass:map';
 @import '../../../styles/assets/mixins';
 @import '../../../styles/assets/grid';
 
@@ -20,7 +21,20 @@
 .container--fluid {
   // Enlarge side paddings to equal 1 gutter size.
   @include make-container;
-  @include make-container-max-widths;
+  
+  max-width: map.get($container-max-widths, sm);
+  @media #{$tablet} {
+    max-width: map.get($container-max-widths, md);
+  }
+  @media #{$normal} {
+    max-width: map.get($container-max-widths, lg);
+  }
+  @media #{$wide} {
+    max-width: map.get($container-max-widths, xl);
+  }
+  @media #{$huge} {
+    max-width: map.get($container-max-widths, xxl);
+  }
 }
 
 .container--fluid {

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/TableRender/index.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import './style.scss';
 export interface TableRenderProps {
-    html: string;
+    element: React.ReactElement;
     mobileCards?: boolean;
     mobileCardsBreakpoint?: number;
     transposeOnMobile?: boolean;

package/dist/components/TableRender/index.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _reactHtmlParser = _interopRequireDefault(require("react-html-parser"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _useWindowDimensions2 = _interopRequireDefault(require("../../hooks/useWindowDimensions"));
 var _constants = require("../../config/constants");
@@ -15,7 +14,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 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; }
 var TableRender = function TableRender(_ref) {
-  var html = _ref.html,
+  var element = _ref.element,
     _ref$mobileCards = _ref.mobileCards,
     mobileCards = _ref$mobileCards === void 0 ? false : _ref$mobileCards,
     _ref$mobileCardsBreak = _ref.mobileCardsBreakpoint,
@@ -26,7 +25,6 @@ var TableRender = function TableRender(_ref) {
     width = _useWindowDimensions.width;
   var isMobile = width < mobileCardsBreakpoint;
   var tableRef = (0, _react.useRef)(null);
-  var table = (0, _reactHtmlParser.default)(html);
   (0, _react.useEffect)(function () {
     if (isMobile && mobileCards && tableRef.current) {
       var headerArr = [];
@@ -60,7 +58,7 @@ var TableRender = function TableRender(_ref) {
   return /*#__PURE__*/_react.default.createElement("div", {
     ref: tableRef,
     className: tableClassNames
-  }, table);
+  }, element);
 };
 var _default = TableRender;
 exports.default = _default;

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.6",
+  "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';

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

@@ -1,17 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _TextField = _interopRequireDefault(require("../TextField"));
-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); }
-var Date = function Date(props) {
-  return /*#__PURE__*/_react.default.createElement(_TextField.default, _extends({}, props, {
-    type: "date"
-  }));
-};
-var _default = Date;
-exports.default = _default;

package/dist/helpers/index.d.ts

@@ -1,14 +0,0 @@
-/**
- * Recursively converts an element object to an HTML string.
- *
- * @param {Object} element - The element object representing an HTML element.
- * @param {string} element.name - The HTML tag name.
- * @param {Object} [element.attribs] - Attributes associated with the HTML element.
- * @param {Array|Object} [element.children] - Child elements or strings.
- * @returns {string} The HTML string representation of the element and its children.
- */
-export function elementToHtml(element: {
-    name: string;
-    attribs?: Object | undefined;
-    children?: Object | any[] | undefined;
-}): string;

package/dist/helpers/index.js

@@ -1,31 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.elementToHtml = elementToHtml;
-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); }
-/**
- * Recursively converts an element object to an HTML string.
- *
- * @param {Object} element - The element object representing an HTML element.
- * @param {string} element.name - The HTML tag name.
- * @param {Object} [element.attribs] - Attributes associated with the HTML element.
- * @param {Array|Object} [element.children] - Child elements or strings.
- * @returns {string} The HTML string representation of the element and its children.
- */
-function elementToHtml(element) {
-  var attributes = Object.keys(element.attribs || {}).map(function (key) {
-    return "".concat(key, "=\"").concat(element.attribs[key], "\"");
-  }).join(' ');
-  var childrenHtml = (element.children || []).map(function (child) {
-    if (typeof child.data === 'string') {
-      return child.data;
-    } else if (_typeof(child) === 'object') {
-      return elementToHtml(child);
-    } else {
-      return '';
-    }
-  }).join('');
-  return "<".concat(element.name, " ").concat(attributes, ">").concat(childrenHtml, "</").concat(element.name, ">");
-}