dfh-ui-library 1.1.4 → 1.1.6

package/dist/esm/types/components/FormElements/CheckBox/CheckBox.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { CheckboxProps } from "../../../shared/models/components/base.model";
+declare const Checkbox: React.FC<CheckboxProps>;
+export default Checkbox;

package/dist/esm/types/components/FormElements/CheckBox/index.d.ts

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

package/dist/esm/types/components/FormElements/InputValidation/InputValidation.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+interface InputValidationProps {
+    /**
+     * Set validation message
+     */
+    message?: string | undefined;
+    /**
+     * Optional for additional classes
+     */
+    additionalClasses?: string | undefined;
+}
+/**
+ * Primary UI component for user interaction
+ */
+declare const InputValidation: React.FC<InputValidationProps>;
+export default InputValidation;

package/dist/esm/types/components/FormElements/InputValidation/index.d.ts

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

package/dist/esm/types/components/FormElements/Label/Label.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import { LabelProps } from "../../../shared/models/components/base.model";
+/**
+ * Primary UI component for user interaction
+ */
+declare const Label: React.FC<LabelProps>;
+export default Label;

package/dist/esm/types/components/FormElements/Label/index.d.ts

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

package/dist/esm/types/components/FormElements/RadioButton/RadioButton.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import { RadioProps } from "../../../shared/models/components/base.model";
+/**
+ * Primary UI component for user interaction
+ */
+declare const RadioButton: React.FC<RadioProps>;
+export default RadioButton;

package/dist/esm/types/components/FormElements/RadioButton/index.d.ts

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

package/dist/esm/types/components/FormElements/Select/Select.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import { SelectProps } from "../../../shared/models/components/base.model";
+/**
+ * Primary UI component for user interaction
+ */
+declare const Select: React.FC<SelectProps>;
+export default Select;

package/dist/esm/types/components/FormElements/Select/index.d.ts

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

package/dist/esm/types/components/FormElements/Textarea/Textarea.d.ts

@@ -0,0 +1,49 @@
+import React, { TextareaHTMLAttributes } from "react";
+type InputType = "text" | "email" | "password" | "name";
+interface InputProps extends TextareaHTMLAttributes<HTMLTextAreaElement> {
+    /**
+     * Set Input type
+     */
+    type?: InputType;
+    /**
+     * Set Input name
+     */
+    name: string;
+    /**
+     * Set the Label Type
+     */
+    labelType?: "default" | "black" | "smallSelect";
+    /**
+     * Set Input label name
+     */
+    label?: string | undefined;
+    /**
+     * Ser Error message
+     */
+    error?: string;
+    /**
+     * Set Wrapper classes, new classes will overide the existing default classes
+     */
+    wrapperClass?: string | undefined;
+    /**
+     * Optional for additional classes
+     */
+    additionalClasses?: string | undefined;
+    /**
+     * Enable read only
+     */
+    readonly?: boolean;
+    /**
+     * LabelClasses
+     */
+    labelClasses?: string;
+    /**
+     * Set label only
+     */
+    onlyLabel?: boolean;
+}
+/**
+ * Primary UI component for user interaction
+ */
+declare const Textarea: React.FC<InputProps>;
+export default Textarea;

package/dist/esm/types/components/FormElements/Textarea/index.d.ts

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

package/dist/esm/types/components/FormElements/index.d.ts

@@ -0,0 +1,7 @@
+export { default as CheckBox } from "./CheckBox";
+export { default as InputValidation } from "./InputValidation";
+export { default as Input } from "./Input";
+export { default as Label } from "./Label";
+export { default as Select } from "./Select";
+export { default as RadioButton } from "./RadioButton";
+export { default as Textarea } from "./Textarea";

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

@@ -1,4 +1,4 @@
 import "../index.css";
 export { default as Button } from "./Button";
 export { default as Typhography } from "./Typhography";
-export { default as Input } from "./FormElements/Input";
+export { Input, Select, CheckBox, Label, InputValidation, Textarea, } from "./FormElements";

package/dist/esm/types/shared/models/components/base.model.d.ts

@@ -1,4 +1,4 @@
-import { InputHTMLAttributes } from "react";
+import { InputHTMLAttributes, SelectHTMLAttributes } from "react";
 import { AdditionalClassesProp, ChildrenProp, IconTypeProp, AlignmentType, OnClickEventProps, TyphoTypes, TyphoComponents, IconHoverColorTypes } from "./common.model";
 export interface ButtonProps extends ChildrenProp, AdditionalClassesProp, IconTypeProp, OnClickEventProps {
     /**
@@ -131,4 +131,98 @@ export interface HookFormsInputProps extends InputHTMLAttributes<HTMLInputElemen
     isAdditionalErrorInput?: boolean;
     fullError?: boolean;
 }
+export interface CheckboxProps {
+    onChange?: (checked: boolean) => void;
+    checked?: boolean;
+    id?: any;
+    label?: string;
+}
+export type LABELTYPE = "default" | "black" | "smallSelect" | "blackSmall" | undefined;
+export interface LabelProps {
+    /**
+     * Set the Label Type
+     */
+    labelType?: LABELTYPE;
+    /**
+     * Label name
+     */
+    name: string | undefined;
+    /**
+     * Label contents
+     */
+    label?: string | undefined;
+    /**
+     * Add children
+     */
+    children?: React.ReactNode;
+    /**
+     * Optional for additional classes
+     */
+    additionalClasses?: string | undefined;
+    /**
+     * inner span Classes
+     */
+    labelSpanClasses?: string;
+}
+export interface RadioProps extends InputHTMLAttributes<HTMLInputElement> {
+    /**
+     * Set Input name
+     */
+    name?: string;
+    /**
+     * Set Input label name
+     */
+    label?: string | undefined;
+    /**
+     * Optional for additional classes
+     */
+    additionalClasses?: string | undefined;
+    id?: any;
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    isDeafult?: boolean;
+}
+export interface SelectProps extends SelectHTMLAttributes<HTMLSelectElement> {
+    /**
+     * Type
+     */
+    selectType?: "small" | "medium";
+    /**
+     * Set Input type
+     */
+    options?: (string | number)[];
+    /**
+     * Set Input name
+     */
+    name: string;
+    /**
+     * Set Label type
+     */
+    labelType?: "default" | "black" | "smallSelect" | "blackSmall";
+    /**
+     * Set Input label name
+     */
+    label?: string | undefined;
+    /**
+     * LabelClasses
+     */
+    labelClasses?: string;
+    /**
+     * Default text for placeholder
+     */
+    defaultText?: string | undefined;
+    /**
+     * Ser Error message
+     */
+    error?: string;
+    /**
+     * Set Wrapper classes, new classes will overide the existing default classes
+     */
+    wrapperClass?: string | undefined;
+    /**
+     * Optional for additional classes
+     */
+    additionalClasses?: string | undefined;
+    updateInputValue?: (e: React.ChangeEvent<HTMLSelectElement>) => void;
+    defaultValue?: string;
+}
 export {};