@simplybusiness/mobius 4.5.0 → 4.5.1

package/dist/cjs/hooks/useButton/useButton.test.js

@@ -0,0 +1,143 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = require("@testing-library/react");
+const useButton_1 = require("./useButton");
+describe("useButton", () => {
+    it("should return an object", () => {
+        const { result } = (0, react_1.renderHook)(() => (0, useButton_1.useButton)({}));
+        expect(result.current).toBeInstanceOf(Object);
+    });
+    it("should return an object with buttonProps", () => {
+        const { result } = (0, react_1.renderHook)(() => (0, useButton_1.useButton)({}));
+        expect(result.current).toHaveProperty("buttonProps");
+    });
+    describe("type", () => {
+        it("should return an object with buttonProps with type property", () => {
+            const { result } = (0, react_1.renderHook)(() => (0, useButton_1.useButton)({}));
+            expect(result.current.buttonProps).toHaveProperty("type");
+        });
+        it("should return an object with buttonProps with type set to button when elementType is button", () => {
+            const { result } = (0, react_1.renderHook)(() => (0, useButton_1.useButton)({ elementType: "button" }));
+            expect(result.current.buttonProps).toHaveProperty("type", "button");
+        });
+        it("should return an object with buttonProps with type set to passed in type when elementType is button", () => {
+            const { result } = (0, react_1.renderHook)(() => (0, useButton_1.useButton)({ type: "submit" }));
+            expect(result.current.buttonProps).toHaveProperty("type", "submit");
+        });
+        it("should return an object without buttonProps with type property when elementType is not button", () => {
+            const { result } = (0, react_1.renderHook)(() => (0, useButton_1.useButton)({ elementType: "a" }));
+            expect(result.current.buttonProps).not.toHaveProperty("type");
+        });
+    });
+    describe("isDisabled", () => {
+        it("should return an object with buttonProps with disabled property set to undefined", () => {
+            const { result } = (0, react_1.renderHook)(() => (0, useButton_1.useButton)({}));
+            expect(result.current.buttonProps).toHaveProperty("disabled", undefined);
+        });
+        it("should return an object with buttonProps with disabled set to true when isDisabled is set to true", () => {
+            const { result } = (0, react_1.renderHook)(() => (0, useButton_1.useButton)({ isDisabled: true }));
+            expect(result.current.buttonProps).toHaveProperty("disabled", true);
+        });
+        it("should return an object with buttonProps with aria-disabled property set to undefined", () => {
+            const { result } = (0, react_1.renderHook)(() => (0, useButton_1.useButton)({}));
+            expect(result.current.buttonProps).toHaveProperty("aria-disabled", undefined);
+        });
+        it("should return an object with buttonProps with aria-disabled property set to true when isDisabled is set to true", () => {
+            const { result } = (0, react_1.renderHook)(() => (0, useButton_1.useButton)({ isDisabled: true }));
+            expect(result.current.buttonProps).toHaveProperty("aria-disabled", true);
+        });
+    });
+    describe("href", () => {
+        describe("when elementType is a", () => {
+            it("should return an object with buttonProps with href property set to undefined", () => {
+                const { result } = (0, react_1.renderHook)(() => (0, useButton_1.useButton)({}));
+                expect(result.current.buttonProps).toHaveProperty("href", undefined);
+            });
+            it("should return an object with buttonProps with href property set to passed in href", () => {
+                const { result } = (0, react_1.renderHook)(() => (0, useButton_1.useButton)({ elementType: "a", href: "test" }));
+                expect(result.current.buttonProps).toHaveProperty("href", "test");
+            });
+        });
+        describe("when elementType is not a", () => {
+            it("should return an object with buttonProps with href property set to undefined", () => {
+                const { result } = (0, react_1.renderHook)(() => (0, useButton_1.useButton)({ elementType: "button" }));
+                expect(result.current.buttonProps).toHaveProperty("href", undefined);
+            });
+        });
+    });
+    describe("target", () => {
+        describe("when elementType is a", () => {
+            it("should return an object with buttonProps with target property set to undefined", () => {
+                const { result } = (0, react_1.renderHook)(() => (0, useButton_1.useButton)({}));
+                expect(result.current.buttonProps).toHaveProperty("target", undefined);
+            });
+            it("should return an object with buttonProps with target property set to passed in target", () => {
+                const { result } = (0, react_1.renderHook)(() => (0, useButton_1.useButton)({ elementType: "a", target: "test" }));
+                expect(result.current.buttonProps).toHaveProperty("target", "test");
+            });
+        });
+        describe("when elementType is not a", () => {
+            it("should return an object with buttonProps with target property set to undefined", () => {
+                const { result } = (0, react_1.renderHook)(() => (0, useButton_1.useButton)({ elementType: "button" }));
+                expect(result.current.buttonProps).toHaveProperty("target", undefined);
+            });
+        });
+    });
+    describe("rel", () => {
+        describe("when elementType is a", () => {
+            it("should return an object with buttonProps with rel property set to undefined", () => {
+                const { result } = (0, react_1.renderHook)(() => (0, useButton_1.useButton)({}));
+                expect(result.current.buttonProps).toHaveProperty("rel", undefined);
+            });
+            it("should return an object with buttonProps with rel property set to passed in rel", () => {
+                const { result } = (0, react_1.renderHook)(() => (0, useButton_1.useButton)({ elementType: "a", rel: "test" }));
+                expect(result.current.buttonProps).toHaveProperty("rel", "test");
+            });
+        });
+        describe("when elementType is not a", () => {
+            it("should return an object with buttonProps with rel property set to undefined", () => {
+                const { result } = (0, react_1.renderHook)(() => (0, useButton_1.useButton)({ elementType: "button" }));
+                expect(result.current.buttonProps).toHaveProperty("rel", undefined);
+            });
+        });
+    });
+    describe("events", () => {
+        it("should return an object with buttonProps with onClick property", () => {
+            const { result } = (0, react_1.renderHook)(() => (0, useButton_1.useButton)({}));
+            expect(result.current.buttonProps).toHaveProperty("onClick");
+        });
+        describe("onClick", () => {
+            it("should call onClick when buttonProps onClick is called", () => {
+                const onClick = jest.fn();
+                const { result } = (0, react_1.renderHook)(() => (0, useButton_1.useButton)({ onClick }));
+                // @ts-expect-error - We don't care about the event argument
+                result.current.buttonProps.onClick();
+                expect(onClick).toHaveBeenCalled();
+            });
+            it("should not call onClick when buttonProps onClick is called and isDisabled is true", () => {
+                const onClick = jest.fn();
+                const { result } = (0, react_1.renderHook)(() => (0, useButton_1.useButton)({ onClick, isDisabled: true }));
+                // @ts-expect-error - We don't care about the event argument
+                result.current.buttonProps.onClick();
+                expect(onClick).not.toHaveBeenCalled();
+            });
+        });
+        describe("onPress", () => {
+            it("should call onPress when buttonProps onClick is called", () => {
+                const onPress = jest.fn();
+                const { result } = (0, react_1.renderHook)(() => (0, useButton_1.useButton)({ onPress }));
+                // @ts-expect-error - We don't care about the event argument
+                result.current.buttonProps.onClick();
+                expect(onPress).toHaveBeenCalled();
+            });
+            it("should not call onPress when buttonProps onClick is called and isDisabled is true", () => {
+                const onPress = jest.fn();
+                const { result } = (0, react_1.renderHook)(() => (0, useButton_1.useButton)({ onPress, isDisabled: true }));
+                // @ts-expect-error - We don't care about the event argument
+                result.current.buttonProps.onClick();
+                expect(onPress).not.toHaveBeenCalled();
+            });
+        });
+    });
+});
+//# sourceMappingURL=useButton.test.js.map

