@netu-si/netu-react-dsf-components 0.0.15 → 1.0.1

package/dist/cjs/components/DSFBackLink/DSFBackLink.d.ts

@@ -19,9 +19,6 @@ export interface DSFBackLinkProps {
  */
 declare const DSFBackLink: {
     ({ label, href, onBackClick, linkComponent: Link }: DSFBackLinkProps): React.JSX.Element;
-    defaultProps: {
-        to: string;
-    };
     displayName: string;
 };
 export default DSFBackLink;

package/dist/cjs/components/DSFBodyEndContainer/DSFBodyEndContainer.d.ts

@@ -5,9 +5,6 @@ export interface DSFBodyEndContainerProps {
 }
 declare const DSFBodyEndContainer: {
     ({ children }: DSFBodyEndContainerProps): React.JSX.Element;
-    defaultProps: {
-        children: undefined;
-    };
     displayName: string;
 };
 export default DSFBodyEndContainer;

package/dist/cjs/components/DSFBodyStartContainer/DSFBodyStartContainer.d.ts

@@ -5,9 +5,6 @@ export interface DSFBodyStartContainerProps {
 }
 declare const DSFBodyStartContainer: {
     ({ children }: DSFBodyStartContainerProps): React.JSX.Element;
-    defaultProps: {
-        children: undefined;
-    };
     displayName: string;
 };
 export default DSFBodyStartContainer;

package/dist/cjs/components/DSFButton/DSFButton.d.ts

@@ -12,7 +12,6 @@ export interface DSFButtonProps extends React.DetailedHTMLProps<React.ButtonHTML
 }
 declare const DSFButton: {
     ({ children, id, type, className, ...props }: DSFButtonProps): React.JSX.Element;
-    defaultProps: {};
     displayName: string;
 };
 export default DSFButton;

package/dist/cjs/components/DSFCookies/DSFCookies.d.ts

@@ -13,15 +13,6 @@ export interface DSFCookiesProps {
 }
 declare const DSFCookies: {
     ({ linkComponent: Link, cookiesDescription, cookiesMoreUrl, cookiesMoreText, cookiesAcceptText, cookiesAcceptHandler, hasScroll, newTab, }: DSFCookiesProps): React.JSX.Element;
-    defaultProps: {
-        linkComponent: undefined;
-        cookiesDescription: undefined;
-        cookiesMoreUrl: undefined;
-        cookiesMoreText: undefined;
-        cookiesAcceptText: undefined;
-        hasScroll: boolean;
-        newTab: boolean;
-    };
     displayName: string;
 };
 export default DSFCookies;

package/dist/cjs/components/DSFCookiesV3/DSFCookies.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import '../../resources/css/dsf.main.min.css';
+import '../../resources/css/custom.css';
+export interface DSFCookiesProps {
+    cookiesDescription: React.ReactNode;
+    cookiesTitle: string;
+    cookiesAcceptText: string;
+    cookiesRejectText: string;
+    cookiesAcceptRejectHandler: (accepted: boolean) => void;
+}
+declare const DSFCookies: {
+    ({ cookiesDescription, cookiesTitle, cookiesAcceptText, cookiesRejectText, cookiesAcceptRejectHandler, }: DSFCookiesProps): React.JSX.Element;
+    displayName: string;
+};
+export default DSFCookies;

package/dist/cjs/components/DSFCookiesV3/index.d.ts

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

package/dist/cjs/components/DSFDateInput/DSFDateInput.d.ts

