@guardian/interactive-component-library 0.2.0-rc3 → 0.2.0

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

@@ -1,10 +0,0 @@
-/**
- * Wraps a function in another function that remembers the last return.  If the
- * returned function is called twice in a row with the same arguments and the same
- * this object, it will return the value from the first call in the second call.
- * @function
- * @template ReturnType
- * @param {function(...any): ReturnType} fn - The function to memoise
- * @returns {function(...any): ReturnType} The memoised function
- */
-export function memoise<ReturnType>(fn: (...args: any[]) => ReturnType): (...args: any[]) => ReturnType;

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

@@ -1,20 +0,0 @@
-import { arrayEquals } from "./array.js";
-function memoise(fn) {
-  let called = false;
-  let lastResult;
-  let lastArgs;
-  let lastThis;
-  return function(...args) {
-    const nextArgs = Array.prototype.slice.call(args);
-    if (!called || this !== lastThis || !arrayEquals(nextArgs, lastArgs)) {
-      called = true;
-      lastThis = this;
-      lastArgs = nextArgs;
-      lastResult = fn.apply(this, args);
-    }
-    return lastResult;
-  };
-}
-export {
-  memoise
-};

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

@@ -1,9 +0,0 @@
-/**
- * Get map resolution
- *
- * @param {Extent} extent Geographical extent: [ lonMin, latMin, lonMax, latMax ]
- * @param {size} viewportSize Viewport size: [ width, height ]
- * @return {number} Map resolution (horizontal)
- * @api
- */
-export function resolutionForExtent(extent: Extent, viewportSize: size): number;

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

@@ -1,11 +0,0 @@
-import { haversineDistance } from "./distance.js";
-function resolutionForExtent(extent, viewportSize) {
-  const [lonMin, latMin, lonMax, latMax] = extent;
-  const latMid = (latMin + latMax) / 2;
-  const distance = haversineDistance(latMid, lonMin, latMid, lonMax);
-  const resolution = distance / viewportSize[0];
-  return resolution;
-}
-export {
-  resolutionForExtent
-};

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

