@uncinc/uncinc-react-kitchen-sink 2.8.4 → 2.8.9

package/dist/components/SearchKit/SearchPage/index.js

@@ -33,7 +33,7 @@ export var routeToStateFn = function routeToStateFn(routeState) {
       item.max = Number(item.max);
     }
     if (item.boolValue) {
-      item.boolValue = item.boolValue == "true";
+      item.boolValue = item.boolValue == 'true';
     }
     if (item.geoBoundingBox) {
       item.geoBoundingBox.topLeft.lat = Number(item.geoBoundingBox.topLeft.lat);

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

@@ -1,12 +1,14 @@
 import React from 'react';
 import './style.scss';
 export interface TagProps {
-    name: string;
-    removable?: boolean;
+    name: React.ReactNode;
     stretchClickableArea?: boolean;
     deleteButtonAriaLabel?: string;
     className?: string;
-    onDelete?: (name: string) => void;
+    onDelete?: (name: string | React.ReactNode) => void;
+    link?: string;
+    onClick?: () => void;
+    target?: HTMLAnchorElement['target'];
 }
 declare const Tag: React.FC<TagProps>;
 export default Tag;

package/dist/components/Tag/index.js

@@ -2,34 +2,60 @@ import React from 'react';
 import c from 'classnames';
 import { useTranslation } from 'react-i18next';
 import './style.scss';
-var Tag = function Tag(props) {
+var Tag = function Tag(_ref) {
+  var name = _ref.name,
+    stretchClickableArea = _ref.stretchClickableArea,
+    deleteButtonAriaLabel = _ref.deleteButtonAriaLabel,
+    className = _ref.className,
+    onDelete = _ref.onDelete,
+    link = _ref.link,
+    onClick = _ref.onClick,
+    _ref$target = _ref.target,
+    target = _ref$target === void 0 ? '_blank' : _ref$target;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
-  var name = props.name,
-    removable = props.removable,
-    stretchClickableArea = props.stretchClickableArea,
-    deleteButtonAriaLabel = props.deleteButtonAriaLabel,
-    className = props.className,
-    onDelete = props.onDelete;
-  var classNames = c('Tag', {
+  var handleOnClick = function handleOnClick(e) {
+    if (onClick) {
+      e.preventDefault();
+      onClick();
+    }
+  };
+  var renderMainInteractivePart = function renderMainInteractivePart() {
+    if (link) {
+      return /*#__PURE__*/React.createElement("a", {
+        href: link,
+        target: target,
+        className: "Tag__link",
+        onClick: onClick ? handleOnClick : undefined
+      }, /*#__PURE__*/React.createElement("span", {
+        className: "Tag__name"
+      }, name));
+    }
+    if (onClick) {
+      return /*#__PURE__*/React.createElement("button", {
+        className: "Tag__button",
+        onClick: handleOnClick,
+        type: "button"
+      }, /*#__PURE__*/React.createElement("span", {
+        className: "Tag__name"
+      }, name));
+    }
+    return /*#__PURE__*/React.createElement("span", {
+      className: "Tag__name"
+    }, name);
+  };
+  var tagClasses = c('Tag', {
     'Tag--stretch-clickable-area': stretchClickableArea
   }, className);
   return /*#__PURE__*/React.createElement("div", {
-    className: classNames
-  }, /*#__PURE__*/React.createElement("span", {
-    className: "Tag__name"
-  }, name), removable && onDelete && /*#__PURE__*/React.createElement("button", {
-    className: "Tag__delete-button icon-after icon-cross icon-variant-1",
+    className: tagClasses
+  }, renderMainInteractivePart(), onDelete && /*#__PURE__*/React.createElement("button", {
+    className: "Tag__delete-button icon-after icon-cross",
     type: "button",
-    "aria-label": deleteButtonAriaLabel || t('atoms.tag.delete'),
+    "aria-label": deleteButtonAriaLabel !== null && deleteButtonAriaLabel !== void 0 ? deleteButtonAriaLabel : t('atoms.tag.delete'),
     onClick: function onClick() {
       return onDelete(name);
     }
   }));
 };
-Tag.defaultProps = {
-  removable: true,
-  stretchClickableArea: true,
-  onDelete: function onDelete() {}
-};
 export default Tag;

package/dist/components/Tag/style.scss

@@ -1,10 +1,10 @@
-@import '../../styles/assets/mixins';
+@import "../../styles/assets/mixins";
 
 .Tag {
   position: relative;
   display: inline-flex;
   flex-wrap: nowrap;
-  align-items: center; 
+  align-items: center;
 
   &__delete-button {
     // Expanding the clickable area by adding padding,
@@ -19,7 +19,7 @@
   &--stretch-clickable-area .Tag__delete-button {
     margin: 0;
     padding: 0;
-    
+
     &:before {
       @include block-content;
     }

package/dist/config/i18next/locales/nl.json

@@ -19,6 +19,39 @@
       "dec": "December"
     }
   },
+  "cookie": {
+    "title": "Cookies",
+    "manual": "Zelf instellen",
+    "acceptAll": "Alles Accepteren",
+    "acceptSelection": "Accepteer selectie",
+    "acceptOnlyNecessary": "Alleen noodzakelijke",
+    "showDetails": "Show details",
+    "hideDetails": "Verberg details",
+    "contents": {
+      "partner": "Partner",
+      "description": "Beschrijving",
+      "privacyPolicy": "Privacy Policy"
+    },
+    "categories": {
+      "necessary": {
+        "label": "Noodzakelijk",
+        "subLabel": "(altijd actief)",
+        "description": "Noodzakelijke cookies helpen een website bruikbaarder te maken, door basisfuncties als paginanavigatie en toegang tot beveiligde gedeelten van de website mogelijk te maken. Zonder deze cookies kan de website niet naar behoren werken."
+      },
+      "preferences": {
+        "label": "Voorkeuren",
+        "description": "Voorkeuren cookies geven inzicht in je interesses, je acties op de website en maken het ook mogelijk een contactformulier te gebruiken."
+      },
+      "statistics": {
+        "label": "Statistieken",
+        "description": "Statistische cookies helpen ons te begrijpen hoe bezoekers de website gebruiken, door anoniem gegevens te verzamelen en te rapporteren."
+      },
+      "marketing": {
+        "label": "Marketing",
+        "description": "Marketing cookies maken het mogelijk om onze campagne resultaten te meten, zo kunnen wij gerichter adverteren en kosten besparen. \uFEFF"
+      }
+    }
+  },
   "form": {
     "required": "vereist",
     "optional": "optioneel"

package/dist/index.d.ts

@@ -49,6 +49,9 @@ export { default as TitleWithText } from "./components/TitleWithText";
 export { default as TableRender } from "./components/TableRender";
 export { default as ApiAutocomplete } from "./components/ApiAutocomplete";
 export { default as Cookie } from "./components/Cookie";
+export { default as GoogleConsentCookieBanner } from "./components/GoogleConsentCookieBanner";
+export { default as CookieCategoryContents } from "./components/GoogleConsentCookieBanner/CookieCategoryContents";
+export { default as CookieCategoryContentsPartners } from "./components/GoogleConsentCookieBanner/CookieCategoryContentsPartners";
 export { default as Downloads } from "./organisms/Downloads";
 export { default as Header } from "./components/Header";
 export { default as MediaPlayer } from "./components/MediaPlayer";

package/dist/index.js

@@ -56,6 +56,9 @@ export { default as TableRender } from './components/TableRender';
 // Organisms
 export { default as ApiAutocomplete } from './components/ApiAutocomplete';
 export { default as Cookie } from './components/Cookie';
+export { default as GoogleConsentCookieBanner } from './components/GoogleConsentCookieBanner';
+export { default as CookieCategoryContents } from './components/GoogleConsentCookieBanner/CookieCategoryContents';
+export { default as CookieCategoryContentsPartners } from './components/GoogleConsentCookieBanner/CookieCategoryContentsPartners';
 export { default as Downloads } from './organisms/Downloads';
 export { default as Header } from './components/Header';
 export { default as MediaPlayer } from './components/MediaPlayer';

package/dist/organisms/Downloads/index.d.ts

@@ -4,7 +4,7 @@ export interface DownloadsProps {
     title?: string;
     text?: string;
     downloads: DownloadProps[];
-    target?: string;
+    target?: HTMLAnchorElement['target'];
     className?: string;
 }
 declare const Downloads: React.FC<DownloadsProps>;

package/dist/organisms/Text/index.d.ts

@@ -9,15 +9,16 @@ export interface TextProps extends React.HTMLProps<HTMLAttributes<HTMLDivElement
     readMoreHeight?: number;
     link?: string;
     linkText?: string;
-    target?: string;
+    target?: HTMLAnchorElement['target'];
     secondaryLink?: string;
     secondaryLinkText?: string;
-    secondaryTarget?: string;
+    secondaryTarget?: HTMLAnchorElement['target'];
     buttonClassName?: string;
     buttonPrimary?: boolean;
     secondaryButtonClassName?: string;
     secondaryButtonPrimary?: boolean;
     className?: string;
+    children?: React.ReactElement;
 }
 declare const Text: React.FC<TextProps>;
 export default Text;

package/dist/organisms/Text/index.js

@@ -1,4 +1,4 @@
-var _excluded = ["title", "titleProps", "text", "readMore", "duration", "easing", "readMoreHeight", "link", "linkText", "target", "secondaryLink", "secondaryLinkText", "secondaryTarget", "buttonClassName", "buttonPrimary", "secondaryButtonPrimary", "secondaryButtonClassName", "className"];
+var _excluded = ["title", "titleProps", "text", "readMore", "duration", "easing", "readMoreHeight", "link", "linkText", "target", "secondaryLink", "secondaryLinkText", "secondaryTarget", "buttonClassName", "buttonPrimary", "secondaryButtonPrimary", "secondaryButtonClassName", "className", "children"];
 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 _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."); }
@@ -40,6 +40,7 @@ var Text = function Text(_ref) {
     secondaryButtonPrimary = _ref$secondaryButtonP === void 0 ? true : _ref$secondaryButtonP,
     secondaryButtonClassName = _ref.secondaryButtonClassName,
     className = _ref.className,
+    children = _ref.children,
     props = _objectWithoutProperties(_ref, _excluded);
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
@@ -88,6 +89,6 @@ var Text = function Text(_ref) {
     primary: secondaryButtonPrimary,
     inverted: true,
     rel: "noreferrer"
-  }, /*#__PURE__*/React.createElement("span", null, secondaryLinkText))));
+  }, /*#__PURE__*/React.createElement("span", null, secondaryLinkText))), children);
 };
 export default Text;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uncinc/uncinc-react-kitchen-sink",
