@utrecht/component-library-react 13.0.4 → 13.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (15) hide show
  1. package/CHANGELOG.md +153 -0
  2. package/dist/.jest-test-results.json +1 -1
  3. package/dist/Accordion.d.ts +5 -5
  4. package/dist/Accordion.d.ts.map +1 -1
  5. package/dist/VegaVisualization.d.ts +10 -3
  6. package/dist/VegaVisualization.d.ts.map +1 -1
  7. package/dist/VegaVisualization.mjs +10 -6
  8. package/dist/VegaVisualization.mjs.map +1 -1
  9. package/dist/css-module/Accordion.d.ts +5 -5
  10. package/dist/css-module/Accordion.d.ts.map +1 -1
  11. package/dist/css-module/VegaVisualization.d.ts +10 -3
  12. package/dist/css-module/VegaVisualization.d.ts.map +1 -1
  13. package/dist/css-module/VegaVisualization.mjs +10 -6
  14. package/dist/css-module/VegaVisualization.mjs.map +1 -1
  15. package/package.json +114 -114
package/dist/Accordion.d.ts CHANGED
@@ -9,7 +9,7 @@ export interface AccordionSectionProps extends HTMLAttributes<HTMLDivElement> {
9
9
  onActivate?: Function;
10
10
  onButtonFocus?: Function;
11
11
  onButtonBlur?: Function;
12
- buttonRef?: RefObject<HTMLButtonElement>;
12
+ buttonRef?: RefObject<HTMLButtonElement | null>;
13
13
  icon?: ReactNode;
14
14
  }
15
15
  export declare const AccordionSection: import("react").ForwardRefExoticComponent<AccordionSectionProps & import("react").RefAttributes<HTMLDivElement>>;
