@utrecht/component-library-react 13.3.1 → 14.0.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@utrecht/component-library-react",
-  "version": "13.3.1",
+  "version": "14.0.0",
   "private": false,
   "description": "React component library bundle for the Municipality of Utrecht based on the NL Design System architecture",
   "keywords": [
@@ -23,10 +23,6 @@
       "types": "./dist/index.d.ts",
       "import": "./dist/index.mjs"
     },
-    "./VegaVisualization": {
-      "types": "./dist/VegaVisualization.d.ts",
-      "import": "./dist/VegaVisualization.mjs"
-    },
     "./Calendar": {
       "types": "./dist/Calendar.d.ts",
       "import": "./dist/Calendar.mjs"
@@ -35,10 +31,6 @@
       "types": "./dist/css-module/index.d.ts",
       "import": "./dist/css-module/index.mjs"
     },
-    "./css-module/VegaVisualization": {
-      "types": "./dist/css-module/VegaVisualization.d.ts",
-      "import": "./dist/css-module/VegaVisualization.mjs"
-    },
     "./css-module/Calendar": {
       "types": "./dist/css-module/Calendar.d.ts",
       "import": "./dist/css-module/Calendar.mjs"
@@ -62,14 +54,6 @@
       "types": "./dist/index.d.ts",
       "import": "./dist/index.mjs"
     },
-    "./dist/VegaVisualization": {
-      "types": "./dist/VegaVisualization.d.ts",
-      "import": "./dist/VegaVisualization.mjs"
-    },
-    "./dist/VegaVisualization.mjs": {
-      "types": "./dist/VegaVisualization.d.ts",
-      "import": "./dist/VegaVisualization.mjs"
-    },
     "./dist/Calendar": {
       "types": "./dist/Calendar.d.ts",
       "import": "./dist/Calendar.mjs"
@@ -90,14 +74,6 @@
       "types": "./dist/css-module/index.d.ts",
       "import": "./dist/css-module/index.mjs"
     },
