@jobber/hooks 2.13.0 → 2.13.1-expose-ref-9ee8284.67

package/README.md

@@ -13,7 +13,6 @@ Shared hooks for components in Atlantis.
 - [useOnMount](../?path=/docs/hooks-useonmount--docs)
 - [useLiveAnnounce](../?path=/docs/hooks-useliveannounce--docs)
 - [useOnKeyDown](../?path=/docs/hooks-useonkeydown--docs)
-- [usePasswordStrength](../?path=/docs/hooks-usepasswordstrength--docs)
 - [useRefocusOnActivator](../?path=/docs/hooks-userefocusonactivator--docs)
 - [useResizeObserver](../?path=/docs/hooks-useresizeobserver--docs)
 - [useWindowDimensions](../?path=/docs/hooks-usewindowdimensions--docs)

package/dist/index.d.ts

@@ -10,7 +10,6 @@ export * from "./useIsMounted";
 export * from "./useLiveAnnounce";
 export * from "./useOnKeyDown";
 export * from "./useOnMount";
-export * from "./usePasswordStrength";
 export * from "./useRefocusOnActivator";
 export * from "./useResizeObserver";
 export * from "./useSafeLayoutEffect";

package/dist/index.js

@@ -26,7 +26,6 @@ __exportStar(require("./useIsMounted"), exports);
 __exportStar(require("./useLiveAnnounce"), exports);
 __exportStar(require("./useOnKeyDown"), exports);
 __exportStar(require("./useOnMount"), exports);
-__exportStar(require("./usePasswordStrength"), exports);
 __exportStar(require("./useRefocusOnActivator"), exports);
 __exportStar(require("./useResizeObserver"), exports);
 __exportStar(require("./useSafeLayoutEffect"), exports);

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.0",
+  "version": "2.13.1-expose-ref-9ee8284.67+9ee82844",
   "license": "MIT",
   "main": "./dist/index.js",
   "types": "./dist/index.d.js",
@@ -25,7 +25,6 @@
     "@types/react": "^18.0.28",
     "@types/react-dom": "^18.0.11",
     "@types/uuid": "^8.3.3",
-    "@types/zxcvbn": "^4.4.1",
     "jsdom-testing-mocks": "^1.9.0",
     "uuid": "^8.3.2"
   },
@@ -33,12 +32,11 @@
     "lodash": "^4.17.20",
     "resize-observer-polyfill": "^1.5.1",
     "ts-xor": "^1.0.8",
-    "use-resize-observer": "^6.1.0",
-    "zxcvbn": "^4.4.2"
+    "use-resize-observer": "^6.1.0"
   },
   "peerDependencies": {
     "@apollo/client": "^3.0.0",
     "react": "^18.2.0"
   },
-  "gitHead": "28e267f721a53c3aa458cdc30ea15b9aaf11c66e"
+  "gitHead": "9ee828441b72af014ffb3239bc61f0d35f1ca841"
 }

package/dist/usePasswordStrength/index.d.ts

@@ -1 +0,0 @@
-export { usePasswordStrength } from "./usePasswordStrength";

package/dist/usePasswordStrength/index.js

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.usePasswordStrength = void 0;
-var usePasswordStrength_1 = require("./usePasswordStrength");
-Object.defineProperty(exports, "usePasswordStrength", { enumerable: true, get: function () { return usePasswordStrength_1.usePasswordStrength; } });

package/dist/usePasswordStrength/usePasswordStrength.d.ts

@@ -1,8 +0,0 @@
-import calculateStrength from "zxcvbn";
-export declare function usePasswordStrength(password: string, dictionary?: string[]): {
-    guesses: number;
-    score: calculateStrength.ZXCVBNScore;
-    warning: calculateStrength.ZXCVBNFeedbackWarning;
-    suggestions: string[];
-    timeToCrack: string | number;
-};

package/dist/usePasswordStrength/usePasswordStrength.js

@@ -1,18 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.usePasswordStrength = usePasswordStrength;
-const react_1 = require("react");
-const zxcvbn_1 = __importDefault(require("zxcvbn"));
-function usePasswordStrength(password, dictionary) {
-    const { guesses, score, feedback: { warning, suggestions }, crack_times_display: { offline_fast_hashing_1e10_per_second: timeToCrack }, } = (0, react_1.useMemo)(() => (0, zxcvbn_1.default)(password, dictionary), [password, dictionary]);
-    return {
-        guesses,
-        score,
-        warning,
-        suggestions,
-        timeToCrack,
-    };
-}

package/usePasswordStrength.d.ts

@@ -1 +0,0 @@
-export * from "./dist/usePasswordStrength";

package/usePasswordStrength.js

@@ -1,17 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true,
-});
-
-var usePasswordStrength = require("./dist/usePasswordStrength");
-
-Object.keys(usePasswordStrength).forEach(function(key) {
-  if (key === "default" || key === "__esModule") return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return usePasswordStrength[key];
-    },
-  });
-});