dfh-ui-library 1.1.7 → 1.1.8

package/dist/index.d.ts

@@ -1,401 +1,356 @@
 /// <reference types="react" />
-import React$1, {
-  InputHTMLAttributes,
-  SelectHTMLAttributes,
-  FC,
-  TextareaHTMLAttributes,
-} from "react";
+import React$1, { InputHTMLAttributes, SelectHTMLAttributes, TextareaHTMLAttributes, FC } from 'react';
 
 type AlignmentType = "center" | "left" | "right";
-type IconColorTypes =
-  | "white"
-  | "black-900"
-  | "gray-220"
-  | "gray-720"
-  | "inherit"
-  | "gray-300"
-  | string;
-type IconType =
-  | "Home"
-  | "Info"
-  | "Email"
-  | "RightArrow"
-  | "DropDown"
-  | "DropDownArrow"
-  | "WhiteArrow"
-  | "TrashIcon"
-  | "AddNewitemIcon"
-  | "OkIcon"
-  | "EditIcon"
-  | "Delete"
-  | "AddIcon"
-  | "RemoveTrashIcon"
-  | "RoundTickIcon"
-  | "ValidationWarningIcon"
-  | "WarningIcon"
-  | "NeturalIcon"
-  | "SuccessIcon"
-  | string;
+type IconColorTypes = "white" | "black-900" | "gray-220" | "gray-720" | "inherit" | "gray-300" | string;
+type IconType = "Home" | "Info" | "Email" | "RightArrow" | "DropDown" | "DropDownArrow" | "WhiteArrow" | "TrashIcon" | "AddNewitemIcon" | "OkIcon" | "EditIcon" | "Delete" | "AddIcon" | "RemoveTrashIcon" | "RoundTickIcon" | "ValidationWarningIcon" | "WarningIcon" | "NeturalIcon" | "SuccessIcon" | string;
 interface IChildrenProp {
-  /**
-   * Se the child node and element;
-   */
-  children?: React.ReactNode;
+    /**
+     * Se the child node and element;
+     */
+    children?: React.ReactNode;
 }
 interface IIconTypeProp {
-  /**
-   * Set icon type
-   */
-  iconType?: IconType;
-  /**
-   * Set the Icon Color
-   */
-  iconColor?: IconColorTypes;
+    /**
+     * Set icon type
+     */
+    iconType?: IconType;
+    /**
+     * Set the Icon Color
+     */
+    iconColor?: IconColorTypes;
 }
 interface IAdditionalClassesProp {
-  /**
-   * Optional | Set the additional classes
-   */
-  additionalClasses?: string | undefined;
+    /**
+     * Optional | Set the additional classes
+     */
+    additionalClasses?: string | undefined;
 }
 interface IOnClickEventProps {
-  onClick?: () => void;
+    onClick?: () => void;
 }
-type TyphoTypes =
-  | "h1"
-  | "h1Bold"
-  | "h1ExtraBold"
-  | "h2"
-  | "h2Bold"
-  | "h2ExtraBold"
-  | "h10"
-  | "h10Bold"
-  | "h10ExtraBold"
-  | "h6"
-  | "h6Bold"
-  | "h6ExtraBold"
-  | "header1"
-  | "header2"
-  | "label1"
-  | "label2";
+type TyphoTypes = "h1" | "h1Bold" | "h1ExtraBold" | "h2" | "h2Bold" | "h2ExtraBold" | "h10" | "h10Bold" | "h10ExtraBold" | "h6" | "h6Bold" | "h6ExtraBold" | "header1" | "header2" | "label1" | "label2" | "p";
 type TyphoComponents = "p" | "span" | "em" | "div" | undefined;
+interface IInputValidationProps {
+    /**
+     * Set validation message
+     */
+    message?: string | undefined;
+    /**
+     * Optional for additional classes
+     */
+    additionalClasses?: string | undefined;
+}
 
