@utrecht/component-library-react 13.0.3 → 13.1.0

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 +68 -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 +66 -66
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.3",
3
+ "version": "13.1.0",
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": [
@@ -116,106 +116,106 @@
116
116
  "lodash.chunk": "4.2.0",
117
117
  "@utrecht/accordion-css": "3.0.1",
118
118
  "@utrecht/action-group-react": "1.1.4",
119
+ "@utrecht/alert-dialog-css": "2.0.1",
119
120
  "@utrecht/alert-css": "3.0.1",
120
121
  "@utrecht/alternate-lang-nav-css": "2.0.1",
121
- "@utrecht/alert-dialog-css": "2.0.1",
122
122
  "@utrecht/article-css": "2.0.1",
123
- "@utrecht/backdrop-css": "2.0.1",
123
+ "@utrecht/backdrop-css": "2.0.2",
124
124
  "@utrecht/badge-counter-css": "2.0.1",
125
- "@utrecht/blockquote-css": "2.0.1",
126
125
  "@utrecht/breadcrumb-nav-css": "2.1.0",
127
- "@utrecht/button-group-react": "1.1.3",
128
126
  "@utrecht/badge-list-css": "3.0.1",
129
- "@utrecht/button-link-css": "2.0.1",
130
- "@utrecht/calendar-react": "1.1.1",
127
+ "@utrecht/button-group-react": "1.1.3",
131
128
  "@utrecht/button-react": "3.0.1",
132
- "@utrecht/card-react": "0.0.4",
133
- "@utrecht/checkbox-react": "1.0.11",
129
+ "@utrecht/button-link-css": "2.0.1",
134
130
  "@utrecht/card-css": "1.0.1",
131
+ "@utrecht/card-react": "0.0.4",
132
+ "@utrecht/calendar-react": "1.1.2",
133
+ "@utrecht/checkbox-react": "1.0.12",
134
+ "@utrecht/blockquote-css": "2.0.1",
135
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",
136
+ "@utrecht/combobox-react": "0.0.11",
139
137
  "@utrecht/currency-data-css": "2.0.1",
138
+ "@utrecht/code-css": "2.0.1",
140
139
  "@utrecht/custom-checkbox-css": "2.0.1",
141
- "@utrecht/combobox-react": "0.0.11",
140
+ "@utrecht/column-layout-css": "2.0.1",
142
141
  "@utrecht/data-badge-css": "2.0.1",
142
+ "@utrecht/data-list-css": "2.0.2",
143
143
  "@utrecht/data-badge-react": "1.0.7",
144
- "@utrecht/data-list-css": "2.0.1",
145
144
  "@utrecht/data-placeholder-css": "2.0.1",
145
+ "@utrecht/color-sample-css": "2.0.2",
146
146
  "@utrecht/digid-button-css": "1.4.2",
147
- "@utrecht/drawer-css": "2.0.1",
148
147
  "@utrecht/document-css": "2.0.1",
148
+ "@utrecht/drawer-css": "2.0.1",
149
149
  "@utrecht/emphasis-css": "2.0.1",
150
- "@utrecht/fieldset-react": "1.0.10",
150
+ "@utrecht/fieldset-react": "1.0.11",
151
151
  "@utrecht/figure-css": "2.0.1",
152
- "@utrecht/focus-ring-css": "3.0.1",
153
- "@utrecht/form-field-checkbox-react": "1.1.3",
152
+ "@utrecht/focus-ring-css": "3.1.0",
153
+ "@utrecht/form-field-checkbox-react": "1.1.4",
154
154
  "@utrecht/form-field-description-react": "1.0.10",
155
+ "@utrecht/form-field-react": "1.0.11",
156
+ "@utrecht/form-label-react": "1.0.10",
155
157
  "@utrecht/form-field-error-message-react": "1.0.10",
156
- "@utrecht/form-field-react": "1.0.10",
157
158
  "@utrecht/form-toggle-css": "2.0.1",
158
- "@utrecht/heading-1-css": "2.0.1",
159
- "@utrecht/form-label-react": "1.0.10",
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",
159
+ "@utrecht/heading-2-css": "2.0.2",
160
+ "@utrecht/heading-3-css": "2.0.2",
161
+ "@utrecht/heading-1-css": "2.0.2",
162
+ "@utrecht/heading-5-css": "2.0.2",
163
+ "@utrecht/heading-6-css": "2.0.2",
164
+ "@utrecht/html-content-css": "2.1.0",
165
165
  "@utrecht/heading-group-css": "2.0.1",
166
- "@utrecht/html-content-css": "2.0.1",
167
- "@utrecht/iban-data-css": "2.0.1",
168
166
  "@utrecht/icon-css": "3.0.1",