-    "./dist/css-module/VegaVisualization": {
-      "types": "./dist/css-module/VegaVisualization.d.ts",
-      "import": "./dist/css-module/VegaVisualization.mjs"
-    },
-    "./dist/css-module/VegaVisualization.mjs": {
-      "types": "./dist/css-module/VegaVisualization.d.ts",
-      "import": "./dist/css-module/VegaVisualization.mjs"
-    },
     "./dist/css-module/Calendar": {
       "types": "./dist/css-module/Calendar.d.ts",
       "import": "./dist/css-module/Calendar.mjs"
@@ -152,8 +128,8 @@
     "@utrecht/focus-ring-css": "4.0.0",
     "@utrecht/form-field-checkbox-react": "1.1.5",
     "@utrecht/form-field-description-react": "1.0.11",
-    "@utrecht/form-field-react": "1.0.12",
     "@utrecht/form-field-error-message-react": "1.0.11",
+    "@utrecht/form-field-react": "1.0.12",
     "@utrecht/form-label-react": "1.0.11",
     "@utrecht/form-toggle-css": "3.0.0",
     "@utrecht/heading-1-css": "3.0.0",
@@ -170,8 +146,8 @@
     "@utrecht/index-char-nav-css": "3.0.0",
     "@utrecht/link-button-css": "3.0.0",
     "@utrecht/link-list-css": "4.0.0",
-    "@utrecht/link-social-css": "3.0.0",
     "@utrecht/link-react": "1.0.11",
+    "@utrecht/link-social-css": "3.0.0",
     "@utrecht/list-social-css": "3.0.0",
     "@utrecht/listbox-react": "1.0.16",
     "@utrecht/logo-button-css": "2.0.0",
@@ -181,17 +157,17 @@
     "@utrecht/map-marker-css": "3.0.0",
     "@utrecht/mark-css": "3.0.0",
     "@utrecht/multiline-data-css": "3.0.0",
+    "@utrecht/nav-bar-css": "3.2.0",
     "@utrecht/nav-list-css": "2.0.0",
     "@utrecht/number-badge-css": "4.0.0",
     "@utrecht/number-data-css": "3.0.0",
     "@utrecht/open-forms-container-css": "3.0.0",
     "@utrecht/open-forms-container-react": "1.0.9",
     "@utrecht/ordered-list-css": "4.0.0",
-    "@utrecht/nav-bar-css": "3.2.0",
     "@utrecht/page-content-css": "3.0.0",
     "@utrecht/page-css": "3.0.0",
-    "@utrecht/page-footer-css": "4.0.0",
-    "@utrecht/page-header-css": "3.0.0",
+    "@utrecht/page-footer-css": "4.0.1",
+    "@utrecht/page-header-css": "3.0.1",
     "@utrecht/pagination-css": "3.0.0",
     "@utrecht/paragraph-css": "4.0.0",
     "@utrecht/pre-heading-css": "3.0.0",
@@ -209,13 +185,12 @@
     "@utrecht/surface-css": "3.0.0",
     "@utrecht/table-css": "3.0.0",
     "@utrecht/table-of-contents-css": "2.0.0",
+    "@utrecht/textarea-css": "4.0.0",
     "@utrecht/textbox-react": "1.0.15",
     "@utrecht/top-task-link-css": "3.0.0",
-    "@utrecht/textarea-css": "4.0.0",
-    "@utrecht/unordered-list-css": "3.1.0",
-    "@utrecht/url-data-css": "3.0.0",
     "@utrecht/top-task-nav-css": "2.0.0",
-    "@utrecht/vega-visualization-css": "2.0.0"
+    "@utrecht/unordered-list-css": "3.1.0",
+    "@utrecht/url-data-css": "3.0.0"
   },
   "devDependencies": {
     "@babel/core": "7.24.9",
@@ -243,7 +218,6 @@
     "next": "13.5.11",
     "react": "19.2.4",
     "react-dom": "19.2.4",
-    "react-vega": "8.0.0",
     "rimraf": "5.0.10",
     "rollup": "4.23.0",
     "rollup-plugin-delete": "2.0.0",
@@ -257,25 +231,12 @@
     "sort-package-json": "2.11.0",
     "tslib": "2.6.3",
     "typescript": "5.9.3",
-    "vega": "6.2.0",
-    "vega-embed": "7.1.0",
-    "vega-lite": "6.4.2",
     "@utrecht/build-utils-react": "0.1.1"
   },
   "peerDependencies": {
     "@babel/runtime": "^7.23.6",
     "react": "^18.0.0 || ^19.0.0",
-    "react-dom": "^18.0.0 || ^19.0.0",
-    "react-vega": "^7.6.0",
-    "vega": "^5.25.0"
-  },
-  "peerDependenciesMeta": {
-    "react-vega": {
-      "optional": true
-    },
-    "vega": {
-      "optional": true
-    }
+    "react-dom": "^18.0.0 || ^19.0.0"
   },
   "publishConfig": {
     "access": "public"

package/dist/VegaVisualization.d.ts

@@ -1,20 +0,0 @@
-/**
- * @license EUPL-1.2
- * Copyright (c) 2020-2024 Frameless B.V.
- * Copyright (c) 2021-2024 Gemeente Utrecht
- */
-import { VegaEmbedProps } from 'react-vega';
-import { Config } from 'vega';
-export interface VegaVisualizationProps extends Omit<VegaEmbedProps, 'options'> {
-    label?: string;
-    config?: Config;
-    /**
-     * Whether to show the export/source/editor actions. Passed into embed options.
-     *
-     * @deprecated Use options.actions instead.
-     */
-    actions?: boolean;
-    options?: VegaEmbedProps['options'];
-}
-export declare const VegaVisualization: ({ actions, className, config, label, options, ...restProps }: VegaVisualizationProps) => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=VegaVisualization.d.ts.map

package/dist/VegaVisualization.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"VegaVisualization.d.ts","sourceRoot":"","sources":["../src/VegaVisualization.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,EAAa,cAAc,EAAE,MAAM,YAAY,CAAC;AACvD,OAAO,EAAE,MAAM,EAAE,MAAM,MAAM,CAAC;AAE9B,MAAM,WAAW,sBAAuB,SAAQ,IAAI,CAAC,cAAc,EAAE,SAAS,CAAC;IAC7E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,CAAC;CACrC;AAsED,eAAO,MAAM,iBAAiB,GAAI,8DAO/B,sBAAsB,4CAexB,CAAC"}

package/dist/VegaVisualization.mjs

@@ -1,107 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { jsx } from 'react/jsx-runtime';
-import clsx from 'clsx';
-import { VegaEmbed } from 'react-vega';
-
-var _excluded = ["actions", "className", "config", "label", "options"];
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var defaultConfig = {
-  font: 'var(--utrecht-vega-visualization-font-family, var(--utrecht-document-font-family))',
-  title: {
-    fontSize: 20,
-    anchor: 'start',
-    offset: 32,
-    subtitleFontSize: 16
-  },
-  range: {
-    category: {
-      scheme: 'set1'
-    }
-  },
-  axis: {
-    labelFontSize: 16,
-    titleFontSize: 16,
-    labelFontWeight: 'bold',
-    titleFontWeight: 'normal',
-    labelAngle: 0,
-    ticks: false,
-    labelPadding: 12,
-    domainColor: 'var(--utrecht-vega-visualization-axis-domain-color, black)',
-    gridColor: 'var(--utrecht-vega-visualization-axis-grid-color, gray)',
-    tickColor: 'var(--utrecht-vega-visualization-axis-tick-color, black)'
-  },
-  axisY: {
-    titleAngle: 0,
-    titleX: 0,
-    titleY: 7,
-    titleAlign: 'left',
-    titleFontWeight: 'bold',
-    domain: false
-  },
-  legend: {
-    labelFontSize: 16,
-    titleFontSize: 16
-  },
-  bar: {
-    width: {
-      band: 0.85
-    }
-  },
-  view: {
-    stroke: null
-  },
-  padding: {
-    left: 20,
-    top: 20,
-    right: 25,
-    bottom: 20
-  },
-  locale: {
-    number: {
-      decimal: ',',
-      thousands: '.',
-      grouping: [3],
-      currency: ['', "\xA0\u20AC"]
-    },
-    time: {
-      dateTime: '%a %e %B %Y %X',
-      date: '%d-%m-%Y',
-      time: '%H:%M:%S',
-      periods: ['AM', 'PM'],
-      days: ['zondag', 'maandag', 'dinsdag', 'woensdag', 'donderdag', 'vrijdag', 'zaterdag'],
-      shortDays: ['zo', 'ma', 'di', 'wo', 'do', 'vr', 'za'],
-      months: ['januari', 'februari', 'maart', 'april', 'mei', 'juni', 'juli', 'augustus', 'september', 'oktober', 'november', 'december'],
-      shortMonths: ['jan', 'feb', 'mrt', 'apr', 'mei', 'jun', 'jul', 'aug', 'sep', 'okt', 'nov', 'dec']
-    }
-  }
-};
-var VegaVisualization = function VegaVisualization(_ref) {
-  var _ref$actions = _ref.actions,
-    actions = _ref$actions === void 0 ? false : _ref$actions,
-    className = _ref.className,
-    config = _ref.config,
-    label = _ref.label,
-    options = _ref.options,
-    restProps = _objectWithoutProperties(_ref, _excluded);
-  var embedOptions = _objectSpread(_objectSpread({}, options), {}, {
-    actions: actions,
-    renderer: 'svg',
-    config: _objectSpread(_objectSpread({}, defaultConfig), config)
-  });
-  return jsx("div", {
-    className: clsx('utrecht-vega-visualization', className),
-    role: "img",
-    "aria-label": label,
-    children: jsx("div", {
-      "aria-hidden": true,
-      children: jsx(VegaEmbed, _objectSpread(_objectSpread({}, restProps), {}, {
-        options: embedOptions
-      }))
-    })
-  });
-};
-
-export { VegaVisualization };
-//# sourceMappingURL=VegaVisualization.mjs.map

package/dist/VegaVisualization.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"VegaVisualization.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/css-module/VegaVisualization.d.ts

@@ -1,20 +0,0 @@
-/**
- * @license EUPL-1.2
- * Copyright (c) 2020-2024 Frameless B.V.
- * Copyright (c) 2021-2024 Gemeente Utrecht
- */
-import { VegaEmbedProps } from 'react-vega';
-import { Config } from 'vega';
-export interface VegaVisualizationProps extends Omit<VegaEmbedProps, 'options'> {
-    label?: string;
-    config?: Config;
-    /**
-     * Whether to show the export/source/editor actions. Passed into embed options.
-     *
-     * @deprecated Use options.actions instead.
-     */
-    actions?: boolean;
-    options?: VegaEmbedProps['options'];
-}
-export declare const VegaVisualization: ({ actions, className, config, label, options, ...restProps }: VegaVisualizationProps) => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=VegaVisualization.d.ts.map

package/dist/css-module/VegaVisualization.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"VegaVisualization.d.ts","sourceRoot":"","sources":["../../src/VegaVisualization.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,EAAa,cAAc,EAAE,MAAM,YAAY,CAAC;AACvD,OAAO,EAAE,MAAM,EAAE,MAAM,MAAM,CAAC;AAE9B,MAAM,WAAW,sBAAuB,SAAQ,IAAI,CAAC,cAAc,EAAE,SAAS,CAAC;IAC7E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,CAAC;CACrC;AAsED,eAAO,MAAM,iBAAiB,GAAI,8DAO/B,sBAAsB,4CAexB,CAAC"}

package/dist/css-module/VegaVisualization.mjs

@@ -1,124 +0,0 @@
-import css from '@utrecht/vega-visualization-css/dist/index.mjs';
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { jsx } from 'react/jsx-runtime';
-import clsx from 'clsx';
-import { VegaEmbed } from 'react-vega';
-
-var insertStyle = function insertStyle(css) {
-  if (typeof document !== 'undefined') {
-    var head = document.head || document.getElementsByTagName('head')[0];
-    var style = document.createElement('style');
-    style.appendChild(document.createTextNode(css));
-    head.appendChild(style);
-  }
-};
-
-var _excluded = ["actions", "className", "config", "label", "options"];
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var defaultConfig = {
-  font: 'var(--utrecht-vega-visualization-font-family, var(--utrecht-document-font-family))',
-  title: {
-    fontSize: 20,
-    anchor: 'start',
-    offset: 32,
-    subtitleFontSize: 16
-  },
-  range: {
-    category: {
-      scheme: 'set1'
-    }
-  },
-  axis: {
-    labelFontSize: 16,
-    titleFontSize: 16,
-    labelFontWeight: 'bold',
-    titleFontWeight: 'normal',
-    labelAngle: 0,
-    ticks: false,
-    labelPadding: 12,
-    domainColor: 'var(--utrecht-vega-visualization-axis-domain-color, black)',
-    gridColor: 'var(--utrecht-vega-visualization-axis-grid-color, gray)',
-    tickColor: 'var(--utrecht-vega-visualization-axis-tick-color, black)'
-  },
-  axisY: {
-    titleAngle: 0,
-    titleX: 0,
-    titleY: 7,
-    titleAlign: 'left',
-    titleFontWeight: 'bold',
-    domain: false
-  },
-  legend: {
-    labelFontSize: 16,
-    titleFontSize: 16
-  },
-  bar: {
-    width: {
-      band: 0.85
-    }
-  },
-  view: {
-    stroke: null
-  },
-  padding: {
-    left: 20,
-    top: 20,
-    right: 25,
-    bottom: 20
-  },
-  locale: {
-    number: {
-      decimal: ',',
-      thousands: '.',
-      grouping: [3],
-      currency: ['', "\xA0\u20AC"]
-    },
-    time: {
-      dateTime: '%a %e %B %Y %X',
-      date: '%d-%m-%Y',
-      time: '%H:%M:%S',
-      periods: ['AM', 'PM'],
-      days: ['zondag', 'maandag', 'dinsdag', 'woensdag', 'donderdag', 'vrijdag', 'zaterdag'],
-      shortDays: ['zo', 'ma', 'di', 'wo', 'do', 'vr', 'za'],
-      months: ['januari', 'februari', 'maart', 'april', 'mei', 'juni', 'juli', 'augustus', 'september', 'oktober', 'november', 'december'],
-      shortMonths: ['jan', 'feb', 'mrt', 'apr', 'mei', 'jun', 'jul', 'aug', 'sep', 'okt', 'nov', 'dec']
-    }
-  }
-};
-var VegaVisualization = function VegaVisualization(_ref) {
-  var _ref$actions = _ref.actions,
-    actions = _ref$actions === void 0 ? false : _ref$actions,
-    className = _ref.className,
-    config = _ref.config,
-    label = _ref.label,
-    options = _ref.options,
-    restProps = _objectWithoutProperties(_ref, _excluded);
-  var embedOptions = _objectSpread(_objectSpread({}, options), {}, {
-    actions: actions,
-    renderer: 'svg',
-    config: _objectSpread(_objectSpread({}, defaultConfig), config)
-  });
-  return jsx("div", {
-    className: clsx('utrecht-vega-visualization', className),
-    role: "img",
-    "aria-label": label,
-    children: jsx("div", {
-      "aria-hidden": true,
-      children: jsx(VegaEmbed, _objectSpread(_objectSpread({}, restProps), {}, {
-        options: embedOptions
-      }))
-    })
-  });
-};
-
-/**
- * @license EUPL-1.2
- * Copyright (c) 2020-2024 Frameless B.V.
- * Copyright (c) 2021-2024 Gemeente Utrecht
- */
-insertStyle(css);
-
-export { VegaVisualization };
-//# sourceMappingURL=VegaVisualization.mjs.map

package/dist/css-module/VegaVisualization.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"VegaVisualization.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/css-module/css-module/VegaVisualization.d.ts

@@ -1,7 +0,0 @@
-/**
- * @license EUPL-1.2
- * Copyright (c) 2020-2024 Frameless B.V.
- * Copyright (c) 2021-2024 Gemeente Utrecht
- */
-export * from '../VegaVisualization';
-//# sourceMappingURL=VegaVisualization.d.ts.map

package/dist/css-module/css-module/VegaVisualization.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"VegaVisualization.d.ts","sourceRoot":"","sources":["../../../src/css-module/VegaVisualization.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAMH,cAAc,sBAAsB,CAAC"}