@netu-si/netu-react-dsf-components 0.0.1

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

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+import '../../resources/css/dsf.main.min.css';
+import { LinkProps } from 'react-router-dom';
+export interface DSFBackLinkProps extends LinkProps {
+    onBackClick?: () => void;
+}
+declare const DSFBackLink: FC<DSFBackLinkProps>;
+export default DSFBackLink;

package/dist/esm/components/DSFBackLink/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./DSFBackLink";

package/dist/esm/components/DSFBeforeMainContainer/DSFBeforeMainContainer.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import '../../resources/css/dsf.main.min.css';
+export interface DSFBeforeMainContainerProps {
+    children: React.ReactNode;
+}
+declare const DSFBeforeMainContainer: {
+    ({ children }: DSFBeforeMainContainerProps): React.JSX.Element;
+    defaultProps: {
+        children: undefined;
+    };
+    displayName: string;
+};
+export default DSFBeforeMainContainer;

package/dist/esm/components/DSFBeforeMainContainer/index.d.ts

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

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

@@ -0,0 +1,13 @@
+import React from 'react';
+import '../../resources/css/dsf.main.min.css';
+export interface DSFBodyEndContainerProps {
+    children?: React.ReactNode;
+}
+declare const DSFBodyEndContainer: {
+    ({ children }: DSFBodyEndContainerProps): React.JSX.Element;
+    defaultProps: {
+        children: undefined;
+    };
+    displayName: string;
+};
+export default DSFBodyEndContainer;

package/dist/esm/components/DSFBodyEndContainer/index.d.ts

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

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

@@ -0,0 +1,13 @@
+import React from 'react';
+import '../../resources/css/dsf.main.min.css';
+export interface DSFBodyStartContainerProps {
+    children: React.ReactNode;
+}
+declare const DSFBodyStartContainer: {
+    ({ children }: DSFBodyStartContainerProps): React.JSX.Element;
+    defaultProps: {
+        children: undefined;
+    };
+    displayName: string;
+};
+export default DSFBodyStartContainer;

package/dist/esm/components/DSFBodyStartContainer/index.d.ts

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

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

@@ -0,0 +1,14 @@
+import React, { FC } from 'react';
+import '../../resources/css/dsf.main.min.css';
+export interface DSFButtonProps extends React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement> {
+    /**
+     * Id of the button
+     */
+    id: string;
+    /**
+     * React Node to be displayed on the button, can be a string or any other react node
+     */
+    children: React.ReactNode;
+}
+declare const DSFButton: FC<DSFButtonProps>;
+export default DSFButton;

package/dist/esm/components/DSFButton/DSFInputField.d.ts

@@ -0,0 +1,15 @@
+import { FC } from "react";
+import "../../resources/css/dsf.main.min.css";
+import { DSFInputProps } from "../DSFInput/DSFInput";
+export interface DSFInputFieldProps {
+    label: string;
+    hint?: string;
+    id: string;
+    inputProps?: DSFInputProps;
+    meta: {
+        error?: string | string[];
+        touched?: boolean;
+    };
+}
+declare const DSFInputField: FC<DSFInputFieldProps>;
+export default DSFInputField;

package/dist/esm/components/DSFButton/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./DSFButton";

package/dist/esm/components/DSFCheckbox/DSFCheckbox.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+import '../../resources/css/dsf.main.min.css';
+export interface DSFCheckboxProps extends React.InputHTMLAttributes<HTMLInputElement> {
+    /**
+     * React Node to be displayed on the button, can be a string or any other react node
+     */
+    id?: string;
+    /**
+     * Hint text
+     */
+    hint?: React.ReactNode;
+    /**
+     * React Node to be displayed as label, can be a combination of compnents
+     */
+    children: React.ReactNode;
+    /**
+     * Custom style class to be added in the checkbox
+     */
+    className?: string;
+}
+declare const DSFCheckbox: React.ForwardRefExoticComponent<DSFCheckboxProps & React.RefAttributes<HTMLInputElement>>;
+export default DSFCheckbox;

package/dist/esm/components/DSFCheckbox/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./DSFCheckbox";

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

