@nnc-digital/nnc-design-system 1.0.0-beta1 → 1.0.0-beta11

package/build/library/components/SummaryList/SummaryList.types.d.ts

@@ -8,6 +8,14 @@ export interface SummaryListProps {
      * Option to remove margin (default is true)
      */
     hasMargin?: boolean;
+    /**
+     * Option to show borders (default is true)
+     */
+    hasBorders?: boolean;
+    /**
+     * Optional heading for the summary list
+     */
+    heading?: string;
 }
 export interface SummaryRowProps {
     /**

package/build/library/events/Event/Event.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { EventProps } from './Event.types';
+declare const Event: React.FunctionComponent<EventProps>;
+export default Event;

package/build/library/events/Event/Event.storydata.d.ts

@@ -0,0 +1,4 @@
+import { EventProps } from './Event.types';
+export declare const ExampleEvent: EventProps;
+export declare const ExampleVirtualEvent: EventProps;
+export declare const ExampleEvents: EventProps[];

package/build/library/events/Event/Event.types.d.ts

@@ -0,0 +1,206 @@
+import React from 'react';
+import { FileDownloadProps } from '../../components/FileDownload/FileDownload.types';
+import { SocialProfile } from '../../directory/ServiceSocialLinks/ServiceSocialLinks.types';
+import { ServiceContactProps } from '../../directory/ServiceContact/ServiceContact.types';
+export interface EventProps {
+    /**
+     * The unique event id
+     */
+    id: string;
+    /**
+     * The event name/title
+     */
+    name: string;
+    /**
+     * The description as a plain HTML string
+     */
+    description: string;
+    /**
+     * The description as a react node
+     */
+    descriptionElement?: React.ReactNode;
+    /**
+     * The event start date and time in ISO format
+     */
+    startDateTime: string;
+    /**
+     * The event end date and time in ISO format
+     */
+    endDateTime?: string;
+    /**
+     * The event type/category
+     */
+    eventType?: string;
+    /**
+     * The target audience for the event
+     */
+    audience?: string[];
+    /**
+     * The organization hosting the event
+     */
+    organization: EventOrganizationProps;
+    /**
+     * Event location information
+     */
+    location?: EventLocationProps;
+    /**
+     * The optional service email address
+     */
+    email?: string;
+    /**
+     * The optional costs of the event
+     */
+    fees?: string;
+    /**
+     * The event website address
+     */
+    url?: string;
+    /**
+     * The event website url title
+     */
+    websiteUrlTitle?: string;
+    /**
+     * An array of contacts with phone numbers
+     */
+    contacts?: ServiceContactProps[];
+    /**
+     * An optional array of files/links belonging to the event
+     */
+    uploads?: FileDownloadProps[];
+    /**
+     * An optional array of social profile links
+     */
+    socialProfiles?: SocialProfile[];
+    /**
+     * When the event was updated. Expected format YYYY-MM-DD
+     */
+    updatedAt?: string;
+    /**
+     * The url to the shortlist
+     */
+    shortListPath?: string;
+    /**
+     * Is this event recurring?
+     */
+    isRecurring?: boolean;
+    /**
+     * Recurrence pattern information
+     */
+    recurrencePattern?: string;
+    /**
+     * Registration deadline
+     */
+    registrationDeadline?: string;
+    /**
+     * Maximum capacity for the event
+     */
+    capacity?: number;
+    /**
+     * Current number of registered attendees
+     */
+    currentAttendees?: number;
+}
+export interface EventOrganizationProps {
+    /**
+     * The unique identifier for the organization
+     */
+    id: string;
+    /**
+     * The name of the organization
+     */
+    name: string;
+    /**
+     * The description of the organization
+     */
+    description?: string;
+    /**
+     * The full path to the organization logo
+     */
+    logo?: string;
+    /**
+     * The organization website address
+     */
+    url?: string;
+}
+export interface EventLocationProps {
+    /**
+     * The unique identifier for the location
+     */
+    id: number;
+    /**
+     * The name of the location
+     */
+    name: string;
+    /**
+     * The optional description
+     */
+    description?: string;
+    /**
+     * Is the location visitable by the public?
+     */
+    isVisitable?: boolean;
+    /**
+     * The latitude of the location
+     */
+    latitude?: string;
+    /**
+     * The longitude of the location
+     */
+    longitude?: string;
+    /**
+     * The address information
+     */
+    address?: EventAddressProps;
+    /**
+     * An array of facilities that the location offers
+     */
+    accessibility?: EventAccessibilityProps[];
+    /**
+     * Is this a virtual/online event?
+     */
+    isVirtual?: boolean;
+    /**
+     * Virtual meeting link/information
+     */
+    virtualMeetingInfo?: string;
+}
+export interface EventAddressProps {
+    /**
+     * The unique identifier
+     */
+    id: number;
+    /**
+     * The street number and address line 1
+     */
+    address1: string;
+    /**
+     * Address line 2
+     */
+    address2?: string;
+    /**
+     * The city
+     */
+    city: string;
+    /**
+     * The county
+     */
+    county: string;
+    /**
+     * The postcode
+     */
+    postcode: string;
+    /**
+     * The country
+     */
+    country: string;
+}
+export interface EventAccessibilityProps {
+    /**
+     * The unique identifier
+     */
+    id: number;
+    /**
+     * The name of the facility offered by the location
+     */
+    accessibility: string;
+}

