@jobber/hooks 2.13.1 → 2.14.0

package/dist/useShowClear/useShowClear.d.ts

@@ -5,6 +5,7 @@ interface UseShowClearParameters {
     focused: boolean;
     hasValue: boolean;
     disabled?: boolean;
+    readonly?: boolean;
 }
-export declare function useShowClear({ clearable, multiline, focused, hasValue, disabled, }: UseShowClearParameters): boolean | undefined;
+export declare function useShowClear({ clearable, multiline, focused, hasValue, readonly, disabled, }: UseShowClearParameters): boolean | undefined;
 export {};

package/dist/useShowClear/useShowClear.js

@@ -1,12 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useShowClear = useShowClear;
-function useShowClear({ clearable, multiline, focused, hasValue, disabled = false, }) {
+function useShowClear({ clearable, multiline, focused, hasValue, readonly, disabled = false, }) {
     if (multiline && clearable !== "never") {
         throw new Error("Multiline inputs can not be clearable");
     }
     // Do not show if there is no value
-    if (!hasValue || clearable === "never" || disabled) {
+    if (!hasValue || clearable === "never" || disabled || readonly) {
         return false;
     }
     switch (clearable) {

package/dist/useShowClear/useShowClear.test.js

@@ -99,9 +99,71 @@ describe("useShowClear", () => {
             disabled: true,
             expected: false,
         },
-    ])("%j", ({ clearable, hasValue, focused, multiline, disabled, expected, }) => {
+        // Readonly cases
+        {
+            clearable: "always",
+            hasValue: true,
+            focused: false,
+            multiline: false,
+            disabled: false,
+            readonly: true,
+            expected: false,
+        },
+        {
+            clearable: "always",
+            hasValue: true,
+            focused: true,
+            multiline: false,
+            disabled: false,
+            readonly: true,
+            expected: false,
+        },
+        {
+            clearable: "while-editing",
+            hasValue: true,
+            focused: false,
+            multiline: false,
+            disabled: false,
+            readonly: true,
+            expected: false,
+        },
+        {
+            clearable: "while-editing",
+            hasValue: true,
+            focused: true,
+            multiline: false,
+            disabled: false,
+            readonly: true,
+            expected: false,
+        },
+        {
+            clearable: "never",
+            hasValue: true,
+            focused: false,
+            multiline: false,
+            disabled: false,
+            readonly: true,
+            expected: false,
+        },
+        {
+            clearable: "never",
+            hasValue: true,
+            focused: true,
+            multiline: false,
+            disabled: false,
+            readonly: true,
+            expected: false,
+        },
+    ])("%j", ({ clearable, hasValue, focused, multiline, disabled, readonly, expected, }) => {
         it(`returns ${expected}`, () => {
-            expect((0, useShowClear_1.useShowClear)({ clearable, multiline, focused, hasValue, disabled })).toEqual(expected);
+            expect((0, useShowClear_1.useShowClear)({
+                clearable,
+                multiline,
+                focused,
+                hasValue,
+                disabled,
+                readonly,
+            })).toEqual(expected);
         });
     });
     it("throws an error if multiline is true and clearable isn't never", () => {
@@ -133,4 +195,16 @@ describe("useShowClear", () => {
             });
         }).not.toThrow();
     });
+    it("respects readonly in multiline inputs", () => {
+        expect(() => {
+            (0, useShowClear_1.useShowClear)({
+                clearable: "never",
+                multiline: true,
+                focused: true,
+                hasValue: true,
+                disabled: false,
+                readonly: true,
+            });
+        }).not.toThrow();
+    });
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/hooks",
-  "version": "2.13.1",
+  "version": "2.14.0",
   "license": "MIT",
   "main": "./dist/index.js",
   "types": "./dist/index.d.js",
@@ -38,5 +38,5 @@
     "@apollo/client": "^3.0.0",
     "react": "^18.2.0"
   },
-  "gitHead": "eeadd690623d3d194d257bd7e5833c83bb10f218"
+  "gitHead": "05abc863b320dcb1f5f8e3fc9e950fb17a5d2ae3"
 }