@conveyorhq/arrow-ds 2.0.0-beta.1 → 2.0.0-beta.10

package/public/hooks/index.d.ts

@@ -1,4 +1,9 @@
+export { useCopyToClipboard } from "./useCopyToClipboard";
 export { useDisclosure } from "./useDisclosure";
+export { useIntersection } from "./useIntersection";
 export { useKeyPress } from "./useKeyPress";
+export { useMatchMedia } from "./useMatchMedia";
 export { useOutsideClick } from "./useOutsideClick";
+export { usePrefersReducedMotion } from "./usePrefersReducedMotion";
+export { useScreenOrientation } from "./useScreenOrientation";
 export { useStep } from "./useStep";

package/public/hooks/index.js

@@ -1,11 +1,21 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useStep = exports.useOutsideClick = exports.useKeyPress = exports.useDisclosure = void 0;
+exports.useStep = exports.useScreenOrientation = exports.usePrefersReducedMotion = exports.useOutsideClick = exports.useMatchMedia = exports.useKeyPress = exports.useIntersection = exports.useDisclosure = exports.useCopyToClipboard = void 0;
+var useCopyToClipboard_1 = require("./useCopyToClipboard");
+Object.defineProperty(exports, "useCopyToClipboard", { enumerable: true, get: function () { return useCopyToClipboard_1.useCopyToClipboard; } });
 var useDisclosure_1 = require("./useDisclosure");
 Object.defineProperty(exports, "useDisclosure", { enumerable: true, get: function () { return useDisclosure_1.useDisclosure; } });
+var useIntersection_1 = require("./useIntersection");
+Object.defineProperty(exports, "useIntersection", { enumerable: true, get: function () { return useIntersection_1.useIntersection; } });
 var useKeyPress_1 = require("./useKeyPress");
 Object.defineProperty(exports, "useKeyPress", { enumerable: true, get: function () { return useKeyPress_1.useKeyPress; } });
+var useMatchMedia_1 = require("./useMatchMedia");
+Object.defineProperty(exports, "useMatchMedia", { enumerable: true, get: function () { return useMatchMedia_1.useMatchMedia; } });
 var useOutsideClick_1 = require("./useOutsideClick");
 Object.defineProperty(exports, "useOutsideClick", { enumerable: true, get: function () { return useOutsideClick_1.useOutsideClick; } });
+var usePrefersReducedMotion_1 = require("./usePrefersReducedMotion");
+Object.defineProperty(exports, "usePrefersReducedMotion", { enumerable: true, get: function () { return usePrefersReducedMotion_1.usePrefersReducedMotion; } });
+var useScreenOrientation_1 = require("./useScreenOrientation");
+Object.defineProperty(exports, "useScreenOrientation", { enumerable: true, get: function () { return useScreenOrientation_1.useScreenOrientation; } });
 var useStep_1 = require("./useStep");
 Object.defineProperty(exports, "useStep", { enumerable: true, get: function () { return useStep_1.useStep; } });

package/public/hooks/useCopyToClipboard.d.ts

@@ -0,0 +1 @@
+export declare const useCopyToClipboard: (text: string, notifyDuration?: number) => () => void;

package/public/hooks/useCopyToClipboard.js

@@ -0,0 +1,49 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useCopyToClipboard = void 0;
+const react_1 = __importDefault(require("react"));
+const Snackbar_1 = require("../components/Snackbar");
+const useCopyToClipboard = (text, notifyDuration = 2000) => {
+    const initialState = react_1.default.useMemo(() => ({
+        status: "inactive",
+        message: "",
+    }), []);
+    const [state, setState] = react_1.default.useState(initialState);
+    const { status, message } = state;
+    const onSuccess = () => {
+        setState({
+            status: "success",
+            message: "Copied to clipboard",
+        });
+    };
+    const onFailure = () => {
+        setState({
+            status: "failure",
+            message: "Unable to copy to clipboard; please try again",
+        });
+    };
+    const onReset = react_1.default.useCallback(() => {
+        setState(initialState);
+    }, [initialState]);
+    const onCopy = react_1.default.useCallback(() => {
+        navigator.clipboard.writeText(text).then(onSuccess, onFailure);
+    }, [text]);
+    react_1.default.useEffect(() => {
+        if (status === "inactive") {
+            return undefined;
+        }
+        const timeout = setTimeout(onReset, notifyDuration);
+        return () => clearTimeout(timeout);
+    }, [onReset, status, notifyDuration]);
+    Snackbar_1.useSnackbar({
+        message,
+        isVisible: message !== "",
+        disableClose: true,
+        duration: notifyDuration,
+    });
+    return onCopy;
+};
+exports.useCopyToClipboard = useCopyToClipboard;