@@ -21,10 +21,10 @@ export interface AccordionProps extends HTMLAttributes<HTMLDivElement> {
21
21
  export declare const Accordion: import("react").ForwardRefExoticComponent<AccordionProps & {
22
22
  children?: ReactNode | undefined;
23
23
  } & import("react").RefAttributes<HTMLDivElement>>;
24
- export declare const useAccordion: <T>(sections: T[], ref: RefObject<HTMLDivElement | undefined>) => {
25
- ref: RefObject<HTMLDivElement | undefined>;
26
- refs: RefObject<HTMLDivElement>[];
27
- buttonRefs: RefObject<HTMLButtonElement>[];
24
+ export declare const useAccordion: <T>(sections: T[], ref: RefObject<HTMLDivElement | null>) => {
25
+ ref: RefObject<HTMLDivElement | null>;
26
+ refs: RefObject<HTMLDivElement | null>[];
27
+ buttonRefs: RefObject<HTMLButtonElement | null>[];
28
28
  activeElement: null;
29
29
  sections: T[];
30
30
  focusNextSection: (activeElement: RefObject<HTMLDivElement>) => void;
package/dist/Accordion.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../src/Accordion.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,YAAY,EAEZ,cAAc,EAGd,SAAS,EACT,SAAS,EAIV,MAAM,OAAO,CAAC;AA8Cf,MAAM,WAAW,qBAAsB,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC3E,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,GAAG,CAAC;IACV,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,QAAQ,CAAC;IACtB,aAAa,CAAC,EAAE,QAAQ,CAAC;IACzB,YAAY,CAAC,EAAE,QAAQ,CAAC;IACxB,SAAS,CAAC,EAAE,SAAS,CAAC,iBAAiB,CAAC,CAAC;IACzC,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED,eAAO,MAAM,gBAAgB,kHA0E5B,CAAC;AAIF,MAAM,WAAW,cAAe,SAAQ,cAAc,CAAC,cAAc,CAAC;IACpE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,KAAK,CAAC;CACf;AAED,eAAO,MAAM,SAAS;;kDAsBrB,CAAC;AAIF,eAAO,MAAM,YAAY,GAAI,CAAC,EAAG,UAAU,CAAC,EAAE,EAAE,KAAK,SAAS,CAAC,cAAc,GAAG,SAAS,CAAC;;;;;;sCAepD,SAAS,CAAC,cAAc,CAAC;;0CAUrB,SAAS,CAAC,cAAc,CAAC;;CAWlE,CAAC;AAEF,MAAM,WAAW,6BAA6B;IAC5C,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,mBAAmB,GAC9B,+BAAuC,6BAA6B,EACpE,KAAK,YAAY,CAAC,cAAc,CAAC;;;CAMlC,CAAC;AAEF,MAAM,WAAW,sBACf,SAAQ,IAAI,CAAC,cAAc,EAAE,SAAS,GAAG,cAAc,CAAC,EACtD,IAAI,CAAC,qBAAqB,EAAE,MAAM,CAAC;IACrC,QAAQ,EAAE,qBAAqB,EAAE,CAAC;CACnC;AAED,eAAO,MAAM,iBAAiB;gDAA+C,sBAAsB;;CA6ElG,CAAC"}
1
+ {"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../src/Accordion.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,YAAY,EAEZ,cAAc,EAGd,SAAS,EACT,SAAS,EAIV,MAAM,OAAO,CAAC;AA8Cf,MAAM,WAAW,qBAAsB,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC3E,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,GAAG,CAAC;IACV,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,QAAQ,CAAC;IACtB,aAAa,CAAC,EAAE,QAAQ,CAAC;IACzB,YAAY,CAAC,EAAE,QAAQ,CAAC;IACxB,SAAS,CAAC,EAAE,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAC;IAChD,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED,eAAO,MAAM,gBAAgB,kHA0E5B,CAAC;AAIF,MAAM,WAAW,cAAe,SAAQ,cAAc,CAAC,cAAc,CAAC;IACpE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,KAAK,CAAC;CACf;AAED,eAAO,MAAM,SAAS;;kDAsBrB,CAAC;AAIF,eAAO,MAAM,YAAY,GAAI,CAAC,EAAG,UAAU,CAAC,EAAE,EAAE,KAAK,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC;;;;;;sCAe/C,SAAS,CAAC,cAAc,CAAC;;0CAUrB,SAAS,CAAC,cAAc,CAAC;;CAWlE,CAAC;AAEF,MAAM,WAAW,6BAA6B;IAC5C,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,mBAAmB,GAC9B,+BAAuC,6BAA6B,EACpE,KAAK,YAAY,CAAC,cAAc,CAAC;;;CAMlC,CAAC;AAEF,MAAM,WAAW,sBACf,SAAQ,IAAI,CAAC,cAAc,EAAE,SAAS,GAAG,cAAc,CAAC,EACtD,IAAI,CAAC,qBAAqB,EAAE,MAAM,CAAC;IACrC,QAAQ,EAAE,qBAAqB,EAAE,CAAC;CACnC;AAED,eAAO,MAAM,iBAAiB;gDAA+C,sBAAsB;;CA6ElG,CAAC"}
package/dist/VegaVisualization.d.ts CHANGED
@@ -3,11 +3,18 @@
3
3
  * Copyright (c) 2020-2024 Frameless B.V.
4
4
  * Copyright (c) 2021-2024 Gemeente Utrecht
5
5
  */
6
- import { VegaProps } from 'react-vega/lib/Vega';
6
+ import { VegaEmbedProps } from 'react-vega';
7
7
  import { Config } from 'vega';
8
- export interface VegaVisualizationProps extends Omit<VegaProps, 'renderer'> {
8
+ export interface VegaVisualizationProps extends Omit<VegaEmbedProps, 'options'> {
9
9
  label?: string;
10
10
  config?: Config;
11
+ /**
12
+ * Whether to show the export/source/editor actions. Passed into embed options.
13
+ *
14
+ * @deprecated Use options.actions instead.
15
+ */
16
+ actions?: boolean;
17
+ options?: VegaEmbedProps['options'];
11
18
  }
12
- export declare const VegaVisualization: ({ actions, className, config, label, ...restProps }: VegaVisualizationProps) => import("react/jsx-runtime").JSX.Element;
19
+ export declare const VegaVisualization: ({ actions, className, config, label, options, ...restProps }: VegaVisualizationProps) => import("react/jsx-runtime").JSX.Element;
13
20
  //# sourceMappingURL=VegaVisualization.d.ts.map
package/dist/VegaVisualization.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"VegaVisualization.d.ts","sourceRoot":"","sources":["../src/VegaVisualization.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAIH,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,MAAM,CAAC;AAE9B,MAAM,WAAW,sBAAuB,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;IACzE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAsED,eAAO,MAAM,iBAAiB,GAAI,qDAM/B,sBAAsB,4CAQxB,CAAC"}
1
+ {"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 CHANGED
@@ -2,9 +2,9 @@ import _defineProperty from '@babel/runtime/helpers/defineProperty';
2
2
  import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
3
3
  import { jsx } from 'react/jsx-runtime';
4
4
  import clsx from 'clsx';
5
- import { Vega } from 'react-vega';
5
+ import { VegaEmbed } from 'react-vega';
6
6
 
7
- var _excluded = ["actions", "className", "config", "label"];
7
+ var _excluded = ["actions", "className", "config", "label", "options"];
8
8
  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; }
9
9
  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; }
10
10
  var defaultConfig = {
@@ -83,17 +83,21 @@ var VegaVisualization = function VegaVisualization(_ref) {
83
83
  className = _ref.className,
84
84
  config = _ref.config,
85
85
  label = _ref.label,
86
+ options = _ref.options,
86
87
  restProps = _objectWithoutProperties(_ref, _excluded);
88
+ var embedOptions = _objectSpread(_objectSpread({}, options), {}, {
89
+ actions: actions,
90
+ renderer: 'svg',
91
+ config: _objectSpread(_objectSpread({}, defaultConfig), config)
92
+ });
87
93
  return jsx("div", {
88
94
  className: clsx('utrecht-vega-visualization', className),
89
95
  role: "img",
90
96
  "aria-label": label,
91
97
  children: jsx("div", {
92
98
  "aria-hidden": true,
93
- children: jsx(Vega, _objectSpread(_objectSpread({}, restProps), {}, {
94
- actions: actions,
95
- renderer: 'svg',
96
- config: _objectSpread(_objectSpread({}, defaultConfig), config)
99
+ children: jsx(VegaEmbed, _objectSpread(_objectSpread({}, restProps), {}, {
100
+ options: embedOptions
97
101
  }))
98
102
  })
99
103
  });
package/dist/VegaVisualization.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"VegaVisualization.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"VegaVisualization.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
package/dist/css-module/Accordion.d.ts CHANGED
@@ -9,7 +9,7 @@ export interface AccordionSectionProps extends HTMLAttributes<HTMLDivElement> {
9
9
  onActivate?: Function;
10
10
  onButtonFocus?: Function;
11
11
  onButtonBlur?: Function;
12
- buttonRef?: RefObject<HTMLButtonElement>;
12
+ buttonRef?: RefObject<HTMLButtonElement | null>;
13
13
  icon?: ReactNode;
14
14
  }
15
15
  export declare const AccordionSection: import("react").ForwardRefExoticComponent<AccordionSectionProps & import("react").RefAttributes<HTMLDivElement>>;
@@ -21,10 +21,10 @@ export interface AccordionProps extends HTMLAttributes<HTMLDivElement> {
21
21
  export declare const Accordion: import("react").ForwardRefExoticComponent<AccordionProps & {
22
22
  children?: ReactNode | undefined;
23
23
  } & import("react").RefAttributes<HTMLDivElement>>;
24
- export declare const useAccordion: <T>(sections: T[], ref: RefObject<HTMLDivElement | undefined>) => {
25
- ref: RefObject<HTMLDivElement | undefined>;
26
- refs: RefObject<HTMLDivElement>[];
27
- buttonRefs: RefObject<HTMLButtonElement>[];
24
+ export declare const useAccordion: <T>(sections: T[], ref: RefObject<HTMLDivElement | null>) => {
25
+ ref: RefObject<HTMLDivElement | null>;
26
+ refs: RefObject<HTMLDivElement | null>[];
27
+ buttonRefs: RefObject<HTMLButtonElement | null>[];
28
28
  activeElement: null;
29
29
  sections: T[];
30
30
  focusNextSection: (activeElement: RefObject<HTMLDivElement>) => void;
package/dist/css-module/Accordion.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../src/Accordion.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,YAAY,EAEZ,cAAc,EAGd,SAAS,EACT,SAAS,EAIV,MAAM,OAAO,CAAC;AA8Cf,MAAM,WAAW,qBAAsB,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC3E,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,GAAG,CAAC;IACV,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,QAAQ,CAAC;IACtB,aAAa,CAAC,EAAE,QAAQ,CAAC;IACzB,YAAY,CAAC,EAAE,QAAQ,CAAC;IACxB,SAAS,CAAC,EAAE,SAAS,CAAC,iBAAiB,CAAC,CAAC;IACzC,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED,eAAO,MAAM,gBAAgB,kHA0E5B,CAAC;AAIF,MAAM,WAAW,cAAe,SAAQ,cAAc,CAAC,cAAc,CAAC;IACpE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,KAAK,CAAC;CACf;AAED,eAAO,MAAM,SAAS;;kDAsBrB,CAAC;AAIF,eAAO,MAAM,YAAY,GAAI,CAAC,EAAG,UAAU,CAAC,EAAE,EAAE,KAAK,SAAS,CAAC,cAAc,GAAG,SAAS,CAAC;;;;;;sCAepD,SAAS,CAAC,cAAc,CAAC;;0CAUrB,SAAS,CAAC,cAAc,CAAC;;CAWlE,CAAC;AAEF,MAAM,WAAW,6BAA6B;IAC5C,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,mBAAmB,GAC9B,+BAAuC,6BAA6B,EACpE,KAAK,YAAY,CAAC,cAAc,CAAC;;;CAMlC,CAAC;AAEF,MAAM,WAAW,sBACf,SAAQ,IAAI,CAAC,cAAc,EAAE,SAAS,GAAG,cAAc,CAAC,EACtD,IAAI,CAAC,qBAAqB,EAAE,MAAM,CAAC;IACrC,QAAQ,EAAE,qBAAqB,EAAE,CAAC;CACnC;AAED,eAAO,MAAM,iBAAiB;gDAA+C,sBAAsB;;CA6ElG,CAAC"}
1
+ {"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../src/Accordion.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,YAAY,EAEZ,cAAc,EAGd,SAAS,EACT,SAAS,EAIV,MAAM,OAAO,CAAC;AA8Cf,MAAM,WAAW,qBAAsB,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC3E,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,GAAG,CAAC;IACV,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,QAAQ,CAAC;IACtB,aAAa,CAAC,EAAE,QAAQ,CAAC;IACzB,YAAY,CAAC,EAAE,QAAQ,CAAC;IACxB,SAAS,CAAC,EAAE,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAC;IAChD,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED,eAAO,MAAM,gBAAgB,kHA0E5B,CAAC;AAIF,MAAM,WAAW,cAAe,SAAQ,cAAc,CAAC,cAAc,CAAC;IACpE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,KAAK,CAAC;CACf;AAED,eAAO,MAAM,SAAS;;kDAsBrB,CAAC;AAIF,eAAO,MAAM,YAAY,GAAI,CAAC,EAAG,UAAU,CAAC,EAAE,EAAE,KAAK,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC;;;;;;sCAe/C,SAAS,CAAC,cAAc,CAAC;;0CAUrB,SAAS,CAAC,cAAc,CAAC;;CAWlE,CAAC;AAEF,MAAM,WAAW,6BAA6B;IAC5C,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,mBAAmB,GAC9B,+BAAuC,6BAA6B,EACpE,KAAK,YAAY,CAAC,cAAc,CAAC;;;CAMlC,CAAC;AAEF,MAAM,WAAW,sBACf,SAAQ,IAAI,CAAC,cAAc,EAAE,SAAS,GAAG,cAAc,CAAC,EACtD,IAAI,CAAC,qBAAqB,EAAE,MAAM,CAAC;IACrC,QAAQ,EAAE,qBAAqB,EAAE,CAAC;CACnC;AAED,eAAO,MAAM,iBAAiB;gDAA+C,sBAAsB;;CA6ElG,CAAC"}
package/dist/css-module/VegaVisualization.d.ts CHANGED
@@ -3,11 +3,18 @@
3
3
  * Copyright (c) 2020-2024 Frameless B.V.
4
4
  * Copyright (c) 2021-2024 Gemeente Utrecht
5
5
  */
6
- import { VegaProps } from 'react-vega/lib/Vega';
6
+ import { VegaEmbedProps } from 'react-vega';
7
7
  import { Config } from 'vega';
8
- export interface VegaVisualizationProps extends Omit<VegaProps, 'renderer'> {
8
+ export interface VegaVisualizationProps extends Omit<VegaEmbedProps, 'options'> {
9
9
  label?: string;
10
10
  config?: Config;
11
+ /**
12
+ * Whether to show the export/source/editor actions. Passed into embed options.
13
+ *
14
+ * @deprecated Use options.actions instead.
15
+ */
16
+ actions?: boolean;
17
+ options?: VegaEmbedProps['options'];
11
18
  }
12
- export declare const VegaVisualization: ({ actions, className, config, label, ...restProps }: VegaVisualizationProps) => import("react/jsx-runtime").JSX.Element;
19
+ export declare const VegaVisualization: ({ actions, className, config, label, options, ...restProps }: VegaVisualizationProps) => import("react/jsx-runtime").JSX.Element;
13
20
  //# sourceMappingURL=VegaVisualization.d.ts.map
package/dist/css-module/VegaVisualization.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"VegaVisualization.d.ts","sourceRoot":"","sources":["../../src/VegaVisualization.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAIH,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,MAAM,CAAC;AAE9B,MAAM,WAAW,sBAAuB,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;IACzE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAsED,eAAO,MAAM,iBAAiB,GAAI,qDAM/B,sBAAsB,4CAQxB,CAAC"}
1
+ {"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 CHANGED
@@ -3,7 +3,7 @@ import _defineProperty from '@babel/runtime/helpers/defineProperty';
3
3
  import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
4
4
  import { jsx } from 'react/jsx-runtime';
5
5
  import clsx from 'clsx';
6
- import { Vega } from 'react-vega';
6
+ import { VegaEmbed } from 'react-vega';
7
7
 
8
8
  var insertStyle = function insertStyle(css) {
9
9
  if (typeof document !== 'undefined') {
@@ -14,7 +14,7 @@ var insertStyle = function insertStyle(css) {
14
14
  }
15
15
  };
16
16
 
17
- var _excluded = ["actions", "className", "config", "label"];
17
+ var _excluded = ["actions", "className", "config", "label", "options"];
18
18
  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; }
19
19
  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; }
20
20
  var defaultConfig = {
@@ -93,17 +93,21 @@ var VegaVisualization = function VegaVisualization(_ref) {
93
93
  className = _ref.className,
94
94
  config = _ref.config,
95
95
  label = _ref.label,
96
+ options = _ref.options,
96
97
  restProps = _objectWithoutProperties(_ref, _excluded);
98
+ var embedOptions = _objectSpread(_objectSpread({}, options), {}, {
99
+ actions: actions,
100
+ renderer: 'svg',
101
+ config: _objectSpread(_objectSpread({}, defaultConfig), config)
102
+ });
97
103
  return jsx("div", {
98
104
  className: clsx('utrecht-vega-visualization', className),
99
105
  role: "img",
100
106
  "aria-label": label,
101
107
  children: jsx("div", {
102
108
  "aria-hidden": true,
103
- children: jsx(Vega, _objectSpread(_objectSpread({}, restProps), {}, {
104
- actions: actions,
105
- renderer: 'svg',
106
- config: _objectSpread(_objectSpread({}, defaultConfig), config)
109
+ children: jsx(VegaEmbed, _objectSpread(_objectSpread({}, restProps), {}, {
110
+ options: embedOptions
107
111
  }))
108
112
  })
109
113
  });
package/dist/css-module/VegaVisualization.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"VegaVisualization.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"VegaVisualization.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@utrecht/component-library-react",
3
- "version": "13.0.4",
3
+ "version": "13.1.1",
4
4
  "private": false,
5
5
  "description": "React component library bundle for the Municipality of Utrecht based on the NL Design System architecture",
6
6
  "keywords": [
@@ -114,108 +114,108 @@
114
114
  "dependencies": {
115
115
  "clsx": "2.1.1",
116
116
  "lodash.chunk": "4.2.0",
117
- "@utrecht/accordion-css": "3.0.1",
118
- "@utrecht/action-group-react": "1.1.4",
119
- "@utrecht/alert-css": "3.0.1",
120
- "@utrecht/alert-dialog-css": "2.0.1",
121
- "@utrecht/alternate-lang-nav-css": "2.0.1",
122
- "@utrecht/article-css": "2.0.1",
123
- "@utrecht/backdrop-css": "2.0.1",
124
- "@utrecht/badge-counter-css": "2.0.1",
125
- "@utrecht/badge-list-css": "3.0.1",
126
- "@utrecht/blockquote-css": "2.0.1",
127
- "@utrecht/breadcrumb-nav-css": "2.1.0",
128
- "@utrecht/button-group-react": "1.1.3",
129
- "@utrecht/button-link-css": "2.0.1",
130
- "@utrecht/button-react": "3.0.1",
131
- "@utrecht/calendar-react": "1.1.1",
132
- "@utrecht/card-css": "1.0.1",
133
- "@utrecht/card-react": "0.0.4",
134
- "@utrecht/checkbox-react": "1.0.11",
135
- "@utrecht/code-block-css": "2.0.1",
136
- "@utrecht/code-css": "2.0.1",
137
- "@utrecht/color-sample-css": "2.0.1",
138
- "@utrecht/column-layout-css": "2.0.1",
139
- "@utrecht/combobox-react": "0.0.11",
140
- "@utrecht/currency-data-css": "2.0.1",
141
- "@utrecht/custom-checkbox-css": "2.0.1",
142
- "@utrecht/data-badge-css": "2.0.1",
143
- "@utrecht/data-badge-react": "1.0.7",
144
- "@utrecht/data-list-css": "2.0.1",
145
- "@utrecht/data-placeholder-css": "2.0.1",
146
- "@utrecht/digid-button-css": "1.4.2",
147
- "@utrecht/document-css": "2.0.1",
148
- "@utrecht/drawer-css": "2.0.1",
149
- "@utrecht/emphasis-css": "2.0.1",
150
- "@utrecht/fieldset-react": "1.0.10",
151
- "@utrecht/figure-css": "2.0.1",
152
- "@utrecht/focus-ring-css": "3.1.0",
153
- "@utrecht/form-field-checkbox-react": "1.1.3",
154
- "@utrecht/form-field-description-react": "1.0.10",
155
- "@utrecht/form-field-error-message-react": "1.0.10",
156
- "@utrecht/form-field-react": "1.0.10",
157
- "@utrecht/form-label-react": "1.0.10",
158
- "@utrecht/form-toggle-css": "2.0.1",
159
- "@utrecht/heading-1-css": "2.0.1",
160
- "@utrecht/heading-2-css": "2.0.1",
161
- "@utrecht/heading-3-css": "2.0.1",
162
- "@utrecht/heading-4-css": "2.0.1",
163
- "@utrecht/heading-5-css": "2.0.1",
164
- "@utrecht/heading-6-css": "2.0.1",
165
- "@utrecht/heading-group-css": "2.0.1",
166
- "@utrecht/html-content-css": "2.1.0",
167
- "@utrecht/iban-data-css": "2.0.1",
168
- "@utrecht/icon-css": "3.0.1",
169
- "@utrecht/img-css": "2.0.1",
170
- "@utrecht/index-char-nav-css": "2.0.1",
171
- "@utrecht/link-button-css": "2.0.1",
172
- "@utrecht/link-list-css": "3.0.1",
173
- "@utrecht/link-react": "1.0.10",
174
- "@utrecht/link-social-css": "2.0.1",
175
- "@utrecht/list-social-css": "2.0.1",
176
- "@utrecht/listbox-react": "1.0.14",
177
- "@utrecht/logo-button-css": "1.4.2",
178
- "@utrecht/logo-css": "2.0.1",
179
- "@utrecht/logo-image-css": "1.4.2",
180
- "@utrecht/map-control-button-css": "3.0.1",
181
- "@utrecht/map-marker-css": "2.0.1",
182
- "@utrecht/mark-css": "2.0.1",
183
- "@utrecht/multiline-data-css": "2.0.1",
184
- "@utrecht/nav-bar-css": "2.0.1",
185
- "@utrecht/nav-list-css": "1.3.2",
186
- "@utrecht/number-badge-css": "3.0.1",
187
- "@utrecht/number-data-css": "2.0.1",
188
- "@utrecht/open-forms-container-css": "2.0.3",
189
- "@utrecht/open-forms-container-react": "1.0.7",
190
- "@utrecht/ordered-list-css": "3.0.1",
191
- "@utrecht/page-content-css": "2.0.1",
192
- "@utrecht/page-css": "2.0.1",
193
- "@utrecht/page-footer-css": "3.0.1",
194
- "@utrecht/page-header-css": "2.0.1",
195
- "@utrecht/pagination-css": "2.0.3",
196
- "@utrecht/paragraph-css": "3.0.1",
197
- "@utrecht/pre-heading-css": "2.0.1",
198
- "@utrecht/preserve-data-css": "2.0.1",
199
- "@utrecht/radio-button-react": "1.0.10",
200
- "@utrecht/rich-text-css": "2.1.0",
201
- "@utrecht/search-bar-css": "3.0.1",
202
- "@utrecht/select-css": "2.0.1",
203
- "@utrecht/separator-css": "2.0.1",
204
- "@utrecht/skip-link-css": "2.0.1",
205
- "@utrecht/spotlight-section-css": "2.0.1",
206
- "@utrecht/status-badge-css": "1.0.0",
207
- "@utrecht/subscript-css": "2.0.1",
208
- "@utrecht/superscript-css": "2.0.1",
209
- "@utrecht/surface-css": "2.0.1",
210
- "@utrecht/table-css": "2.0.2",
211
- "@utrecht/table-of-contents-css": "1.0.1",
212
- "@utrecht/textarea-css": "3.0.1",
213
- "@utrecht/textbox-react": "1.0.13",
214
- "@utrecht/top-task-link-css": "2.0.1",
215
- "@utrecht/top-task-nav-css": "1.3.2",
216
- "@utrecht/unordered-list-css": "2.0.1",
217
- "@utrecht/url-data-css": "2.0.1",
218
- "@utrecht/vega-visualization-css": "1.4.2"
117
+ "@utrecht/accordion-css": "4.0.0",
118
+ "@utrecht/action-group-react": "1.1.5",
119
+ "@utrecht/alert-css": "4.0.0",
120
+ "@utrecht/alert-dialog-css": "3.0.0",
121
+ "@utrecht/alternate-lang-nav-css": "3.0.0",
122
+ "@utrecht/backdrop-css": "3.0.0",
123
+ "@utrecht/badge-counter-css": "3.0.0",
124
+ "@utrecht/blockquote-css": "3.0.0",
125
+ "@utrecht/badge-list-css": "4.0.0",
126
+ "@utrecht/article-css": "3.0.0",
127
+ "@utrecht/breadcrumb-nav-css": "3.0.0",
128
+ "@utrecht/button-group-react": "1.1.4",
129
+ "@utrecht/button-link-css": "3.0.0",
130
+ "@utrecht/button-react": "3.0.2",
131
+ "@utrecht/card-react": "0.0.5",
132
+ "@utrecht/card-css": "2.0.0",
133
+ "@utrecht/calendar-react": "1.1.3",
134
+ "@utrecht/checkbox-react": "1.0.13",
135
+ "@utrecht/code-block-css": "3.0.0",
136
+ "@utrecht/code-css": "3.0.0",
137
+ "@utrecht/column-layout-css": "3.0.0",
138
+ "@utrecht/combobox-react": "0.0.12",
139
+ "@utrecht/currency-data-css": "3.0.0",
140
+ "@utrecht/color-sample-css": "3.0.0",
141
+ "@utrecht/data-badge-css": "3.0.0",
142
+ "@utrecht/custom-checkbox-css": "3.0.0",
143
+ "@utrecht/data-list-css": "3.0.0",
144
+ "@utrecht/data-badge-react": "1.0.8",
145
+ "@utrecht/data-placeholder-css": "3.0.0",
146
+ "@utrecht/document-css": "3.0.0",
147
+ "@utrecht/digid-button-css": "2.0.0",
148
+ "@utrecht/drawer-css": "3.0.0",
149
+ "@utrecht/emphasis-css": "3.0.0",
150
+ "@utrecht/fieldset-react": "1.0.12",
151
+ "@utrecht/figure-css": "3.0.0",
152
+ "@utrecht/focus-ring-css": "4.0.0",
153
+ "@utrecht/form-field-checkbox-react": "1.1.5",
154
+ "@utrecht/form-field-description-react": "1.0.11",
155
+ "@utrecht/form-field-error-message-react": "1.0.11",
156
+ "@utrecht/form-field-react": "1.0.12",
157
+ "@utrecht/form-label-react": "1.0.11",
158
+ "@utrecht/heading-1-css": "3.0.0",
159
+ "@utrecht/form-toggle-css": "3.0.0",
160
+ "@utrecht/heading-2-css": "3.0.0",
161
+ "@utrecht/heading-3-css": "3.0.0",
162
+ "@utrecht/heading-4-css": "3.0.0",
163
+ "@utrecht/heading-5-css": "3.0.0",
164
+ "@utrecht/heading-6-css": "3.0.0",
165
+ "@utrecht/heading-group-css": "3.0.0",
166
+ "@utrecht/iban-data-css": "3.0.0",
167
+ "@utrecht/html-content-css": "3.0.0",
168
+ "@utrecht/icon-css": "4.0.0",
169
+ "@utrecht/img-css": "3.0.0",
170
+ "@utrecht/index-char-nav-css": "3.0.0",
171
+ "@utrecht/link-button-css": "3.0.0",
172
+ "@utrecht/link-list-css": "4.0.0",
173
+ "@utrecht/link-react": "1.0.11",
174
+ "@utrecht/link-social-css": "3.0.0",
175
+ "@utrecht/list-social-css": "3.0.0",
176
+ "@utrecht/listbox-react": "1.0.16",
177
+ "@utrecht/logo-button-css": "2.0.0",
178
+ "@utrecht/logo-css": "3.0.0",
179
+ "@utrecht/logo-image-css": "2.0.0",
180
+ "@utrecht/map-control-button-css": "4.0.0",
181
+ "@utrecht/map-marker-css": "3.0.0",
182
+ "@utrecht/mark-css": "3.0.0",
183
+ "@utrecht/multiline-data-css": "3.0.0",
184
+ "@utrecht/nav-bar-css": "3.0.0",
185
+ "@utrecht/nav-list-css": "2.0.0",
186
+ "@utrecht/number-badge-css": "4.0.0",
187
+ "@utrecht/number-data-css": "3.0.0",
188
+ "@utrecht/open-forms-container-css": "3.0.0",
189
+ "@utrecht/open-forms-container-react": "1.0.9",
190
+ "@utrecht/ordered-list-css": "4.0.0",
191
+ "@utrecht/page-content-css": "3.0.0",
192
+ "@utrecht/page-css": "3.0.0",
193
+ "@utrecht/page-footer-css": "4.0.0",
194
+ "@utrecht/page-header-css": "3.0.0",
195
+ "@utrecht/pagination-css": "3.0.0",
196
+ "@utrecht/paragraph-css": "4.0.0",
197
+ "@utrecht/pre-heading-css": "3.0.0",
198
+ "@utrecht/preserve-data-css": "3.0.0",
199
+ "@utrecht/radio-button-react": "1.0.12",
200
+ "@utrecht/rich-text-css": "3.0.0",
201
+ "@utrecht/select-css": "3.0.0",
202
+ "@utrecht/search-bar-css": "4.0.0",
203
+ "@utrecht/separator-css": "3.0.0",
204
+ "@utrecht/skip-link-css": "3.0.0",
205
+ "@utrecht/spotlight-section-css": "3.0.0",
206
+ "@utrecht/status-badge-css": "2.0.0",
207
+ "@utrecht/subscript-css": "3.0.0",
208
+ "@utrecht/superscript-css": "3.0.0",
209
+ "@utrecht/surface-css": "3.0.0",
210
+ "@utrecht/table-of-contents-css": "2.0.0",
211
+ "@utrecht/table-css": "3.0.0",
212
+ "@utrecht/textarea-css": "4.0.0",
213
+ "@utrecht/textbox-react": "1.0.15",
214
+ "@utrecht/top-task-link-css": "3.0.0",
215
+ "@utrecht/top-task-nav-css": "2.0.0",
216
+ "@utrecht/unordered-list-css": "3.0.0",
217
+ "@utrecht/url-data-css": "3.0.0",
218
+ "@utrecht/vega-visualization-css": "2.0.0"
219
219
  },
220
220
  "devDependencies": {
221
221
  "@babel/core": "7.24.9",
@@ -230,20 +230,20 @@
230
230
  "@rollup/plugin-node-resolve": "15.2.4",
231
231
  "@rollup/plugin-typescript": "12.1.4",
232
232
  "@testing-library/dom": "10.4.1",
233
- "@testing-library/jest-dom": "5.17.0",
234
- "@testing-library/react": "16.3.1",
235
- "@testing-library/user-event": "14.5.2",
233
+ "@testing-library/jest-dom": "6.9.1",
234
+ "@testing-library/react": "16.3.2",
235
+ "@testing-library/user-event": "14.6.1",
236
236
  "@types/jest": "29.5.14",
237
237
  "@types/lodash.chunk": "4.2.9",
238
- "@types/react": "18.3.27",
238
+ "@types/react": "19.2.14",
239
239
  "@types/testing-library__jest-dom": "5.14.9",
240
- "gatsby": "5.12.12",
240
+ "gatsby": "5.16.1",
241
241
  "jest": "29.7.0",
242
242
  "jest-environment-jsdom": "29.7.0",
243
243
  "next": "13.5.11",
244
- "react": "18.3.1",
245
- "react-dom": "18.3.1",
246
- "react-vega": "7.6.0",
244
+ "react": "19.2.4",
245
+ "react-dom": "19.2.4",
246
+ "react-vega": "8.0.0",
247
247
  "rimraf": "5.0.10",
248
248
  "rollup": "4.23.0",
249
249
  "rollup-plugin-delete": "2.0.0",
@@ -257,9 +257,9 @@
257
257
  "sort-package-json": "2.11.0",
258
258
  "tslib": "2.6.3",
259
259
  "typescript": "5.9.3",
260
- "vega": "5.26.1",
261
- "vega-embed": "6.23.0",
262
- "vega-lite": "5.16.3",
260
+ "vega": "6.2.0",
261
+ "vega-embed": "7.1.0",
262
+ "vega-lite": "6.4.2",
263
263
  "@utrecht/build-utils-react": "0.1.1"
264
264
  },
265
265
  "peerDependencies": {