dfh-ui-library 1.2.53 → 1.2.55

package/dist/cjs/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/cjs/types/components/FormElements/ImageInput/index.d.ts

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

package/dist/cjs/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/cjs/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/cjs/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;