@simplybusiness/mobius 4.5.0 → 4.5.1

package/dist/cjs/types/components.d.ts

@@ -0,0 +1,2 @@
+import { ForwardRefExoticComponent, PropsWithoutRef, RefAttributes } from "react";
+export type ForwardedRefComponent<T, RT> = ForwardRefExoticComponent<PropsWithoutRef<T> & RefAttributes<RT>>;

package/dist/cjs/types/dom.d.ts

@@ -0,0 +1,3 @@
+export interface DOMProps {
+    id?: string | undefined;
+}

package/dist/cjs/types/events.d.ts

@@ -0,0 +1,45 @@
+import type { ClipboardEvent, CompositionEvent, FocusEvent, KeyboardEvent } from "react";
+export interface KeyboardEvents {
+    /** Event called when the value changes (mandatory for controlled components) */
+    onKeyUp?: (e: KeyboardEvent) => void;
+    /** Event called when the value changes (mandatory for controlled components) */
+    onKeyDown?: (e: KeyboardEvent) => void;
+}
+export interface ClipboardEvents {
+    /** Fired when the user initiates a copy action through the browser's user interface. */
+    onCopy?: (e: ClipboardEvent) => void;
+    /** Fired when the user initiates a cut action through the browser's user interface. */
+    onCut?: (e: ClipboardEvent) => void;
+    /** Fired when the user initiates a paste action through the browser's user interface. */
+    onPaste?: (e: ClipboardEvent) => void;
+}
+export interface CompositionEvents {
+    /** Fired when a text composition system such as an input method editor completes or cancels the current composition session. */
+    onCompositionEnd?: (e: CompositionEvent) => void;
+    /** Fired when a text composition system such as an input method editor starts a new composition session. */
+    onCompositionStart?: (e: CompositionEvent) => void;
+    /** Fired when a new character is received in the context of a text composition session controlled by a text composition system such as an input method editor. */
+    onCompositionUpdate?: (e: CompositionEvent) => void;
+}
+export interface FocusEvents {
+    /** Fired when an element has lost focus. */
+    onBlur?: (e: FocusEvent) => void;
+    /** Fired when an element has gained focus. */
+    onFocus?: (e: FocusEvent) => void;
+}
+export interface InputEvents {
+    /** Event called when the value changes (mandatory for controlled components) */
+    onChange?: (value: string) => void;
+}
+export type HTMLElementEvent<T extends HTMLElement> = Event & {
+    target: T;
+};
+export type ValidationState = "valid" | "invalid";
+export interface Validation {
+    /** Whether user input is required on the input before form submission. */
+    isRequired?: boolean;
+    /** Whether the input value is invalid. */
+    isInvalid?: boolean;
+    /** @deprecated Use `isInvalid` instead. */
+    validationState?: ValidationState;
+}

package/dist/cjs/types/icon.d.ts

@@ -0,0 +1,9 @@
+export type IconDefinition = {
+    iconName: string;
+    width: number;
+    height: number;
+    svgPathData: string;
+    iconType: "stroke" | "fill";
+    strokeWidth?: number;
+    fill?: string | undefined;
+};

package/dist/cjs/types/index.d.ts

@@ -0,0 +1,5 @@
+export * from "./components";
+export * from "./dom";
+export * from "./events";
+export * from "./icon";
+export * from "./size";

package/dist/cjs/types/size.d.ts

@@ -0,0 +1 @@
+export type SizeType = "xs" | "sm" | "md" | "lg" | "xl" | "xxl";

package/dist/cjs/utils/StoryContainer.d.ts