@@ -0,0 +1,83 @@
+import '../../resources/css/dsf.main.min.css';
+import React, { RefObject } from 'react';
+import { DSFInputProps } from '../DSFInput/DSFInput';
+interface InputRefObject {
+    day: RefObject<HTMLInputElement>;
+    month: RefObject<HTMLInputElement>;
+    year: RefObject<HTMLInputElement>;
+}
+export interface DSFDateInputProps {
+    /**
+     * ID of the component
+     */
+    id: string;
+    /**
+     * Input label
+     */
+    label: string;
+    /**
+     * Hint text
+     */
+    hint?: string;
+    /**
+     * Error text to be shown
+     */
+    errorText?: string;
+    /**
+     * Refs to the individual input elements for day, month, year
+     */
+    refs?: InputRefObject;
+    /**
+     * Overrides the labels for each input
+     */
+    labels?: {
+        day: string;
+        month: string;
+        year: string;
+    };
+    /**
+     * Native input attributes to be added to each date input
+     */
+    inputs?: {
+        day?: DSFInputProps;
+        month?: DSFInputProps;
+        year?: DSFInputProps;
+    };
+    /**
+     * Initialize each input with specific values
+     */
+    defaultValues?: {
+        day?: string;
+        month?: string;
+        year?: string;
+    };
+    /**
+     * 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;
+        };
+    };
+}
+declare const DSFDateInput: React.FC<DSFDateInputProps>;
+export default DSFDateInput;

package/dist/esm/components/DSFDateInput/Input.d.ts

@@ -0,0 +1,49 @@
+import * as React from 'react';
+import DSFInput, { DSFInputProps as BaseInputProps } from '../DSFInput/DSFInput';
+type InputsType = {
+    [key: string]: BaseInputProps | undefined;
+    day?: BaseInputProps;
+    month?: BaseInputProps;
+    year?: BaseInputProps;
+};
+export interface DateInputProps {
+    id: string;
+    names?: {
+        day?: string;
+        month?: string;
+        year?: string;
+    };
+    defaultValues?: {
+        day?: string;
+        month?: string;
+        year?: string;
+    };
+    /**
+     * Custom props to pass down to the input fields
+     */
+    inputs?: InputsType;
+    value?: {
+        day?: string;
+        month?: string;
+        year?: string;
+    };
+    labels?: {
+        day?: string;
+        month?: string;
+        year?: string;
+    };
+    /**
+     * This comes from the multiInputInput HOC and is needed to track all 3 inputs
+     */
+    refs?: (refs: {
+        day?: React.Ref<typeof DSFInput>;
+        month?: React.Ref<typeof DSFInput>;
+        year?: React.Ref<typeof DSFInput>;
+    }) => void;
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>, key: string) => void;
+    onBlur?: (e: React.FocusEvent<HTMLInputElement>, key: string) => void;
+    onFocus?: (e: React.FocusEvent<HTMLInputElement>, key: string) => void;
+    error?: boolean;
+}
+declare const _default: any;
+export default _default;

package/dist/esm/components/DSFDateInput/index.d.ts

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

package/dist/esm/components/DSFDateInput2/DSFDateInput2.d.ts

@@ -0,0 +1,56 @@
+import '../../resources/css/dsf.main.min.css';
+import React, { RefObject } from 'react';
+import { DSFInputProps } from '../DSFInput/DSFInput';
+interface InputRefObject {
+    day: RefObject<HTMLInputElement>;
+    month: RefObject<HTMLInputElement>;
+    year: RefObject<HTMLInputElement>;
+}
+export interface DSFDateInput2Props {
+    id: string;
+    label: string;
+    hint?: string;
+    errorText?: string;
+    refs?: InputRefObject;
+    labels?: {
+        day: string;
+        month: string;
+        year: string;
+    };
+    inputs?: {
+        day?: DSFInputProps;
+        month?: DSFInputProps;
+        year?: DSFInputProps;
+    };
+    defaultValues?: {
+        day?: string;
+        month?: string;
+        year?: string;
+    };
+    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;
+        };
+    };
+}
+declare const DSFDateInput2: React.FC<DSFDateInput2Props>;
+export default DSFDateInput2;

package/dist/esm/components/DSFDateInput2/index.d.ts

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

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

@@ -0,0 +1,15 @@
+import { FC } from 'react';
+import '../../resources/css/dsf.main.min.css';
+export interface DSFErrorSummaryProps {
+    /** onClick function to scroll the target element into view */
+    onHandleErrorClick?: (targetName: string) => void;
+    /** Heading text */
+    heading?: string;
+    /** Array of errors with text and target element name to scroll into view when clicked */
+    errors?: {
+        targetName?: string;
+        text?: string;
+    }[];
+}
+declare const DSFErrorSummary: FC<DSFErrorSummaryProps>;
+export default DSFErrorSummary;

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

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

package/dist/esm/components/DSFErrorText/DSFErrorText.d.ts

@@ -0,0 +1,9 @@
+import React, { FC } from 'react';
+import '../../resources/css/dsf.main.min.css';
+export interface DSFErrorTextProps {
+    id?: string;
+    className?: string;
+    children: React.ReactNode;
+}
+declare const DSFErrorText: FC<DSFErrorTextProps>;
+export default DSFErrorText;