package/dist/cjs/hooks/useButton/useButton.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useButton.test.js","sourceRoot":"","sources":["../../../../src/hooks/useButton/useButton.test.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/hooks/useDialog/index.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+_export_star(require("./useDialog"), exports);
+function _export_star(from, to) {
+    Object.keys(from).forEach(function(k) {
+        if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {
+            Object.defineProperty(to, k, {
+                enumerable: true,
+                get: function() {
+                    return from[k];
+                }
+            });
+        }
+    });
+    return from;
+}
+
+//# sourceMappingURL=index.js.map

package/dist/cjs/hooks/useDialog/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/hooks/useDialog/index.ts"],"sourcesContent":["export * from \"./useDialog\";\n"],"names":[],"mappings":";;;;qBAAc"}

package/dist/cjs/hooks/useDialog/useDialog.js

@@ -0,0 +1,94 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useDialog", {
+    enumerable: true,
+    get: function() {
+        return useDialog;
+    }
+});
+const _react = require("react");
+const _useDialogPolyfill = require("../useDialogPolyfill");
+const _useBodyScrollLock = require("../useBodyScrollLock");
+const _utils = require("../../utils");
+const TRANSITION_CLASS_NAME = "--transition";
+const FALLBACK_TRANSITION_DURATION = 0;
+const useDialog = (props)=>{
+    const { ref, isOpen, transition, onOpen, onClose } = props;
+    const shouldTransition = (0, _utils.supportsDialog)() && transition.isEnabled;
+    // Read CSS variable value as number
+    const TRANSITION_DURATION_IN_MS = ref.current && Number(getComputedStyle(ref.current).getPropertyValue(transition.CSSVariable).replace("ms", "")) || FALLBACK_TRANSITION_DURATION;
+    (0, _useDialogPolyfill.useDialogPolyfill)(ref);
+    (0, _useBodyScrollLock.useBodyScrollLock)({
+        enabled: isOpen
+    });
+    const open = (0, _react.useCallback)(()=>{
+        var _ref_current;
+        (_ref_current = ref.current) === null || _ref_current === void 0 ? void 0 : _ref_current.showModal();
+        onOpen === null || onOpen === void 0 ? void 0 : onOpen();
+    }, [
+        onOpen,
+        ref
+    ]);
+    const close = (0, _react.useCallback)(()=>{
+        var _ref_current;
+        (_ref_current = ref.current) === null || _ref_current === void 0 ? void 0 : _ref_current.close();
+        onClose === null || onClose === void 0 ? void 0 : onClose();
+    }, [
+        onClose,
+        ref
+    ]);
+    // Add close handler, to enable closing transitions
+    const handleClose = (0, _react.useCallback)((event)=>{
+        if (event) {
+            // Prevent default event coming from onCancel,
+            // which is triggered by pressing ESC key
+            event.preventDefault();
+            // Ensure that nested `<dialog>` elements
+            // don't close the parent
+            event.stopPropagation();
+        }
+        if (shouldTransition) {
+            var _ref_current;
+            (_ref_current = ref.current) === null || _ref_current === void 0 ? void 0 : _ref_current.classList.remove(TRANSITION_CLASS_NAME);
+            // Delay close to allow exit transition
+            setTimeout(()=>close(), TRANSITION_DURATION_IN_MS);
+        } else {
+            close();
+        }
+    }, [
+        TRANSITION_DURATION_IN_MS,
+        close,
+        ref,
+        shouldTransition
+    ]);
+    (0, _react.useEffect)(()=>{
+        async function toggleDialog() {
+            var _ref_current, _ref_current1;
+            if (isOpen && !((_ref_current = ref.current) === null || _ref_current === void 0 ? void 0 : _ref_current.open)) {
+                open();
+                // Fix opening transition in Safari being skipped
+                // by wrapping with setTimeout
+                setTimeout(()=>{
+                    var _ref_current;
+                    (_ref_current = ref.current) === null || _ref_current === void 0 ? void 0 : _ref_current.classList.add(TRANSITION_CLASS_NAME);
+                }, 0);
+            } else if (!isOpen && ((_ref_current1 = ref.current) === null || _ref_current1 === void 0 ? void 0 : _ref_current1.open)) {
+                handleClose();
+            }
+        }
+        toggleDialog();
+    }, [
+        handleClose,
+        isOpen,
+        open,
+        ref
+    ]);
+    return {
+        open,
+        close: handleClose
+    };
+};
+
+//# sourceMappingURL=useDialog.js.map