@@ -3,9 +3,33 @@ import { UseFormRegisterReturn } from 'react-hook-form';
 import '../../resources/css/dsf.main.min.css';
 import { DSFInputProps } from '../DSFInput/DSFInput';
 interface InputRefObject {
-    day: RefObject<HTMLInputElement>;
-    month: RefObject<HTMLInputElement>;
-    year: RefObject<HTMLInputElement>;
+    day: RefObject<HTMLInputElement | HTMLSelectElement>;
+    month: RefObject<HTMLInputElement | HTMLSelectElement>;
+    year: RefObject<HTMLInputElement | HTMLSelectElement>;
+}
+export interface DSFDateInputInputProps {
+    /**
+     * Called when the day, month or year changes
+     */
+    onChange?: (e: React.ChangeEvent<HTMLInputElement | HTMLSelectElement>, key: string) => void;
+    /**
+     * Called when the day, month or year fields are blurred
+     * (does not get called when moving between inputs in the same datefield)
+     */
+    onBlur?: (e: React.FocusEvent<HTMLInputElement | HTMLSelectElement>, key: string) => void;
+    /**
+     * Called when the day, month or year fields are focussed
+     * (does not get called when moving between inputs in the same datefield)
+     */
+    onFocus?: (e: React.FocusEvent<HTMLInputElement | HTMLSelectElement>, key: string) => void;
+    /**
+     * When the form field is controlled, this sets the value of the day, month and year inputs
+     */
+    value?: {
+        day?: string;
+        month?: string;
+        year?: string;
+    };
 }
 export interface DSFDateInputProps {
     register: UseFormRegisterReturn;
@@ -56,55 +80,10 @@ export interface DSFDateInputProps {
     /**
      * General input props including event handlers and value for all inputs
      */
-    inputProps?: {
-        /**
-         * Called when the day, month or year changes
-         */
-        onChange?: (e: React.ChangeEvent<HTMLInputElement>, key: string) => void;
-        /**
-         * Called when the day, month or year fields are blurred
-         * (does not get called when moving between inputs in the same datefield)
-         */
-        onBlur?: (e: React.FocusEvent<HTMLInputElement>, key: string) => void;
-        /**
-         * Called when the day, month or year fields are focussed
-         * (does not get called when moving between inputs in the same datefield)
-         */
-        onFocus?: (e: React.FocusEvent<HTMLInputElement>, key: string) => void;
-        /**
-         * When the form field is controlled, this sets the value of the day, month and year inputs
-         */
-        value?: {
-            day?: string;
-            month?: string;
-            year?: string;
-        };
-    };
+    inputProps?: DSFDateInputInputProps;
 }
 declare const DSFDateInput: {
     ({ register, id, label, hint, errorText, labels, refs, inputProps, inputs, defaultValues, }: DSFDateInputProps): React.JSX.Element;
     displayName: string;
-    defaultProps: {
-        inputProps: {};
-        hint: undefined;
-        errorText: undefined;
-        labels: {
-            day: string;
-            month: string;
-            year: string;
-        };
-        defaultValues: {
-            day: undefined;
-            month: undefined;
-            year: undefined;
-        };
-        inputs: {
-            day: undefined;
-            month: undefined;
-            year: undefined;
-        };
-        refs: undefined;
-        register: undefined;
-    };
 };
 export default DSFDateInput;

package/dist/cjs/components/DSFErrorSummary/DSFErrorSummary.d.ts

@@ -7,18 +7,11 @@ export interface DSFErrorSummaryProps {
     heading?: string;
     /** Array of errors with text and target element name to scroll into view when clicked */
     errors?: {
+        href?: string;
         targetName?: string;
         text?: string;
     }[];
     isInfo?: boolean;
 }
-declare const DSFErrorSummary: {
-    ({ onHandleErrorClick, heading, errors, isInfo, }: DSFErrorSummaryProps): React.JSX.Element;
-    defaultProps: {
-        errors: never[];
-        heading: string;
-        onHandleErrorClick: undefined;
-        isInfo: undefined;
-    };
-};
+declare const DSFErrorSummary: ({ onHandleErrorClick, heading, errors, isInfo, }: DSFErrorSummaryProps) => React.JSX.Element;
 export default DSFErrorSummary;

package/dist/cjs/components/DSFErrorSummary/index.d.ts

@@ -1 +1 @@
-export { default } from "./DSFErrorSummary";
+export { default, DSFErrorSummaryProps } from './DSFErrorSummary';

package/dist/cjs/components/DSFFooter/DSFFooter.d.ts

@@ -16,13 +16,6 @@ export interface DSFFooterProps {
 }
 declare const DSFFooter: {
     ({ linkComponent: Link, privacyStatementUrl, cookiePolicyUrl, accessibilityStatementUrl, privacyStatementText, cookiePolicyText, accessibilityStatementText, cyprusRepublicText, version, hasScroll, newTab, }: DSFFooterProps): React.JSX.Element;
-    defaultProps: {
-        privacyStatementUrl: undefined;
-        cookiePolicyUrl: undefined;
-        accessibilityStatementUrl: undefined;
-        hasScroll: boolean;
-        newTab: boolean;
-    };
     displayName: string;
 };
 export default DSFFooter;

package/dist/cjs/components/DSFHeader/DSFHeader.d.ts

@@ -1,10 +1,12 @@
-import React, { ChangeEvent, MouseEventHandler } from 'react';
+import React, { MouseEventHandler } from 'react';
 import '../../resources/css/dsf.main.min.css';
 import '../../resources/css/custom.css';
+import { DSFUserSignOutProps } from '../DSFUserSignOut/DSFUserSignOut';
 export type NavMenuItem = {
     label: string;
     href: string;
     onClick?: () => void;
+    subItems?: NavMenuItem[];
 };
 export interface DSFHeaderProps {
     linkComponent: any;
@@ -12,18 +14,25 @@ export interface DSFHeaderProps {
     showLang?: boolean;
     menu?: NavMenuItem[];
     logoUrl?: string;
-    languageHandler?: (event: ChangeEvent<HTMLSelectElement>) => void;
+    languageHandler?: (locale: string) => void;
     onLogoClickHandler?: MouseEventHandler<HTMLAnchorElement>;
     langOptions?: LanguageItem[];
     defaultValue?: string | null;
+    currentLang?: string;
     showLogo?: boolean;
+    showSignin?: boolean;
+    showSignout?: boolean;
+    signoutParams?: DSFUserSignOutProps;
+    user?: any;
+    showSearch?: boolean;
+    showMenu?: boolean;
 }
 export type LanguageItem = {
     label: string;
     value: string;
 };
 declare const DSFHeader: {
-    ({ linkComponent: NavLink, headerTitle, menu, logoUrl, onLogoClickHandler, showLang, languageHandler, langOptions, defaultValue, showLogo, }: DSFHeaderProps): React.JSX.Element;
+    ({ linkComponent: Link, headerTitle, menu, logoUrl, onLogoClickHandler, showLang, languageHandler, langOptions, defaultValue, currentLang, showLogo, showSignin, showSignout, signoutParams, showSearch, showMenu, }: DSFHeaderProps): React.JSX.Element;
     displayName: string;
 };
 export default DSFHeader;

package/dist/cjs/components/DSFHeader/DSFHeaderOld.d.ts

@@ -0,0 +1,29 @@
+import React, { ChangeEvent, MouseEventHandler } from 'react';
+import '../../resources/css/dsf.main.min.css';
+import '../../resources/css/custom.css';
+export type NavMenuItem = {
+    label: string;
+    href: string;
+    onClick?: () => void;
+};
+export interface DSFHeaderProps {
+    linkComponent: any;
+    headerTitle: string;
+    showLang?: boolean;
+    menu?: NavMenuItem[];
+    logoUrl?: string;
+    languageHandler?: (event: ChangeEvent<HTMLSelectElement>) => void;
+    onLogoClickHandler?: MouseEventHandler<HTMLAnchorElement>;
+    langOptions?: LanguageItem[];
+    defaultValue?: string | null;
+    showLogo?: boolean;
+}
+export type LanguageItem = {
+    label: string;
+    value: string;
+};
+declare const DSFHeaderOld: {
+    ({ linkComponent: NavLink, headerTitle, menu, logoUrl, onLogoClickHandler, showLang, languageHandler, langOptions, defaultValue, showLogo, }: DSFHeaderProps): React.JSX.Element;
+    displayName: string;
+};
+export default DSFHeaderOld;

package/dist/cjs/components/DSFInputField/DSFInputField.d.ts

@@ -2,17 +2,19 @@ import React from 'react';
 import '../../resources/css/dsf.main.min.css';
 import { DSFInputProps } from '../DSFInput/DSFInput';
 import { UseFormRegisterReturn } from 'react-hook-form';
+import { DSFTextAreaProps } from '../DSFTextArea/DSFTextArea';
 export interface DSFInputFieldProps {
     label: string;
     hint?: React.ReactNode;
     underRadio?: boolean;
     id: string;
-    inputProps?: DSFInputProps;
-    input?: DSFInputProps;
+    inputProps?: DSFInputProps | DSFTextAreaProps;
     meta: {
         error?: string | string[];
         touched?: boolean;
     };
+    type?: 'text' | 'textarea';
+    rows?: number | undefined;
     visualSize?: number;
     errorId?: string;
     register?: UseFormRegisterReturn;

package/dist/cjs/components/DSFMain/DSFMain.d.ts

@@ -6,10 +6,6 @@ export interface DSFMainProps {
 }
 declare const DSFMain: {
     ({ id, children }: DSFMainProps): React.JSX.Element;
-    defaultProps: {
-        id: string;
-        children: undefined;
-    };
     displayName: string;
 };
 export default DSFMain;

package/dist/cjs/components/DSFPage/DSFPage.d.ts

@@ -43,7 +43,12 @@ export interface DSFPageProps {
      * Override the default page cookies component.
      */
     cookies?: React.ReactNode;
+    lang?: string;
 }
+interface IDSFPageContext {
+    lang?: string;
+}
+export declare const DSFPageContext: React.Context<IDSFPageContext>;
 /**
  * Use the back link component to help users go back to the previous page in a multi-page transaction.
  *
@@ -51,16 +56,7 @@ export interface DSFPageProps {
  * - https://design-system.service.gov.uk/components/back-link/
  */
 declare const DSFPage: {
-    ({ id, children, header, footer, bodyStartContainer: bodyStartContainerContent, bodyEndContainer: bodyEndContainerContent, beforeMainContainer: beforeChildren, sideBar: sideBar, cookies: cookies, }: DSFPageProps): React.JSX.Element;
-    defaultProps: {
-        id: string;
-        header: undefined;
-        footer: undefined;
-        cookies: undefined;
-        beforeMainContainer: undefined;
-        bodyStartContainer: undefined;
-        bodyEndContainer: undefined;
-    };
+    ({ id, children, header, footer, bodyStartContainer: bodyStartContainerContent, bodyEndContainer: bodyEndContainerContent, beforeMainContainer: beforeChildren, sideBar: sideBar, cookies: cookies, lang, }: DSFPageProps): React.JSX.Element;
     displayName: string;
 };
 export default DSFPage;

package/dist/cjs/components/DSFPanel/DSFPanel.d.ts

@@ -14,11 +14,7 @@ export interface DSFPanelProps {
     children?: React.ReactNode;
 }
 declare const DSFPanel: {
-    ({ title, type, children, ...props }: DSFPanelProps): React.JSX.Element;
-    defaultProps: {
-        children: undefined;
-        type: PanelEnum;
-    };
+    ({ title, type, children }: DSFPanelProps): React.JSX.Element;
     displayName: string;
 };
 export default DSFPanel;

package/dist/cjs/components/DSFRadio/DSFRadio.d.ts

@@ -5,8 +5,10 @@ export interface DSFRadioProps extends React.InputHTMLAttributes<HTMLInputElemen
     hint?: React.ReactNode;
     children: React.ReactNode;
     collapsed?: {
+        hasError: boolean;
         node?: React.ReactNode;
         className: string;
+        visible?: boolean;
     };
     className?: string;
     inline?: boolean;

package/dist/cjs/components/DSFSelect/DSFSelect.d.ts

@@ -14,12 +14,5 @@ export interface DSFSelectProps {
     defaultLabel?: string;
     visualSize?: number;
 }
-declare const DSFSelect: {
-    ({ children, inputProps, label, hint, id, meta, defaultValue, defaultLabel, visualSize, }: DSFSelectProps): React.JSX.Element;
-    defaultProps: {
-        inputProps: {};
-        meta: {};
-        hint: undefined;
-    };
-};
+declare const DSFSelect: ({ children, inputProps, label, hint, id, meta, defaultValue, defaultLabel, visualSize, }: DSFSelectProps) => React.JSX.Element;
 export default DSFSelect;

package/dist/cjs/components/DSFSkipLink/DSFSkipLink.d.ts

@@ -6,10 +6,6 @@ export interface DSFSkipLinkProps {
 }
 declare const DSFSkipLink: {
     ({ href, children }: DSFSkipLinkProps): React.JSX.Element;
-    defaultProps: {
-        children: string;
-        href: string;
-    };
     displayName: string;
 };
 export default DSFSkipLink;

package/dist/cjs/components/DSFSummaryList/DSFSummaryList.d.ts

@@ -0,0 +1,12 @@
+import React, { FC } from 'react';
+import '../../resources/css/dsf.main.min.css';
+export interface DSFSummaryListItem {
+    key: String;
+    value: React.ReactNode;
+    actions?: React.ReactNode;
+}
+export interface DSFSummaryListProps {
+    data: DSFSummaryListItem[];
+}
+declare const DSFSummaryList: FC<DSFSummaryListProps>;
+export default DSFSummaryList;

package/dist/cjs/components/DSFSummaryList/index.d.ts

@@ -0,0 +1 @@
+export { default, DSFSummaryListItem, DSFSummaryListProps } from './DSFSummaryList';

package/dist/cjs/components/DSFTable/DSFTable.d.ts

@@ -6,14 +6,10 @@ export interface DSFTableProps {
     rowData: (string | number | React.ReactNode)[][];
     hideNumberingColumn?: boolean;
     inputProps?: React.SelectHTMLAttributes<HTMLTableElement>;
+    noRecordsFoundMessage?: string;
 }
 declare const DSFTable: {
-    ({ columns, rowData, hideNumberingColumn, id, inputProps }: DSFTableProps): React.JSX.Element;
-    defaultProps: {
-        columns: never[];
-        rowData: never[];
-        hideNumberingColumn: boolean;
-    };
+    ({ columns, rowData, hideNumberingColumn, id, inputProps, noRecordsFoundMessage, }: DSFTableProps): React.JSX.Element;
     displayName: string;
 };
 export interface DSFTableColumn {

package/dist/cjs/components/DSFTable/index.d.ts

@@ -1 +1 @@
-export { default, DSFTableColumn } from './DSFTable';
+export { default, DSFTableColumn, DSFTableProps } from './DSFTable';

package/dist/cjs/components/DSFTextArea/DSFTextArea.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import '../../resources/css/dsf.main.min.css';
+import { UseFormRegisterReturn } from 'react-hook-form';
+export interface DSFTextAreaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
+    id?: string;
+    error?: boolean;
+    errorId?: string;
+    register?: UseFormRegisterReturn;
+}
+declare const DSFTextArea: React.ForwardRefExoticComponent<DSFTextAreaProps & React.RefAttributes<HTMLTextAreaElement>>;
+export default DSFTextArea;

package/dist/cjs/components/DSFTextArea/index.d.ts

@@ -0,0 +1 @@
+export { default, DSFTextAreaProps } from './DSFTextArea';

package/dist/cjs/components/DSFUserSignOut/DSFUserSignOut.d.ts

@@ -6,10 +6,5 @@ export interface DSFUserSignOutProps {
     onClick?: () => void;
     href: string;
 }
-declare const DSFUserSignOut: {
-    ({ label, fullName, onClick, href }: DSFUserSignOutProps): React.JSX.Element;
-    defaultProps: {
-        href: string;
-    };
-};
+declare const DSFUserSignOut: ({ label, fullName, onClick, href }: DSFUserSignOutProps) => React.JSX.Element;
 export default DSFUserSignOut;

package/dist/cjs/components/DSFWarningText/DSFWarningText.d.ts

@@ -0,0 +1,7 @@
+import React, { FC } from 'react';
+import '../../resources/css/dsf.main.min.css';
+export interface DSFWarningTextProps {
+    text: React.ReactNode;
+}
+declare const DSFWarningText: FC<DSFWarningTextProps>;
+export default DSFWarningText;

package/dist/cjs/components/DSFWarningText/index.d.ts

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

package/dist/cjs/components/index.d.ts

@@ -2,9 +2,10 @@ export { default as DSFBackLink } from './DSFBackLink';
 export { default as DSFButton } from './DSFButton';
 export { default as DSFCheckbox } from './DSFCheckbox';
 export { default as DSFDateInput, DSFDateInputProps as DSFDateInputProps } from './DSFDateInput';
-export { default as DSFErrorSummary } from './DSFErrorSummary';
+export { default as DSFErrorSummary, DSFErrorSummaryProps } from './DSFErrorSummary';
 export { default as DSFInputField } from './DSFInputField';
 export { default as DSFInput, DSFInputProps } from './DSFInput';
+export { default as DSFTextArea, DSFTextAreaProps } from './DSFTextArea';
 export { default as DSFSelect } from './DSFSelect';
 export { default as DSFPanel, PanelEnum as DSFPanelEnum } from './DSFPanel';
 export { default as DSFLabel } from './DSFLabel';
@@ -21,8 +22,11 @@ export { default as DSFLoadingBox } from './DSFLoadingBox';
 export { default as DSFFieldSet } from './DSFFieldSet';
 export { default as DSFFormGroup } from './DSFFormGroup';
 export { default as DSFRadio } from './DSFRadio';
-export { default as DSFTable, DSFTableColumn } from './DSFTable';
+export { default as DSFTable, DSFTableColumn, DSFTableProps } from './DSFTable';
 export { default as DSFUserSignOut } from './DSFUserSignOut';
 export { default as DSFPage } from './DSFPage';
 export { default as DSFFileUpload } from './DSFFileUpload';
 export { default as DSFCookies } from './DSFCookies';
+export { default as DSFCookiesV3 } from './DSFCookiesV3';
+export { default as DSFSummaryList, DSFSummaryListItem, DSFSummaryListProps } from './DSFSummaryList';
+export { default as DSFWarningText } from './DSFWarningText';