@utrecht/component-library-react 7.3.5 → 7.3.6

package/package.json

@@ -1,25 +1,92 @@
 {
-  "version": "7.3.5",
-  "author": "Community for NL Design System",
-  "description": "React component library bundle for the Municipality of Utrecht based on the NL Design System architecture",
-  "license": "EUPL-1.2",
   "name": "@utrecht/component-library-react",
+  "version": "7.3.6",
+  "private": false,
+  "description": "React component library bundle for the Municipality of Utrecht based on the NL Design System architecture",
   "keywords": [
     "nl-design-system"
   ],
-  "private": false,
-  "publishConfig": {
-    "access": "public"
+  "homepage": "https://github.com/nl-design-system/utrecht/tree/main/packages/component-library-react#readme",
+  "bugs": {
+    "url": "https://github.com/nl-design-system/utrecht/issues"
   },
   "repository": {
     "type": "git+ssh",
-    "url": "git@github.com:nl-design-system/utrecht.git",
+    "url": "git+https://github.com/nl-design-system/utrecht.git",
     "directory": "packages/component-library-react"
   },
+  "license": "EUPL-1.2",
+  "author": "Community for NL Design System",
   "sideEffects": false,
-  "main": "./dist/index.cjs",
-  "module": "./dist/index.mjs",
-  "types": "./dist/index.d.ts",
+  "type": "module",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs"
+    },
+    "./dist/.jest-test-results.json": "./dist/.jest-test-results.json",
+    "./CONTRIBUTING.md": "./CONTRIBUTING.md",
+    "./CHANGELOG.md": "./CHANGELOG.md",
+    "./README.md": "./README.md",
+    "./README.nl.md": "./README.nl.md",
+    "./TESTING.md": "./TESTING.md",
+    "./dist": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs"
+    },
+    "./dist/index": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs"
+    },
+    "./dist/index.mjs": {
+      "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"
+    },
+    "./dist/Calendar.mjs": {
+      "types": "./dist/Calendar.d.ts",
+      "import": "./dist/Calendar.mjs"
+    },
+    "./dist/css-module": {
+      "types": "./dist/css-module/index.d.ts",
+      "import": "./dist/css-module/index.mjs"
+    },
+    "./dist/css-module/index": {
+      "types": "./dist/css-module/index.d.ts",
+      "import": "./dist/css-module/index.mjs"
+    },
+    "./dist/css-module/index.mjs": {
+      "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"
+    },
+    "./dist/css-module/Calendar.mjs": {
+      "types": "./dist/css-module/Calendar.d.ts",
+      "import": "./dist/css-module/Calendar.mjs"
+    }
+  },
   "files": [
     "dist/",
     "*.md"
@@ -27,20 +94,20 @@
   "dependencies": {
     "clsx": "2.1.1",
     "lodash.chunk": "4.2.0",
-    "@utrecht/button-react": "2.0.2",
-    "@utrecht/calendar-react": "1.0.5",
-    "@utrecht/checkbox-react": "1.0.2",
-    "@utrecht/combobox-react": "0.0.3",
-    "@utrecht/fieldset-react": "1.0.2",
-    "@utrecht/form-field-checkbox-react": "1.0.4",
-    "@utrecht/form-field-description-react": "1.0.2",
-    "@utrecht/form-field-error-message-react": "1.0.2",
-    "@utrecht/form-field-react": "1.0.2",
-    "@utrecht/form-label-react": "1.0.2",
-    "@utrecht/link-react": "1.0.2",
-    "@utrecht/listbox-react": "1.0.3",
-    "@utrecht/radio-button-react": "1.0.2",
-    "@utrecht/textbox-react": "1.0.2"
+    "@utrecht/button-react": "2.0.3",
+    "@utrecht/calendar-react": "1.0.6",
+    "@utrecht/checkbox-react": "1.0.3",
+    "@utrecht/combobox-react": "0.0.4",
+    "@utrecht/fieldset-react": "1.0.3",
+    "@utrecht/form-field-checkbox-react": "1.0.5",
+    "@utrecht/form-field-description-react": "1.0.3",
+    "@utrecht/form-field-error-message-react": "1.0.3",
+    "@utrecht/form-field-react": "1.0.3",
+    "@utrecht/form-label-react": "1.0.3",
+    "@utrecht/link-react": "1.0.3",
+    "@utrecht/listbox-react": "1.0.4",
+    "@utrecht/radio-button-react": "1.0.3",
+    "@utrecht/textbox-react": "1.0.3"
   },
   "devDependencies": {
     "@babel/core": "7.24.7",
@@ -53,6 +120,7 @@
     "@rollup/plugin-commonjs": "26.0.1",
     "@rollup/plugin-json": "6.1.0",
     "@rollup/plugin-node-resolve": "15.2.3",
+    "@rollup/plugin-typescript": "12.1.0",
     "@testing-library/dom": "8.20.1",
     "@testing-library/jest-dom": "5.17.0",
     "@testing-library/react": "13.4.0",
@@ -69,7 +137,7 @@
     "react-dom": "18.3.1",
     "react-vega": "7.6.0",
     "rimraf": "5.0.7",
-    "rollup": "4.18.0",
+    "rollup": "4.23.0",
     "rollup-plugin-delete": "2.0.0",
     "rollup-plugin-filesize": "10.0.0",
     "rollup-plugin-node-externals": "7.1.2",
@@ -78,6 +146,7 @@
     "rollup-plugin-postcss": "4.0.2",
     "rollup-plugin-typescript2": "0.36.0",
     "sass": "1.69.5",
+    "sort-package-json": "2.11.0",
     "tslib": "2.6.2",
     "typescript": "5.6.2",
     "vega": "5.26.1",
@@ -95,6 +164,7 @@
     "@utrecht/badge-status-css": "1.3.0",
     "@utrecht/blockquote-css": "1.4.0",
     "@utrecht/breadcrumb-nav-css": "1.3.0",
+    "@utrecht/build-utils-react": "0.0.1",
     "@utrecht/button-group-css": "1.3.1",
     "@utrecht/button-link-css": "1.2.0",
     "@utrecht/code-block-css": "1.3.0",
@@ -185,12 +255,16 @@
       "optional": true
     }
   },
