@wavv/ui 2.4.13 → 2.4.14

package/build/components/DraftEditor.js

@@ -84,7 +84,7 @@ const DraftEditor = ({ value, onChange, onEnterKey, onFocus, onBlur, mergeFields
         height: height,
         editorMaxHeight: editorMaxHeight,
         noPadding: noPadding || textOnly,
-        readOnly: readOnly,
+        readOnly: readOnly || disabled,
         color: color,
         overflow: overflow,
         clampLines: clampLines,
@@ -106,7 +106,7 @@ const DraftEditor = ({ value, onChange, onEnterKey, onFocus, onBlur, mergeFields
         className: className,
         children: [
             /*#__PURE__*/ jsxs(InputWrapper, {
-                readOnly: readOnly,
+                readOnly: readOnly || disabled,
                 children: [
                     label && /*#__PURE__*/ jsx(Label, {
                         filled: isInputFilled(value),
@@ -119,7 +119,7 @@ const DraftEditor = ({ value, onChange, onEnterKey, onFocus, onBlur, mergeFields
                         editorState: editorState,
                         onChange: handleChange,
                         placeholder: placeholder,
-                        readOnly: readOnly,
+                        readOnly: readOnly || disabled,
                         handleReturn: handleEditorReturn,
                         handlePastedText: handlePaste,
                         onFocus: handleFocus,
@@ -143,10 +143,10 @@ const EditorContainer = styled(InputContainer)(({ theme, height, noPadding, disa
         color: disabled ? theme.input.color.disabled : color || theme.input.color.default,
         cursor: readOnly ? 'inherit' : 'text',
         '&:hover': {
-            backgroundColor: readOnly ? theme.input.background.default : void 0,
-            borderBottom: readOnly ? `1px solid ${theme.input.borderColor.default}` : void 0,
+            backgroundColor: readOnly && !disabled ? theme.input.background.default : void 0,
+            borderBottom: readOnly && !disabled ? `1px solid ${theme.input.borderColor.default}` : void 0,
             Label: {
-                color: readOnly ? theme.input.labelColor.filled : void 0
+                color: readOnly && !disabled ? theme.input.labelColor.filled : void 0
             }
         }
     }), ({ theme, height, hasLabel, editorMaxHeight, overflow, clampLines, hideEditor, fontSize, noPadding, filled })=>({

package/build/components/Select.js

@@ -27,11 +27,11 @@ const Select_Select = ({ backgroundColor, menuBackground, children, fontSize, fo
     const [internalValue, setInternalValue] = useState(()=>{
         if (isMultiple) {
             const defaultValueArray = defaultValue;
-            return Array.isArray(defaultValueArray) ? defaultValueArray.map(String) : defaultValueArray ? [
-                String(defaultValueArray)
+            return Array.isArray(defaultValueArray) ? defaultValueArray : defaultValueArray ? [
+                defaultValueArray
             ] : [];
         }
-        return defaultValue ? String(defaultValue) : '';
+        return defaultValue ?? '';
     });
     const isControlled = void 0 !== value;
     const currentValue = isControlled ? value : internalValue;

package/build/components/typeDefs/selectionTypes.d.ts

@@ -68,9 +68,9 @@ type SingleSelectInputProps = BaseSelectInputProps & {
     /** The selection mode for the select */
     selectionMode?: 'single';
     /** The controlled value of the input */
-    value?: Key;
+    value?: string;
     /** The uncontrolled initial value of the input */
-    defaultValue?: Key;
+    defaultValue?: string;
     /** The function to be called when an option is selected */
     onChange?: (key: string) => void;
 };
@@ -78,9 +78,9 @@ type MultipleSelectInputProps = BaseSelectInputProps & {
     /** The selection mode for the select */
     selectionMode: 'multiple';
     /** The controlled value of the input */
-    value?: Key | Key[];
+    value?: string | string[];
     /** The uncontrolled initial value of the input */
-    defaultValue?: Key | Key[];
+    defaultValue?: string | string[];
     onChange?: (keys: string | string[]) => void;
 };
 export type SelectInputProps = SingleSelectInputProps | MultipleSelectInputProps;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wavv/ui",
-	"version": "2.4.13",
+	"version": "2.4.14",
 	"type": "module",
 	"exports": {
 		".": {