package/dist/esm/components/DSFErrorText/index.d.ts

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

package/dist/esm/components/DSFFieldSet/DSFFieldSet.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import '../../resources/css/dsf.main.min.css';
+export interface DSFFieldSetProps {
+    legend: React.ReactNode;
+    children?: React.ReactNode;
+}
+declare const DSFFieldSet: React.FC<DSFFieldSetProps>;
+export default DSFFieldSet;

package/dist/esm/components/DSFFieldSet/index.d.ts

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

package/dist/esm/components/DSFFileUpload/DSFFileUpload.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import '../../resources/css/dsf.main.min.css';
+export interface DSFFileUploadProps extends React.InputHTMLAttributes<HTMLInputElement> {
+    id: string;
+    meta: {
+        error?: string | string[];
+        touched?: boolean;
+    };
+    label: string;
+    hint?: string;
+    onChange?: React.ChangeEventHandler<HTMLInputElement>;
+    acceptedFormats?: string;
+}
+declare const DSFFileUpload: React.ForwardRefExoticComponent<DSFFileUploadProps & React.RefAttributes<HTMLInputElement>>;
+export default DSFFileUpload;

package/dist/esm/components/DSFFileUpload/index.d.ts

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

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

@@ -0,0 +1,17 @@
+import React from 'react';
+import '../../resources/css/dsf.main.min.css';
+export interface DSFFooterProps {
+    privacyStatementUrl?: string;
+    cookiePolicyUrl?: string;
+    accessibilityStatementUrl?: string;
+}
+declare const DSFFooter: {
+    ({ privacyStatementUrl, cookiePolicyUrl, accessibilityStatementUrl }: DSFFooterProps): React.JSX.Element;
+    defaultProps: {
+        privacyStatementUrl: undefined;
+        cookiePolicyUrl: undefined;
+        accessibilityStatementUrl: undefined;
+    };
+    displayName: string;
+};
+export default DSFFooter;

package/dist/esm/components/DSFFooter/index.d.ts

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

package/dist/esm/components/DSFFormGroup/DSFFormGroup.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import '../../resources/css/dsf.main.min.css';
+export interface DSFFormGroupProps {
+    label?: string;
+    name: string;
+    error?: string;
+    hint?: string;
+    children?: React.ReactNode;
+}
+export interface IFormGroupContext {
+    error?: string;
+    errorId: string;
+    childrenCount: number;
+}
+export declare const FormGroupContext: React.Context<IFormGroupContext>;
+declare const DSFFormGroup: React.FC<DSFFormGroupProps>;
+export default DSFFormGroup;

package/dist/esm/components/DSFFormGroup/index.d.ts

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

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

@@ -0,0 +1,21 @@
+import React from 'react';
+import '../../resources/css/dsf.main.min.css';
+export type NavMenuItem = {
+    label: string;
+    href: string;
+};
+export interface DSFHeaderProps {
+    headerTitle: string;
+    showLang?: boolean;
+    menu?: NavMenuItem[];
+}
+declare const DSFHeader: {
+    ({ headerTitle, menu, showLang }: DSFHeaderProps): React.JSX.Element;
+    defaultProps: {
+        showLang: boolean;
+        menu: undefined;
+        headerTitle: string;
+    };
+    displayName: string;
+};
+export default DSFHeader;

package/dist/esm/components/DSFHeader/index.d.ts

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

package/dist/esm/components/DSFHintText/DSFHintText.d.ts

@@ -0,0 +1,9 @@
+import React, { FC } from 'react';
+import '../../resources/css/dsf.main.min.css';
+export interface DSFHintTextProps {
+    id?: string;
+    children: React.ReactNode;
+    className?: string;
+}
+declare const DSFHintText: FC<DSFHintTextProps>;
+export default DSFHintText;

package/dist/esm/components/DSFHintText/index.d.ts

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

package/dist/esm/components/DSFInput/DSFInput.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import '../../resources/css/dsf.main.min.css';
+export interface DSFInputProps extends React.InputHTMLAttributes<HTMLInputElement> {
+    id?: string;
+    error?: boolean;
+    visualSize?: number;
+    errorId?: string;
+    register?: (rules?: any) => void;
+}
+declare const DSFInput: React.ForwardRefExoticComponent<DSFInputProps & React.RefAttributes<HTMLInputElement>>;
+export default DSFInput;

package/dist/esm/components/DSFInput/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./DSFInput";

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