@@ -1,114 +0,0 @@
-/**
- * @param {Array<number>} flatCoordinates Flat coordinates.
- * @param {number} offset Offset.
- * @param {number} end End.
- * @param {number} stride Stride.
- * @param {number} squaredTolerance Squared tolerance.
- * @param {boolean} highQuality Highest quality.
- * @param {Array<number>} [simplifiedFlatCoordinates] Simplified flat
- *     coordinates.
- * @return {Array<number>} Simplified line string.
- */
-export function simplifyLineString(flatCoordinates: Array<number>, offset: number, end: number, stride: number, squaredTolerance: number, highQuality: boolean, simplifiedFlatCoordinates?: Array<number>): Array<number>;
-/**
- * @param {Array<number>} flatCoordinates Flat coordinates.
- * @param {number} offset Offset.
- * @param {number} end End.
- * @param {number} stride Stride.
- * @param {number} squaredTolerance Squared tolerance.
- * @param {Array<number>} simplifiedFlatCoordinates Simplified flat
- *     coordinates.
- * @param {number} simplifiedOffset Simplified offset.
- * @return {number} Simplified offset.
- */
-export function douglasPeucker(flatCoordinates: Array<number>, offset: number, end: number, stride: number, squaredTolerance: number, simplifiedFlatCoordinates: Array<number>, simplifiedOffset: number): number;
-/**
- * @param {Array<number>} flatCoordinates Flat coordinates.
- * @param {number} offset Offset.
- * @param {Array<number>} ends Ends.
- * @param {number} stride Stride.
- * @param {number} squaredTolerance Squared tolerance.
- * @param {Array<number>} simplifiedFlatCoordinates Simplified flat
- *     coordinates.
- * @param {number} simplifiedOffset Simplified offset.
- * @param {Array<number>} simplifiedEnds Simplified ends.
- * @return {number} Simplified offset.
- */
-export function douglasPeuckerArray(flatCoordinates: Array<number>, offset: number, ends: Array<number>, stride: number, squaredTolerance: number, simplifiedFlatCoordinates: Array<number>, simplifiedOffset: number, simplifiedEnds: Array<number>): number;
-/**
- * @param {Array<number>} flatCoordinates Flat coordinates.
- * @param {number} offset Offset.
- * @param {Array<Array<number>>} endss Endss.
- * @param {number} stride Stride.
- * @param {number} squaredTolerance Squared tolerance.
- * @param {Array<number>} simplifiedFlatCoordinates Simplified flat
- *     coordinates.
- * @param {number} simplifiedOffset Simplified offset.
- * @param {Array<Array<number>>} simplifiedEndss Simplified endss.
- * @return {number} Simplified offset.
- */
-export function douglasPeuckerMultiArray(flatCoordinates: Array<number>, offset: number, endss: Array<Array<number>>, stride: number, squaredTolerance: number, simplifiedFlatCoordinates: Array<number>, simplifiedOffset: number, simplifiedEndss: Array<Array<number>>): number;
-/**
- * @param {Array<number>} flatCoordinates Flat coordinates.
- * @param {number} offset Offset.
- * @param {number} end End.
- * @param {number} stride Stride.
- * @param {number} squaredTolerance Squared tolerance.
- * @param {Array<number>} simplifiedFlatCoordinates Simplified flat
- *     coordinates.
- * @param {number} simplifiedOffset Simplified offset.
- * @return {number} Simplified offset.
- */
-export function radialDistance(flatCoordinates: Array<number>, offset: number, end: number, stride: number, squaredTolerance: number, simplifiedFlatCoordinates: Array<number>, simplifiedOffset: number): number;
-/**
- * @param {number} value Value.
- * @param {number} tolerance Tolerance.
- * @return {number} Rounded value.
- */
-export function snap(value: number, tolerance: number): number;
-/**
- * Simplifies a line string using an algorithm designed by Tim Schaub.
- * Coordinates are snapped to the nearest value in a virtual grid and
- * consecutive duplicate coordinates are discarded.  This effectively preserves
- * topology as the simplification of any subsection of a line string is
- * independent of the rest of the line string.  This means that, for example,
- * the common edge between two polygons will be simplified to the same line
- * string independently in both polygons.  This implementation uses a single
- * pass over the coordinates and eliminates intermediate collinear points.
- * @param {Array<number>} flatCoordinates Flat coordinates.
- * @param {number} offset Offset.
- * @param {number} end End.
- * @param {number} stride Stride.
- * @param {number} tolerance Tolerance.
- * @param {Array<number>} simplifiedFlatCoordinates Simplified flat
- *     coordinates.
- * @param {number} simplifiedOffset Simplified offset.
- * @return {number} Simplified offset.
- */
-export function quantize(flatCoordinates: Array<number>, offset: number, end: number, stride: number, tolerance: number, simplifiedFlatCoordinates: Array<number>, simplifiedOffset: number): number;
-/**
- * @param {Array<number>} flatCoordinates Flat coordinates.
- * @param {number} offset Offset.
- * @param {Array<number>} ends Ends.
- * @param {number} stride Stride.
- * @param {number} tolerance Tolerance.
- * @param {Array<number>} simplifiedFlatCoordinates Simplified flat
- *     coordinates.
- * @param {number} simplifiedOffset Simplified offset.
- * @param {Array<number>} simplifiedEnds Simplified ends.
- * @return {number} Simplified offset.
- */
-export function quantizeArray(flatCoordinates: Array<number>, offset: number, ends: Array<number>, stride: number, tolerance: number, simplifiedFlatCoordinates: Array<number>, simplifiedOffset: number, simplifiedEnds: Array<number>): number;
-/**
- * @param {Array<number>} flatCoordinates Flat coordinates.
- * @param {number} offset Offset.
- * @param {Array<Array<number>>} endss Endss.
- * @param {number} stride Stride.
- * @param {number} tolerance Tolerance.
- * @param {Array<number>} simplifiedFlatCoordinates Simplified flat
- *     coordinates.
- * @param {number} simplifiedOffset Simplified offset.
- * @param {Array<Array<number>>} simplifiedEndss Simplified endss.
- * @return {number} Simplified offset.
- */
-export function quantizeMultiArray(flatCoordinates: Array<number>, offset: number, endss: Array<Array<number>>, stride: number, tolerance: number, simplifiedFlatCoordinates: Array<number>, simplifiedOffset: number, simplifiedEndss: Array<Array<number>>): number;

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

