@nnc-digital/nnc-design-system 1.0.0-alpha4 → 1.0.0-alpha40

package/build/library/components/BinCollection/BinCollection.test.d.ts

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

package/build/library/components/BinCollection/BinCollection.testdata.d.ts

@@ -1,34 +1,34 @@
-export declare const addressMockData: {
-    "NN16 9XR": {
-        recordCount: number;
-        data: {
-            UPRN: string;
-            USRN: string;
-            Address: string;
-            HouseName: any;
-            AdditionalHouseName: any;
-            Street: string;
-            Locality: string;
-            Town: string;
-            Postcode: any;
-            Longitude: number;
-            Latitude: number;
-            UserDefinedAddress: string;
-            CalculatedAddress: any;
-        }[];
-    };
-};
-export declare const calendarEventMockData: {
-    "100031057713": {
-        id: number;
-        title: string;
-        subject: string;
-        start: string;
-        end: any;
-        link: string;
-        color: string;
-        textColor: string;
-        complete: boolean;
-        url: string;
-    }[];
-};
+export declare const addressMockData: {
+    "NN16 9XR": {
+        recordCount: number;
+        data: {
+            UPRN: string;
+            USRN: string;
+            Address: string;
+            HouseName: any;
+            AdditionalHouseName: any;
+            Street: string;
+            Locality: string;
+            Town: string;
+            Postcode: any;
+            Longitude: number;
+            Latitude: number;
+            UserDefinedAddress: string;
+            CalculatedAddress: any;
+        }[];
+    };
+};
+export declare const calendarEventMockData: {
+    "100031057713": {
+        id: number;
+        title: string;
+        subject: string;
+        start: string;
+        end: any;
+        link: string;
+        color: string;
+        textColor: string;
+        complete: boolean;
+        url: string;
+    }[];
+};

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

@@ -1,69 +1,68 @@
-/// <reference types="react" />
-import { AddressProps, SovereignProps, UnitaryProps } from '../../helpers/api-helpers';
-export interface BinCollectionProps {
-    /**
-     * Title of bin collection search
-     */
-    title?: string;
-    /**
-     * Error in the form
-     */
-    formError?: boolean;
-    /**
-     * Link to send the user to another related service page or resource.
-     */
-    relatedServiceLink?: string;
-    /**
-     * Modifies search behavior based on the specific area (e.g., different collection zones or services)
-     */
-    isSpecificArea?: boolean;
-    /**
-     * graphqlApiEndpoint of the Drupal application API
-     */
-    graphqlApiEndpoint?: string;
-    isLoading?: boolean;
-    errorText?: string;
-    addressOptions?: AddressOption[];
-    calendarEvents?: Record<string, Date[]>;
-    onAddressChange?: (e: React.ChangeEvent<HTMLSelectElement>) => void;
-    onFormSubmit?: (e: React.FormEvent<HTMLFormElement>) => void;
-    resetForm?: () => void;
-}
-export interface AddressOption {
-    /**
-     * The title of the address
-     */
-    title: string;
-    /**
-     * The uprn value
-     */
-    value: string;
-    /**
-     * The address as a one line string
-     */
-    info?: string;
-}
-export interface AddressOptionInfoProps {
-    /**
-     * An array of sovereigns
-     */
-    sovereigns: SovereignProps[];
-    /**
-     * An array of Unitaries
-     */
-    unitaries: UnitaryProps[];
-    /**
-     * An array of addresses for the postcode
-     */
-    addresses: AddressProps[];
-}
-export interface CalendarEvent {
-    /**
-     * The type of the event
-     */
-    type: string;
-    /**
-     * The date value
-     */
-    date: string;
-}
+import { AddressProps, SovereignProps, UnitaryProps } from '../../helpers/api-helpers';
+export interface BinCollectionProps {
+    /**
+     * Title of bin collection search
+     */
+    title?: string;
+    /**
+     * Error in the form
+     */
+    formError?: boolean;
+    /**
+     * Link to send the user to another related service page or resource.
+     */
+    relatedServiceLink?: string;
+    /**
+     * Modifies search behavior based on the specific area (e.g., different collection zones or services)
+     */
+    isSpecificArea?: boolean;
+    /**
+     * graphqlApiEndpoint of the Drupal application API
+     */
+    graphqlApiEndpoint?: string;
+    isLoading?: boolean;
+    errorText?: string;
+    addressOptions?: AddressOption[];
+    calendarEvents?: Record<string, Date[]>;
+    onAddressChange?: (e: React.ChangeEvent<HTMLSelectElement>) => void;
+    onFormSubmit?: (e: React.FormEvent<HTMLFormElement>) => void;
+    resetForm?: () => void;
+}
+export interface AddressOption {
+    /**
+     * The title of the address
+     */
+    title: string;
+    /**
+     * The uprn value
+     */
+    value: string;
+    /**
+     * The address as a one line string
+     */
+    info?: string;
+}
+export interface AddressOptionInfoProps {
+    /**
+     * An array of sovereigns
+     */
+    sovereigns: SovereignProps[];
+    /**
+     * An array of Unitaries
+     */
+    unitaries: UnitaryProps[];
+    /**
+     * An array of addresses for the postcode
+     */
+    addresses: AddressProps[];
+}
+export interface CalendarEvent {
+    /**
+     * The type of the event
+     */
+    type: string;
+    /**
+     * The date value
+     */
+    date: string;
+}