package/build/library/events/Event/index.d.ts

@@ -0,0 +1,3 @@
+export { default } from './Event';
+export * from './Event.types';
+export * from './Event.storydata';

package/build/library/events/EventList/EventList.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { EventListProps } from './EventList.types';
+declare const EventList: React.FunctionComponent<EventListProps>;
+export default EventList;

package/build/library/events/EventList/EventList.storydata.d.ts

@@ -0,0 +1,3 @@
+import { EventCategory } from './EventList.types';
+export declare const ExampleEventTypes: EventCategory[];
+export declare const ExampleAudiences: EventCategory[];

package/build/library/events/EventList/EventList.types.d.ts

@@ -0,0 +1,152 @@
+import { Dispatch, SetStateAction } from 'react';
+import { EventProps } from '../Event/Event.types';
+export interface EventListProps {
+    /**
+     * The base url for the events directory
+     */
+    eventsPath: string;
+    /**
+     * The url to the shortlist
+     */
+    shortListPath: string;
+    /**
+     * An array of Events
+     */
+    events: EventProps[];
+    /**
+     * The search term string
+     */
+    search?: string;
+    /**
+     * Function prop passed in to handle updating search
+     */
+    setSearch: Dispatch<SetStateAction<string>>;
+    /**
+     * The optional proximity the postcode will search. Defaults to 2 miles.
+     */
+    proximity?: number;
+    /**
+     * Should the postcode search be shown? Defaults to true.
+     */
+    showPostcodeSearch?: boolean;
+    /**
+     * The postcode search term
+     */
+    postcode?: string;
+    /**
+     * Function prop passed in to handle updating postcode
+     */
+    setPostcode: Dispatch<SetStateAction<string>>;
+    /**
+     * The total amount of results
+     */
+    totalResults?: number;
+    /**
+     * The current page number
+     */
+    pageNumber?: number;
+    /**
+     * Function prop passed in to handle the update page number
+     */
+    setPageNumber: Dispatch<SetStateAction<number>>;
+    /**
+     * The number of results per page
+     */
+    perPage?: number;
+    /**
+     * The max length of each event description extract
+     */
+    extractLength?: number;
+    /**
+     * The event type categories
+     */
+    eventTypes?: EventCategory[];
+    /**
+     * Function prop passed in to handle updating event types
+     */
+    setEventTypes: Dispatch<SetStateAction<EventCategory[]>>;
+    /**
+     * The audience categories
+     */
+    audiences?: EventCategory[];
+    /**
+     * Function prop passed in to handle updating audiences
+     */
+    setAudiences: Dispatch<SetStateAction<EventCategory[]>>;
+    /**
+     * The selected month filter (1-12)
+     */
+    selectedMonth?: number;
+    /**
+     * Function prop passed in to handle updating selected month
+     */
+    setSelectedMonth: Dispatch<SetStateAction<number | undefined>>;
+    /**
+     * The selected year filter
+     */
+    selectedYear?: number;
+    /**
+     * Function prop passed in to handle updating selected year
+     */
+    setSelectedYear: Dispatch<SetStateAction<number | undefined>>;
+    /**
+     * Where to centre the map, in the format 'lat,lng'
+     */
+    mapCenter?: string;
+    /**
+     * The optional zoom level, between 1 and 20. 1 = world, 20 = buildings
+     */
+    mapZoom?: number;
+    /**
+     * Is the data loading
+     */
+    isLoading: boolean;
+    /**
+     * Is the component in error state
+     */
+    isError?: boolean;
+    /**
+     * Should old events be hidden automatically? Defaults to true.
+     */
+    hideOldEvents?: boolean;
+}
+export interface EventCategory {
+    /**
+     * The category label
+     */
+    label: string;
+    /**
+     * The vocabulary name
+     */
+    vocabulary: string;
+    /**
+     * An array of taxonomies
+     */
+    options: EventTaxonomy[];
+    /**
+     * Should multiple options be allowed
+     */
+    singleSelection: boolean;
+}
+export interface EventTaxonomy {
+    /**
+     * Unique taxonomy identifier in curie format (e.g. eventType1)
+     */
+    id: string;
+    /**
+     * The name of the taxonomy
+     */
+    name: string;
+    /**
+     * The vocabulary name
+     */
+    vocabulary: string;
+    /**
+     * The optional parent taxonomy
+     */
+    parent?: string | null;
+    /**
+     * Is the option checked
+     */
+    checked: boolean;
+}

