@mysetup/hooks 1.0.0

package/dist/src/useFormatPhoneNumber/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./useFormatPhoneNumber"), exports);

package/dist/src/useFormatPhoneNumber/useFormatPhoneNumber.d.ts

@@ -0,0 +1,2 @@
+export declare const formatPhoneNumberValue: (value: string) => string;
+//# sourceMappingURL=useFormatPhoneNumber.d.ts.map

package/dist/src/useFormatPhoneNumber/useFormatPhoneNumber.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFormatPhoneNumber.d.ts","sourceRoot":"","sources":["../../../src/useFormatPhoneNumber/useFormatPhoneNumber.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,sBAAsB,UAAW,MAAM,WAanD,CAAC"}

package/dist/src/useFormatPhoneNumber/useFormatPhoneNumber.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.formatPhoneNumberValue = void 0;
+var formatPhoneNumberValue = function (value) {
+    var phoneNumber = value.replace(/\D/g, "");
+    var size = phoneNumber.length;
+    if (size > 0) {
+        phoneNumber = "(".concat(phoneNumber);
+    }
+    if (size > 3) {
+        phoneNumber = "".concat(phoneNumber.slice(0, 4), ") ").concat(phoneNumber.slice(4, 11));
+    }
+    if (size > 6) {
+        phoneNumber = "".concat(phoneNumber.slice(0, 9), "-").concat(phoneNumber.slice(9));
+    }
+    return phoneNumber;
+};
+exports.formatPhoneNumberValue = formatPhoneNumberValue;

package/dist/src/useIsBreakpoint/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./useIsBreakpoint";
+//# sourceMappingURL=index.d.ts.map

package/dist/src/useIsBreakpoint/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/useIsBreakpoint/index.tsx"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC"}

package/dist/src/useIsBreakpoint/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./useIsBreakpoint"), exports);

package/dist/src/useIsBreakpoint/useIsBreakpoint.d.ts

@@ -0,0 +1,3 @@
+import type { Breakpoint } from "@mysetup/types";
+export declare function useIsBreakpoint(...breakpoints: Breakpoint[]): boolean;
+//# sourceMappingURL=useIsBreakpoint.d.ts.map

package/dist/src/useIsBreakpoint/useIsBreakpoint.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIsBreakpoint.d.ts","sourceRoot":"","sources":["../../../src/useIsBreakpoint/useIsBreakpoint.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAGjD,wBAAgB,eAAe,CAAC,GAAG,WAAW,EAAE,UAAU,EAAE,GAAG,OAAO,CAQrE"}

package/dist/src/useIsBreakpoint/useIsBreakpoint.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useIsBreakpoint = useIsBreakpoint;
+var useBreakpoint_1 = require("../useBreakpoint");
+function useIsBreakpoint() {
+    var breakpoints = [];
+    for (var _i = 0; _i < arguments.length; _i++) {
+        breakpoints[_i] = arguments[_i];
+    }
+    var breakpoint = (0, useBreakpoint_1.useBreakpoint)();
+    if (!breakpoint) {
+        return false;
+    }
+    return breakpoints.includes(breakpoint);
+}

package/dist/src/useModal/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./useModal";
+//# sourceMappingURL=index.d.ts.map

package/dist/src/useModal/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/useModal/index.tsx"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC"}

package/dist/src/useModal/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./useModal"), exports);

package/dist/src/useModal/useModal.d.ts

@@ -0,0 +1,6 @@
+export declare const useModal: () => {
+    isOpen: boolean;
+    toggleModal: () => void;
+    close: () => void;
+};
+//# sourceMappingURL=useModal.d.ts.map

package/dist/src/useModal/useModal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useModal.d.ts","sourceRoot":"","sources":["../../../src/useModal/useModal.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,QAAQ;;;;CAgBpB,CAAC"}

package/dist/src/useModal/useModal.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useModal = void 0;
+var react_1 = require("react");
+var useModal = function () {
+    var _a = (0, react_1.useState)(false), isOpen = _a[0], setIsOpen = _a[1];
+    var toggleModal = function () {
+        setIsOpen(!isOpen);
+    };
+    var close = function () {
+        setIsOpen(false);
+    };
+    return {
+        isOpen: isOpen,
+        toggleModal: toggleModal,
+        close: close,
+    };
+};
+exports.useModal = useModal;

