@nnc-digital/nnc-design-system 1.0.0-alpha9 → 1.0.0-beta10

package/build/src/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/src/library/events/EventList/index.d.ts

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

package/build/src/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/src/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/src/library/events/utils/index.d.ts

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

package/build/src/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/src/library/pages/EventPage/index.d.ts

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

package/build/src/library/slices/InquestSchedule/InquestSchedule.storydata.d.ts

@@ -1,2 +1,3 @@
 import { CaseAppointmentProps } from './InquestSchedule.types';
 export declare const ExampleInquestScheduleData: CaseAppointmentProps;
+export declare const ExampleInquestScheduleArray: CaseAppointmentProps[];

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

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

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

@@ -0,0 +1,7 @@
+import React from 'react';
+import { RoadworksListProps } from './RoadworksList.types';
+/**
+ * A filterable list of roadworks
+ */
+declare const RoadworksList: React.FunctionComponent<RoadworksListProps>;
+export default RoadworksList;

package/build/src/library/slices/RoadworksList/RoadworksList.storydata.d.ts

@@ -0,0 +1,4 @@
+import { Roadwork } from './RoadworksList.types';
+export declare const ExampleRoadwork: Roadwork;
+export declare const AnotherExampleRoadwork: Roadwork;
+export declare const ThirdExampleRoadwork: Roadwork;

package/build/src/library/slices/RoadworksList/RoadworksList.test.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,52 @@
+export interface RoadworksListProps {
+    /**
+     * A list of roadworks
+     */
+    roadworks: Roadwork[];
+    /**
+     * The title tag
+     */
+    title: string;
+}
+export interface Roadwork {
+    /**
+     * The road name
+     */
+    location: string;
+    /**
+     * The detailed location
+     */
+    detailedLocation: string;
+    /**
+     * The optional latitude
+     */
+    latitude?: string;
+    /**
+     * The optional longitude
+     */
+    longitude?: string;
+    /**
+     * The start date and time of the roadworks
+     */
+    startTime: string;
+    /**
+     * The end date and time of the roadworks
+     */
+    endTime: string;
+    /**
+     * The description of the roadworks
+     */
+    description: string;
+    /**
+     * The traffic management information
+     */
+    trafficManagement: string;
+    /**
+     * The responsible organisation
+     */
+    responsibility: string;
+    /**
+     * Optional URL link for more information about the roadworks
+     */
+    urlLinkAddress?: string;
+}

package/build/src/library/structure/HeroImage/HeroImage.types.d.ts

@@ -12,11 +12,15 @@ export interface HeroImageProps {
     /**
      * URL of the hero image (min 400pix high)
      */
-    imageLarge: string;
+    imageLarge?: string;
     /**
      * URL of the a smaller version of the image for lazy loading
      */
-    imageSmall: string;
+    imageSmall?: string;
+    /**
+     * URL of the hero video
+     */
+    heroVideoUrl?: string;
     /**
      * Optional alt text for the image - ideally the image should be decorative only and not require a long description
      */

package/build/themes/ThemeVars.types.d.ts

@@ -0,0 +1,60 @@
+export interface ThemeVars {
+    theme_name: string;
+    full_name: string;
+    cardinal_name: string;
+    is_memorial: boolean;
+    council_link?: string;
+    other_council_link?: string;
+    other_council_name?: string;
+    other_council_action?: string;
+    twitter_link?: string;
+    linkedin_link?: string;
+    facebook_link?: string;
+    instagram_link?: string;
+    youtube_link?: string;
+    breakpointsVals: ThemeBreakpointTypes;
+    breakpoints: ThemeBreakpointTypes;
+    fontstack: string;
+    colours: ThemeColourTypes;
+    fontSizes: ThemeSizeTypes;
+    border_width: string;
+    border_width_error: string;
+    border_width_thin: string;
+    border_radius: string;
+    border_radius_large: string;
+    spacingSizes: ThemeSizeTypes;
+    h1: string;
+    h2: string;
+    h3: string;
+    h4: string;
+}
+export interface ThemeBreakpointTypes {
+    s: string;
+    m: string;
+    l: string;
+    xl: string;
+}
+export interface ThemeColourTypes {
+    black: string;
+    grey_darkest: string;
+    grey_dark: string;
+    grey: string;
+    grey_light: string;
+    white: string;
+    action: string;
+    action_light: string;
+    action_dark: string;
+    positive: string;
+    negative: string;
+    visited?: string;
+    focus: string;
+    placeholder: string;
+    secondary?: string;
+}
+export interface ThemeSizeTypes {
+    extra_small: string;
+    small: string;
+    medium: string;
+    large: string;
+    x_large?: string;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nnc-digital/nnc-design-system",
-  "version": "1.0.0-alpha9",
+  "version": "1.0.0-beta10",
   "description": "Design system for West & North Northamptonshire Councils, two unitary councils encompassing Wellingborough, Corby, Daventry, East Northants, Kettering, Northampton, Northamptonshire County and South Northants.",
   "main": "build/index.js",
   "repository": {