@@ -1,32 +0,0 @@
-/**
- * Determines if a size has a positive area.
- */
-export function hasArea(size: any): boolean;
-/**
- * Calculate size minus padding
- *
- * @function sizeMinusPadding
- * @param {[number, number]} size
- * @param {{top: number, right: number, bottom: number, left: number}} padding
- * @returns {[number, number]} size after subtracting padding
- */
-export function sizeMinusPadding(size: [number, number], padding: {
-    top: number;
-    right: number;
-    bottom: number;
-    left: number;
-}): [number, number];
-/**
- * Returns a size scaled by a ratio. The result will be an array of integers.
- */
-export function scaleSize(size: any, ratio: any, dest: any): any;
-/**
- * Returns padding object scaled by a ratio
- */
-export function scalePadding(padding: any, ratio: any): {
-    top: number;
-    right: number;
-    bottom: number;
-    left: number;
-};
-export function sizeForElement(element: any): number[];

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

@@ -1,53 +0,0 @@
-function hasArea(size) {
-  return size[0] > 0 && size[1] > 0;
-}
-function sizeMinusPadding(size, padding) {
-  let newSize = [...size];
-  if (padding) {
-    newSize = [
-      size[0] - padding.left - padding.right,
-      size[1] - padding.top - padding.bottom
-    ];
-  }
-  return newSize;
-}
-function scaleSize(size, ratio, dest) {
-  if (dest === void 0) {
-    dest = [0, 0];
-  }
-  dest[0] = size[0] * ratio + 0.5 | 0;
-  dest[1] = size[1] * ratio + 0.5 | 0;
-  return dest;
-}
-function scalePadding(padding, ratio) {
-  const scaled = {
-    top: Math.round(padding.top * ratio),
-    right: Math.round(padding.right * ratio),
-    bottom: Math.round(padding.bottom * ratio),
-    left: Math.round(padding.left * ratio)
-  };
-  return scaled;
-}
-function sizeForElement(element) {
-  const computedStyle = getComputedStyle(element);
-  if (!computedStyle) return null;
-  let size;
-  const width = element.offsetWidth - parseFloat(computedStyle["borderLeftWidth"]) - parseFloat(computedStyle["paddingLeft"]) - parseFloat(computedStyle["paddingRight"]) - parseFloat(computedStyle["borderRightWidth"]);
-  const height = element.offsetHeight - parseFloat(computedStyle["borderTopWidth"]) - parseFloat(computedStyle["paddingTop"]) - parseFloat(computedStyle["paddingBottom"]) - parseFloat(computedStyle["borderBottomWidth"]);
-  if (!isNaN(width) && !isNaN(height)) {
-    size = [width, height];
-    if (!hasArea(size) && !!(element.offsetWidth || element.offsetHeight || element.getClientRects().length)) {
-      console.warn(
-        "No map visible because the map container's width or height are 0."
-      );
-    }
-  }
-  return size;
-}
-export {
-  hasArea,
-  scalePadding,
-  scaleSize,
-  sizeForElement,
-  sizeMinusPadding
-};

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

@@ -1 +0,0 @@
-export function toRgba(color: any, opacity?: number): string;

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

