dfh-ui-library 1.2.53 → 1.2.55

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

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

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

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

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

@@ -6,3 +6,4 @@ export { default as Select } from "./Select";
 export { default as RadioButton } from "./RadioButton";
 export { default as Textarea } from "./Textarea";
 export { default as IconInput } from "./IconInput";
+export { default as ImageInput } from "./ImageInput";

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

@@ -1,7 +1,7 @@
 import "../index.css";
 export { default as Button } from "./Button";
 export { default as Typhography } from "./Typhography";
-export { Input, Select, CheckBox, Label, InputValidation, Textarea, RadioButton, IconInput, } from "./FormElements";
+export { Input, Select, CheckBox, Label, InputValidation, Textarea, RadioButton, IconInput, ImageInput, } from "./FormElements";
 export { default as Card } from "./Card";
 export { default as ComponentProvider } from "./ComponentProvider";
 export { default as Logo } from "./Logo";

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

@@ -88,8 +88,8 @@ export interface IFormProps {
     formContainerClasses?: string;
 }
 export interface TabNavigationProps extends AdditionalClassesProp {
-    navigationData?: any[];
-    navItemClick?: () => void;
+    navigationData: any[];
+    navItemClick?: (url?: string) => void;
     isEnableLogout?: boolean;
     handleLogout?: () => void;
     userImage?: string;
@@ -122,6 +122,69 @@ export interface ImagePreviewProps {
     isSmall?: boolean;
     bgColor?: string;
 }
+export interface ImageInputProps {
+    imageUrl?: string;
+    isImage?: boolean;
+    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?: LableTypes;
+    /**
+     * 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;
+    isAdditionalErrorInput?: boolean;
+    additionalErrorClasses?: string;
+    readOnly?: boolean;
+    value?: string;
+}
 export interface CustomDatePickerProps {
     selectedDate: Date | null;
     onChange: (date: Date | null) => void;

package/dist/index.d.ts

@@ -56,8 +56,8 @@ interface AdditionalClassesProp$1 {
     additionalClasses?: string | undefined;
 }
 interface TabNavigationProps extends AdditionalClassesProp$1 {
-    navigationData?: any[];
-    navItemClick?: () => void;
+    navigationData: any[];
+    navItemClick?: (url?: string) => void;
     isEnableLogout?: boolean;
     handleLogout?: () => void;
     userImage?: string;
@@ -81,6 +81,69 @@ interface ImagePreviewProps {
     isSmall?: boolean;
     bgColor?: string;
 }
+interface ImageInputProps {
+    imageUrl?: string;
+    isImage?: boolean;
+    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?: LableTypes;
+    /**
+     * 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;
+    isAdditionalErrorInput?: boolean;
+    additionalErrorClasses?: string;
+    readOnly?: boolean;
+    value?: string;
+}
 interface CustomDatePickerProps {
     selectedDate: Date | null;
     onChange: (date: Date | null) => void;
@@ -575,6 +638,8 @@ declare const Textarea: React$1.FC<IInputProps>;
  */
 declare const IconInput: FC<IHookFormsInputProps>;
 
+declare const ImageInput: React$1.FC<ImageInputProps>;
+
 /**
  * Primary UI component for user interaction
  */
@@ -662,4 +727,4 @@ declare const useSchemaProcessor: ({ schema, externalSetComponents, }: UseSchema
     componentsRtn: IComponent[] | undefined;
 };
 
-export { Breadcrumb, type BtnOptionDropdown, Button, ButtonGroup, Card, Checkbox as CheckBox, DFHFormProvider as ComponentProvider, CustomFileInput, CustomDatePicker as DatePicker, DialogBox, type DropdownSearchProps, Heading, IconInput, ImagePreview, Input, type InputType, InputValidation, Label, LoadingSpinner, Logo, type LogoProps, Message, type MessageProps, Modal, NavBar, PhoneNumberInput, RadioButton, Row, SearchDropdownWithButton, Select, TagSelect as TagDropdown, TagSelect, Textarea, Tooltip, Typhography, useSchemaProcessor as UseSchemaProcessor, type VariantTypes };
+export { Breadcrumb, type BtnOptionDropdown, Button, ButtonGroup, Card, Checkbox as CheckBox, DFHFormProvider as ComponentProvider, CustomFileInput, CustomDatePicker as DatePicker, DialogBox, type DropdownSearchProps, Heading, IconInput, ImageInput, ImagePreview, Input, type InputType, InputValidation, Label, LoadingSpinner, Logo, type LogoProps, Message, type MessageProps, Modal, NavBar, PhoneNumberInput, RadioButton, Row, SearchDropdownWithButton, Select, TagSelect as TagDropdown, TagSelect, Textarea, Tooltip, Typhography, useSchemaProcessor as UseSchemaProcessor, type VariantTypes };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dfh-ui-library",
-  "version": "1.2.53",
+  "version": "1.2.55",
   "description": "",
   "scripts": {
     "rollup": "rollup -c --bundleConfigAsCjs --environment NODE_ENV:production",