package/build/library/events/EventList/index.d.ts

@@ -0,0 +1,3 @@
+export { default } from './EventList';
+export * from './EventList.types';
+export * from './EventList.storydata';

package/build/library/events/index.d.ts

@@ -0,0 +1,5 @@
+export { default as Event } from './Event';
+export { default as EventList } from './EventList';
+export * from './Event/Event.types';
+export * from './EventList/EventList.types';
+export * from './utils';

package/build/library/events/utils/EventFilters.d.ts

@@ -0,0 +1,57 @@
+import { EventProps } from '../Event/Event.types';
+/**
+ * Filters out events that have already ended based on their end date/time
+ * @param events Array of events to filter
+ * @param hideOldEvents Whether to hide old events (defaults to true)
+ * @returns Filtered array of events
+ */
+export declare const filterOldEvents: (events: EventProps[], hideOldEvents?: boolean) => EventProps[];
+/**
+ * Filters events by month and year
+ * @param events Array of events to filter
+ * @param selectedMonth Month (1-12) or undefined for all months
+ * @param selectedYear Year or undefined for all years
+ * @returns Filtered array of events
+ */
+export declare const filterEventsByDate: (events: EventProps[], selectedMonth?: number, selectedYear?: number) => EventProps[];
+/**
+ * Filters events by event type
+ * @param events Array of events to filter
+ * @param selectedEventTypes Array of selected event type IDs
+ * @returns Filtered array of events
+ */
+export declare const filterEventsByType: (events: EventProps[], selectedEventTypes: string[]) => EventProps[];
+/**
+ * Filters events by audience
+ * @param events Array of events to filter
+ * @param selectedAudiences Array of selected audience IDs
+ * @returns Filtered array of events
+ */
+export declare const filterEventsByAudience: (events: EventProps[], selectedAudiences: string[]) => EventProps[];
+/**
+ * Filters events by search term (searches in name and description)
+ * @param events Array of events to filter
+ * @param searchTerm Search term to look for
+ * @returns Filtered array of events
+ */
+export declare const filterEventsBySearch: (events: EventProps[], searchTerm: string) => EventProps[];
+/**
+ * Sorts events by date (earliest first)
+ * @param events Array of events to sort
+ * @returns Sorted array of events
+ */
+export declare const sortEventsByDate: (events: EventProps[]) => EventProps[];
+/**
+ * Comprehensive filter function that applies all filters
+ * @param events Array of events to filter
+ * @param filters Object containing all filter criteria
+ * @returns Filtered and sorted array of events
+ */
+export declare const applyAllEventFilters: (events: EventProps[], filters: {
+    hideOldEvents?: boolean;
+    selectedMonth?: number;
+    selectedYear?: number;
+    selectedEventTypes?: string[];
+    selectedAudiences?: string[];
+    searchTerm?: string;
+}) => EventProps[];