package/dist/cjs/hooks/useDialog/useDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/hooks/useDialog/useDialog.ts"],"sourcesContent":["import {\n  MutableRefObject,\n  SyntheticEvent,\n  useCallback,\n  useEffect,\n} from \"react\";\nimport { useDialogPolyfill } from \"../useDialogPolyfill\";\nimport { useBodyScrollLock } from \"../useBodyScrollLock\";\nimport { supportsDialog } from \"../../utils\";\n\nexport type TransitionProps = {\n  isEnabled: boolean;\n  CSSVariable: string;\n};\n\nexport type useDialogProps = {\n  ref: MutableRefObject<HTMLDialogElement | null>;\n  transition: TransitionProps;\n  isOpen: boolean;\n  onOpen?: () => void;\n  onClose?: () => void;\n};\n\nconst TRANSITION_CLASS_NAME = \"--transition\";\nconst FALLBACK_TRANSITION_DURATION = 0;\n\nexport const useDialog = (props: useDialogProps) => {\n  const { ref, isOpen, transition, onOpen, onClose } = props;\n  const shouldTransition = supportsDialog() && transition.isEnabled;\n\n  // Read CSS variable value as number\n  const TRANSITION_DURATION_IN_MS =\n    (ref.current &&\n      Number(\n        getComputedStyle(ref.current)\n          .getPropertyValue(transition.CSSVariable)\n          .replace(\"ms\", \"\"),\n      )) ||\n    FALLBACK_TRANSITION_DURATION;\n\n  useDialogPolyfill(ref);\n  useBodyScrollLock({ enabled: isOpen });\n\n  const open = useCallback(() => {\n    ref.current?.showModal();\n    onOpen?.();\n  }, [onOpen, ref]);\n\n  const close = useCallback(() => {\n    ref.current?.close();\n    onClose?.();\n  }, [onClose, ref]);\n\n  // Add close handler, to enable closing transitions\n  const handleClose = useCallback(\n    (event?: SyntheticEvent<HTMLElement, Event>) => {\n      if (event) {\n        // Prevent default event coming from onCancel,\n        // which is triggered by pressing ESC key\n        event.preventDefault();\n        // Ensure that nested `<dialog>` elements\n        // don't close the parent\n        event.stopPropagation();\n      }\n\n      if (shouldTransition) {\n        ref.current?.classList.remove(TRANSITION_CLASS_NAME);\n        // Delay close to allow exit transition\n        setTimeout(() => close(), TRANSITION_DURATION_IN_MS);\n      } else {\n        close();\n      }\n    },\n    [TRANSITION_DURATION_IN_MS, close, ref, shouldTransition],\n  );\n\n  useEffect(() => {\n    async function toggleDialog() {\n      if (isOpen && !ref.current?.open) {\n        open();\n        // Fix opening transition in Safari being skipped\n        // by wrapping with setTimeout\n        setTimeout(() => {\n          ref.current?.classList.add(TRANSITION_CLASS_NAME);\n        }, 0);\n      } else if (!isOpen && ref.current?.open) {\n        handleClose();\n      }\n    }\n\n    toggleDialog();\n  }, [handleClose, isOpen, open, ref]);\n\n  return {\n    open,\n    close: handleClose,\n  };\n};\n"],"names":["useDialog","TRANSITION_CLASS_NAME","FALLBACK_TRANSITION_DURATION","props","ref","isOpen","transition","onOpen","onClose","shouldTransition","supportsDialog","isEnabled","TRANSITION_DURATION_IN_MS","current","Number","getComputedStyle","getPropertyValue","CSSVariable","replace","useDialogPolyfill","useBodyScrollLock","enabled","open","useCallback","showModal","close","handleClose","event","preventDefault","stopPropagation","classList","remove","setTimeout","useEffect","toggleDialog","add"],"mappings":";;;;+BA0BaA;;;eAAAA;;;uBArBN;mCAC2B;mCACA;uBACH;AAe/B,MAAMC,wBAAwB;AAC9B,MAAMC,+BAA+B;AAE9B,MAAMF,YAAY,CAACG;IACxB,MAAM,EAAEC,GAAG,EAAEC,MAAM,EAAEC,UAAU,EAAEC,MAAM,EAAEC,OAAO,EAAE,GAAGL;IACrD,MAAMM,mBAAmBC,IAAAA,qBAAc,OAAMJ,WAAWK,SAAS;IAEjE,oCAAoC;IACpC,MAAMC,4BACJ,AAACR,IAAIS,OAAO,IACVC,OACEC,iBAAiBX,IAAIS,OAAO,EACzBG,gBAAgB,CAACV,WAAWW,WAAW,EACvCC,OAAO,CAAC,MAAM,QAErBhB;IAEFiB,IAAAA,oCAAiB,EAACf;IAClBgB,IAAAA,oCAAiB,EAAC;QAAEC,SAAShB;IAAO;IAEpC,MAAMiB,OAAOC,IAAAA,kBAAW,EAAC;YACvBnB;SAAAA,eAAAA,IAAIS,OAAO,cAAXT,mCAAAA,aAAaoB,SAAS;QACtBjB,mBAAAA,6BAAAA;IACF,GAAG;QAACA;QAAQH;KAAI;IAEhB,MAAMqB,QAAQF,IAAAA,kBAAW,EAAC;YACxBnB;SAAAA,eAAAA,IAAIS,OAAO,cAAXT,mCAAAA,aAAaqB,KAAK;QAClBjB,oBAAAA,8BAAAA;IACF,GAAG;QAACA;QAASJ;KAAI;IAEjB,mDAAmD;IACnD,MAAMsB,cAAcH,IAAAA,kBAAW,EAC7B,CAACI;QACC,IAAIA,OAAO;YACT,8CAA8C;YAC9C,yCAAyC;YACzCA,MAAMC,cAAc;YACpB,yCAAyC;YACzC,yBAAyB;YACzBD,MAAME,eAAe;QACvB;QAEA,IAAIpB,kBAAkB;gBACpBL;aAAAA,eAAAA,IAAIS,OAAO,cAAXT,mCAAAA,aAAa0B,SAAS,CAACC,MAAM,CAAC9B;YAC9B,uCAAuC;YACvC+B,WAAW,IAAMP,SAASb;QAC5B,OAAO;YACLa;QACF;IACF,GACA;QAACb;QAA2Ba;QAAOrB;QAAKK;KAAiB;IAG3DwB,IAAAA,gBAAS,EAAC;QACR,eAAeC;gBACE9B,cAOOA;YAPtB,IAAIC,UAAU,GAACD,eAAAA,IAAIS,OAAO,cAAXT,mCAAAA,aAAakB,IAAI,GAAE;gBAChCA;gBACA,iDAAiD;gBACjD,8BAA8B;gBAC9BU,WAAW;wBACT5B;qBAAAA,eAAAA,IAAIS,OAAO,cAAXT,mCAAAA,aAAa0B,SAAS,CAACK,GAAG,CAAClC;gBAC7B,GAAG;YACL,OAAO,IAAI,CAACI,YAAUD,gBAAAA,IAAIS,OAAO,cAAXT,oCAAAA,cAAakB,IAAI,GAAE;gBACvCI;YACF;QACF;QAEAQ;IACF,GAAG;QAACR;QAAarB;QAAQiB;QAAMlB;KAAI;IAEnC,OAAO;QACLkB;QACAG,OAAOC;IACT;AACF"}