package/dist/src/useTouchEndFix/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./useTouchEndFix";
+//# sourceMappingURL=index.d.ts.map

package/dist/src/useTouchEndFix/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/useTouchEndFix/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC"}

package/dist/src/useTouchEndFix/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./useTouchEndFix"), exports);

package/dist/src/useTouchEndFix/useTouchEndFix.d.ts

@@ -0,0 +1,2 @@
+export declare function useTouchEndFix(elem: HTMLElement | null): void;
+//# sourceMappingURL=useTouchEndFix.d.ts.map

package/dist/src/useTouchEndFix/useTouchEndFix.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTouchEndFix.d.ts","sourceRoot":"","sources":["../../../src/useTouchEndFix/useTouchEndFix.ts"],"names":[],"mappings":"AAEA,wBAAgB,cAAc,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,QAqCtD"}

package/dist/src/useTouchEndFix/useTouchEndFix.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useTouchEndFix = useTouchEndFix;
+var react_1 = require("react");
+function useTouchEndFix(elem) {
+    (0, react_1.useEffect)(function () {
+        elem === null || elem === void 0 ? void 0 : elem.addEventListener("touchend", function (e) {
+            /**
+             * Bug with touch events not being prevented appropriately.
+             *
+             * Github discussion: https://github.com/adobe/react-spectrum/issues/1513
+             *
+             * The first condition is necessary to avoid the issue that a button with
+             * type="submit" inside a <form> would not trigger the form submit
+             * event on a device with touch input.
+             *
+             * The second condition is needed for thse buttons that are links
+             * underneath and will have a href. If "touchend" is prevented, links
+             * won't open by touch.
+             *
+             * Admittedly, this is an ugly patch, but given the react-spectrum
+             * issue it seems necessary. If this hook grows any larger after
+             * further bug reports and edge cases, we may want to reconsider
+             * this approach.
+             */
+            if (e.currentTarget.getAttribute("type") !==
+                "submit" &&
+                typeof e.currentTarget.getAttribute("href") !== "string" &&
+                !e.currentTarget.getAttribute("data-modal")) {
+                e.preventDefault();
+            }
+        }, { passive: false });
+    }, [elem]);
+}

package/package.json

@@ -0,0 +1,54 @@
+{
+    "name": "@mysetup/hooks",
+    "version": "1.0.0",
+    "license": "MIT",
+    "main": "dist/index.js",
+    "files": [
+        "dist"
+    ],
+    "exports": {
+        ".": {
+            "types": "./dist/index.d.ts",
+            "import": "./dist/index.js",
+            "require": "./dist/index.js"
+        },
+        "./package.json": "./package.json"
+    },
+    "scripts": {
+        "build": "rm -rf ./dist && tsc -p tsconfig.build.json",
+        "lint": "eslint .",
+        "test": "jest",
+        "test:update": "pnpm test -- -u",
+        "test:coverage": "jest --coverage",
+        "typecheck": "tsc --noEmit",
+        "format": "prettier --write \"**/*.{ts,tsx,md,js,mjs,json}\"",
+        "checks": "pnpm typecheck && pnpm lint && pnpm test",
+        "clean": "rm -rf node_modules .swc dist pnpm-lock.yaml && echo \"✅  Successfully removed \""
+    },
+    "dependencies": {
+        "@mysetup/classnames": "latest",
+        "@mysetup/types": "latest"
+    },
+    "devDependencies": {
+        "@mysetup/eslint-config": "latest",
+        "@mysetup/jest-config": "latest",
+        "@mysetup/prettier-config": "latest",
+        "@mysetup/test-helpers": "latest",
+        "@mysetup/tsconfig": "latest",
+        "@testing-library/react": "^16.0.1",
+        "@types/jest": "^29.5.14",
+        "@types/node": "^22.8.6",
+        "@types/react": "^18.3.12",
+        "@types/react-dom": "^18.3.1",
+        "eslint": "8.57.0",
+        "jest": "^29.7.0",
+        "react": "^18.3.1",
+        "react-dom": "^18.3.1",
+        "typescript": "^5.6.3"
+    },
+    "prettier": "@mysetup/prettier-config",
+    "engines": {
+        "node": ">=18.0.0"
+    },
+    "packageManager": "pnpm@9.9.0"
+}