dfh-ui-library 1.1.4 → 1.1.5

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 {};

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import React$1, { InputHTMLAttributes, FC } from 'react';
+import React$1, { InputHTMLAttributes, SelectHTMLAttributes, FC, TextareaHTMLAttributes } from 'react';
 
 type AlignmentType = "center" | "left" | "right";
 type IconColorTypes = "white" | "black-900" | "gray-220" | "gray-720" | "inherit" | "gray-300" | string;
@@ -77,12 +77,12 @@ interface TyphographyProps extends ChildrenProp, AdditionalClassesProp {
     color?: string;
     onClick?: () => void;
 }
-type InputType = "text" | "email" | "password" | "name" | "date";
+type InputType$1 = "text" | "email" | "password" | "name" | "date";
 interface HookFormsInputProps extends InputHTMLAttributes<HTMLInputElement> {
     /**
      * Set Input type
      */
-    type?: InputType;
+    type?: InputType$1;
     /**
      * Set new variant of the input
      */
@@ -144,6 +144,83 @@ interface HookFormsInputProps extends InputHTMLAttributes<HTMLInputElement> {
     isAdditionalErrorInput?: boolean;
     fullError?: boolean;
 }
+interface CheckboxProps {
+    onChange?: (checked: boolean) => void;
+    checked?: boolean;
+    id?: any;
+    label?: string;
+}
+type LABELTYPE = "default" | "black" | "smallSelect" | "blackSmall" | undefined;
+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;
+}
+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;
+}
 
 declare const Button: ({ type, isDisabled, buttonLabel, iconType, iconColor, iconAlignment, isIconEnabled, variants, additionalClasses, iconClass, onClick, }: ButtonProps) => React$1.JSX.Element;
 
@@ -152,9 +229,84 @@ declare const Button: ({ type, isDisabled, buttonLabel, iconType, iconColor, ico
  */
 declare const Typhography: ({ type, component, color, additionalClasses, children, onClick, ...rest }: TyphographyProps) => React$1.JSX.Element;
 
+declare const Checkbox: React$1.FC<CheckboxProps>;
+
+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$1.FC<InputValidationProps>;
+
 /**
  * Primary UI component for user interaction
  */
 declare const Input: FC<HookFormsInputProps>;
 
-export { Button, Input, Typhography };
+/**
+ * Primary UI component for user interaction
+ */
+declare const Label: React$1.FC<LabelProps>;
+
+/**
+ * Primary UI component for user interaction
+ */
+declare const Select: React$1.FC<SelectProps>;
+
+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$1.FC<InputProps>;
+
+export { Button, Checkbox as CheckBox, Input, InputValidation, Label, Select, Textarea, Typhography };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dfh-ui-library",
-  "version": "1.1.4",
+  "version": "1.1.5",
   "description": "",
   "scripts": {
     "rollup": "rollup -c --bundleConfigAsCjs",