dhre-component-lib 0.5.0 → 0.5.2

package/dist/index.js

@@ -183,7 +183,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] = React.useState(false);
     const handleInputValues = (e) => {
         onChange?.(e);
@@ -208,7 +208,7 @@ const CustomInputField = ({ label, value = "", type = INPUT_TYPES.TEXT, placehol
             placeholder.includes("*") && React__namespace.default.createElement("label", { className: 'astreik' }, "*")),
         React__namespace.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__namespace.default.createElement(Typography, { variant: "L1", weight: "SEMI_BOLD", className: errorClassName }, error))));
 };
 
@@ -9622,6 +9622,11 @@ function Dropdown(props) {
         getSelectedValue(value);
         setOpenDropdown(!openDropdown);
     };
+    React.useEffect(() => {
+        if (!value) {
+            setSelectedValue(undefined);
+        }
+    }, [value]);
     return (React__namespace.default.createElement(React__namespace.default.Fragment, null,
         openDropdown && (React__namespace.default.createElement("div", { onClick: () => setOpenDropdown(!openDropdown), className: "backdropDropdown" })),
         React__namespace.default.createElement("div", { className: "dropPosition" },