dfh-ui-library 1.2.54 → 1.2.56

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/index.d.ts

@@ -7,3 +7,4 @@ export { MessageProps } from "./shared/models/components/common.model";
 export { VariantTypes } from "./shared/models/components/base.model";
 export { DropdownSearchProps } from "./shared/models/components/common.model";
 export { BtnOptionDropdown } from "./shared/models/components/common.model";
+export { OptionProps } from "./shared/models/components/common.model";

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

@@ -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;
@@ -217,7 +280,7 @@ export interface BtnOptionDropdown {
     variants?: VariantTypes;
 }
 export interface DropdownSearchProps {
-    options: OptionProps[];
+    options?: OptionProps[];
     label?: string;
     labelType?: LableTypes;
     onSelectedValuesChange?: (selectedValue: OptionProps) => void;

package/dist/index.d.ts

@@ -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;
@@ -176,7 +239,7 @@ interface BtnOptionDropdown {
     variants?: VariantTypes;
 }
 interface DropdownSearchProps {
-    options: OptionProps[];
+    options?: OptionProps[];
     label?: string;
     labelType?: LableTypes;
     onSelectedValuesChange?: (selectedValue: OptionProps) => 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, type OptionProps, 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.54",
+  "version": "1.2.56",
   "description": "",
   "scripts": {
     "rollup": "rollup -c --bundleConfigAsCjs --environment NODE_ENV:production",