@pushwoosh/dumb-components 1.1.191 → 1.1.193

package/Combobox/Combobox.js

@@ -75,6 +75,7 @@ function FreeCombobox({
     open,
     onClose,
     autoFocus,
+    disabled,
     inputRef
   });
   const dropdownItems = useMemo(() => filteredItems.map((item, idx) => {
@@ -232,6 +233,7 @@ function SelectCombobox({
     open,
     onClose,
     autoFocus,
+    disabled,
     inputRef
   });
   const dropdownItems = useMemo(() => filteredItems.map((item, idx) => {

package/ComboboxMulti/ComboboxMulti.js

@@ -133,6 +133,7 @@ export function ComboboxMulti({
     open,
     onClose,
     autoFocus,
+    disabled,
     inputRef
   });
   const toggleOpen = useToggleOpen(inputRef, isOpen, open, close);

package/native/Input.js

@@ -4,6 +4,6 @@ import { Color, FontSize, LineHeight, ShapeRadius, UnitSize } from '@pushwoosh/k
 export const NativeInput = styled.input.withConfig({
   displayName: "NativeInput",
   componentId: "sc-oqkcxd-0"
-})(["height:", ";padding:0 calc(12px - 1px);border:1px solid ", ";border-radius:", ";font-size:", ";line-height:", ";background-color:", ";&:focus{outline:none;border-color:", ";}&:disabled{background-color:", ";}&::placeholder{color:", ";}"], UnitSize.FIELD_HEIGHT, ({
+})(["height:", ";padding:0 calc(12px - 1px);border:1px solid ", ";border-radius:", ";font-size:", ";line-height:", ";color:", ";background-color:", ";&:focus{outline:none;border-color:", ";}&:disabled{background-color:", ";}&::placeholder{color:", ";}"], UnitSize.FIELD_HEIGHT, ({
   $isErrored
-}) => $isErrored ? Color.DANGER : Color.FORM, ShapeRadius.CONTROL, FontSize.REGULAR, LineHeight.REGULAR, Color.CLEAR, Color.BRIGHT, Color.FROZEN, Color.PHANTOM);
+}) => $isErrored ? Color.DANGER : Color.FORM, ShapeRadius.CONTROL, FontSize.REGULAR, LineHeight.REGULAR, Color.MAIN, Color.CLEAR, Color.BRIGHT, Color.FROZEN, Color.PHANTOM);

package/native/Textarea.js

@@ -4,7 +4,7 @@ import { Color, FontSize, LineHeight, ShapeRadius } from '@pushwoosh/kit-constan
 export const NativeTextarea = styled.textarea.withConfig({
   displayName: "NativeTextarea",
   componentId: "sc-1xe83i4-0"
-})(["width:", ";min-width:", ";max-width:", ";min-height:56px;padding:8px 12px;border:1px solid ", ";border-radius:", ";font-size:", ";line-height:", ";background-color:", ";&:focus{outline:none;border-color:", ";}&:disabled{background-color:", ";}&::placeholder{color:", ";}"], ({
+})(["width:", ";min-width:", ";max-width:", ";min-height:56px;padding:8px 12px;border:1px solid ", ";border-radius:", ";font-size:", ";line-height:", ";color:", ";background-color:", ";&:focus{outline:none;border-color:", ";}&:disabled{background-color:", ";}&::placeholder{color:", ";}"], ({
   $width
 }) => $width || '100%', ({
   $width
@@ -12,4 +12,4 @@ export const NativeTextarea = styled.textarea.withConfig({
   $width
 }) => $width || '100%', ({
   $isErrored
-}) => $isErrored ? Color.DANGER : Color.FORM, ShapeRadius.CONTROL, FontSize.REGULAR, LineHeight.REGULAR, Color.CLEAR, Color.BRIGHT, Color.FROZEN, Color.PHANTOM);
+}) => $isErrored ? Color.DANGER : Color.FORM, ShapeRadius.CONTROL, FontSize.REGULAR, LineHeight.REGULAR, Color.MAIN, Color.CLEAR, Color.BRIGHT, Color.FROZEN, Color.PHANTOM);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pushwoosh/dumb-components",
-  "version": "1.1.191",
+  "version": "1.1.193",
   "description": "React components to build Pushwoosh products",
   "main": "index.js",
   "module": "index.js",

package/shared/dropdownField/FieldShell.js

@@ -73,7 +73,7 @@ export function FieldShell({
       "$minWidth": minWidth,
       "$autosize": autosize,
       "$tightLeft": tightLeft,
-      onMouseDown: onShellMouseDown,
+      onMouseDown: disabled ? undefined : onShellMouseDown,
       onBlur: onShellBlur,
       children: [_jsx(ShellInner, {
         children: children
@@ -90,6 +90,7 @@ export function FieldShell({
           })
         }), showChevron && _jsx(IndicatorButton, {
           tabIndex: -1,
+          disabled: disabled,
           "aria-label": isOpen ? 'Close' : 'Open',
           onMouseDown: e => {
             e.preventDefault();

package/shared/dropdownField/styles.js

@@ -55,7 +55,7 @@ export const IndicatorButton = styled.button.attrs({
 }).withConfig({
   displayName: "IndicatorButton",
   componentId: "sc-1pvwhhw-5"
-})(["display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;background:transparent;color:", ";cursor:pointer;border-radius:", ";transition:color 0.15s ease,background-color 0.15s ease;&:hover{color:", ";background-color:", ";}"], Color.PHANTOM, ShapeRadius.CONTROL, Color.MAIN, Color.FROZEN);
+})(["display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;background:transparent;color:", ";cursor:pointer;border-radius:", ";transition:color 0.15s ease,background-color 0.15s ease;&:hover{color:", ";background-color:", ";}&:disabled{cursor:default;}"], Color.PHANTOM, ShapeRadius.CONTROL, Color.MAIN, Color.FROZEN);
 export const Dropdown = styled.div.withConfig({
   displayName: "Dropdown",
   componentId: "sc-1pvwhhw-6"

package/shared/dropdownField/useFieldOpenEffects.d.ts

@@ -4,11 +4,12 @@ type Args = {
     open: () => void;
     onClose?: () => void;
     autoFocus?: boolean;
+    disabled?: boolean;
     inputRef: RefObject<HTMLInputElement>;
 };
 /**
  * Side effects tied to a Combobox field's open state: optional autofocus on mount
  * and firing `onClose` when the field closes.
  */
-export declare function useFieldOpenEffects({ isOpen, open, onClose, autoFocus, inputRef, }: Args): void;
+export declare function useFieldOpenEffects({ isOpen, open, onClose, autoFocus, disabled, inputRef, }: Args): void;
 export {};

package/shared/dropdownField/useFieldOpenEffects.js

@@ -8,6 +8,7 @@ export function useFieldOpenEffects({
   open,
   onClose,
   autoFocus,
+  disabled,
   inputRef
 }) {
   const onCloseRef = useRef(onClose);
@@ -19,9 +20,9 @@ export function useFieldOpenEffects({
   }, [isOpen]);
   const didAutoFocusRef = useRef(false);
   useEffect(() => {
-    if (!autoFocus || didAutoFocusRef.current) return;
+    if (!autoFocus || disabled || didAutoFocusRef.current) return;
     didAutoFocusRef.current = true;
     inputRef.current?.focus();
     open();
-  }, [autoFocus, open, inputRef]);
+  }, [autoFocus, disabled, open, inputRef]);
 }