-  "version": "2.8.4",
+  "version": "2.8.9",
   "description": "Default React components that are easily extended.",
   "author": "uncinc",
   "license": "MIT",
@@ -54,16 +54,6 @@
     "@loadable/component": "^5.15.0",
     "@searchkit/client": "^3.0.0",
     "@searchkit/elastic-ui": "^3.0.0",
-    "@types/jest": "^29.5.1",
-    "@types/node": "^20.1.0",
-    "@types/react": "^18.2.6",
-    "@types/react-dom": "^18.2.4",
-    "@types/react-html-parser": "^2.0.2",
-    "@types/react-pdf": "^6",
-    "@types/react-router": "^5.1.20",
-    "@types/uuid": "^9.0.2",
-    "@types/video.js": "^7.3.52",
-    "@types/webpack-env": "^1.18.0",
     "apollo-server-micro": "^3.4.0",
     "bootstrap": "^4",
     "eslint-webpack-plugin": "^2",
@@ -135,12 +125,24 @@
     "@testing-library/jest-dom": "^5.11.2",
     "@testing-library/react": "^14.0.0",
     "@testing-library/user-event": "^7.1.2",
+    "@types/jest": "^29.5.1",
+    "@types/js-cookie": "^3.0.6",
+    "@types/node": "^20.1.0",
+    "@types/react": "^18.2.6",
+    "@types/react-dom": "^18.2.4",
+    "@types/react-html-parser": "^2.0.2",
+    "@types/react-pdf": "^6",
+    "@types/react-router": "^5.1.20",
+    "@types/uuid": "^9.0.2",
+    "@types/video.js": "^7.3.52",
+    "@types/webpack-env": "^1.18.0",
     "@uncinc/eslint-config": "^1.1.2",
     "@uncinc/stylelint-config": "^1.0.2",
     "babel-jest": "^29.4.3",
     "babel-plugin-named-exports-order": "^0.0.2",
     "chai": "^4.2.0",
     "cross-env": "^7.0.2",
+    "framer-motion": "^11.0.3",
     "husky": "^8.0.3",
     "jest-environment-jsdom": "^29.5.0",
     "jest-junit": "^16.0.0",