169
- "@utrecht/img-css": "2.0.1",
167
+ "@utrecht/iban-data-css": "2.0.1",
170
168
  "@utrecht/index-char-nav-css": "2.0.1",
169
+ "@utrecht/img-css": "2.0.1",
171
170
  "@utrecht/link-button-css": "2.0.1",
172
171
  "@utrecht/link-list-css": "3.0.1",
173
- "@utrecht/link-react": "1.0.10",
174
- "@utrecht/link-social-css": "2.0.1",
175
172
  "@utrecht/list-social-css": "2.0.1",
176
- "@utrecht/listbox-react": "1.0.14",
173
+ "@utrecht/listbox-react": "1.0.15",
177
174
  "@utrecht/logo-button-css": "1.4.2",
178
- "@utrecht/logo-css": "2.0.1",
175
+ "@utrecht/heading-4-css": "2.0.2",
179
176
  "@utrecht/logo-image-css": "1.4.2",
180
177
  "@utrecht/map-control-button-css": "3.0.1",
178
+ "@utrecht/link-social-css": "2.0.1",
179
+ "@utrecht/logo-css": "2.0.1",
180
+ "@utrecht/link-react": "1.0.10",
181
181
  "@utrecht/map-marker-css": "2.0.1",
182
- "@utrecht/mark-css": "2.0.1",
182
+ "@utrecht/nav-list-css": "1.3.2",
183
183
  "@utrecht/multiline-data-css": "2.0.1",
184
184
  "@utrecht/nav-bar-css": "2.0.1",
185
- "@utrecht/nav-list-css": "1.3.2",
186
185
  "@utrecht/number-badge-css": "3.0.1",
187
- "@utrecht/open-forms-container-css": "2.0.2",
188
- "@utrecht/number-data-css": "2.0.1",
189
- "@utrecht/open-forms-container-react": "1.0.6",
186
+ "@utrecht/mark-css": "2.0.2",
187
+ "@utrecht/open-forms-container-css": "2.0.4",
188
+ "@utrecht/number-data-css": "2.0.2",
190
189
  "@utrecht/page-content-css": "2.0.1",
191
- "@utrecht/ordered-list-css": "3.0.1",
192
- "@utrecht/page-css": "2.0.1",
193
- "@utrecht/page-footer-css": "3.0.1",
194
190
  "@utrecht/page-header-css": "2.0.1",
195
- "@utrecht/paragraph-css": "3.0.1",
191
+ "@utrecht/page-footer-css": "3.0.2",
192
+ "@utrecht/page-css": "2.0.1",
196
193
  "@utrecht/pagination-css": "2.0.3",
194
+ "@utrecht/paragraph-css": "3.0.1",
197
195
  "@utrecht/pre-heading-css": "2.0.1",
198
- "@utrecht/preserve-data-css": "2.0.1",
199
- "@utrecht/radio-button-react": "1.0.10",
196
+ "@utrecht/radio-button-react": "1.0.11",
200
197
  "@utrecht/rich-text-css": "2.1.0",
201
- "@utrecht/search-bar-css": "3.0.1",
202
- "@utrecht/separator-css": "2.0.1",
203
- "@utrecht/select-css": "2.0.1",
198
+ "@utrecht/open-forms-container-react": "1.0.8",
199
+ "@utrecht/search-bar-css": "3.0.2",
200
+ "@utrecht/preserve-data-css": "2.0.1",
201
+ "@utrecht/ordered-list-css": "3.0.1",
202
+ "@utrecht/select-css": "2.0.2",
204
203
  "@utrecht/skip-link-css": "2.0.1",
205
- "@utrecht/spotlight-section-css": "2.0.1",
206
- "@utrecht/status-badge-css": "1.0.0",
207
204
  "@utrecht/subscript-css": "2.0.1",
205
+ "@utrecht/status-badge-css": "1.0.0",
208
206
  "@utrecht/superscript-css": "2.0.1",
207
+ "@utrecht/separator-css": "2.0.1",
209
208
  "@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",
209
+ "@utrecht/table-css": "2.0.3",
210
+ "@utrecht/table-of-contents-css": "1.0.2",
211
+ "@utrecht/spotlight-section-css": "2.0.1",
212
+ "@utrecht/textarea-css": "3.0.2",
214
213
  "@utrecht/top-task-link-css": "2.0.1",
215
214
  "@utrecht/top-task-nav-css": "1.3.2",
215
+ "@utrecht/url-data-css": "2.0.2",
216
216
  "@utrecht/unordered-list-css": "2.0.1",
217
- "@utrecht/url-data-css": "2.0.1",
218
- "@utrecht/vega-visualization-css": "1.4.2"
217
+ "@utrecht/vega-visualization-css": "1.4.2",
218
+ "@utrecht/textbox-react": "1.0.14"
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": {