@apolitical/component-library 5.2.2-ac.8 → 5.3.0

package/navigation/enriched-url/enriched-url.d.ts

@@ -1,26 +1,32 @@
+import React from 'react';
+export interface IEnrichedUrlData {
+    /** An image to show */
+    image?: {
+        /** The image file */
+        src: string;
+        /** The width of the image */
+        width?: number;
+        /** The height of the image */
+        height?: number;
+        /** The alt text for the image */
+        alt?: string;
+    };
+    /** The url to link to */
+    url: string;
+    /** The title text to show on the link */
+    title: string;
+    /** Paragraph text to show on the link; this is only shown on extra-large and large sizes */
+    description?: string;
+}
 interface Props {
     /** The style of the link. Defaults to 'default', which shows all of the details. */
     variant?: 'default' | 'condensed';
     /** The data to render in the link */
-    data: {
-        /** An image to show */
-        image?: {
-            /** The image file */
-            src: string;
-            /** The width of the image */
-            width?: number;
-            /** The height of the image */
-            height?: number;
-            /** The alt text for the image */
-            alt?: string;
-        };
-        /** The url to link to */
-        url: string;
-        /** The title text to show on the link */
-        title: string;
-        /** Paragraph text to show on the link; this is only shown on extra-large and large sizes */
-        description?: string;
-    };
+    data: IEnrichedUrlData;
+    /** An optional function to call when the link is clicked, instead of opening the link */
+    onClick?: (e: React.MouseEvent<HTMLElement>) => void;
+    /** An optional aria-label, so we can explain to screen readers what the onClick will do */
+    'aria-label'?: string;
     /** The Google Tag Manager data to be passed to the link */
     gtm?: {
         /** The context of the event for GTM */
@@ -29,5 +35,5 @@ interface Props {
         event?: string;
     };
 }
-declare const EnrichedUrl: ({ variant, data: { image, url, title, description }, gtm, }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const EnrichedUrl: ({ variant, data: { image, url, title, description }, onClick, gtm, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
 export default EnrichedUrl;

package/navigation/enriched-url/index.d.ts

@@ -1 +1 @@
-export { default as EnrichedUrl } from './enriched-url';
+export { default as EnrichedUrl, type IEnrichedUrlData } from './enriched-url';

package/navigation/filters/filters.d.ts

@@ -7,8 +7,6 @@ export interface FilterType {
 interface Props {
     /** The filter details */
     options: FilterType[];
-    /** The default filter */
-    defaultOptions?: FilterType[];
     /** A filter for 'all' */
     allOption?: boolean | {
         text?: string;
@@ -16,8 +14,6 @@ interface Props {
     };
     /** Whether the filter allows multiple selections */
     allowMultiple?: boolean;
-    /** Whether to prevent no option being selected */
-    preventNoOptionSelected?: boolean;
     /** The callback function for when the filter changes */
     onChange?: (options: {
         current: string[];
@@ -28,5 +24,5 @@ interface Props {
     /** The language to use */
     locale?: string;
 }
-declare const Filters: ({ options, defaultOptions, allOption, allowMultiple, onChange, preventNoOptionSelected, className, }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const Filters: ({ options, allOption, allowMultiple, onChange, className, }: Props) => import("react/jsx-runtime").JSX.Element;
 export default Filters;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@apolitical/component-library",
-  "version": "5.2.2-ac.8",
+  "version": "5.3.0",
   "main": "./index.js",
   "types": "./index.d.ts",
   "exports": {