dhre-component-lib 0.5.0 → 0.5.2

package/dist/components/InputTextField/InputTextField.d.ts

@@ -2,7 +2,7 @@ import React from "react";
 import "./InputTextField.module.scss";
 export interface CustomInputFieldProps {
     label?: string;
-    value?: string;
+    value?: any;
     type?: string;
     placeholder?: string;
     onChange?: React.ChangeEventHandler<HTMLInputElement>;
@@ -17,6 +17,7 @@ export interface CustomInputFieldProps {
     checkValidation?: () => void;
     name?: string;
     min?: string;
+    disabled?: boolean;
 }
 declare const CustomInputField: React.FC<CustomInputFieldProps>;
 export default CustomInputField;

package/dist/index.d.ts

@@ -134,7 +134,7 @@ declare const CustomRadioButton: React.FC<RadioButtonProps>;
 
 interface CustomInputFieldProps {
     label?: string;
-    value?: string;
+    value?: any;
     type?: string;
     placeholder?: string;
     onChange?: React.ChangeEventHandler<HTMLInputElement>;
@@ -149,6 +149,7 @@ interface CustomInputFieldProps {
     checkValidation?: () => void;
     name?: string;
     min?: string;
+    disabled?: boolean;
 }
 declare const CustomInputField: React.FC<CustomInputFieldProps>;
 

package/dist/index.esm.js

@@ -160,7 +160,7 @@ const Typography = ({ variant = 'B1', weight = 'MEDIUM', children, className, ..
 var css$h = ".label {\n  position: absolute;\n  z-index: 1;\n  top: -10px;\n  left: 11px;\n  background: #ffffff;\n  padding: 0 6px;\n  transition: all 0.3s ease-out;\n}\n\n.inputContainer {\n  position: relative;\n}\n\n.inputError:focus-visible {\n  outline: 1px solid #eb0542 !important;\n}\n\n.inputContainer::placeholder {\n  color: #686868;\n  font-size: 16px;\n  font-family: \"Meraas Aktiv\", sans-serif;\n  font-weight: 400;\n  line-height: 22.4px;\n}\n\n.astreik {\n  color: #eb0542;\n}";
 n(css$h,{});
 
-const CustomInputField = ({ label, value = "", type = INPUT_TYPES.TEXT, placeholder = "", onChange, className = "", inputClassName = "", labelClassName = "", error, errorClassName = "", maxLength = 0, minLength = 0, checkValidation, name, min, ...rest }) => {
+const CustomInputField = ({ label, value = "", type = INPUT_TYPES.TEXT, placeholder = "", onChange, className = "", inputClassName = "", labelClassName = "", error, errorClassName = "", maxLength = 0, minLength = 0, checkValidation, name, min, disabled = false, ...rest }) => {
     const [showLabelOnBorder, setShowLabelOnBorder] = useState(false);
     const handleInputValues = (e) => {
         onChange?.(e);
@@ -185,7 +185,7 @@ const CustomInputField = ({ label, value = "", type = INPUT_TYPES.TEXT, placehol
             placeholder.includes("*") && React__default.createElement("label", { className: 'astreik' }, "*")),
         React__default.createElement("input", { type: type, value: value, name: name, placeholder: showLabelOnBorder ? "" : placeholder, onChange: handleInputValues, onFocus: () => setShowLabelOnBorder(true), onBlur: checkFieldValue, 
             // className={inputClassName}
-            className: `${inputClassName} ${error ? "inputError" : ''}`, maxLength: maxLength, minLength: minLength, min: min, ...rest }),
+            className: `${inputClassName} ${error ? "inputError" : ''}`, maxLength: maxLength, minLength: minLength, min: min, disabled: disabled, ...rest }),
         error && (React__default.createElement(Typography, { variant: "L1", weight: "SEMI_BOLD", className: errorClassName }, error))));
 };
 
@@ -9599,6 +9599,11 @@ function Dropdown(props) {
         getSelectedValue(value);
         setOpenDropdown(!openDropdown);
     };
+    useEffect(() => {
+        if (!value) {
+            setSelectedValue(undefined);
+        }
+    }, [value]);
     return (React__default.createElement(React__default.Fragment, null,
         openDropdown && (React__default.createElement("div", { onClick: () => setOpenDropdown(!openDropdown), className: "backdropDropdown" })),
         React__default.createElement("div", { className: "dropPosition" },