package/build/library/events/utils/index.d.ts

@@ -0,0 +1 @@
+export * from './EventFilters';

package/build/library/pages/EventPage/EventPage.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { EventProps } from '../../events/Event/Event.types';
+import { BreadcrumbProp } from '../../structure/Breadcrumbs/Breadcrumbs.types';
+interface EventPageProps {
+    event: EventProps;
+    breadcrumbs?: BreadcrumbProp[];
+    footerLinks?: Array<{
+        title: string;
+        url: string;
+    }>;
+}
+export declare const EventPage: React.FunctionComponent<EventPageProps>;
+export {};

package/build/library/pages/EventPage/index.d.ts

@@ -0,0 +1 @@
+export { EventPage } from './EventPage';

package/build/library/slices/InquestSchedule/InquestSchedule.types.d.ts

@@ -21,9 +21,12 @@ export interface CaseAppointmentProps {
     courtroomFullAddress: string;
     appointmentType: string;
     startDateTime: string;
+    endDateTime?: string | null;
 }
 export declare enum CaseAppointmentType {
-    Hearing = "hearing",
+    Formal = "formal",
+    Hearing = "inquest hearing",
     Opening = "opening",
+    PreInquest = "pre-inquest review",
     Writing = "writing"
 }

package/build/library/slices/RoadworksList/RoadworksList.types.d.ts

@@ -45,4 +45,8 @@ export interface Roadwork {
      * The responsible organisation
      */
     responsibility: string;
+    /**
+     * Optional URL link for more information about the roadworks
+     */
+    urlLinkAddress?: string;
 }

package/build/src/index.d.ts

@@ -26,11 +26,12 @@ import Image from './library/slices/Image/Image';
 import ImageAndText from './library/slices/ImageAndText/ImageAndText';
 import InquestSchedule from './library/slices/InquestSchedule/InquestSchedule';
 import Promotions from './library/slices/Promotions/Promotions';
+import RoadworksList from './library/slices/RoadworksList/RoadworksList';
 import SearchBox from './library/slices/SearchBox/SearchBox';
 import Video from './library/slices/Video/Video';
 import WarningText from './library/slices/WarningText/WarningText';
 import WarningTextDisclaimer from './library/slices/WarningTextDisclaimer/WarningTextDisclaimer';
-export { Accordion, BlockQuote, CallToAction, Cards, CouncilTaxAlphabeticalDirectory, Divider, DownloadableFiles, GoogleMap, Image, ImageAndText, InquestSchedule, Promotions, SearchBox, Video, WarningText, WarningTextDisclaimer, };
+export { Accordion, BlockQuote, CallToAction, Cards, CouncilTaxAlphabeticalDirectory, Divider, DownloadableFiles, GoogleMap, Image, ImageAndText, InquestSchedule, Promotions, RoadworksList, SearchBox, Video, WarningText, WarningTextDisclaimer, };
 export * from './library/structure/PageStructures';
 export { GDS_theme, north_theme, west_theme, lb_theme_north, lb_theme_west } from './themes/theme_generator';
 export { GlobalStyleReset } from './themes/GlobalStyleReset.jsx';

package/build/src/library/components/SummaryList/SummaryList.types.d.ts

@@ -8,6 +8,14 @@ export interface SummaryListProps {
      * Option to remove margin (default is true)
      */
     hasMargin?: boolean;
+    /**
+     * Option to show borders (default is true)
+     */
+    hasBorders?: boolean;
+    /**
+     * Optional heading for the summary list
+     */
+    heading?: string;
 }
 export interface SummaryRowProps {
     /**

package/build/src/library/events/Event/Event.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { EventProps } from './Event.types';
+declare const Event: React.FunctionComponent<EventProps>;
+export default Event;

package/build/src/library/events/Event/Event.storydata.d.ts

@@ -0,0 +1,4 @@
+import { EventProps } from './Event.types';
+export declare const ExampleEvent: EventProps;
+export declare const ExampleVirtualEvent: EventProps;
+export declare const ExampleEvents: EventProps[];