@jobber/hooks 2.7.3 → 2.8.1-pre.25

package/dist/index.d.ts

@@ -11,3 +11,4 @@ export * from "./useOnKeyDown";
 export * from "./usePasswordStrength";
 export * from "./useRefocusOnActivator";
 export * from "./useResizeObserver";
+export * from "./useShowClear";

package/dist/index.js

@@ -27,3 +27,4 @@ __exportStar(require("./useOnKeyDown"), exports);
 __exportStar(require("./usePasswordStrength"), exports);
 __exportStar(require("./useRefocusOnActivator"), exports);
 __exportStar(require("./useResizeObserver"), exports);
+__exportStar(require("./useShowClear"), exports);

package/dist/useAssert/useAssert.js

@@ -1,12 +1,9 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useAssert = void 0;
-const process_1 = __importDefault(require("process"));
 function useAssert(shouldShow, message, options) {
-    if (process_1.default.env.NODE_ENV !== "production" && shouldShow) {
+    const env = "development";
+    if (env && shouldShow) {
         if (options === null || options === void 0 ? void 0 : options.warn) {
             console.warn(message);
         }

package/dist/useBreakpoints/useMediaQuery.d.ts

@@ -1,4 +1,6 @@
 /**
  * Sets the JS media query listener. Internal use only.
  */
-export declare function useMediaQuery(CSSMediaQuery: string): boolean;
+declare function useUnSafeMediaQuery(CSSMediaQuery: string): boolean;
+export declare const useMediaQuery: typeof useUnSafeMediaQuery;
+export {};

package/dist/useBreakpoints/useMediaQuery.js

@@ -5,7 +5,7 @@ const react_1 = require("react");
 /**
  * Sets the JS media query listener. Internal use only.
  */
-function useMediaQuery(CSSMediaQuery) {
+function useUnSafeMediaQuery(CSSMediaQuery) {
     const [matches, setMatches] = (0, react_1.useState)(window.matchMedia(CSSMediaQuery).matches);
     (0, react_1.useEffect)(() => {
         const media = window.matchMedia(CSSMediaQuery);
@@ -18,4 +18,9 @@ function useMediaQuery(CSSMediaQuery) {
     }, [CSSMediaQuery]);
     return matches;
 }
-exports.useMediaQuery = useMediaQuery;
+const canUseDom = !!(typeof window !== "undefined" &&
+    window.document &&
+    window.document.createElement);
+// safe to disable eslint here because we want a function that does nothing
+// eslint-disable-next-line @typescript-eslint/no-empty-function
+exports.useMediaQuery = canUseDom ? useUnSafeMediaQuery : () => true;

package/dist/useShowClear/index.d.ts

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

package/dist/useShowClear/index.js

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

package/dist/useShowClear/useShowClear.d.ts

@@ -0,0 +1,10 @@
+export type Clearable = "never" | "while-editing" | "always";
+interface UseShowClearParameters {
+    clearable: Clearable;
+    multiline: boolean;
+    focused: boolean;
+    hasValue: boolean;
+    disabled?: boolean;
+}
+export declare function useShowClear({ clearable, multiline, focused, hasValue, disabled, }: UseShowClearParameters): boolean | undefined;
+export {};

package/dist/useShowClear/useShowClear.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useShowClear = void 0;
+function useShowClear({ clearable, multiline, focused, hasValue, 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) {
+        return false;
+    }
+    switch (clearable) {
+        case "while-editing":
+            return focused;
+        case "always":
+            return true;
+    }
+}
+exports.useShowClear = useShowClear;

package/dist/useShowClear/useShowClear.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/useShowClear/useShowClear.test.js

@@ -0,0 +1,136 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const useShowClear_1 = require("./useShowClear");
+describe("useShowClear", () => {
+    describe.each([
+        {
+            clearable: "always",
+            hasValue: true,
+            focused: false,
+            multiline: false,
+            disabled: false,
+            expected: true,
+        },
+        {
+            clearable: "always",
+            hasValue: true,
+            focused: true,
+            multiline: false,
+            disabled: false,
+            expected: true,
+        },
+        {
+            clearable: "always",
+            hasValue: true,
+            focused: false,
+            multiline: false,
+            disabled: true,
+            expected: false,
+        },
+        {
+            clearable: "always",
+            hasValue: false,
+            focused: false,
+            multiline: false,
+            disabled: true,
+            expected: false,
+        },
+        {
+            clearable: "while-editing",
+            hasValue: true,
+            focused: false,
+            multiline: false,
+            disabled: false,
+            expected: false,
+        },
+        {
+            clearable: "while-editing",
+            hasValue: true,
+            focused: true,
+            multiline: false,
+            disabled: false,
+            expected: true,
+        },
+        {
+            clearable: "while-editing",
+            hasValue: false,
+            focused: false,
+            multiline: false,
+            disabled: true,
+            expected: false,
+        },
+        {
+            clearable: "while-editing",
+            hasValue: true,
+            focused: false,
+            multiline: false,
+            disabled: true,
+            expected: false,
+        },
+        {
+            clearable: "never",
+            hasValue: true,
+            focused: false,
+            multiline: false,
+            disabled: false,
+            expected: false,
+        },
+        {
+            clearable: "never",
+            hasValue: true,
+            focused: true,
+            multiline: false,
+            disabled: false,
+            expected: false,
+        },
+        {
+            clearable: "never",
+            hasValue: false,
+            focused: false,
+            multiline: false,
+            disabled: true,
+            expected: false,
+        },
+        {
+            clearable: "never",
+            hasValue: true,
+            focused: false,
+            multiline: false,
+            disabled: true,
+            expected: false,
+        },
+    ])("%j", ({ clearable, hasValue, focused, multiline, disabled, expected, }) => {
+        it(`returns ${expected}`, () => {
+            expect((0, useShowClear_1.useShowClear)({ clearable, multiline, focused, hasValue, disabled })).toEqual(expected);
+        });
+    });
+    it("throws an error if multiline is true and clearable isn't never", () => {
+        expect(() => {
+            (0, useShowClear_1.useShowClear)({
+                clearable: "always",
+                multiline: true,
+                focused: true,
+                hasValue: true,
+                disabled: false,
+            });
+        }).toThrow();
+        expect(() => {
+            (0, useShowClear_1.useShowClear)({
+                clearable: "while-editing",
+                multiline: true,
+                focused: true,
+                hasValue: true,
+                disabled: false,
+            });
+        }).toThrow();
+        expect(() => {
+            (0, useShowClear_1.useShowClear)({
+                clearable: "never",
+                multiline: true,
+                focused: true,
+                hasValue: true,
+                disabled: false,
+            });
+        }).not.toThrow();
+    });
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/hooks",
-  "version": "2.7.3",
+  "version": "2.8.1-pre.25+9e999639",
   "license": "MIT",
   "main": "./dist/index.js",
   "types": "./dist/index.d.js",
@@ -20,7 +20,7 @@
   ],
   "devDependencies": {
     "@apollo/react-testing": "^4.0.0",
-    "@jobber/formatters": "*",
+    "@jobber/formatters": "^0.2.2",
     "@testing-library/react": "^14.0.0",
     "@testing-library/react-hooks": "^7.0.0",
     "@testing-library/user-event": "^14.5.1",
@@ -44,5 +44,5 @@
     "@apollo/client": "^3.0.0",
     "react": "^18"
   },
-  "gitHead": "6c640d5a8b25bd986548e8233782f90e6cedf238"
+  "gitHead": "9e999639793c21c8123b28cf0ff6c27cca4dc6df"
 }

package/useShowClear.d.ts

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

package/useShowClear.js

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