package/dist/cjs/hooks/useDialogPolyfill/index.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+_export_star(require("./useDialogPolyfill"), exports);
+function _export_star(from, to) {
+    Object.keys(from).forEach(function(k) {
+        if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {
+            Object.defineProperty(to, k, {
+                enumerable: true,
+                get: function() {
+                    return from[k];
+                }
+            });
+        }
+    });
+    return from;
+}
+
+//# sourceMappingURL=index.js.map

package/dist/cjs/hooks/useDialogPolyfill/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/hooks/useDialogPolyfill/index.ts"],"sourcesContent":["export * from \"./useDialogPolyfill\";\n"],"names":[],"mappings":";;;;qBAAc"}

package/dist/cjs/hooks/useDialogPolyfill/useDialogPolyfill.js

@@ -0,0 +1,77 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useDialogPolyfill", {
+    enumerable: true,
+    get: function() {
+        return useDialogPolyfill;
+    }
+});
+const _react = require("react");
+const _utils = require("../../utils");
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) {
+        return obj;
+    }
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+        return {
+            default: obj
+        };
+    }
+    var cache = _getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) {
+        return cache.get(obj);
+    }
+    var newObj = {
+        __proto__: null
+    };
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj){
+        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+            if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+            } else {
+                newObj[key] = obj[key];
+            }
+        }
+    }
+    newObj.default = obj;
+    if (cache) {
+        cache.set(obj, newObj);
+    }
+    return newObj;
+}
+const useDialogPolyfill = (ref)=>{
+    const hasDialogSupport = (0, _utils.supportsDialog)();
+    (0, _react.useEffect)(()=>{
+        async function polyfillDialog() {
+            if (!hasDialogSupport && typeof window !== "undefined" && ref.current !== null) {
+                const { default: dialogPolyfill } = await Promise.resolve().then(()=>/*#__PURE__*/ _interop_require_wildcard(require("dialog-polyfill")));
+                try {
+                    dialogPolyfill.registerDialog(ref.current);
+                } catch (error) {
+                    // In iOS 15 <= 15.2 this intermittently fails with
+                    // TypeError: null is not an object (evaluating 'element.showModal')
+                    // Checking showModal presence through hasOwnProperty is falsy natively, truthy with polyfill 🤷🏼‍♂️
+                    console.error("Failed to load dialog-polyfill", error);
+                }
+            }
+        }
+        polyfillDialog();
+    }, [
+        ref,
+        hasDialogSupport
+    ]);
+};
+
+//# sourceMappingURL=useDialogPolyfill.js.map