package/build/library/components/Button/Button.d.ts

@@ -1,7 +1,7 @@
-import React from "react";
-import { ButtonProps } from "./Button.types";
-/**
- * Primary UI component for user interaction
- */
-declare const Button: React.FC<ButtonProps>;
-export default Button;
+import React from 'react';
+import { ButtonProps } from './Button.types';
+/**
+ * Primary UI component for user interaction
+ */
+declare const Button: React.FunctionComponent<ButtonProps>;
+export default Button;

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

@@ -1,43 +1,43 @@
-import React from 'react';
-export interface ButtonProps {
-    /**
-     * Is this the principal Button on the page?
-     */
-    primary?: boolean;
-    /**
-     * How large should the Button be?
-     */
-    size?: 'small' | 'medium' | 'large';
-    /**
-     * Button label
-     */
-    text?: string;
-    /**
-     * Button title optional
-     */
-    title?: string;
-    /**
-     * The URL for where to load when a user clicks on the Button
-     */
-    url: string;
-    /**
-     * Is the link to an external page?
-     */
-    isExternal?: boolean;
-    /**
-     * Is the button disabled?
-     */
-    isDisabled?: boolean;
-    /**
-     * onClick
-     */
-    onClick?: Function;
-    /**
-     * Optional override for the colour
-     */
-    colourOverride?: string;
-    /**
-     * Button contents
-     */
-    children?: React.ReactNode;
-}
+import React from 'react';
+export interface ButtonProps {
+    /**
+     * Is this the principal Button on the page?
+     */
+    primary?: boolean;
+    /**
+     * How large should the Button be?
+     */
+    size?: 'small' | 'medium' | 'large';
+    /**
+     * Button label
+     */
+    text?: string;
+    /**
+     * Button title optional
+     */
+    title?: string;
+    /**
+     * The URL for where to load when a user clicks on the Button
+     */
+    url: string;
+    /**
+     * Is the link to an external page?
+     */
+    isExternal?: boolean;
+    /**
+     * Is the button disabled?
+     */
+    isDisabled?: boolean;
+    /**
+     * onClick
+     */
+    onClick?: Function;
+    /**
+     * Optional override for the colour
+     */
+    colourOverride?: string;
+    /**
+     * Button contents
+     */
+    children?: React.ReactNode;
+}

package/build/library/components/Card/Card.d.ts

