@uncinc/uncinc-react-kitchen-sink 2.8.22 → 2.8.24

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

@@ -1,3 +1,7 @@
+var _excluded = ["fieldName", "id", "validation", "defaultValue", "onChange", "options", "placeholder", "disabled", "className", "wrapperClassName", "isClearable", "isSearchable", "multiple", "size", "required"];
+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 SelectStyled from 'react-select';
 import c from 'classnames';
@@ -34,7 +38,8 @@ var SelectInput = function SelectInput(props) {
     _props$multiple = props.multiple,
     multiple = _props$multiple === void 0 ? false : _props$multiple,
     size = props.size,
-    required = props.required;
+    required = props.required,
+    restProps = _objectWithoutProperties(props, _excluded);
   var selectedOption = props.selectedOption;
   var _useExtendedFormikCon = useExtendedFormikContext(),
     values = _useExtendedFormikCon.values,
@@ -83,7 +88,7 @@ var SelectInput = function SelectInput(props) {
     value: value,
     validate: handleValidation
   }, function () {
-    return /*#__PURE__*/React.createElement(SelectStyled, {
+    return /*#__PURE__*/React.createElement(SelectStyled, _extends({}, restProps, {
       id: id,
       inputId: fieldName,
       className: c('Select__select', className),
@@ -146,7 +151,7 @@ var SelectInput = function SelectInput(props) {
           primary75: 'hsla(0,0%,0%, 0)'
         }
       }
-    });
+    }));
   });
 };
 export default SelectInput;

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

@@ -80,7 +80,13 @@ var AdaptivePicture = function AdaptivePicture(_ref) {
   }, [fallbackImage, status, targetSrc, validatedSources]);
   var loadedUrl = useImageLoader(fallbackImage, targetSrc, imageRef);
   function onErrorFallback(e) {
-    if (e.target.src !== fallbackImage) {
+    // Make sure that both URLs are absolute URLs, so we can compare them.
+    // Otherwise this error callback will constantly be thrown.
+    var link = document.createElement('a');
+    link.href = e.target.src;
+    var link2 = document.createElement('a');
+    link2.href = fallbackImage;
+    if (link.href !== link2.href) {
       e.target.src = fallbackImage;
     }
   }

package/dist/helpers/utm.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Add UTM parameters to cookie with 15 minutes expire
+ * @returns {void}
+ */
+export function setUtmCookies(): void;
+/**
+ * Get the cookies that start with utm_ from the document
+ * @returns {Array} An array of utm cookies
+ */
+export function getUtmCookies(): any[];
+/**
+ * Add the cookies from the document a url
+ * @param {string} href - The URL we would like to add utm cookies to
+ * @returns {string | null} the mutated URL or nothing
+ */
+export function addUtmQueryString(href: string): string | null;

package/dist/helpers/utm.js

@@ -0,0 +1,47 @@
+import qs from 'query-string';
+import Cookies from 'js-cookie';
+
+/**
+ * Add UTM parameters to cookie with 15 minutes expire
+ * @returns {void}
+ */
+export function setUtmCookies() {
+  var inFifteenMinutes = new Date(new Date().getTime() + 15 * 60 * 1000);
+  var params = qs.parse(window.location.search);
+  var utmKeys = Object.keys(params).filter(function (value) {
+    return value.startsWith('utm_');
+  });
+  utmKeys.forEach(function (key) {
+    Cookies.set(key, params[key], {
+      expires: inFifteenMinutes
+    });
+  });
+}
+
+/**
+ * Get the cookies that start with utm_ from the document
+ * @returns {Array} An array of utm cookies
+ */
+export function getUtmCookies() {
+  return document.cookie.split(';').map(function (cookie) {
+    return cookie.trim();
+  }).filter(function (value) {
+    return value.startsWith('utm_');
+  });
+}
+
+/**
+ * Add the cookies from the document a url
+ * @param {string} href - The URL we would like to add utm cookies to
+ * @returns {string | null} the mutated URL or nothing
+ */
+export function addUtmQueryString(href) {
+  if (!href) {
+    return null;
+  }
+  var utmQueryString = getUtmCookies().join('&');
+  if (utmQueryString) {
+    href += (href.split('?')[1] ? '&' : '?') + utmQueryString;
+  }
+  return href;
+}

package/dist/index.d.ts

@@ -80,4 +80,5 @@ export { default as useValueForCurrentViewPort } from "./helpers/useValueForCurr
 export { getApiAutoCompleteSuggestions } from "./helpers/apiAutoComplete";
 export { default as FormikWrapper, FormikExtendedContextProvider } from "./components/Form/FormikWrapper";
 export { parseDateWithTimezoneOffset, isValidDate, doubleDigits } from "./helpers/date";
+export { setUtmCookies, getUtmCookies, addUtmQueryString } from "./helpers/utm";
 export { isExternalLink, normalizeLink } from "./helpers/link";

package/dist/index.js

@@ -93,5 +93,6 @@ export { default as useWindowDimensions } from './hooks/useWindowDimensions';
 export { default as gtm } from './helpers/gtm';
 export { default as useValueForCurrentViewPort } from './helpers/useValueForCurrentViewPort';
 export { parseDateWithTimezoneOffset, isValidDate, doubleDigits } from './helpers/date';
+export { setUtmCookies, getUtmCookies, addUtmQueryString } from './helpers/utm';
 export { isExternalLink, normalizeLink } from './helpers/link';
 export { getApiAutoCompleteSuggestions } from './helpers/apiAutoComplete';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uncinc/uncinc-react-kitchen-sink",
-  "version": "2.8.22",
+  "version": "2.8.24",
   "description": "Default React components that are easily extended.",
   "author": "uncinc",
   "license": "MIT",
@@ -148,6 +148,7 @@
     "jest-junit": "^16.0.0",
     "nodemon": "^3.0.3",
     "prop-types": "^15.8.1",
+    "query-string": "^6.13.1",
     "react-scripts": "^5.0.1",
     "react-test-renderer": "^18.2.0",
     "sinon": "^9.0.2",