package/dist/cjs/hooks/useDialogPolyfill/useDialogPolyfill.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/hooks/useDialogPolyfill/useDialogPolyfill.ts"],"sourcesContent":["import { MutableRefObject, useEffect } from \"react\";\nimport { supportsDialog } from \"../../utils\";\n\n// Add polyfill for HTML Dialog in old browsers\nexport const useDialogPolyfill = (\n  ref: MutableRefObject<HTMLDialogElement | null>,\n) => {\n  const hasDialogSupport = supportsDialog();\n\n  useEffect(() => {\n    async function polyfillDialog() {\n      if (\n        !hasDialogSupport &&\n        typeof window !== \"undefined\" &&\n        ref.current !== null\n      ) {\n        const { default: dialogPolyfill } = await import(\"dialog-polyfill\");\n\n        try {\n          dialogPolyfill.registerDialog(ref.current);\n        } catch (error) {\n          // In iOS 15 <= 15.2 this intermittently fails with\n          // TypeError: null is not an object (evaluating 'element.showModal')\n          // Checking showModal presence through hasOwnProperty is falsy natively, truthy with polyfill 🤷🏼‍♂️\n          console.error(\"Failed to load dialog-polyfill\", error);\n        }\n      }\n    }\n\n    polyfillDialog();\n  }, [ref, hasDialogSupport]);\n};\n"],"names":["useDialogPolyfill","ref","hasDialogSupport","supportsDialog","useEffect","polyfillDialog","window","current","default","dialogPolyfill","registerDialog","error","console"],"mappings":";;;;+BAIaA;;;eAAAA;;;uBAJ+B;uBACb;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGxB,MAAMA,oBAAoB,CAC/BC;IAEA,MAAMC,mBAAmBC,IAAAA,qBAAc;IAEvCC,IAAAA,gBAAS,EAAC;QACR,eAAeC;YACb,IACE,CAACH,oBACD,OAAOI,WAAW,eAClBL,IAAIM,OAAO,KAAK,MAChB;gBACA,MAAM,EAAEC,SAASC,cAAc,EAAE,GAAG,MAAM,mEAAA,QAAO;gBAEjD,IAAI;oBACFA,eAAeC,cAAc,CAACT,IAAIM,OAAO;gBAC3C,EAAE,OAAOI,OAAO;oBACd,mDAAmD;oBACnD,oEAAoE;oBACpE,qGAAqG;oBACrGC,QAAQD,KAAK,CAAC,kCAAkCA;gBAClD;YACF;QACF;QAEAN;IACF,GAAG;QAACJ;QAAKC;KAAiB;AAC5B"}