package/public/hooks/useIntersection.d.ts

@@ -0,0 +1,8 @@
+import { RefObject } from "react";
+export declare function useIntersection(ref: RefObject<HTMLElement>, options?: {
+    root?: Element | Document | null | undefined;
+    rootMargin?: string | undefined;
+    threshold?: number | number[] | undefined;
+}, initialState?: {
+    isIntersecting?: boolean;
+}): boolean;

package/public/hooks/useIntersection.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useIntersection = void 0;
+const react_1 = require("react");
+function useIntersection(ref, options, initialState) {
+    const defaultIsIntersecting = initialState && typeof initialState.isIntersecting !== "undefined"
+        ? initialState.isIntersecting
+        : false;
+    const [isIntersecting, setIsIntersecting] = react_1.useState(defaultIsIntersecting);
+    const observer = react_1.useMemo(() => new IntersectionObserver(([entry]) => setIsIntersecting(entry.isIntersecting), {
+        root: undefined,
+        rootMargin: "0px",
+        threshold: 1.0,
+        ...options,
+    }), [options]);
+    react_1.useEffect(() => {
+        if (ref && ref.current) {
+            observer.observe(ref.current);
+        }
+        return () => {
+            observer.disconnect();
+        };
+    }, [observer, ref]);
+    return isIntersecting;
+}
+exports.useIntersection = useIntersection;

package/public/hooks/useMatchMedia.d.ts

@@ -0,0 +1 @@
+export declare function useMatchMedia(query: string): boolean;

package/public/hooks/useMatchMedia.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useMatchMedia = void 0;
+const react_1 = require("react");
+function useMatchMedia(query) {
+    const getMatches = (q) => {
+        if (typeof window !== "undefined") {
+            return window.matchMedia(q).matches;
+        }
+        return false;
+    };
+    const [matches, setMatches] = react_1.useState(getMatches(query));
+    react_1.useLayoutEffect(() => {
+        const mediaQueryList = window.matchMedia(query);
+        const onChange = (event) => setMatches(event.matches);
+        if (mediaQueryList) {
+            mediaQueryList.addListener(onChange);
+        }
+        return () => {
+            if (mediaQueryList) {
+                mediaQueryList.removeListener(onChange);
+            }
+        };
+    }, [query]);
+    return matches;
+}
+exports.useMatchMedia = useMatchMedia;

package/public/hooks/usePrefersReducedMotion.d.ts

@@ -0,0 +1 @@
+export declare function usePrefersReducedMotion(): boolean;

package/public/hooks/usePrefersReducedMotion.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.usePrefersReducedMotion = void 0;
+const useMatchMedia_1 = require("./useMatchMedia");
+function usePrefersReducedMotion() {
+    const hasNoPreference = useMatchMedia_1.useMatchMedia("(prefers-reduced-motion: no-preference)");
+    return !hasNoPreference;
+}
+exports.usePrefersReducedMotion = usePrefersReducedMotion;

package/public/hooks/useScreenOrientation.d.ts

@@ -0,0 +1 @@
+export declare const useScreenOrientation: () => "landscape-primary" | "landscape-secondary" | "portrait-primary" | "portrait-secondary" | undefined;

package/public/hooks/useScreenOrientation.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useScreenOrientation = void 0;
+const react_1 = require("react");
+const useScreenOrientation = () => {
+    const getOrientation = () => {
+        if (typeof window !== "undefined") {
+            return window.screen.orientation.type;
+        }
+        return undefined;
+    };
+    const [orientation, setOrientation] = react_1.useState(getOrientation());
+    const updateOrientation = react_1.useCallback(() => {
+        setOrientation(getOrientation());
+    }, []);
+    react_1.useEffect(() => {
+        window.addEventListener("orientationchange", updateOrientation);
+        return () => {
+            window.removeEventListener("orientationchange", updateOrientation);
+        };
+    }, [updateOrientation]);
+    return orientation;
+};
+exports.useScreenOrientation = useScreenOrientation;

package/public/index.d.ts

@@ -1,14 +1,8 @@
 import classNames from "classnames";
 import FocusLock from "react-focus-lock";
 import { RemoveScroll } from "react-remove-scroll";