@@ -1,7 +1,7 @@
-import React from 'react';
-import { CardProps } from './Card.types';
-/**
- * A card component with header, footer and content
- */
-declare const Card: React.FunctionComponent<CardProps>;
-export default Card;
+import React from 'react';
+import { CardProps } from './Card.types';
+/**
+ * A card component with header, footer and content
+ */
+declare const Card: React.FunctionComponent<CardProps>;
+export default Card;

package/build/library/components/Card/Card.test.d.ts

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

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

@@ -1,36 +1,36 @@
-export interface CardProps {
-    /**
-     * Optional card header
-     */
-    header?: string | null;
-    /**
-     * The card content as a string of html
-     */
-    content?: string | null;
-    /**
-     * Optional large image
-     * */
-    imageLarge?: string | null;
-    /**
-     * Optional small image
-     */
-    imageSmall?: string | null;
-    /**
-     * Optional image alt text
-     */
-    imageAltText?: string | null;
-    /**
-     * The optional footer link
-     */
-    footerLink?: CardFooterLinkProps | null;
-}
-export interface CardFooterLinkProps {
-    /**
-     * The url for the link
-     */
-    url: string;
-    /**
-     * The text for the link
-     */
-    title: string;
-}
+export interface CardProps {
+    /**
+     * Optional card header
+     */
+    header?: string | null;
+    /**
+     * The card content as a string of html
+     */
+    content?: string | null;
+    /**
+     * Optional large image
+     * */
+    imageLarge?: string | null;
+    /**
+     * Optional small image
+     */
+    imageSmall?: string | null;
+    /**
+     * Optional image alt text
+     */
+    imageAltText?: string | null;
+    /**
+     * The optional footer link
+     */
+    footerLink?: CardFooterLinkProps | null;
+}
+export interface CardFooterLinkProps {
+    /**
+     * The url for the link
+     */
+    url: string;
+    /**
+     * The text for the link
+     */
+    title: string;
+}

package/build/library/components/CheckboxListFilter/CheckboxListFilter.d.ts

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

package/build/library/components/CheckboxListFilter/CheckboxListFilter.test.d.ts

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

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

@@ -1,36 +1,36 @@
-export interface CheckboxListFilterProps {
-    /**
-     * What to show in the checkboxes
-     */
-    options: Array<CheckboxValsProps>;
-    /**
-     * Which fields are checked
-     */
-    checked: Array<string>;
-    /**
-     * The label text
-     */
-    label: string | null;
-    /**
-     * The hint text
-     */
-    hint: string | null;
-    /**
-     * The id for the hint aria-describedby
-     */
-    hintId?: string;
-    /**
-     * Should the legend be displayed
-     */
-    displayLegend: boolean;
-}
-export interface CheckboxValsProps {
-    /**
-     * Text shown in dropdown
-     */
-    title: string;
-    /**
-     * Filter sent to the all seeing server
-     */
-    value: string;
-}
+export interface CheckboxListFilterProps {
+    /**
+     * What to show in the checkboxes
+     */
+    options: Array<CheckboxValsProps>;
+    /**
+     * Which fields are checked
+     */
+    checked: Array<string>;
+    /**
+     * The label text
+     */
+    label: string | null;
+    /**
+     * The hint text
+     */
+    hint: string | null;
+    /**
+     * The id for the hint aria-describedby
+     */
+    hintId?: string;
+    /**
+     * Should the legend be displayed
+     */
+    displayLegend: boolean;
+}
+export interface CheckboxValsProps {
+    /**
+     * Text shown in dropdown
+     */
+    title: string;
+    /**
+     * Filter sent to the all seeing server
+     */
+    value: string;
+}

package/build/library/components/Column/Column.d.ts

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

package/build/library/components/Column/Column.test.d.ts

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

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

