@guardian/interactive-component-library 0.7.5 → 0.7.6

package/dist/components/molecules/canvas-map/lib/Map.d.ts

@@ -68,6 +68,7 @@ export class Map {
     changed(): void;
     transition(options: {
         duration: number;
+        ease: (t: any) => any;
     }, callback: any): Promise<any>;
     _isTransitioning: boolean;
     /** PRIVATE METHODS */

package/dist/components/molecules/canvas-map/lib/Map.js

@@ -184,8 +184,8 @@ class Map {
   changed() {
     this._requestRender();
   }
-  async transition(options = { duration: 500 }, callback) {
-    const ease = options.ease || ((t) => t);
+  async transition(options = { duration: 500, ease: (t) => t }, callback) {
+    const ease = options.ease;
     return new Promise((resolve) => {
       this._isTransitioning = true;
       this.dispatcher.dispatch(MapEvent.TRANSITION_START);

package/dist/components/molecules/canvas-map/lib/layers/TextLayer.d.ts

@@ -14,7 +14,7 @@ export class TextLayer {
      * @constructor
      * @param {Object} params
      * @param {VectorSource} params.source
-     * @param {Style | (() => Style)} [params.style=undefined]
+     * @param {Style | ((feature: import('../Feature').Feature, zoom: number, isHovering: boolean) => Style)} [params.style=undefined]
      * @param {number} [params.minZoom=0]
      * @param {number} [params.opacity=1]
      * @param {boolean} [params.declutter=true]
@@ -35,7 +35,7 @@ export class TextLayer {
      */
     constructor({ source, style, minZoom, opacity, declutter, declutterBoundingBoxPadding, drawCollisionBoxes, onClick, onHover, restyleOnHover, }: {
         source: VectorSource;
-        style?: Style | (() => Style);
+        style?: Style | ((feature: import('../Feature').Feature, zoom: number, isHovering: boolean) => Style);
         minZoom?: number;
         opacity?: number;
         declutter?: boolean;

package/dist/components/molecules/canvas-map/lib/layers/TextLayer.js

@@ -77,7 +77,7 @@ class TextLayer {
    * @constructor
    * @param {Object} params
    * @param {VectorSource} params.source
-   * @param {Style | (() => Style)} [params.style=undefined]
+   * @param {Style | ((feature: import('../Feature').Feature, zoom: number, isHovering: boolean) => Style)} [params.style=undefined]
    * @param {number} [params.minZoom=0]
    * @param {number} [params.opacity=1]
    * @param {boolean} [params.declutter=true]

package/dist/components/molecules/canvas-map/lib/layers/VectorLayer.d.ts

@@ -73,7 +73,7 @@ export class VectorLayer {
      */
     getExtent(): import('../util').Extent | null;
     findFeatures(coordinate: any): any;
-    renderFrame(frameState: any, canvas: any): HTMLCanvasElement;
+    renderFrame(frameState: any, canvas: any): any;
 }
 export namespace VectorLayer {
     /** @param {VectorLayerComponentProps} props */

package/dist/components/molecules/canvas-map/lib/renderers/VectorLayerRenderer.d.ts

@@ -13,5 +13,5 @@ export class VectorLayerRenderer {
     /**
      * @param {HTMLCanvasElement} canvas
      */
-    renderFrame(frameState: any, canvas: HTMLCanvasElement): HTMLCanvasElement;
+    renderFrame(frameState: any, canvas: HTMLCanvasElement): any;
 }

package/dist/components/molecules/canvas-map/lib/renderers/VectorLayerRenderer.js

@@ -12,7 +12,7 @@ class VectorLayerRenderer {
    * @param {HTMLCanvasElement} canvas
    */
   renderFrame(frameState, canvas) {
-    if (this.layer.opacity === 0) return canvas;
+    if (this.layer.opacity === 0) return null;
     const { projection, visibleExtent, transform } = frameState.viewState;
     const context = canvas.getContext("2d");
     context.save();

package/dist/components/molecules/canvas-map/lib/util/toRgba.js

@@ -18,7 +18,7 @@ function toRgba(color, opacity = 1) {
     let a = rgbaMatch[4] !== void 0 ? parseFloat(rgbaMatch[4]) : opacity;
     return `rgba(${r}, ${g}, ${b}, ${a})`;
   }
-  throw new Error("Unsupported color format");
+  throw new Error(`Unsupported color format: ${color}`);
 }
 export {
   toRgba

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@guardian/interactive-component-library",
   "private": false,
-  "version": "0.7.5",
+  "version": "0.7.6",
   "packageManager": "pnpm@8.4.0",
   "repository": {
     "type": "git",