package/dist/cjs/hooks/useLabel/index.d.ts

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

package/dist/cjs/hooks/useLabel/useLabel.d.ts

@@ -0,0 +1,27 @@
+import { LabelHTMLAttributes } from "react";
+export type UseLabelProps = {
+    id?: string | undefined;
+    label?: string | undefined;
+    "aria-label"?: string | undefined;
+    "aria-labelledby"?: string | undefined;
+    labelElementType?: "label" | "span" | undefined;
+};
+export type UseLabelReturn = {
+    labelProps: {
+        id?: string | undefined;
+    } & LabelHTMLAttributes<HTMLLabelElement>;
+    fieldProps: LabellingProps;
+};
+export type LabellingProps = {
+    id?: string | undefined;
+    "aria-label"?: string | undefined;
+    "aria-labelledby"?: string | undefined;
+    "aria-describedby"?: string | undefined;
+    "aria-details"?: string | undefined;
+};
+export declare function useLabel({ id: providedId, label, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, labelElementType, }: UseLabelProps): {
+    labelProps: {
+        id?: string | undefined;
+    } & LabelHTMLAttributes<HTMLLabelElement>;
+    fieldProps: LabellingProps;
+};

package/dist/cjs/hooks/useLabel/useLabel.test.d.ts

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

package/dist/cjs/hooks/useLabel/useLabel.test.js