@@ -0,0 +1 @@
+export declare const StoryContainer: (props: Record<string, unknown>) => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/utils/StoryContainer.js

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "StoryContainer", {
+    enumerable: true,
+    get: function() {
+        return StoryContainer;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const css = `
+  :root {
+    --story-container-width: auto;
+  }
+
+  @media (min-width: 641px) {
+    :root {
+      --story-container-width: var(--size-inner-container);
+    }
+  }
+
+  .story-container {
+    width: var(--story-container-width);
+  }
+`;
+const StoryContainer = (props)=>/*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsx)("style", {
+                children: css
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                className: "story-container",
+                ...props
+            })
+        ]
+    });
+
+//# sourceMappingURL=StoryContainer.js.map

package/dist/cjs/utils/StoryContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/utils/StoryContainer.tsx"],"sourcesContent":["const css = `\n  :root {\n    --story-container-width: auto;\n  }\n\n  @media (min-width: 641px) {\n    :root {\n      --story-container-width: var(--size-inner-container);\n    }\n  }\n\n  .story-container {\n    width: var(--story-container-width);\n  }\n`;\n\nexport const StoryContainer = (props: Record<string, unknown>) => (\n  <>\n    <style>{css}</style>\n    <div className=\"story-container\" {...props} />\n  </>\n);\n"],"names":["StoryContainer","css","props","style","div","className"],"mappings":";;;;+BAgBaA;;;eAAAA;;;;AAhBb,MAAMC,MAAM,CAAC;;;;;;;;;;;;;;AAcb,CAAC;AAEM,MAAMD,iBAAiB,CAACE,sBAC7B;;0BACE,qBAACC;0BAAOF;;0BACR,qBAACG;gBAAIC,WAAU;gBAAmB,GAAGH,KAAK"}

package/dist/cjs/utils/changeCSS.d.ts

@@ -0,0 +1 @@
+export declare const changeCSS: (cssUrl: string) => void;

package/dist/cjs/utils/excludeControls.d.ts

@@ -0,0 +1 @@
+export declare const excludeControls: (...args: string[]) => {};

package/dist/cjs/utils/excludeControls.test.d.ts

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

package/dist/cjs/utils/excludeControls.test.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const excludeControls_1 = require("./excludeControls");
+describe("excludeControls", () => {
+    describe("given a list of props", () => {
+        it("returns an object where each prop has an entry with disabled params", () => {
+            const props = ["className", "elementType"];
+            const actual = (0, excludeControls_1.excludeControls)(...props);
+            const expected = {
+                elementType: {
+                    table: {
+                        disable: true,
+                    },
+                },
+                className: {
+                    table: {
+                        disable: true,
+                    },
+                },
+            };
+            expect(actual).toEqual(expected);
+        });
+    });
+});
+//# sourceMappingURL=excludeControls.test.js.map

package/dist/cjs/utils/excludeControls.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"excludeControls.test.js","sourceRoot":"","sources":["../../../src/utils/excludeControls.test.ts"],"names":[],"mappings":";;AAAA,uDAAoD;AAEpD,QAAQ,CAAC,iBAAiB,EAAE,GAAG,EAAE;IAC/B,QAAQ,CAAC,uBAAuB,EAAE,GAAG,EAAE;QACrC,EAAE,CAAC,qEAAqE,EAAE,GAAG,EAAE;YAC7E,MAAM,KAAK,GAAG,CAAC,WAAW,EAAE,aAAa,CAAC,CAAC;YAE3C,MAAM,MAAM,GAAG,IAAA,iCAAe,EAAC,GAAG,KAAK,CAAC,CAAC;YAEzC,MAAM,QAAQ,GAAG;gBACf,WAAW,EAAE;oBACX,KAAK,EAAE;wBACL,OAAO,EAAE,IAAI;qBACd;iBACF;gBACD,SAAS,EAAE;oBACT,KAAK,EAAE;wBACL,OAAO,EAAE,IAAI;qBACd;iBACF;aACF,CAAC;YAEF,MAAM,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;QACnC,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/dist/cjs/utils/getPaddingValue.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "getPaddingValue", {
+    enumerable: true,
+    get: function() {
+        return getPaddingValue;
+    }
+});
+const getPaddingValue = (padding)=>{
+    if (typeof padding === "string") {
+        return `var(--size-${padding})`;
+    }
+    if (typeof padding === "number") {
+        return `${padding}px`;
+    }
+    return undefined;
+};
+
+//# sourceMappingURL=getPaddingValue.js.map

package/dist/cjs/utils/getPaddingValue.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/utils/getPaddingValue.ts"],"sourcesContent":["import { BoxPaddingType } from \"../components/Box/types\";\n\nexport const getPaddingValue = (\n  padding: BoxPaddingType | undefined,\n): string | undefined => {\n  if (typeof padding === \"string\") {\n    return `var(--size-${padding})`;\n  }\n\n  if (typeof padding === \"number\") {\n    return `${padding}px`;\n  }\n\n  return undefined;\n};\n"],"names":["getPaddingValue","padding","undefined"],"mappings":";;;;+BAEaA;;;eAAAA;;;AAAN,MAAMA,kBAAkB,CAC7BC;IAEA,IAAI,OAAOA,YAAY,UAAU;QAC/B,OAAO,CAAC,WAAW,EAAEA,QAAQ,CAAC,CAAC;IACjC;IAEA,IAAI,OAAOA,YAAY,UAAU;QAC/B,OAAO,CAAC,EAAEA,QAAQ,EAAE,CAAC;IACvB;IAEA,OAAOC;AACT"}

package/dist/cjs/utils/index.d.ts

@@ -0,0 +1,8 @@
+export * from "./changeCSS";
+export * from "./excludeControls";
+export * from "./jestHTMLDialogPolyfill";
+export * from "./mergeRefs";
+export * from "./polyfill-tests";
+export * from "./sizeClasses";
+export * from "./spaceDelimitedList";
+export * from "./StoryContainer";

package/dist/cjs/utils/jestHTMLDialogPolyfill.d.ts

@@ -0,0 +1 @@
+export declare const jestHTMLDialogPolyfill: () => void;

package/dist/cjs/utils/mergeRefs.d.ts

@@ -0,0 +1,2 @@
+import type { MutableRefObject, LegacyRef, RefCallback } from "react";
+export declare function mergeRefs<T = any>(refs: Array<MutableRefObject<T> | LegacyRef<T>>): RefCallback<T>;

package/dist/cjs/utils/polyfill-tests.d.ts

@@ -0,0 +1 @@
+export declare const supportsDialog: () => boolean;

package/dist/cjs/utils/sizeClasses.d.ts

@@ -0,0 +1,16 @@
+import { SizeType } from "../types/size";
+export declare const sizeClasses: (size: SizeType | undefined) => {
+    "--is-xs"?: undefined;
+    "--is-sm"?: undefined;
+    "--is-md"?: undefined;
+    "--is-lg"?: undefined;
+    "--is-xl"?: undefined;
+    "--is-xxl"?: undefined;
+} | {
+    "--is-xs": boolean;
+    "--is-sm": boolean;
+    "--is-md": boolean;
+    "--is-lg": boolean;
+    "--is-xl": boolean;
+    "--is-xxl": boolean;
+};

package/dist/cjs/utils/sizeClasses.test.d.ts

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

package/dist/cjs/utils/sizeClasses.test.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const sizeClasses_1 = require("./sizeClasses");
+describe("sizeClasses", () => {
+    describe("given the size is set", () => {
+        it.each(["xs", "sm", "md", "lg", "xl", "xxl"])("it should return CSS modifier-like class name --is-%s", size => {
+            const input = (0, sizeClasses_1.sizeClasses)(size);
+            expect(input).toEqual(expect.objectContaining({
+                [`--is-${size}`]: true,
+            }));
+        });
+    });
+    describe("given the size is not set", () => {
+        it("should return null", () => {
+            const input = undefined;
+            expect((0, sizeClasses_1.sizeClasses)(input)).toEqual({});
+        });
+    });
+});
+//# sourceMappingURL=sizeClasses.test.js.map

package/dist/cjs/utils/sizeClasses.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sizeClasses.test.js","sourceRoot":"","sources":["../../../src/utils/sizeClasses.test.ts"],"names":[],"mappings":";;AAAA,+CAA4C;AAG5C,QAAQ,CAAC,aAAa,EAAE,GAAG,EAAE;IAC3B,QAAQ,CAAC,uBAAuB,EAAE,GAAG,EAAE;QACrC,EAAE,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC,CAC5C,uDAAuD,EACvD,IAAI,CAAC,EAAE;YACL,MAAM,KAAK,GAAG,IAAA,yBAAW,EAAC,IAAgB,CAAC,CAAC;YAE5C,MAAM,CAAC,KAAK,CAAC,CAAC,OAAO,CACnB,MAAM,CAAC,gBAAgB,CAAC;gBACtB,CAAC,QAAQ,IAAI,EAAE,CAAC,EAAE,IAAI;aACvB,CAAC,CACH,CAAC;QACJ,CAAC,CACF,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,2BAA2B,EAAE,GAAG,EAAE;QACzC,EAAE,CAAC,oBAAoB,EAAE,GAAG,EAAE;YAC5B,MAAM,KAAK,GAAG,SAAS,CAAC;YAExB,MAAM,CAAC,IAAA,yBAAW,EAAC,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;QACzC,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/dist/cjs/utils/spaceDelimitedList.d.ts

@@ -0,0 +1 @@
+export declare function spaceDelimitedList(list: (string | null | undefined)[]): string | undefined;

package/dist/cjs/utils/spaceDelimitedList.test.d.ts

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

package/dist/cjs/utils/spaceDelimitedList.test.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const spaceDelimitedList_1 = require("./spaceDelimitedList");
+describe("spaceDelimitedList", () => {
+    it("returns undefined when given an empty list", () => {
+        expect((0, spaceDelimitedList_1.spaceDelimitedList)([])).toBeUndefined();
+    });
+    it("returns a string when given a non-empty list", () => {
+        expect((0, spaceDelimitedList_1.spaceDelimitedList)(["a", "b", "c"])).toBe("a b c");
+    });
+    it("returns a string when given a list with a single element", () => {
+        expect((0, spaceDelimitedList_1.spaceDelimitedList)(["a"])).toBe("a");
+    });
+    it("returns a undefined when given a list with a single null element", () => {
+        expect((0, spaceDelimitedList_1.spaceDelimitedList)([null])).toBeUndefined();
+    });
+    it("returns a undefined when given a list with a single undefined element", () => {
+        expect((0, spaceDelimitedList_1.spaceDelimitedList)([undefined])).toBeUndefined();
+    });
+    it("returns a undefined when given a list with a single empty string element", () => {
+        expect((0, spaceDelimitedList_1.spaceDelimitedList)([""])).toBeUndefined();
+    });
+    it("Removes any null or undefined values", () => {
+        expect((0, spaceDelimitedList_1.spaceDelimitedList)(["a", null, "b", undefined, "c"])).toBe("a b c");
+    });
+});
+//# sourceMappingURL=spaceDelimitedList.test.js.map

package/dist/cjs/utils/spaceDelimitedList.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spaceDelimitedList.test.js","sourceRoot":"","sources":["../../../src/utils/spaceDelimitedList.test.ts"],"names":[],"mappings":";;AAAA,6DAA0D;AAE1D,QAAQ,CAAC,oBAAoB,EAAE,GAAG,EAAE;IAClC,EAAE,CAAC,4CAA4C,EAAE,GAAG,EAAE;QACpD,MAAM,CAAC,IAAA,uCAAkB,EAAC,EAAE,CAAC,CAAC,CAAC,aAAa,EAAE,CAAC;IACjD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,8CAA8C,EAAE,GAAG,EAAE;QACtD,MAAM,CAAC,IAAA,uCAAkB,EAAC,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IAC5D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,0DAA0D,EAAE,GAAG,EAAE;QAClE,MAAM,CAAC,IAAA,uCAAkB,EAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAC9C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,kEAAkE,EAAE,GAAG,EAAE;QAC1E,MAAM,CAAC,IAAA,uCAAkB,EAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,aAAa,EAAE,CAAC;IACrD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,uEAAuE,EAAE,GAAG,EAAE;QAC/E,MAAM,CAAC,IAAA,uCAAkB,EAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,aAAa,EAAE,CAAC;IAC1D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,0EAA0E,EAAE,GAAG,EAAE;QAClF,MAAM,CAAC,IAAA,uCAAkB,EAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,aAAa,EAAE,CAAC;IACnD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,sCAAsC,EAAE,GAAG,EAAE;QAC9C,MAAM,CAAC,IAAA,uCAAkB,EAAC,CAAC,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IAC7E,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/dist/esm/components/Drawer/Drawer.js

@@ -1,108 +1,43 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import classNames from "classnames/dedupe";
-import { forwardRef, useCallback, useEffect, useMemo, useRef } from "react";
-import { useBodyScrollLock } from "../../hooks/useBodyScrollLock";
-import { supportsDialog } from "../../utils/polyfill-tests";
+import { forwardRef, useMemo, useRef } from "react";
 import { VisuallyHidden } from "../VisuallyHidden";
-import { mergeRefs } from "../../utils";
+import { mergeRefs, supportsDialog } from "../../utils";
 import { DrawerContext } from "./DrawerContext";
-const TRANSITION_CLASS_NAME = "--transition";
+import { useDialog } from "../../hooks";
+const TRANSITION_CSS_VARIABLE = "--drawer-transition-duration";
 const Drawer = /*#__PURE__*/ forwardRef((props, ref)=>{
     const { isOpen, className, closeLabel, direction, announce = "Drawer opened on screen", onOpen, onClose, children } = props;
-    const hasOpened = useRef(false);
-    const modalRef = useRef(null);
-    const hasDialogSupport = supportsDialog();
-    // Fire onOpen once
-    if (onOpen && !hasOpened.current) {
-        onOpen();
-        hasOpened.current = true;
-    }
-    useBodyScrollLock({
-        enabled: isOpen
-    });
-    // Add close handler, to enable closing transitions
-    const handleClose = useCallback((event)=>{
-        if (event) {
-            event.preventDefault();
-            event.stopPropagation();
-        }
-        // Name the callback function, so we can add and remove event listener
-        const transitionCallback = (e)=>{
-            // Close drawer only if the transition is on the dialog element
-            // As it can be on a child element (ie `<Button>` inside the drawer)
-            if (e.target === modalRef.current) {
-                // eslint-disable-next-line @typescript-eslint/no-use-before-define
-                doClose();
-            }
-        };
-        const doClose = ()=>{
-            var _modalRef_current, _modalRef_current1;
-            (_modalRef_current = modalRef.current) === null || _modalRef_current === void 0 ? void 0 : _modalRef_current.close();
-            onClose === null || onClose === void 0 ? void 0 : onClose();
-            (_modalRef_current1 = modalRef.current) === null || _modalRef_current1 === void 0 ? void 0 : _modalRef_current1.removeEventListener("transitionend", transitionCallback);
-        };
-        // Delay close to allow backdrop exit transition
-        if (hasDialogSupport) {
-            var _modalRef_current, _modalRef_current1;
-            (_modalRef_current = modalRef.current) === null || _modalRef_current === void 0 ? void 0 : _modalRef_current.classList.remove(TRANSITION_CLASS_NAME);
-            (_modalRef_current1 = modalRef.current) === null || _modalRef_current1 === void 0 ? void 0 : _modalRef_current1.addEventListener("transitionend", transitionCallback);
-        } else {
-            doClose();
-        }
-    }, [
-        onClose,
-        hasDialogSupport
-    ]);
-    const modalClasses = classNames("mobius", "mobius/Drawer", `--${direction}`, className, {
-        "--should-transition": hasDialogSupport
-    });
-    // Add polyfill for HTML Dialog in old browsers
-    useEffect(()=>{
-        async function toggleModal() {
-            var _modalRef_current, _modalRef_current1;
-            if (!hasDialogSupport && typeof window !== "undefined" && modalRef.current !== null) {
-                // eslint-disable-next-line import/no-extraneous-dependencies
-                const { default: dialogPolyfill } = await import("dialog-polyfill");
-                try {
-                    dialogPolyfill.registerDialog(modalRef.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);
-                }
-            }
-            if (isOpen && !((_modalRef_current = modalRef.current) === null || _modalRef_current === void 0 ? void 0 : _modalRef_current.open)) {
-                var _modalRef_current2, _modalRef_current3;
-                (_modalRef_current2 = modalRef.current) === null || _modalRef_current2 === void 0 ? void 0 : _modalRef_current2.showModal();
-                (_modalRef_current3 = modalRef.current) === null || _modalRef_current3 === void 0 ? void 0 : _modalRef_current3.classList.add(TRANSITION_CLASS_NAME);
-                onOpen === null || onOpen === void 0 ? void 0 : onOpen();
-            } else if (!isOpen && ((_modalRef_current1 = modalRef.current) === null || _modalRef_current1 === void 0 ? void 0 : _modalRef_current1.open)) {
-                handleClose();
-            }
-        }
-        toggleModal();
-    }, [
+    const shouldTransition = supportsDialog();
+    const dialogRef = useRef(null);
+    const { close } = useDialog({
+        ref: dialogRef,
         isOpen,
         onOpen,
-        handleClose,
-        hasDialogSupport
-    ]);
+        onClose,
+        transition: {
+            isEnabled: true,
+            CSSVariable: TRANSITION_CSS_VARIABLE
+        }
+    });
+    const dialogClasses = classNames("mobius", "mobius/Drawer", `--${direction}`, className, {
+        "--should-transition": shouldTransition
+    });
     const contextValue = useMemo(()=>({
-            onClose: handleClose,
+            onClose: close,
             closeLabel
         }), [
-        handleClose,
+        close,
         closeLabel
     ]);
     return /*#__PURE__*/ _jsxs("dialog", {
         ref: mergeRefs([
-            modalRef,
+            dialogRef,
             ref
         ]),
-        onCancel: handleClose,
-        className: modalClasses,
+        onCancel: close,
+        className: dialogClasses,
         "aria-describedby": "screen-reader-announce",
         children: [
             /*#__PURE__*/ _jsx(VisuallyHidden, {

package/dist/esm/components/Drawer/Drawer.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Drawer/Drawer.tsx"],"sourcesContent":["\"use client\";\n\nimport classNames from \"classnames/dedupe\";\nimport {\n  Ref,\n  SyntheticEvent,\n  forwardRef,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n} from \"react\";\nimport { useBodyScrollLock } from \"../../hooks/useBodyScrollLock\";\nimport { supportsDialog } from \"../../utils/polyfill-tests\";\nimport { VisuallyHidden } from \"../VisuallyHidden\";\nimport { DrawerProps } from \"./types\";\nimport { mergeRefs } from \"../../utils\";\nimport { DrawerContext } from \"./DrawerContext\";\n\nexport type DialogElementType = HTMLDialogElement;\nexport type DialogRef = Ref<DialogElementType>;\n\nconst TRANSITION_CLASS_NAME = \"--transition\";\n\nconst Drawer = forwardRef((props: DrawerProps, ref: DialogRef) => {\n  const {\n    isOpen,\n    className,\n    closeLabel,\n    direction,\n    announce = \"Drawer opened on screen\",\n    onOpen,\n    onClose,\n    children,\n  } = props;\n  const hasOpened = useRef<boolean>(false);\n  const modalRef = useRef<HTMLDialogElement | null>(null);\n  const hasDialogSupport = supportsDialog();\n\n  // Fire onOpen once\n  if (onOpen && !hasOpened.current) {\n    onOpen();\n    hasOpened.current = true;\n  }\n\n  useBodyScrollLock({ enabled: isOpen });\n\n  // Add close handler, to enable closing transitions\n  const handleClose = useCallback(\n    (event?: SyntheticEvent<HTMLElement, Event>) => {\n      if (event) {\n        event.preventDefault();\n        event.stopPropagation();\n      }\n\n      // Name the callback function, so we can add and remove event listener\n      const transitionCallback = (e: Event) => {\n        // Close drawer only if the transition is on the dialog element\n        // As it can be on a child element (ie `<Button>` inside the drawer)\n        if (e.target === modalRef.current) {\n          // eslint-disable-next-line @typescript-eslint/no-use-before-define\n          doClose();\n        }\n      };\n\n      const doClose = () => {\n        modalRef.current?.close();\n        onClose?.();\n        modalRef.current?.removeEventListener(\n          \"transitionend\",\n          transitionCallback,\n        );\n      };\n\n      // Delay close to allow backdrop exit transition\n      if (hasDialogSupport) {\n        modalRef.current?.classList.remove(TRANSITION_CLASS_NAME);\n        modalRef.current?.addEventListener(\"transitionend\", transitionCallback);\n      } else {\n        doClose();\n      }\n    },\n    [onClose, hasDialogSupport],\n  );\n\n  const modalClasses = classNames(\n    \"mobius\",\n    \"mobius/Drawer\",\n    `--${direction}`,\n    className,\n    {\n      \"--should-transition\": hasDialogSupport,\n    },\n  );\n\n  // Add polyfill for HTML Dialog in old browsers\n  useEffect(() => {\n    async function toggleModal() {\n      if (\n        !hasDialogSupport &&\n        typeof window !== \"undefined\" &&\n        modalRef.current !== null\n      ) {\n        // eslint-disable-next-line import/no-extraneous-dependencies\n        const { default: dialogPolyfill } = await import(\"dialog-polyfill\");\n        try {\n          dialogPolyfill.registerDialog(modalRef.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      if (isOpen && !modalRef.current?.open) {\n        modalRef.current?.showModal();\n        modalRef.current?.classList.add(TRANSITION_CLASS_NAME);\n        onOpen?.();\n      } else if (!isOpen && modalRef.current?.open) {\n        handleClose();\n      }\n    }\n\n    toggleModal();\n  }, [isOpen, onOpen, handleClose, hasDialogSupport]);\n\n  const contextValue = useMemo(\n    () => ({\n      onClose: handleClose,\n      closeLabel,\n    }),\n    [handleClose, closeLabel],\n  );\n\n  return (\n    <dialog\n      ref={mergeRefs([modalRef, ref])}\n      onCancel={handleClose}\n      className={modalClasses}\n      aria-describedby=\"screen-reader-announce\"\n    >\n      <VisuallyHidden>\n        <div id=\"screen-reader-announce\">{announce}</div>\n      </VisuallyHidden>\n      <DrawerContext.Provider value={contextValue}>\n        {children}\n      </DrawerContext.Provider>\n    </dialog>\n  );\n});\n\nDrawer.displayName = \"Drawer\";\nexport { Drawer };\n"],"names":["classNames","forwardRef","useCallback","useEffect","useMemo","useRef","useBodyScrollLock","supportsDialog","VisuallyHidden","mergeRefs","DrawerContext","TRANSITION_CLASS_NAME","Drawer","props","ref","isOpen","className","closeLabel","direction","announce","onOpen","onClose","children","hasOpened","modalRef","hasDialogSupport","current","enabled","handleClose","event","preventDefault","stopPropagation","transitionCallback","e","target","doClose","close","removeEventListener","classList","remove","addEventListener","modalClasses","toggleModal","window","default","dialogPolyfill","registerDialog","error","console","open","showModal","add","contextValue","dialog","onCancel","aria-describedby","div","id","Provider","value","displayName"],"mappings":"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"}
+{"version":3,"sources":["../../../../src/components/Drawer/Drawer.tsx"],"sourcesContent":["\"use client\";\n\nimport classNames from \"classnames/dedupe\";\nimport { Ref, forwardRef, useMemo, useRef } from \"react\";\nimport { VisuallyHidden } from \"../VisuallyHidden\";\nimport { DrawerProps } from \"./types\";\nimport { mergeRefs, supportsDialog } from \"../../utils\";\nimport { DrawerContext } from \"./DrawerContext\";\nimport { useDialog } from \"../../hooks\";\n\nexport type DialogElementType = HTMLDialogElement;\nexport type DialogRef = Ref<DialogElementType>;\n\nconst TRANSITION_CSS_VARIABLE = \"--drawer-transition-duration\";\n\nconst Drawer = forwardRef((props: DrawerProps, ref: DialogRef) => {\n  const {\n    isOpen,\n    className,\n    closeLabel,\n    direction,\n    announce = \"Drawer opened on screen\",\n    onOpen,\n    onClose,\n    children,\n  } = props;\n  const shouldTransition = supportsDialog();\n  const dialogRef = useRef<HTMLDialogElement | null>(null);\n  const { close } = useDialog({\n    ref: dialogRef,\n    isOpen,\n    onOpen,\n    onClose,\n    transition: {\n      isEnabled: true,\n      CSSVariable: TRANSITION_CSS_VARIABLE,\n    },\n  });\n\n  const dialogClasses = classNames(\n    \"mobius\",\n    \"mobius/Drawer\",\n    `--${direction}`,\n    className,\n    {\n      \"--should-transition\": shouldTransition,\n    },\n  );\n\n  const contextValue = useMemo(\n    () => ({\n      onClose: close,\n      closeLabel,\n    }),\n    [close, closeLabel],\n  );\n\n  return (\n    <dialog\n      ref={mergeRefs([dialogRef, ref])}\n      onCancel={close}\n      className={dialogClasses}\n      aria-describedby=\"screen-reader-announce\"\n    >\n      <VisuallyHidden>\n        <div id=\"screen-reader-announce\">{announce}</div>\n      </VisuallyHidden>\n      <DrawerContext.Provider value={contextValue}>\n        {children}\n      </DrawerContext.Provider>\n    </dialog>\n  );\n});\n\nDrawer.displayName = \"Drawer\";\nexport { Drawer };\n"],"names":["classNames","forwardRef","useMemo","useRef","VisuallyHidden","mergeRefs","supportsDialog","DrawerContext","useDialog","TRANSITION_CSS_VARIABLE","Drawer","props","ref","isOpen","className","closeLabel","direction","announce","onOpen","onClose","children","shouldTransition","dialogRef","close","transition","isEnabled","CSSVariable","dialogClasses","contextValue","dialog","onCancel","aria-describedby","div","id","Provider","value","displayName"],"mappings":"AAAA;;AAEA,OAAOA,gBAAgB,oBAAoB;AAC3C,SAAcC,UAAU,EAAEC,OAAO,EAAEC,MAAM,QAAQ,QAAQ;AACzD,SAASC,cAAc,QAAQ,oBAAoB;AAEnD,SAASC,SAAS,EAAEC,cAAc,QAAQ,cAAc;AACxD,SAASC,aAAa,QAAQ,kBAAkB;AAChD,SAASC,SAAS,QAAQ,cAAc;AAKxC,MAAMC,0BAA0B;AAEhC,MAAMC,uBAAST,WAAW,CAACU,OAAoBC;IAC7C,MAAM,EACJC,MAAM,EACNC,SAAS,EACTC,UAAU,EACVC,SAAS,EACTC,WAAW,yBAAyB,EACpCC,MAAM,EACNC,OAAO,EACPC,QAAQ,EACT,GAAGT;IACJ,MAAMU,mBAAmBf;IACzB,MAAMgB,YAAYnB,OAAiC;IACnD,MAAM,EAAEoB,KAAK,EAAE,GAAGf,UAAU;QAC1BI,KAAKU;QACLT;QACAK;QACAC;QACAK,YAAY;YACVC,WAAW;YACXC,aAAajB;QACf;IACF;IAEA,MAAMkB,gBAAgB3B,WACpB,UACA,iBACA,CAAC,EAAE,EAAEgB,UAAU,CAAC,EAChBF,WACA;QACE,uBAAuBO;IACzB;IAGF,MAAMO,eAAe1B,QACnB,IAAO,CAAA;YACLiB,SAASI;YACTR;QACF,CAAA,GACA;QAACQ;QAAOR;KAAW;IAGrB,qBACE,MAACc;QACCjB,KAAKP,UAAU;YAACiB;YAAWV;SAAI;QAC/BkB,UAAUP;QACVT,WAAWa;QACXI,oBAAiB;;0BAEjB,KAAC3B;0BACC,cAAA,KAAC4B;oBAAIC,IAAG;8BAA0BhB;;;0BAEpC,KAACV,cAAc2B,QAAQ;gBAACC,OAAOP;0BAC5BR;;;;AAIT;AAEAV,OAAO0B,WAAW,GAAG;AACrB,SAAS1B,MAAM,GAAG"}

package/dist/esm/components/Flex/propUtils.test.js

@@ -0,0 +1,97 @@
+import { withoutUndefinedValues, buildFlexStyles, splitProps, } from "./propUtils";
+describe("withoutUndefinedValues", () => {
+    it("returns object without undefined values", () => {
+        const props = {
+            a: 1,
+            b: "Two",
+            c: [],
+            d: {},
+            e: undefined,
+            f: undefined,
+        };
+        const actual = withoutUndefinedValues(props);
+        const expected = {
+            a: 1,
+            b: "Two",
+            c: [],
+            d: {},
+        };
+        expect(actual).toStrictEqual(expected);
+    });
+});
+describe("buildFlexStyles", () => {
+    describe("given a list of props", () => {
+        it("returns a specified list of flex props", () => {
+            const props = {
+                flexDirection: "row",
+                flexWrap: "wrap",
+                flexGrow: "1",
+                flex: "1 1 0px",
+                justifyContent: "start",
+                alignItems: "stretch",
+                alignContent: "center",
+                gap: "10px",
+                rowGap: "20px",
+                columnGap: "30px",
+            };
+            const expectedProps = Object.assign(Object.assign({}, props), { display: "flex" });
+            const actual = buildFlexStyles(props);
+            expect(actual).toStrictEqual(expectedProps);
+        });
+    });
+    describe("given a list of partially defined props", () => {
+        it("returns flex props that are defined", () => {
+            const props = {
+                flexDirection: "row",
+                flexWrap: undefined,
+                flexGrow: "1",
+                flex: undefined,
+                justifyContent: "start",
+                alignItems: undefined,
+                alignContent: "center",
+                gap: undefined,
+                rowGap: "20px",
+                columnGap: undefined,
+            };
+            const expectedProps = {
+                flexDirection: "row",
+                flexGrow: "1",
+                justifyContent: "start",
+                alignContent: "center",
+                rowGap: "20px",
+                display: "flex",
+            };
+            const actual = buildFlexStyles(props);
+            expect(actual).toStrictEqual(expectedProps);
+        });
+    });
+});
+describe("splitProps", () => {
+    describe("given a list of props", () => {
+        it("returns an array with two items: 1) specified flex props; 2) all other props", () => {
+            const flexProps = {
+                flexDirection: "row",
+                flexWrap: "wrap",
+                flexGrow: "1",
+                flex: "1 1 0px",
+                justifyContent: "start",
+                alignItems: "stretch",
+                alignContent: "center",
+                gap: "10px",
+                rowGap: "20px",
+                columnGap: "30px",
+            };
+            const otherProps = {
+                a: 1,
+                b: "Two",
+                c: [],
+                d: {},
+            };
+            const props = Object.assign(Object.assign({}, flexProps), otherProps);
+            const actual = splitProps(props);
+            const expected = [flexProps, otherProps];
+            expect(actual).toStrictEqual(expected);
+        });
+    });
+});
+//# sourceMappingURL=propUtils.test.js.map

package/dist/esm/components/Flex/propUtils.test.js.map

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