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

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

@@ -1,15 +0,0 @@
-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

@@ -1,49 +0,0 @@
-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

@@ -1,56 +0,0 @@
-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

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

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

@@ -1,13 +0,0 @@
-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

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

package/dist/cjs/stories/Button.d.ts

@@ -1,29 +0,0 @@
-import React from 'react';
-import './button.css';
-interface ButtonProps {
-    /**
-     * Is this the principal call to action on the page?
-     */
-    primary?: boolean;
-    /**
-     * What background color to use
-     */
-    backgroundColor?: string;
-    /**
-     * How large should the button be?
-     */
-    size?: 'small' | 'medium' | 'large';
-    /**
-     * Button contents
-     */
-    label: string;
-    /**
-     * Optional click handler
-     */
-    onClick?: () => void;
-}
-/**
- * Primary UI component for user interaction
- */
-export declare const Button: ({ primary, size, backgroundColor, label, ...props }: ButtonProps) => React.JSX.Element;
-export {};

package/dist/cjs/stories/Header.d.ts

@@ -1,13 +0,0 @@
-import React from 'react';
-import './header.css';
-type User = {
-    name: string;
-};
-interface HeaderProps {
-    user?: User;
-    onLogin: () => void;
-    onLogout: () => void;
-    onCreateAccount: () => void;
-}
-export declare const Header: ({ user, onLogin, onLogout, onCreateAccount }: HeaderProps) => React.JSX.Element;
-export {};

package/dist/cjs/stories/Page.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import './page.css';
-export declare const Page: React.FC;

package/dist/cjs/stories/Page.stories.d.ts

@@ -1,13 +0,0 @@
-/// <reference types="react" />
-import type { StoryObj } from '@storybook/react';
-declare const meta: {
-    title: string;
-    component: import("react").FC<{}>;
-    parameters: {
-        layout: string;
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const LoggedOut: Story;
-export declare const LoggedIn: Story;