@@ -0,0 +1,21 @@
+import React, { FC } from 'react';
+import '../../resources/css/dsf.main.min.css';
+import { DSFInputProps } from '../DSFInput/DSFInput';
+import { UseFormRegisterReturn } from 'react-hook-form';
+export interface DSFInputFieldProps {
+    label: string;
+    hint?: React.ReactNode;
+    underRadio?: boolean;
+    id: string;
+    inputProps?: DSFInputProps;
+    input?: DSFInputProps;
+    meta: {
+        error?: string | string[];
+        touched?: boolean;
+    };
+    visualSize?: number;
+    errorId?: string;
+    register?: UseFormRegisterReturn;
+}
+declare const DSFInputField: FC<DSFInputFieldProps>;
+export default DSFInputField;

package/dist/esm/components/DSFInputField/index.d.ts

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

package/dist/esm/components/DSFLabel/DSFLabel.d.ts

@@ -0,0 +1,8 @@
+import React, { FC } from 'react';
+import '../../resources/css/dsf.main.min.css';
+export interface DSFLabelProps extends React.DetailedHTMLProps<React.LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement> {
+    label: string;
+    htmlFor?: string;
+}
+declare const DSFLabel: FC<DSFLabelProps>;
+export default DSFLabel;

package/dist/esm/components/DSFLabel/index.d.ts

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

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

@@ -0,0 +1,9 @@
+import React from 'react';
+import '../../resources/css/dsf.main.min.css';
+export interface DSFLoadingBoxProps {
+    loading: boolean;
+    spinnerColor?: string;
+    children?: React.ReactNode;
+}
+declare const DSFLoadingBox: React.FC<DSFLoadingBoxProps>;
+export default DSFLoadingBox;

package/dist/esm/components/DSFLoadingBox/index.d.ts

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

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

@@ -0,0 +1,13 @@
+import React from 'react';
+import '../../resources/css/dsf.main.min.css';
+export interface DSFMainProps {
+    children: React.ReactNode;
+}
+declare const DSFMain: {
+    ({ children }: DSFMainProps): React.JSX.Element;
+    defaultProps: {
+        children: undefined;
+    };
+    displayName: string;
+};
+export default DSFMain;

package/dist/esm/components/DSFMain/index.d.ts

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

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

@@ -0,0 +1,10 @@
+import React, { FC } from "react";
+import "../../resources/css/dsf.main.min.css";
+export interface DSFPanelProps {
+    /** Panel title text */
+    title: string;
+    /** Panel body text */
+    children?: React.ReactNode;
+}
+declare const DSFPanel: FC<DSFPanelProps>;
+export default DSFPanel;

package/dist/esm/components/DSFPanel/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./DSFPanel";

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

@@ -0,0 +1,16 @@
+import React from 'react';
+import '../../resources/js/bootstrap.bundle.min.js';
+import '../../resources/js/app.min.js';
+import '../../resources/css/dsf.main.min.css';
+export interface DSFRadioProps extends React.InputHTMLAttributes<HTMLInputElement> {
+    hint?: React.ReactNode;
+    children: React.ReactNode;
+    collapsed?: {
+        node?: React.ReactNode;
+        className: string;
+    };
+    className?: string;
+    inline?: boolean;
+}
+declare const DSFRadio: React.ForwardRefExoticComponent<DSFRadioProps & React.RefAttributes<HTMLInputElement>>;
+export default DSFRadio;

package/dist/esm/components/DSFRadio/index.d.ts

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

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

@@ -0,0 +1,15 @@
+import React, { FC } from 'react';
+import '../../resources/css/dsf.main.min.css';
+export interface DSFSelectProps {
+    label: string;
+    hint?: React.ReactNode;
+    id: string;
+    inputProps?: React.SelectHTMLAttributes<HTMLSelectElement>;
+    meta: {
+        error?: string | string[];
+        touched?: boolean;
+    };
+    children: React.ReactNode;
+}
+declare const DSFSelect: FC<DSFSelectProps>;
+export default DSFSelect;

package/dist/esm/components/DSFSelect/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./DSFSelect";

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

@@ -0,0 +1,15 @@
+import React from 'react';
+import '../../resources/css/dsf.main.min.css';
+export interface DSFSkipLinkProps {
+    href?: string;
+    children?: React.ReactNode;
+}
+declare const DSFSkipLink: {
+    ({ href, children }: DSFSkipLinkProps): React.JSX.Element;
+    defaultProps: {
+        children: string;
+        href: string;
+    };
+    displayName: string;
+};
+export default DSFSkipLink;

package/dist/esm/components/DSFSkipLink/index.d.ts

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

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

@@ -0,0 +1,12 @@
+import React from 'react';
+import '../../resources/css/dsf.main.min.css';
+interface TableColumn {
+    header: string;
+    type?: 'text' | 'number';
+}
+export interface DSFTableProps {
+    columns: TableColumn[];
+    rowData: (string | number)[][];
+}
+declare const DSFTable: React.FC<DSFTableProps>;
+export default DSFTable;