@@ -1,36 +1,35 @@
-/// <reference types="react" />
-export interface ColumnProps {
-    /**
-     * Available column sizes for small screen
-     */
-    small?: 'full' | 'one-half' | 'one-third' | 'two-thirds' | 'one-quarter' | 'three-quarters' | 'auto';
-    /**
-     * Available column sizes for small screen
-     */
-    medium?: 'full' | 'one-half' | 'one-third' | 'two-thirds' | 'one-quarter' | 'three-quarters' | 'auto';
-    /**
-     * Available column sizes for small screen
-     */
-    large?: 'full' | 'one-half' | 'one-third' | 'two-thirds' | 'one-quarter' | 'three-quarters' | 'auto';
-    /**
-     * Should the column have padding
-     */
-    hasPadding?: boolean;
-    /**
-     * Option to display the border
-     * Should only used for demonstrating grid
-     */
-    hasBorder?: boolean;
-    /**
-     * Is the column within a list
-     */
-    isList?: boolean;
-    /**
-     * Any optional classes to add to the column
-     */
-    classes?: string;
-    /**
-     * The contents of the column
-     */
-    children?: React.ReactNode;
-}
+export interface ColumnProps {
+    /**
+     * Available column sizes for small screen
+     */
+    small?: 'full' | 'one-half' | 'one-third' | 'two-thirds' | 'one-quarter' | 'three-quarters' | 'auto';
+    /**
+     * Available column sizes for small screen
+     */
+    medium?: 'full' | 'one-half' | 'one-third' | 'two-thirds' | 'one-quarter' | 'three-quarters' | 'auto';
+    /**
+     * Available column sizes for small screen
+     */
+    large?: 'full' | 'one-half' | 'one-third' | 'two-thirds' | 'one-quarter' | 'three-quarters' | 'auto';
+    /**
+     * Should the column have padding
+     */
+    hasPadding?: boolean;
+    /**
+     * Option to display the border
+     * Should only used for demonstrating grid
+     */
+    hasBorder?: boolean;
+    /**
+     * Is the column within a list
+     */
+    isList?: boolean;
+    /**
+     * Any optional classes to add to the column
+     */
+    classes?: string;
+    /**
+     * The contents of the column
+     */
+    children?: React.ReactNode;
+}

package/build/library/components/CustomSearch/CustomSearch.d.ts

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

package/build/library/components/CustomSearch/CustomSearch.storydata.d.ts

@@ -1,2 +1,2 @@
-import { CustomSearchProps } from './CustomSearch.types';
-export declare const ExampleCustomSearchProps: CustomSearchProps;
+import { CustomSearchProps } from './CustomSearch.types';
+export declare const ExampleCustomSearchProps: CustomSearchProps;

package/build/library/components/CustomSearch/CustomSearch.test.d.ts

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

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

@@ -1,34 +1,34 @@
-export interface CustomSearchProps {
-    /**
-     * Field name for search box
-     */
-    fieldName: string;
-    /**
-     * The search box id
-     */
-    id?: string;
-    /**
-     * The search box label
-     */
-    label: string;
-    /**
-     * Should the label be visible
-     */
-    hasHiddenLabel?: boolean;
-    /**
-     * Form submission method
-     */
-    method: string;
-    /**
-     * Where to submit the form
-     */
-    path: string;
-    /**
-     * Optional placeholder text
-     */
-    placeholder?: string | null;
-    /**
-     * The search button text
-     */
-    searchText: string;
-}
+export interface CustomSearchProps {
+    /**
+     * Field name for search box
+     */
+    fieldName: string;
+    /**
+     * The search box id
+     */
+    id?: string;
+    /**
+     * The search box label
+     */
+    label: string;
+    /**
+     * Should the label be visible
+     */
+    hasHiddenLabel?: boolean;
+    /**
+     * Form submission method
+     */
+    method: string;
+    /**
+     * Where to submit the form
+     */
+    path: string;
+    /**
+     * Optional placeholder text
+     */
+    placeholder?: string | null;
+    /**
+     * The search button text
+     */
+    searchText: string;
+}