-interface ButtonProps
-  extends ChildrenProp,
-    AdditionalClassesProp,
-    IconTypeProp,
-    OnClickEventProps {
-  /**
-   * Set the button type
-   */
-  type?: "submit" | "button";
-  /**
-   * Button Variants
-   */
-  variants?:
-    | "large"
-    | "small"
-    | "extraSmall"
-    | "largeOutlined"
-    | "smallOutlined"
-    | "extraSmallOutlined"
-    | "default"
-    | "defaultOutlined";
-  /**
-   * Set the button disable state
-   */
-  isDisabled?: boolean;
-  /**
-   * Set the button Label
-   */
-  buttonLabel?: string | number;
-  /**
-   * Set the icon visibility
-   */
-  isIconEnabled?: boolean;
-  /**
-   * Set the icon Alignment
-   */
-  iconAlignment?: AlignmentType;
-  /**
-   * Set icon classes
-   */
-  iconClass?: string;
+interface IButtonProps extends IChildrenProp, IAdditionalClassesProp, IIconTypeProp, IOnClickEventProps {
+    /**
+     * Set the button type
+     */
+    type?: "submit" | "button";
+    /**
+     * Button Variants
+     */
+    variants?: "large" | "small" | "extraSmall" | "largeOutlined" | "smallOutlined" | "extraSmallOutlined" | "default" | "defaultOutlined";
+    /**
+     * Set the button disable state
+     */
+    isDisabled?: boolean;
+    /**
+     * Set the button Label
+     */
+    buttonLabel?: string | number;
+    /**
+     * Set the icon visibility
+     */
+    isIconEnabled?: boolean;
+    /**
+     * Set the icon Alignment
+     */
+    iconAlignment?: AlignmentType;
+    /**
+     * Set icon classes
+     */
+    iconClass?: string;
 }
-interface ITyphographyProps extends ChildrenProp, AdditionalClassesProp {
-  /**
-   * Set element type
-   */
-  type?: TyphoTypes;
-  /**
-   * Set element node of the content wrapper
-   */
-  component?: TyphoComponents;
-  /**
-   * Set font-color of the content
-   */
-  color?: string;
-  onClick?: () => void;
+interface ITyphographyProps extends IChildrenProp, IAdditionalClassesProp {
+    /**
+     * Set element type
+     */
+    type?: TyphoTypes;
+    /**
+     * Set element node of the content wrapper
+     */
+    component?: TyphoComponents;
+    /**
+     * Set font-color of the content
+     */
+    color?: string;
+    onClick?: () => void;
 }
-type InputType$1 = "text" | "email" | "password" | "name" | "date";
+type InputType = "text" | "email" | "password" | "name" | "date";
 interface IHookFormsInputProps extends InputHTMLAttributes<HTMLInputElement> {
-  /**
-   * Set Input type
-   */
-  type?: InputType$1;
-  /**
-   * Set new variant of the input
-   */
-  inputVariant?: "default" | "large";
-  /**
-   * Set Input name
-   */
-  id?: string;
-  /**
-   * Set Input name
-   */
-  labelName?: string;
-  /**
-   * Set the Label Type
-   */
-  labelType?: "default" | "black" | "smallSelect" | "blackSmall";
-  /**
-   * Set Input label name
-   */
-  label?: string | undefined;
-  /**
-   * Ser Error message
-   */
-  error?: string;
-  /**
-   * Ser Error message
-   */
-  isBorderedError?: boolean;
-  /**
-   * 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 | undefined;
-  onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
-  placeholder?: string;
-  /**
-   * Set label only
-   */
-  onlyLabel?: boolean | undefined;
-  /**
-   * inner span Classes
-   */
-  labelSpanClasses?: string;
-  /**
-   * add additional InputValidation Classes
-   */
-  additionalErrorClasses?: string;
-  isAdditionalErrorInput?: boolean;
-  fullError?: boolean;
+    /**
+     * Set Input type
+     */
+    type?: InputType;
+    /**
+     * Set new variant of the input
+     */
+    inputVariant?: "default" | "large";
+    /**
+     * Set Input name
+     */
+    id?: string;
+    /**
+     * Set Input name
+     */
+    labelName?: string;
+    /**
+     * Set the Label Type
+     */
+    labelType?: "default" | "black" | "smallSelect" | "blackSmall";
+    /**
+     * Set Input label name
+     */
+    label?: string | undefined;
+    /**
+     * Ser Error message
+     */
+    error?: string;
+    /**
+     * Ser Error message
+     */
+    isBorderedError?: boolean;
+    /**
+     * 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 | undefined;
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    placeholder?: string;
+    /**
+     * Set label only
+     */
+    onlyLabel?: boolean | undefined;
+    /**
+     * inner span Classes
+     */
+    labelSpanClasses?: string;
+    /**
+     * add additional InputValidation Classes
+     */
+    additionalErrorClasses?: string;
+    isAdditionalErrorInput?: boolean;
+    fullError?: boolean;
 }
-interface CheckboxProps {
-  onChange?: (checked: boolean) => void;
-  checked?: boolean;
-  id?: any;
-  label?: string;
+interface ICheckboxProps {
+    onChange?: (checked: boolean) => void;
+    checked?: boolean;
+    id?: any;
+    label?: string;
 }
 type LABELTYPE = "default" | "black" | "smallSelect" | "blackSmall" | undefined;
 interface ILabelProps {
-  /**
-   * 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;
+    /**
+     * 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 IRadioProps 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;
 }
+interface IOption {
+    displayName: string;
+}
+type selectType = "small" | "medium";
 interface ISelectProps 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;
+    /**
+     * Type
+     */
+    selectType?: selectType;
+    /**
+     * Set Input type
+     */
+    options?: IOption[];
+    /**
+     * 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;
+}
+interface IInputProps 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;
+}
+interface ICardProps {
+    /**
+     * Set button type
+     */
+    cardType?: "lightGray" | "lightGrayHalf" | "gray" | "white" | "black" | "whiteBorder";
+    /**
+     * Optional for additional classes
+     */
+    additionalClasses?: string | undefined;
+    /**
+     * Nested child elements and contents
+     */
+    children?: React.ReactNode;
 }
 
-declare const Button: ({
-  type,
-  isDisabled,
-  buttonLabel,
-  iconType,
-  iconColor,
-  iconAlignment,
-  isIconEnabled,
-  variants,
-  additionalClasses,
-  iconClass,
-  onClick,
-}: ButtonProps) => React$1.JSX.Element;
+declare const Button: ({ type, isDisabled, buttonLabel, iconType, iconColor, iconAlignment, isIconEnabled, variants, additionalClasses, iconClass, onClick, }: IButtonProps) => React$1.JSX.Element;
 
 /**
  * Primary UI component
  */
-declare const Typhography: ({
-  type,
-  component,
-  color,
-  additionalClasses,
-  children,
-  onClick,
-  ...rest
-}: TyphographyProps) => React$1.JSX.Element;
+declare const Typhography: ({ type, component, color, additionalClasses, children, onClick, ...rest }: ITyphographyProps) => React$1.JSX.Element;
 
-declare const Checkbox: React$1.FC<CheckboxProps>;
+declare const Checkbox: React$1.FC<ICheckboxProps>;
 
-interface IInputValidationProps {
-  /**
-   * 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>;
+declare const InputValidation: React$1.FC<IInputValidationProps>;
 
 /**
  * Primary UI component for user interaction
  */
-declare const Input: FC<HookFormsInputProps>;
+declare const Input: FC<IHookFormsInputProps>;
 
 /**
  * Primary UI component for user interaction
  */
-declare const Label: React$1.FC<LabelProps>;
+declare const Label: React$1.FC<ILabelProps>;
 
 /**
  * Primary UI component for user interaction
  */
-declare const Select: React$1.FC<SelectProps>;
+declare const Select: React$1.FC<ISelectProps>;
+
+/**
+ * Primary UI component for user interaction
+ */
+declare const RadioButton: React$1.FC<IRadioProps>;
+
+/**
+ * Primary UI component for user interaction
+ */
+declare const Textarea: React$1.FC<IInputProps>;
 
-type InputType = "text" | "email" | "password" | "name";
-interface IInputProps 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>;
+declare const Card: React$1.FC<ICardProps>;
 
-export {
-  Button,
-  Checkbox as CheckBox,
-  Input,
-  InputValidation,
-  Label,
-  Select,
-  Textarea,
-  Typhography,
-};
+export { Button, Card, Checkbox as CheckBox, Input, InputValidation, Label, RadioButton, Select, Textarea, Typhography };