@netu-si/netu-react-dsf-components 0.0.13 → 0.0.14

package/dist/cjs/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/cjs/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/cjs/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/cjs/components/DSFDateInput2/index.d.ts

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

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

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

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

@@ -0,0 +1,13 @@
+import { FC } from "react";
+import "../../resources/css/dsf.main.min.css";
+export interface DSFTextInputProps {
+    label?: string;
+    hint?: string;
+    id?: string;
+    error?: string;
+    visualSize?: number;
+    disabled?: boolean;
+    required?: boolean;
+}
+declare const DSFTextInput: FC<DSFTextInputProps>;
+export default DSFTextInput;

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

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