+  "publishConfig": {
+    "access": "public"
+  },
   "scripts": {
     "build": "pnpm run '/^build:.*/'",
     "build:rollup": "rollup --config rollup.config.mjs",
     "build:rollup-components": "rollup --config rollup-components.config.mjs",
     "build:test-results": "mkdir -p dist pages && jest --json --outputFile=dist/.jest-test-results.json --silent",
     "clean": "rimraf dist/ pages/ .rollup.cache/ .swc",
+    "init": "init-react-package",
     "lint-build": "tsc --project ./tsconfig.json --noEmit && tsc --project ./tsconfig.test.json",
     "test": "mkdir -p pages && jest --coverage --verbose",
     "watch:build": "rollup -c --watch",

package/dist/Calendar.js

@@ -1,11 +0,0 @@
-'use strict';
-
-var calendarReact = require('@utrecht/calendar-react');
-
-
-
-Object.defineProperty(exports, "Calendar", {
-	enumerable: true,
-	get: function () { return calendarReact.Calendar; }
-});
-//# sourceMappingURL=Calendar.js.map

package/dist/Calendar.js.map

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

package/dist/VegaVisualization.js

@@ -1,105 +0,0 @@
-'use strict';
-
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
-var jsxRuntime = require('react/jsx-runtime');
-var clsx = require('clsx');
-var reactVega = require('react-vega');
-
-var _excluded = ["actions", "className", "config", "label"];
-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,
-    restProps = _objectWithoutProperties(_ref, _excluded);
-  return jsxRuntime.jsx("div", {
-    className: clsx('utrecht-vega-visualization', className),
-    role: "image",
-    "aria-label": label,
-    children: jsxRuntime.jsx("div", {
-      "aria-hidden": true,
-      children: jsxRuntime.jsx(reactVega.Vega, _objectSpread(_objectSpread({}, restProps), {}, {
-        actions: actions,
-        renderer: 'svg',
-        config: _objectSpread(_objectSpread({}, defaultConfig), config)
-      }))
-    })
-  });
-};
-
-exports.VegaVisualization = VegaVisualization;
-//# sourceMappingURL=VegaVisualization.js.map

package/dist/VegaVisualization.js.map

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

package/dist/css-module/Calendar.js

@@ -1,11 +0,0 @@
-'use strict';
-
-var css = require('@utrecht/calendar-react/dist/css');
-
-
-
-Object.defineProperty(exports, "Calendar", {
-	enumerable: true,
-	get: function () { return css.Calendar; }
-});
-//# sourceMappingURL=Calendar.js.map

package/dist/css-module/Calendar.js.map

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

package/dist/css-module/VegaVisualization.js

@@ -1,123 +0,0 @@
-'use strict';
-
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
-var jsxRuntime = require('react/jsx-runtime');
-var clsx = require('clsx');
-var reactVega = require('react-vega');
-
-var css = ".utrecht-vega-visualization{display:inline-block}";
-
-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"];
-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,
-    restProps = _objectWithoutProperties(_ref, _excluded);
-  return jsxRuntime.jsx("div", {
-    className: clsx('utrecht-vega-visualization', className),
-    role: "image",
-    "aria-label": label,
-    children: jsxRuntime.jsx("div", {
-      "aria-hidden": true,
-      children: jsxRuntime.jsx(reactVega.Vega, _objectSpread(_objectSpread({}, restProps), {}, {
-        actions: actions,
-        renderer: 'svg',
-        config: _objectSpread(_objectSpread({}, defaultConfig), config)
-      }))
-    })
-  });
-};
-
-/**
- * @license EUPL-1.2
- * Copyright (c) 2020-2024 Frameless B.V.
- * Copyright (c) 2021-2024 Gemeente Utrecht
- */
-insertStyle(css);
-
-exports.VegaVisualization = VegaVisualization;
-//# sourceMappingURL=VegaVisualization.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"VegaVisualization.js","sources":["../../../../components/vega-visualization/dist/index.mjs"],"sourcesContent":["export default \".utrecht-vega-visualization{display:inline-block}\";\n"],"names":[],"mappings":";;;;;;;;AAAA,UAAe,mDAAmD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}