@@ -0,0 +1,49 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+/* eslint-disable no-console */
+const react_1 = require("@testing-library/react");
+const useLabel_1 = require("./useLabel");
+describe("useLabel", () => {
+    it("should run without crashing", () => {
+        (0, react_1.renderHook)(() => (0, useLabel_1.useLabel)({ label: "test" }));
+    });
+    it("should warn if no label or aria-label or aria-labelledby is provided", () => {
+        jest.spyOn(console, "warn").mockImplementation(() => { });
+        (0, react_1.renderHook)(() => (0, useLabel_1.useLabel)({}));
+        expect(console.warn).toHaveBeenCalled();
+    });
+    it("should return labelProps and fieldProps", () => {
+        const { result } = (0, react_1.renderHook)(() => (0, useLabel_1.useLabel)({ label: "test" }));
+        expect(result.current).toHaveProperty("labelProps");
+        expect(result.current).toHaveProperty("fieldProps");
+    });
+    it("should pass through the provided id", () => {
+        const { result } = (0, react_1.renderHook)(() => (0, useLabel_1.useLabel)({ id: "test", label: "test" }));
+        expect(result.current.fieldProps.id).toBe("test");
+    });
+    it("should generate an id if none is provided", () => {
+        const { result } = (0, react_1.renderHook)(() => (0, useLabel_1.useLabel)({ label: "test" }));
+        expect(result.current.fieldProps.id).toBeDefined();
+    });
+    it("should pass through the provided aria-label", () => {
+        const { result } = (0, react_1.renderHook)(() => (0, useLabel_1.useLabel)({ "aria-label": "test", label: "test" }));
+        expect(result.current.fieldProps["aria-label"]).toBe("test");
+    });
+    it("should pass through the provided aria-labelledby", () => {
+        const { result } = (0, react_1.renderHook)(() => (0, useLabel_1.useLabel)({ "aria-labelledby": "test", label: "test" }));
+        expect(result.current.fieldProps["aria-labelledby"]).toContain("test");
+    });
+    it("should combine the provided aria-labelledby with the generated label id", () => {
+        const { result } = (0, react_1.renderHook)(() => (0, useLabel_1.useLabel)({ "aria-labelledby": "test", label: "test" }));
+        expect(result.current.fieldProps["aria-labelledby"]).toContain(result.current.labelProps.id);
+    });
+    it("should return labelProps with htmlFor if labelElementType is label", () => {
+        const { result } = (0, react_1.renderHook)(() => (0, useLabel_1.useLabel)({ label: "test", labelElementType: "label" }));
+        expect(result.current.labelProps.htmlFor).toBe(result.current.fieldProps.id);
+    });
+    it("should return labelProps with no htmlFor if labelElementType is span", () => {
+        const { result } = (0, react_1.renderHook)(() => (0, useLabel_1.useLabel)({ label: "test", labelElementType: "span" }));
+        expect(result.current.labelProps.htmlFor).toBeUndefined();
+    });
+});
+//# sourceMappingURL=useLabel.test.js.map

