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

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

@@ -1,26 +1,26 @@
-export interface ImageProps {
-    /**
-     * The large image url
-     */
-    imageLarge: string;
-    /**
-     * The small image url
-     */
-    imageSmall: string;
-    /**
-     * The image alt text to describe the image
-     */
-    imageAltText?: string | null;
-    /**
-     * The image ratio, either '4by3' or '16by9'
-     */
-    ratio: string;
-    /**
-     * The optional image caption that goes under the image
-     */
-    caption?: string | null;
-    /**
-     * Set to true to have following text wrap against image
-     */
-    wrapText?: boolean;
-}
+export interface ImageProps {
+    /**
+     * The large image url
+     */
+    imageLarge: string;
+    /**
+     * The small image url
+     */
+    imageSmall: string;
+    /**
+     * The image alt text to describe the image
+     */
+    imageAltText?: string | null;
+    /**
+     * The image ratio, either '4by3' or '16by9'
+     */
+    ratio: string;
+    /**
+     * The optional image caption that goes under the image
+     */
+    caption?: string | null;
+    /**
+     * Set to true to have following text wrap against image
+     */
+    wrapText?: boolean;
+}

package/build/library/slices/ImageAndText/ImageAndText.d.ts

@@ -1,7 +1,7 @@
-import React from 'react';
-import { ImageAndTextProps } from './ImageAndText.types';
-/**
- * A container for an image and text content, with an optional heading
- */
-declare const ImageAndText: React.FunctionComponent<ImageAndTextProps>;
-export default ImageAndText;
+import React from 'react';
+import { ImageAndTextProps } from './ImageAndText.types';
+/**
+ * A container for an image and text content, with an optional heading
+ */
+declare const ImageAndText: React.FunctionComponent<ImageAndTextProps>;
+export default ImageAndText;

package/build/library/slices/ImageAndText/ImageAndText.storydata.d.ts

@@ -1,2 +1,2 @@
-import { ImageAndTextProps } from './ImageAndText.types';
-export declare const ImageAndTextWithHeading: ImageAndTextProps;
+import { ImageAndTextProps } from './ImageAndText.types';
+export declare const ImageAndTextWithHeading: ImageAndTextProps;

package/build/library/slices/ImageAndText/ImageAndText.test.d.ts

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

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

@@ -1,15 +1,15 @@
-import { ImageProps } from '../Image/Image.types';
-export interface ImageAndTextProps {
-    /**
-     * An optional heading
-     */
-    heading?: string | null;
-    /**
-     * The string of html text content
-     */
-    textContent: string;
-    /**
-     * The image, containing the paths, alt text and caption
-     */
-    image?: ImageProps | null;
-}
+import { ImageProps } from '../Image/Image.types';
+export interface ImageAndTextProps {
+    /**
+     * An optional heading
+     */
+    heading?: string | null;
+    /**
+     * The string of html text content
+     */
+    textContent: string;
+    /**
+     * The image, containing the paths, alt text and caption
+     */
+    image?: ImageProps | null;
+}

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

@@ -1,7 +1,7 @@
-import React from 'react';
-import { InquestScheduleProps } from './InquestSchedule.types';
-/**
- * A table displaying a schedule of inquests
- */
-declare const InquestSchedule: React.FunctionComponent<InquestScheduleProps>;
-export default InquestSchedule;
+import React from 'react';
+import { InquestScheduleProps } from './InquestSchedule.types';
+/**
+ * A table displaying a schedule of inquests
+ */
+declare const InquestSchedule: React.FunctionComponent<InquestScheduleProps>;
+export default InquestSchedule;

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

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

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

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

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