-import { usePopper } from "react-popper-2";
-export * from "./components/Absolute";
+import { usePopper } from "react-popper";
 export * from "./components/Accordion";
-export * from "./components/Appbar";
-export * from "./components/AptibleLogo";
-export * from "./components/ArrowButton";
-export * from "./components/ArrowLink";
-export * from "./components/Aside";
 export * from "./components/Avatar";
 export * from "./components/Badge";
 export * from "./components/Banner";
@@ -17,15 +11,12 @@ export * from "./components/Button";
 export * from "./components/Card";
 export * from "./components/Checkbox";
 export * from "./components/CloseButton";
-export * from "./components/Combobox/Combobox";
-export * from "./components/Combobox/ComboboxMulti";
 export * from "./components/ConveyorLogo";
 export * from "./components/DatePicker";
 export * from "./components/DateRangePicker";
 export * from "./components/Description";
 export * from "./components/Divider";
 export * from "./components/Drawer";
-export * from "./components/Fixed";
 export * from "./components/FileUpload";
 export * from "./components/Flex";
 export * from "./components/FormGroup";
@@ -36,7 +27,7 @@ export * from "./components/Icon";
 export * from "./components/Image";
 export * from "./components/Input";
 export * from "./components/InputFeedback";
-export * from "./components/IntegrationLogo";
+export * from "./components/Kbd";
 export * from "./components/Label";
 export * from "./components/Link";
 export * from "./components/List";
@@ -45,23 +36,18 @@ export * from "./components/Markdown";
 export * from "./components/MarkdownEditor";
 export * from "./components/Menu";
 export * from "./components/MenuRenderer";
-export * from "./components/Meta";
 export * from "./components/Modal";
 export * from "./components/OptionButton";
-export * from "./components/Pagination";
 export * from "./components/Panel";
 export * from "./components/Paper";
 export * from "./components/Paragraph";
 export * from "./components/Popover";
 export * from "./components/PopoverMenu";
 export * from "./components/Portal";
-export * from "./components/ProductIcon";
-export * from "./components/PropertyDiff";
 export * from "./components/Radio";
-export * from "./components/Relative";
 export * from "./components/Reference";
 export * from "./components/ScrollPane";
-export * from "./components/SearchFilter";
+export * from "./components/ScrollSpy";
 export * from "./components/Select";
 export * from "./components/SelectNew";
 export * from "./components/SimpleTable";
@@ -70,9 +56,6 @@ export * from "./components/SmallCaps";
 export * from "./components/Snackbar";
 export * from "./components/SpeechBubble";
 export * from "./components/Stack";
-export * from "./components/StatusLabel";
-export * from "./components/StatusPanel";
-export * from "./components/Sticky";
 export * from "./components/Svg";
 export * from "./components/Tab";
 export * from "./components/Table";
@@ -82,10 +65,8 @@ export * from "./components/Textarea";
 export * from "./components/Toast";
 export * from "./components/Toggle";
 export * from "./components/Token";
-export * from "./components/TopBar";
 export * from "./components/Tooltip";
 export * from "./components/Truncate";
-export * from "./components/VendorLogo";
 export * from "./components/VisuallyHidden";
 export * from "./contexts";
 export * from "./hooks";

package/public/index.js

@@ -20,15 +20,9 @@ const react_focus_lock_1 = __importDefault(require("react-focus-lock"));
 exports.FocusLock = react_focus_lock_1.default;
 const react_remove_scroll_1 = require("react-remove-scroll");
 Object.defineProperty(exports, "RemoveScroll", { enumerable: true, get: function () { return react_remove_scroll_1.RemoveScroll; } });
-const react_popper_2_1 = require("react-popper-2");
-Object.defineProperty(exports, "usePopper", { enumerable: true, get: function () { return react_popper_2_1.usePopper; } });
-__exportStar(require("./components/Absolute"), exports);
+const react_popper_1 = require("react-popper");
+Object.defineProperty(exports, "usePopper", { enumerable: true, get: function () { return react_popper_1.usePopper; } });
 __exportStar(require("./components/Accordion"), exports);
-__exportStar(require("./components/Appbar"), exports);
-__exportStar(require("./components/AptibleLogo"), exports);
-__exportStar(require("./components/ArrowButton"), exports);
-__exportStar(require("./components/ArrowLink"), exports);
-__exportStar(require("./components/Aside"), exports);
 __exportStar(require("./components/Avatar"), exports);
 __exportStar(require("./components/Badge"), exports);
 __exportStar(require("./components/Banner"), exports);