package/dist/cjs/hooks/useLabel/useLabel.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLabel.test.js","sourceRoot":"","sources":["../../../../src/hooks/useLabel/useLabel.test.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/hooks/useOnClickOutside/index.d.ts

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

package/dist/cjs/hooks/useOnClickOutside/useOnClickOutside.d.ts

@@ -0,0 +1,2 @@
+import { RefObject } from "react";
+export declare const useOnClickOutside: (ref: RefObject<HTMLElement>, handler: (event: MouseEvent | TouchEvent | KeyboardEvent) => void) => void;

package/dist/cjs/hooks/useTextField/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./useTextField";
+export * from "./types";

package/dist/cjs/hooks/useTextField/types.d.ts

@@ -0,0 +1,26 @@
+import { InputHTMLAttributes } from "react";
+import { UseLabelProps, UseLabelReturn } from "../useLabel/useLabel";
+import { FocusEvents } from "../../types";
+export type UseTextFieldProps = UseLabelProps & FocusEvents & Pick<InputHTMLAttributes<HTMLInputElement>, "defaultValue" | "value" | "onChange" | "autoComplete" | "maxLength" | "minLength" | "name" | "placeholder" | "inputMode" | "type" | "pattern" | "onCopy" | "onCut" | "onPaste" | "onCompositionEnd" | "onCompositionStart" | "onCompositionUpdate" | "onSelect" | "onBeforeInput" | "onInput"> & {
+    inputElementType?: "input" | "textarea" | undefined;
+    defaultValue?: string | undefined;
+    value?: string | undefined;
+    isDisabled?: boolean | undefined;
+    isReadOnly?: boolean | undefined;
+    isRequired?: boolean | undefined;
+    validationState?: "valid" | "invalid" | undefined;
+    description?: string | undefined;
+    errorMessage?: string | undefined;
+    "aria-describedby"?: string | undefined;
+    "aria-errormessage"?: string | undefined;
+};
+export type UseTextFieldReturn = {
+    labelProps: UseLabelReturn["labelProps"];
+    inputProps: InputHTMLAttributes<HTMLInputElement>;
+    descriptionProps: {
+        id?: string | undefined;
+    };
+    errorMessageProps: {
+        id?: string | undefined;
+    };
+};

package/dist/cjs/hooks/useTextField/useTextField.d.ts

@@ -0,0 +1,2 @@
+import { UseTextFieldProps, UseTextFieldReturn } from "./types";
+export declare function useTextField(props: UseTextFieldProps): UseTextFieldReturn;

package/dist/cjs/hooks/useTextField/useTextField.test.d.ts

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