@@ -1,24 +1,32 @@
-export interface InquestScheduleProps {
-    /**
-     * An array of Case Appointments
-     */
-    caseAppointments: CaseAppointmentProps[];
-    /**
-     * The table title or caption
-     */
-    title: string;
-    /**
-     * Was there an error fetching results
-     */
-    error?: boolean;
-}
-export interface CaseAppointmentProps {
-    fullName: string;
-    age: number;
-    placeOfDeath?: string | null;
-    dateTimeOfDeath: string;
-    coroner: string;
-    courtroomFullAddress: string;
-    appointmentType: string;
-    startDateTime: string;
-}
+export interface InquestScheduleProps {
+    /**
+     * An array of Case Appointments
+     */
+    caseAppointments: CaseAppointmentProps[];
+    /**
+     * The table title or caption
+     */
+    title: string;
+    /**
+     * Was there an error fetching results
+     */
+    error?: boolean;
+}
+export interface CaseAppointmentProps {
+    fullName: string;
+    age: number;
+    placeOfDeath?: string | null;
+    dateTimeOfDeath: string;
+    coroner: string;
+    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/library/slices/Promotions/Promotions.d.ts

@@ -1,7 +1,7 @@
-import React from 'react';
-import { PromoBlockProps } from '../../structure/PromoBlock/PromoBlock.types';
-/**
- * Combined promotional banner and promotional block for use as a slice on any page
- */
-declare const Promotions: React.FunctionComponent<PromoBlockProps>;
-export default Promotions;
+import React from 'react';
+import { PromoBlockProps } from '../../structure/PromoBlock/PromoBlock.types';
+/**
+ * Combined promotional banner and promotional block for use as a slice on any page
+ */
+declare const Promotions: React.FunctionComponent<PromoBlockProps>;
+export default Promotions;

package/build/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/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/library/slices/RoadworksList/RoadworksList.test.d.ts

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

package/build/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/library/slices/SearchBox/SearchBox.d.ts

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

package/build/library/slices/SearchBox/SearchBox.storydata.d.ts

@@ -1,2 +1,2 @@
-import { SearchBoxProps } from './SearchBox.types';
-export declare const ExampleSearchBoxProps: SearchBoxProps;
+import { SearchBoxProps } from './SearchBox.types';
+export declare const ExampleSearchBoxProps: SearchBoxProps;

package/build/library/slices/SearchBox/SearchBox.test.d.ts

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

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

@@ -1,41 +1,41 @@
-import { CustomSearchProps } from '../../components/CustomSearch/CustomSearch.types';
-export interface SearchBoxProps {
-    /**
-     * The Custom Search sub-component props
-     */
-    customSearch: CustomSearchProps;
-    /**
-     * URL of the hero image (min 400pix high)
-     */
-    imageLarge?: string | null;
-    /**
-     * URL of the a smaller version of the image for lazy loading
-     */
-    imageSmall?: string | null;
-    /**
-     * Optional alt text for the image - ideally the image should be decorative only and not require a long description
-     */
-    imageAltText?: string | null;
-    /**
-     * Optional call to action link
-     */
-    searchBoxLink?: SearchBoxLinkProps | null;
-    /**
-     * Is the search box link primary (true) or secondary (false)
-     */
-    searchBoxLinkIsPrimary?: boolean;
-    /**
-     * Optional title
-     */
-    title?: string | null;
-}
-export interface SearchBoxLinkProps {
-    /**
-     * The url for the link
-     */
-    url: string;
-    /**
-     * The text for the link
-     */
-    title: string;
-}
+import { CustomSearchProps } from '../../components/CustomSearch/CustomSearch.types';
+export interface SearchBoxProps {
+    /**
+     * The Custom Search sub-component props
+     */
+    customSearch: CustomSearchProps;
+    /**
+     * URL of the hero image (min 400pix high)
+     */
+    imageLarge?: string | null;
+    /**
+     * URL of the a smaller version of the image for lazy loading
+     */
+    imageSmall?: string | null;
+    /**
+     * Optional alt text for the image - ideally the image should be decorative only and not require a long description
+     */
+    imageAltText?: string | null;
+    /**
+     * Optional call to action link
+     */
+    searchBoxLink?: SearchBoxLinkProps | null;
+    /**
+     * Is the search box link primary (true) or secondary (false)
+     */
+    searchBoxLinkIsPrimary?: boolean;
+    /**
+     * Optional title
+     */
+    title?: string | null;
+}
+export interface SearchBoxLinkProps {
+    /**
+     * The url for the link
+     */
+    url: string;
+    /**
+     * The text for the link
+     */
+    title: string;
+}

package/build/library/slices/Video/Video.d.ts

@@ -1,7 +1,7 @@
-import React from 'react';
-import { VideoProps } from './Video.types';
-/**
- * A responsive video embed for YouTube or Vimeo
- */
-declare const Video: React.FunctionComponent<VideoProps>;
-export default Video;
+import React from 'react';
+import { VideoProps } from './Video.types';
+/**
+ * A responsive video embed for YouTube or Vimeo
+ */
+declare const Video: React.FunctionComponent<VideoProps>;
+export default Video;

package/build/library/slices/Video/Video.test.d.ts

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

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

@@ -1,22 +1,22 @@
-export interface VideoProps {
-    /**
-     * The unique video id
-     */
-    video_id: string;
-    /**
-     * The video streaming provider
-     */
-    provider: VideoProvider;
-    /**
-     * The description link text displayed when cookies are disabled
-     */
-    description: string;
-    /**
-     * Allow overriding if cookies are allowed
-     */
-    allowCookies?: boolean;
-}
-export declare enum VideoProvider {
-    YouTube = "YouTube",
-    Vimeo = "Vimeo"
-}
+export interface VideoProps {
+    /**
+     * The unique video id
+     */
+    video_id: string;
+    /**
+     * The video streaming provider
+     */
+    provider: VideoProvider;
+    /**
+     * The description link text displayed when cookies are disabled
+     */
+    description: string;
+    /**
+     * Allow overriding if cookies are allowed
+     */
+    allowCookies?: boolean;
+}
+export declare enum VideoProvider {
+    YouTube = "YouTube",
+    Vimeo = "Vimeo"
+}

package/build/library/slices/WarningText/WarningText.d.ts

@@ -1,7 +1,7 @@
-import React from 'react';
-import { WarningTextProps } from './WarningText.types';
-/**
- * Display text as a highlight or warning with a title
- */
-declare const WarningText: React.FunctionComponent<WarningTextProps>;
-export default WarningText;
+import React from 'react';
+import { WarningTextProps } from './WarningText.types';
+/**
+ * Display text as a highlight or warning with a title
+ */
+declare const WarningText: React.FunctionComponent<WarningTextProps>;
+export default WarningText;

package/build/library/slices/WarningText/WarningText.test.d.ts

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

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

@@ -1,15 +1,14 @@
-/// <reference types="react" />
-export interface WarningTextProps {
-    /**
-     * 	The title of the warning
-     */
-    title: string;
-    /**
-     * 	Optional to change the colour from a secondary colour to warning
-     */
-    isWarning?: boolean;
-    /**
-     * The WarningText contents
-     */
-    children?: React.ReactNode;
-}
+export interface WarningTextProps {
+    /**
+     * 	The title of the warning
+     */
+    title: string;
+    /**
+     * 	Optional to change the colour from a secondary colour to warning
+     */
+    isWarning?: boolean;
+    /**
+     * The WarningText contents
+     */
+    children?: React.ReactNode;
+}

package/build/library/slices/WarningTextDisclaimer/WarningTextDisclaimer.d.ts

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

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

@@ -1,2 +1,2 @@
-export interface WarningTextDisclaimerProps {
-}
+export interface WarningTextDisclaimerProps {
+}

package/build/library/structure/AccessibleLinks/AccessibleLinks.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
-import { AccessibleLinkProps } from "./AccessibleLinks.types";
-declare const AccessibleLink: React.FC<AccessibleLinkProps>;
-export default AccessibleLink;
+import React from "react";
+import { AccessibleLinkProps } from "./AccessibleLinks.types";
+declare const AccessibleLink: React.FC<AccessibleLinkProps>;
+export default AccessibleLink;

package/build/library/structure/AccessibleLinks/AccessibleLinks.types.d.ts

@@ -1,22 +1,22 @@
-export interface AccessibleLinkProps {
-    /**
-     * An array of links for the accessible links section at the top of the page, for things like accessibility message and feedback form
-     */
-    AccessibleLinksArray?: Array<AccessibleLinkProp>;
-    includeSkipToMainContent?: boolean;
-    listItem?: boolean;
-}
-export interface AccessibleLinkProp {
-    /**
-    * Title of the link
-    */
-    title: string;
-    /**
-    * URL of the link
-    */
-    url: string;
-    /**
-    * Is the link to an external website?
-    */
-    isExternal?: boolean;
-}
+export interface AccessibleLinkProps {
+    /**
+     * An array of links for the accessible links section at the top of the page, for things like accessibility message and feedback form
+     */
+    AccessibleLinksArray?: Array<AccessibleLinkProp>;
+    includeSkipToMainContent?: boolean;
+    listItem?: boolean;
+}
+export interface AccessibleLinkProp {
+    /**
+    * Title of the link
+    */
+    title: string;
+    /**
+    * URL of the link
+    */
+    url: string;
+    /**
+    * Is the link to an external website?
+    */
+    isExternal?: boolean;
+}

package/build/library/structure/AlertBanner/AlertBanner.d.ts

@@ -1,7 +1,7 @@
-import React from 'react';
-import { AlertBannerProps } from './AlertBanner.types';
-/**
- * A site wide alert banner, once dismissed it won't be shown again
- */
-declare const AlertBanner: React.FunctionComponent<AlertBannerProps>;
-export default AlertBanner;
+import React from 'react';
+import { AlertBannerProps } from './AlertBanner.types';
+/**
+ * A site wide alert banner, once dismissed it won't be shown again
+ */
+declare const AlertBanner: React.FunctionComponent<AlertBannerProps>;
+export default AlertBanner;

package/build/library/structure/AlertBanner/AlertBanner.test.d.ts

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

package/build/library/structure/AlertBanner/AlertBanner.types.d.ts

@@ -1,19 +1,18 @@
-/// <reference types="react" />
-export interface AlertBannerProps {
-    /**
-     * Title of the alert
-     */
-    title: string;
-    /**
-     * A unique idenification for the alert banner to store the localstorage for the hide button
-     */
-    uid: string;
-    /**
-     * The type of alert
-     */
-    alertType?: 'alert' | 'warning' | 'positive' | 'london_bridge';
-    /**
-     * All children content for the banner
-     */
-    children: React.ReactNode;
-}
+export interface AlertBannerProps {
+    /**
+     * Title of the alert
+     */
+    title: string;
+    /**
+     * A unique idenification for the alert banner to store the localstorage for the hide button
+     */
+    uid: string;
+    /**
+     * The type of alert
+     */
+    alertType?: 'alert' | 'warning' | 'positive' | 'london_bridge';
+    /**
+     * All children content for the banner
+     */
+    children: React.ReactNode;
+}

package/build/library/structure/AlertBannerService/AlertBannerService.d.ts

@@ -1,8 +1,8 @@
-import React from 'react';
-import { AlertBannerServiceProps } from './AlertBannerService.types';
-/**
- * A banner to be displayed at the top of a page before the main content
- * to draw the viewer's attention to an alert notice
- */
-declare const AlertBannerService: React.FunctionComponent<AlertBannerServiceProps>;
-export default AlertBannerService;
+import React from 'react';
+import { AlertBannerServiceProps } from './AlertBannerService.types';
+/**
+ * A banner to be displayed at the top of a page before the main content
+ * to draw the viewer's attention to an alert notice
+ */
+declare const AlertBannerService: React.FunctionComponent<AlertBannerServiceProps>;
+export default AlertBannerService;

package/build/library/structure/AlertBannerService/AlertBannerService.test.d.ts

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