@@ -37,15 +31,12 @@ __exportStar(require("./components/Button"), exports);
 __exportStar(require("./components/Card"), exports);
 __exportStar(require("./components/Checkbox"), exports);
 __exportStar(require("./components/CloseButton"), exports);
-__exportStar(require("./components/Combobox/Combobox"), exports);
-__exportStar(require("./components/Combobox/ComboboxMulti"), exports);
 __exportStar(require("./components/ConveyorLogo"), exports);
 __exportStar(require("./components/DatePicker"), exports);
 __exportStar(require("./components/DateRangePicker"), exports);
 __exportStar(require("./components/Description"), exports);
 __exportStar(require("./components/Divider"), exports);
 __exportStar(require("./components/Drawer"), exports);
-__exportStar(require("./components/Fixed"), exports);
 __exportStar(require("./components/FileUpload"), exports);
 __exportStar(require("./components/Flex"), exports);
 __exportStar(require("./components/FormGroup"), exports);
@@ -56,7 +47,7 @@ __exportStar(require("./components/Icon"), exports);
 __exportStar(require("./components/Image"), exports);
 __exportStar(require("./components/Input"), exports);
 __exportStar(require("./components/InputFeedback"), exports);
-__exportStar(require("./components/IntegrationLogo"), exports);
+__exportStar(require("./components/Kbd"), exports);
 __exportStar(require("./components/Label"), exports);
 __exportStar(require("./components/Link"), exports);
 __exportStar(require("./components/List"), exports);
@@ -65,23 +56,18 @@ __exportStar(require("./components/Markdown"), exports);
 __exportStar(require("./components/MarkdownEditor"), exports);
 __exportStar(require("./components/Menu"), exports);
 __exportStar(require("./components/MenuRenderer"), exports);
-__exportStar(require("./components/Meta"), exports);
 __exportStar(require("./components/Modal"), exports);
 __exportStar(require("./components/OptionButton"), exports);
-__exportStar(require("./components/Pagination"), exports);
 __exportStar(require("./components/Panel"), exports);
 __exportStar(require("./components/Paper"), exports);
 __exportStar(require("./components/Paragraph"), exports);
 __exportStar(require("./components/Popover"), exports);
 __exportStar(require("./components/PopoverMenu"), exports);
 __exportStar(require("./components/Portal"), exports);
-__exportStar(require("./components/ProductIcon"), exports);
-__exportStar(require("./components/PropertyDiff"), exports);
 __exportStar(require("./components/Radio"), exports);
-__exportStar(require("./components/Relative"), exports);
 __exportStar(require("./components/Reference"), exports);
 __exportStar(require("./components/ScrollPane"), exports);
-__exportStar(require("./components/SearchFilter"), exports);
+__exportStar(require("./components/ScrollSpy"), exports);
 __exportStar(require("./components/Select"), exports);
 __exportStar(require("./components/SelectNew"), exports);
 __exportStar(require("./components/SimpleTable"), exports);
@@ -90,9 +76,6 @@ __exportStar(require("./components/SmallCaps"), exports);
 __exportStar(require("./components/Snackbar"), exports);
 __exportStar(require("./components/SpeechBubble"), exports);
 __exportStar(require("./components/Stack"), exports);
-__exportStar(require("./components/StatusLabel"), exports);
-__exportStar(require("./components/StatusPanel"), exports);
-__exportStar(require("./components/Sticky"), exports);
 __exportStar(require("./components/Svg"), exports);
 __exportStar(require("./components/Tab"), exports);
 __exportStar(require("./components/Table"), exports);
@@ -102,10 +85,8 @@ __exportStar(require("./components/Textarea"), exports);
 __exportStar(require("./components/Toast"), exports);
 __exportStar(require("./components/Toggle"), exports);
 __exportStar(require("./components/Token"), exports);
-__exportStar(require("./components/TopBar"), exports);
 __exportStar(require("./components/Tooltip"), exports);
 __exportStar(require("./components/Truncate"), exports);
-__exportStar(require("./components/VendorLogo"), exports);
 __exportStar(require("./components/VisuallyHidden"), exports);
 __exportStar(require("./contexts"), exports);
 __exportStar(require("./hooks"), exports);