@@ -1,25 +0,0 @@
-function toRgba(color, opacity = 1) {
-  color = color.replace(/\s+/g, "").toLowerCase();
-  if (color.startsWith("#")) {
-    color = color.replace(/^#/, "");
-    if (color.length === 3) {
-      color = color.split("").map((char) => char + char).join("");
-    }
-    let r = parseInt(color.substring(0, 2), 16);
-    let g = parseInt(color.substring(2, 4), 16);
-    let b = parseInt(color.substring(4, 6), 16);
-    return `rgba(${r}, ${g}, ${b}, ${opacity})`;
-  }
-  let rgbaMatch = color.match(/^rgba?\((\d+),(\d+),(\d+)(?:,(\d+(\.\d+)?))?\)$/);
-  if (rgbaMatch) {
-    let r = parseInt(rgbaMatch[1], 10);
-    let g = parseInt(rgbaMatch[2], 10);
-    let b = parseInt(rgbaMatch[3], 10);
-    let a = rgbaMatch[4] !== void 0 ? parseFloat(rgbaMatch[4]) : opacity;
-    return `rgba(${r}, ${g}, ${b}, ${a})`;
-  }
-  throw new Error("Unsupported color format");
-}
-export {
-  toRgba
-};

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

@@ -1,5 +0,0 @@
-/**
- * Generates a unique ID for an object. Unique IDs are generated
- * as a strictly increasing sequence.
- */
-export function createUid(): string;

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

@@ -1,7 +0,0 @@
-let _uidCounter = 0;
-function createUid() {
-  return String(++_uidCounter);
-}
-export {
-  createUid
-};

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

@@ -1,2 +0,0 @@
-export function zoomLevelToZoomScale(zoomLevel: any, initialResolution: any): number;
-export function zoomLevelForResolution(currentResolution: any): number;

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

@@ -1,14 +0,0 @@
-const BASE_RESOLUTION = 156543.03392;
-function zoomLevelToZoomScale(zoomLevel, initialResolution) {
-  const resolution = BASE_RESOLUTION / Math.pow(2, zoomLevel);
-  const zoomScale = initialResolution / resolution;
-  return zoomScale;
-}
-function zoomLevelForResolution(currentResolution) {
-  const zoomLevel = Math.log2(BASE_RESOLUTION / currentResolution);
-  return zoomLevel;
-}
-export {
-  zoomLevelForResolution,
-  zoomLevelToZoomScale
-};

package/dist/components/molecules/canvas-map/style.module.scss.js

@@ -1,20 +0,0 @@
-const mapContainer = "_mapContainer_1ogf3_9";
-const helpTextContainer = "_helpTextContainer_1ogf3_15";
-const helpText = "_helpText_1ogf3_15";
-const desktopHelpText = "_desktopHelpText_1ogf3_40";
-const mobileHelpText = "_mobileHelpText_1ogf3_48";
-const styles = {
-  mapContainer,
-  helpTextContainer,
-  helpText,
-  desktopHelpText,
-  mobileHelpText
-};
-export {
-  styles as default,
-  desktopHelpText,
-  helpText,
-  helpTextContainer,
-  mapContainer,
-  mobileHelpText
-};

package/dist/components/molecules/column-chart/column-chart-example.d.ts

@@ -1,35 +0,0 @@
-export namespace example {
-    namespace sop {
-        let numResults: string;
-        let numCouncils: string;
-        let parties: ({
-            paId: number;
-            name: string;
-            abbreviation: string;
-            totalCouncils: number;
-            changeInControl: number;
-            seatsWon: number;
-            netChangeInSeats: number;
-            heldCouncils: string[];
-            lostCouncils: string[];
-            gainedCouncils: string[];
-            totalGainedCouncils: number;
-            totalLostCouncils: number;
-            totalHeldCouncils: number;
-        } | {
-            name: string;
-            abbreviation: string;
-            totalCouncils: number;
-            changeInControl: number;
-            seatsWon: number;
-            netChangeInSeats: number;
-            heldCouncils: string[];
-            lostCouncils: string[];
-            gainedCouncils: string[];
-            totalGainedCouncils: number;
-            totalLostCouncils: number;
-            totalHeldCouncils: number;
-            paId?: undefined;
-        })[];
-    }
-}

package/dist/components/molecules/column-chart/column-chart-util.d.ts

@@ -1 +0,0 @@
-export function scaleLinear(domain: any, range: any): (x: any) => number;

package/dist/components/molecules/column-chart/index.d.ts

@@ -1,11 +0,0 @@
-export function ColumnChart({ columns, maxValue, minValue, chartHeight, chartWidth, columnWidth, columnPadding, styles, }: {
-    columns: any;
-    maxValue: any;
-    minValue: any;
-    chartHeight: any;
-    chartWidth: any;
-    columnWidth: any;
-    columnPadding: any;
-    styles: any;
-}): import("preact").JSX.Element;
-export default ColumnChart;

package/dist/components/molecules/column-chart/index.js

@@ -1,63 +0,0 @@
-import { jsxs, jsx } from "preact/jsx-runtime";
-import defaultStyles from "./style.module.css.js";
-import { mergeStyles } from "../../../styles/helpers/mergeStyles.js";
-import { scaleLinear } from "d3-scale";
-const ColumnChart = ({
-  columns,
-  maxValue,
-  minValue,
-  chartHeight,
-  chartWidth,
-  columnWidth,
-  columnPadding,
-  styles
-}) => {
-  styles = mergeStyles(defaultStyles, styles);
-  const yScale = scaleLinear([maxValue, minValue], [0, chartHeight]);
-  const totalColumnWidth = Number(columnWidth) + Number(columnPadding.left) + Number(columnPadding.right);
-  let marginBottom = minValue < 0 ? 0 : 40;
-  return /* @__PURE__ */ jsxs("svg", { width: chartWidth, height: chartHeight + marginBottom, children: [
-    columns.map((column, index) => {
-      const getHeight = (input) => {
-        return yScale(0) - yScale(input);
-      };
-      return /* @__PURE__ */ jsxs("g", { children: [
-        /* @__PURE__ */ jsx(
-          "rect",
-          {
-            x: index * totalColumnWidth,
-            height: getHeight(Math.abs(column.value)),
-            width: columnWidth,
-            y: column.value > 0 ? yScale(column.value) : yScale(0),
-            fill: column.color,
-            className: `${styles.bar} fill-color--${column.id}`,
-            id: column.id
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "text",
-          {
-            className: styles.text,
-            x: index * totalColumnWidth + 2,
-            y: column.value < 0 ? yScale(0) - 6 : yScale(0) + 20,
-            children: column.label
-          }
-        )
-      ] }, index);
-    }),
-    /* @__PURE__ */ jsx(
-      "rect",
-      {
-        className: styles.axis,
-        x: 0,
-        y: yScale(0),
-        width: chartWidth,
-        height: 1
-      }
-    )
-  ] });
-};
-export {
-  ColumnChart,
-  ColumnChart as default
-};

package/dist/components/molecules/column-chart/style.module.css.js

@@ -1,14 +0,0 @@
-const text = "_text_1ci1k_1";
-const axis = "_axis_1ci1k_6";
-const bar = "_bar_1ci1k_10";
-const defaultStyles = {
-  text,
-  axis,
-  bar
-};
-export {
-  axis,
-  bar,
-  defaultStyles as default,
-  text
-};

package/dist/components/molecules/control-change/index.d.ts

@@ -1,6 +0,0 @@
-export function ControlChange({ previous, next, text, styles }: {
-    previous: any;
-    next: any;
-    text: any;
-    styles: any;
-}): import("preact").JSX.Element;

package/dist/components/molecules/control-change/index.js

@@ -1,29 +0,0 @@
-import { jsxs, jsx } from "preact/jsx-runtime";
-import { mergeStyles } from "../../../styles/helpers/mergeStyles.js";
-import "preact/hooks";
-import { GradientIcon } from "../../particles/gradient-icon/index.js";
-import "../../particles/info-button/index.js";
-import { CircleIcon } from "../../particles/circle-icon/index.js";
-import "../../particles/relative-time-sentence/index.js";
-import defaultStyles from "./style.module.css.js";
-const ControlChange = ({ previous, next, text, styles }) => {
-  styles = mergeStyles({ ...defaultStyles }, styles);
-  let hasChanged = next !== previous;
-  return /* @__PURE__ */ jsxs("div", { className: styles.container, children: [
-    hasChanged ? /* @__PURE__ */ jsx(
-      GradientIcon,
-      {
-        previous,
-        next,
-        styles: {
-          previous: styles.previous,
-          next: styles.next
-        }
-      }
-    ) : /* @__PURE__ */ jsx(CircleIcon, { styles: { circle: `fill-color--${next}` } }),
-    /* @__PURE__ */ jsx("strong", { className: styles.text, children: text })
-  ] });
-};
-export {
-  ControlChange
-};

package/dist/components/molecules/control-change/style.module.css.js

@@ -1,11 +0,0 @@
-const text = "_text_1b8t2_1";
-const container = "_container_1b8t2_10";
-const defaultStyles = {
-  text,
-  container
-};
-export {
-  container,
-  defaultStyles as default,
-  text
-};

package/dist/components/molecules/dropdown/index.d.ts

@@ -1,11 +0,0 @@
-export function Dropdown({ title, hint, options, onSelect, multipleSelect, iconForSelectedIndexPaths, collapseOnSelect, expandByDefault, styles, }: {
-    title: any;
-    hint: any;
-    options: any;
-    onSelect: any;
-    multipleSelect?: boolean;
-    iconForSelectedIndexPaths: any;
-    collapseOnSelect?: boolean;
-    expandByDefault?: boolean;
-    styles: any;
-}): import("preact").JSX.Element;