@netu-si/netu-react-dsf-components 0.0.9 → 0.0.12

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

@@ -3,7 +3,7 @@
  *
  * - https://github.com/netu-si/netu-react-dsf-components/tree/main/src/components/DSFBackLink
  */
-import { FC } from 'react';
+import React from 'react';
 import '../../resources/css/dsf.main.min.css';
 import { LinkProps } from 'react-router-dom';
 export interface DSFBackLinkProps extends LinkProps {
@@ -16,5 +16,11 @@ export interface DSFBackLinkProps extends LinkProps {
  * - https://animated-adventure-ey7gv1m.pages.github.io/?path=/docs/navigation-dsfbacklink--docs
  * - https://gov-cy.github.io/govcy-design-system-docs/components/back_link
  */
-declare const DSFBackLink: FC<DSFBackLinkProps>;
+declare const DSFBackLink: {
+    ({ label, onBackClick, ...props }: DSFBackLinkProps): React.JSX.Element;
+    defaultProps: {
+        to: string;
+    };
+    displayName: string;
+};
 export default DSFBackLink;

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

@@ -1,4 +1,4 @@
-import React, { FC } from 'react';
+import React from 'react';
 import '../../resources/css/dsf.main.min.css';
 export interface DSFButtonProps extends React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement> {
     /**
@@ -10,5 +10,9 @@ export interface DSFButtonProps extends React.DetailedHTMLProps<React.ButtonHTML
      */
     children: React.ReactNode;
 }
-declare const DSFButton: FC<DSFButtonProps>;
+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

@@ -0,0 +1,25 @@
+import React from 'react';
+import '../../resources/css/dsf.main.min.css';
+import '../../resources/css/custom.css';
+export interface DSFCookiesProps {
+    cookiesDescription: string;
+    cookiesMoreUrl: string;
+    cookiesMoreText: string;
+    cookiesAcceptText: string;
+    cookiesAcceptHandler?: () => void;
+    hasScroll?: boolean;
+    newTab?: boolean;
+}
+declare const DSFCookies: {
+    ({ cookiesDescription, cookiesMoreUrl, cookiesMoreText, cookiesAcceptText, cookiesAcceptHandler, hasScroll, newTab, }: DSFCookiesProps): React.JSX.Element;
+    defaultProps: {
+        cookiesDescription: undefined;
+        cookiesMoreUrl: undefined;
+        cookiesMoreText: undefined;
+        cookiesAcceptText: undefined;
+        hasScroll: boolean;
+        newTab: boolean;
+    };
+    displayName: string;
+};
+export default DSFCookies;

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

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

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

@@ -1,7 +1,7 @@
+import React, { RefObject } from 'react';
+import { UseFormRegisterReturn } from 'react-hook-form';
 import '../../resources/css/dsf.main.min.css';
-import React, { RefObject, FC } from 'react';
 import { DSFInputProps } from '../DSFInput/DSFInput';
-import { UseFormRegisterReturn } from 'react-hook-form';
 interface InputRefObject {
     day: RefObject<HTMLInputElement>;
     month: RefObject<HTMLInputElement>;
@@ -81,5 +81,30 @@ export interface DSFDateInputProps {
         };
     };
 }
-declare const DSFDateInput: FC<DSFDateInputProps>;
+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

@@ -1,4 +1,4 @@
-import { FC } from 'react';
+import React from 'react';
 import '../../resources/css/dsf.main.min.css';
 export interface DSFErrorSummaryProps {
     /** onClick function to scroll the target element into view */
@@ -12,5 +12,13 @@ export interface DSFErrorSummaryProps {
     }[];
     isInfo?: boolean;
 }
-declare const DSFErrorSummary: FC<DSFErrorSummaryProps>;
+declare const DSFErrorSummary: {
+    ({ onHandleErrorClick, heading, errors, isInfo, }: DSFErrorSummaryProps): React.JSX.Element;
+    defaultProps: {
+        errors: never[];
+        heading: string;
+        onHandleErrorClick: undefined;
+        isInfo: undefined;
+    };
+};
 export default DSFErrorSummary;

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

@@ -1,6 +1,6 @@
 import React from 'react';
-import '../../resources/css/dsf.main.min.css';
 import '../../resources/css/custom.css';
+import '../../resources/css/dsf.main.min.css';
 export interface DSFFooterProps {
     privacyStatementUrl?: string;
     cookiePolicyUrl?: string;
@@ -10,14 +10,16 @@ export interface DSFFooterProps {
     accessibilityStatementText?: string;
     cyprusRepublicText?: string;
     hasScroll?: boolean;
+    newTab?: boolean;
 }
 declare const DSFFooter: {
-    ({ privacyStatementUrl, cookiePolicyUrl, accessibilityStatementUrl, privacyStatementText, cookiePolicyText, accessibilityStatementText, cyprusRepublicText, hasScroll, }: DSFFooterProps): React.JSX.Element;
+    ({ privacyStatementUrl, cookiePolicyUrl, accessibilityStatementUrl, privacyStatementText, cookiePolicyText, accessibilityStatementText, cyprusRepublicText, hasScroll, newTab, }: DSFFooterProps): React.JSX.Element;
     defaultProps: {
         privacyStatementUrl: undefined;
         cookiePolicyUrl: undefined;
         accessibilityStatementUrl: undefined;
         hasScroll: boolean;
+        newTab: boolean;
     };
     displayName: string;
 };

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

@@ -1,5 +1,6 @@
 import React, { ChangeEvent } from 'react';
 import '../../resources/css/dsf.main.min.css';
+import '../../resources/css/custom.css';
 export type NavMenuItem = {
     label: string;
     href: string;
@@ -12,9 +13,10 @@ export interface DSFHeaderProps {
     logoUrl?: string;
     languageHandler?: (event: ChangeEvent<HTMLSelectElement>) => void;
     defaultValue?: string | null;
+    showLogo?: boolean;
 }
 declare const DSFHeader: {
-    ({ headerTitle, menu, logoUrl, showLang, languageHandler, defaultValue }: DSFHeaderProps): React.JSX.Element;
+    ({ headerTitle, menu, logoUrl, showLang, languageHandler, defaultValue, showLogo, }: DSFHeaderProps): React.JSX.Element;
     defaultProps: {
         showLang: boolean;
         menu: undefined;

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

@@ -1,4 +1,4 @@
-import React, { FC } from 'react';
+import React from 'react';
 import '../../resources/css/dsf.main.min.css';
 import { DSFInputProps } from '../DSFInput/DSFInput';
 import { UseFormRegisterReturn } from 'react-hook-form';
@@ -17,5 +17,15 @@ export interface DSFInputFieldProps {
     errorId?: string;
     register?: UseFormRegisterReturn;
 }
-declare const DSFInputField: FC<DSFInputFieldProps>;
+declare const DSFInputField: {
+    ({ meta, label, id, children, hint, inputProps, visualSize, errorId, register, underRadio, ...props }: any): React.JSX.Element;
+    defaultProps: {
+        hint: undefined;
+        errorId: undefined;
+        visualSize: undefined;
+        inputProps: undefined;
+        register: undefined;
+        meta: {};
+    };
+};
 export default DSFInputField;

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

@@ -1,4 +1,4 @@
-import React, { FC } from 'react';
+import React from 'react';
 import '../../resources/css/dsf.main.min.css';
 export interface DSFLoadingBoxProps {
     loading: boolean;
@@ -6,5 +6,11 @@ export interface DSFLoadingBoxProps {
     withinBox?: boolean;
     children?: React.ReactNode;
 }
-declare const DSFLoadingBox: FC<DSFLoadingBoxProps>;
+declare const DSFLoadingBox: {
+    ({ loading, withinBox, loadingText, children }: DSFLoadingBoxProps): React.JSX.Element;
+    defaultProps: {
+        children: undefined;
+    };
+    displayName: string;
+};
 export default DSFLoadingBox;

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

@@ -3,7 +3,7 @@
  *
  * - https://github.com/alphagov/govuk-frontend/tree/main/src/govuk/components/back-link
  */
-import React, { FC } from 'react';
+import React from 'react';
 import '../../resources/css/dsf.main.min.css';
 export interface DSFPageProps {
     /**
@@ -35,6 +35,14 @@ export interface DSFPageProps {
      * For example: A back link component, breadcrumbs, user login component
      */
     beforeMainContainer?: React.ReactNode;
+    /**
+     *  Page SideBar if any
+     */
+    sideBar?: React.ReactNode;
+    /**
+     * Override the default page cookies component.
+     */
+    cookies?: React.ReactNode;
 }
 /**
  * Use the back link component to help users go back to the previous page in a multi-page transaction.
@@ -42,5 +50,18 @@ export interface DSFPageProps {
  * - https://govuk-react.github.io/govuk-react/?path=/docs/back-link
  * - https://design-system.service.gov.uk/components/back-link/
  */
-declare const DSFPage: FC<DSFPageProps>;
+declare const DSFPage: {
+    ({ id, children, header, footer, bodyStartContainer: bodyStartContainerContent, bodyEndContainer: bodyEndContainerContent, beforeMainContainer: beforeChildren, sideBar: sideBar, cookies: cookies, }: DSFPageProps): React.JSX.Element;
+    defaultProps: {
+        children: undefined;
+        id: string;
+        header: React.JSX.Element;
+        footer: undefined;
+        cookies: React.JSX.Element;
+        beforeMainContainer: undefined;
+        bodyStartContainer: undefined;
+        bodyEndContainer: undefined;
+    };
+    displayName: string;
+};
 export default DSFPage;

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

@@ -1,10 +1,24 @@
-import React, { FC } from 'react';
+import React from 'react';
 import '../../resources/css/dsf.main.min.css';
+export declare enum PanelEnum {
+    SUCCESS = "success",
+    DANGER = "danger",
+    INFO = "info",
+    WARNING = "secondary"
+}
 export interface DSFPanelProps {
     /** Panel title text */
     title: string;
+    type?: PanelEnum;
     /** Panel body text */
     children?: React.ReactNode;
 }
-declare const DSFPanel: FC<DSFPanelProps>;
+declare const DSFPanel: {
+    ({ title, type, children, ...props }: DSFPanelProps): React.JSX.Element;
+    defaultProps: {
+        children: undefined;
+        type: PanelEnum;
+    };
+    displayName: string;
+};
 export default DSFPanel;

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

@@ -1,4 +1,4 @@
-import React, { FC } from 'react';
+import React from 'react';
 import '../../resources/css/dsf.main.min.css';
 export interface DSFSelectProps {
     label: string;
@@ -12,6 +12,14 @@ export interface DSFSelectProps {
     children: React.ReactNode;
     defaultValue?: string | number;
     defaultLabel?: string;
+    visualSize?: number;
 }
-declare const DSFSelect: FC<DSFSelectProps>;
+declare const DSFSelect: {
+    ({ children, inputProps, label, hint, id, meta, defaultValue, defaultLabel, visualSize, }: DSFSelectProps): React.JSX.Element;
+    defaultProps: {
+        inputProps: {};
+        meta: {};
+        hint: undefined;
+    };
+};
 export default DSFSelect;

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

@@ -1,14 +1,22 @@
-import React, { FC } from 'react';
+import React from 'react';
 import '../../resources/css/dsf.main.min.css';
 export interface DSFTableProps {
     id?: string;
-    columns: TableColumn[];
+    columns: DSFTableColumn[];
     rowData: (string | number | React.ReactNode)[][];
     hideNumberingColumn?: boolean;
     inputProps?: React.SelectHTMLAttributes<HTMLTableElement>;
 }
-declare const DSFTable: FC<DSFTableProps>;
-interface TableColumn {
+declare const DSFTable: {
+    ({ columns, rowData, hideNumberingColumn, id, inputProps }: DSFTableProps): React.JSX.Element;
+    defaultProps: {
+        columns: never[];
+        rowData: never[];
+        hideNumberingColumn: boolean;
+    };
+    displayName: string;
+};
+export interface DSFTableColumn {
     header: string;
     align?: 'left' | 'right';
 }

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

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

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

@@ -1,4 +1,4 @@
-import { FC } from 'react';
+import React from 'react';
 import '../../resources/css/dsf.main.min.css';
 export interface DSFUserSignOutProps {
     label?: string;
@@ -6,5 +6,10 @@ export interface DSFUserSignOutProps {
     onClick?: () => void;
     href: string;
 }
-declare const DSFUserSignOut: FC<DSFUserSignOutProps>;
+declare const DSFUserSignOut: {
+    ({ label, fullName, onClick, href }: DSFUserSignOutProps): React.JSX.Element;
+    defaultProps: {
+        href: string;
+    };
+};
 export default DSFUserSignOut;

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

@@ -21,7 +21,8 @@ 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 } from './DSFTable';
+export { default as DSFTable, DSFTableColumn } 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';