@autoguru/overdrive 4.0.3 → 4.1.2

package/dist/components/Pagination/Pagination.js

@@ -1,182 +1,87 @@
-"use strict";
-
 import { ChevronLeftIcon, ChevronRightIcon } from '@autoguru/icons';
 import clsx from 'clsx';
 import * as React from 'react';
-import { useCallback, useMemo } from 'react';
-import { noop } from "../../utils/index.js";
-import { Box } from "../Box/index.js";
-import { Icon } from "../Icon/index.js";
-import { Inline } from "../Inline/index.js";
-import { useTextStyles } from "../Text/index.js";
-import { Bubble } from "./Bubble.js";
-import * as styles from "./Pagination.css.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-
-const NavButton = _ref => {
-  let {
-    icon,
-    disabled,
-    label = '',
-    onClick = noop
-  } = _ref;
-  return _jsx(Box, {
-    is: "button",
-    "aria-disabled": disabled,
-    "aria-label": label,
-    display: "flex",
-    overflow: "hidden",
-    alignItems: "center",
-    flexDirection: "row",
-    justifyContent: "center",
-    textAlign: "center",
-    borderRadius: "pill",
-    padding: "2",
-    userSelect: "none",
-    pointerEvents: disabled ? 'none' : void 0,
-    className: clsx(useTextStyles({
-      colour: 'light'
-    }), {
-      [styles.disabled]: disabled
-    }),
-    onClick: onClick,
-    children: _jsx(Icon, {
-      size: "medium",
-      icon: icon
-    })
-  });
+import { useCallback, useMemo, } from 'react';
+import { noop } from '../../utils';
+import { Box } from '../Box';
+import { Icon } from '../Icon';
+import { Inline } from '../Inline';
+import { useTextStyles } from '../Text';
+import { Bubble } from './Bubble';
+import * as styles from './Pagination.css';
+const NavButton = ({ icon, disabled, label = '', onClick = noop, }) => (React.createElement(Box, { is: "button", "aria-disabled": disabled, "aria-label": label, display: "flex", overflow: "hidden", alignItems: "center", flexDirection: "row", justifyContent: "center", textAlign: "center", borderRadius: "pill", padding: "2", userSelect: "none", pointerEvents: disabled ? 'none' : void 0, className: clsx(useTextStyles({ colour: 'light' }), {
+        [styles.disabled]: disabled,
+    }), onClick: onClick },
+    React.createElement(Icon, { size: "medium", icon: icon })));
+const Loading = ({ placeholderBubblesNum = 3, }) => (React.createElement(Inline, { is: "span", space: "3" },
+    React.createElement(NavButton, { disabled: true, icon: ChevronLeftIcon }),
+    Array.from({ length: placeholderBubblesNum })
+        .fill('')
+        .map((_, index) => (React.createElement(Bubble, { key: index, children: "", disabled: true, className: styles.disabled }))),
+    React.createElement(NavButton, { disabled: true, icon: ChevronRightIcon })));
+export const Pagination = ({ total, pageSize, activePage, numPagesDisplayed = 5, loading = false, onChange = noop, }) => {
+    const numPages = useMemo(() => calcPagesNum(total, pageSize), [
+        total,
+        pageSize,
+    ]);
+    const handleClick = useCallback((num) => () => {
+        onChange({ pageNumber: withinBoundaries(num, numPages) });
+    }, [numPages]);
+    const allowedActive = useMemo(() => withinBoundaries(activePage, numPages), [activePage, numPages]);
+    return !loading && total && pageSize && activePage && numPagesDisplayed ? (React.createElement(Inline, { is: "nav", space: "3", "aria-label": "pagination" },
+        React.createElement(NavButton, { disabled: activePage <= 1, label: "navigate back", icon: ChevronLeftIcon, onClick: handleClick(activePage - 1) }),
+        buildPagesList(numPages, allowedActive, numPagesDisplayed, numPages - numPagesDisplayed).map((num) => (React.createElement(Bubble, { key: num, gap: num < 0, selected: allowedActive === num, "aria-current": allowedActive === num ? 'page' : 'false', onClick: handleClick(num) }, num))),
+        React.createElement(NavButton, { disabled: activePage >= numPages, label: "navigate forward", icon: ChevronRightIcon, onClick: handleClick(allowedActive + 1) }))) : (React.createElement(Loading, { placeholderBubblesNum: 3 }));
 };
-
-const Loading = _ref2 => {
-  let {
-    placeholderBubblesNum = 3
-  } = _ref2;
-  return _jsxs(Inline, {
-    is: "span",
-    space: "3",
-    children: [_jsx(NavButton, {
-      disabled: true,
-      icon: ChevronLeftIcon
-    }), Array.from({
-      length: placeholderBubblesNum
-    }).fill('').map((_, index) => _jsx(Bubble, {
-      children: "",
-      disabled: true,
-      className: styles.disabled
-    }, index)), _jsx(NavButton, {
-      disabled: true,
-      icon: ChevronRightIcon
-    })]
-  });
-};
-
-export const Pagination = _ref3 => {
-  let {
-    total,
-    pageSize,
-    activePage,
-    numPagesDisplayed = 5,
-    loading = false,
-    onChange = noop
-  } = _ref3;
-  const numPages = useMemo(() => calcPagesNum(total, pageSize), [total, pageSize]);
-  const handleClick = useCallback(num => () => {
-    onChange({
-      pageNumber: withinBoundaries(num, numPages)
-    });
-  }, [numPages]);
-  const allowedActive = useMemo(() => withinBoundaries(activePage, numPages), [activePage, numPages]);
-  return !loading && total && pageSize && activePage && numPagesDisplayed ? _jsxs(Inline, {
-    is: "nav",
-    space: "3",
-    "aria-label": "pagination",
-    children: [_jsx(NavButton, {
-      disabled: activePage <= 1,
-      label: "navigate back",
-      icon: ChevronLeftIcon,
-      onClick: handleClick(activePage - 1)
-    }), buildPagesList(numPages, allowedActive, numPagesDisplayed, numPages - numPagesDisplayed).map(num => _jsx(Bubble, {
-      gap: num < 0,
-      selected: allowedActive === num,
-      "aria-current": allowedActive === num ? 'page' : 'false',
-      onClick: handleClick(num),
-      children: num
-    }, num)), _jsx(NavButton, {
-      disabled: activePage >= numPages,
-      label: "navigate forward",
-      icon: ChevronRightIcon,
-      onClick: handleClick(allowedActive + 1)
-    })]
-  }) : _jsx(Loading, {
-    placeholderBubblesNum: 3
-  });
-};
-
 function calcPagesNum(total, pageSize) {
-  return Math.ceil(total / pageSize);
+    return Math.ceil(total / pageSize);
 }
-
 function withinBoundaries(activePage, numPages) {
-  return Math.min(Math.max(1, activePage), numPages);
+    return Math.min(Math.max(1, activePage), numPages);
 }
-
 function generateDefaultArray(numPages) {
-  return Array.from({
-    length: numPages
-  }).fill(-1).map((_, index) => index + 1);
+    return Array.from({ length: numPages })
+        .fill(-1)
+        .map((_, index) => index + 1);
 }
-
 function generateJumpForwardArray(numPages, activePage, numPagesDisplayed) {
-  return generateDefaultArray(numPagesDisplayed).map((_, index) => {
-    const num = index + 1;
-    const gapIndex = numPagesDisplayed - 1;
-
-    if (num < gapIndex) {
-      return activePage + index;
-    }
-
-    if (num === gapIndex) {
-      return -1;
-    }
-
-    return numPages;
-  });
+    return generateDefaultArray(numPagesDisplayed).map((_, index) => {
+        const num = index + 1;
+        const gapIndex = numPagesDisplayed - 1;
+        if (num < gapIndex) {
+            return activePage + index;
+        }
+        if (num === gapIndex) {
+            return -1;
+        }
+        return numPages;
+    });
 }
-
 function generateNoJumpArray(numPagesDisplayed, rightBoundary) {
-  return generateDefaultArray(numPagesDisplayed).map((_, index) => rightBoundary + index + 1);
+    return generateDefaultArray(numPagesDisplayed).map((_, index) => rightBoundary + index + 1);
 }
-
 function generateJumpBackwardArray(numPages, numPagesDisplayed) {
-  return generateDefaultArray(numPagesDisplayed).map((_, index) => {
-    const num = index + 1;
-    const gapIndex = 2;
-
-    if (num === 1) {
-      return 1;
+    return generateDefaultArray(numPagesDisplayed).map((_, index) => {
+        const num = index + 1;
+        const gapIndex = 2;
+        if (num === 1) {
+            return 1;
+        }
+        if (num === gapIndex) {
+            return -1;
+        }
+        return numPages - 4 + index;
+    });
+}
+function buildPagesList(numPages, activePage, numPagesDisplayed, rightBoundary) {
+    if (numPages <= numPagesDisplayed) {
+        return generateDefaultArray(numPages);
     }
-
-    if (num === gapIndex) {
-      return -1;
+    if (activePage <= rightBoundary) {
+        return generateJumpForwardArray(numPages, activePage, numPagesDisplayed);
     }
-
-    return numPages - 4 + index;
-  });
+    if (activePage > rightBoundary && activePage <= rightBoundary + 2) {
+        return generateNoJumpArray(numPagesDisplayed, rightBoundary);
+    }
+    return generateJumpBackwardArray(numPages, numPagesDisplayed);
 }
-
-function buildPagesList(numPages, activePage, numPagesDisplayed, rightBoundary) {
-  if (numPages <= numPagesDisplayed) {
-    return generateDefaultArray(numPages);
-  }
-
-  if (activePage <= rightBoundary) {
-    return generateJumpForwardArray(numPages, activePage, numPagesDisplayed);
-  }
-
-  if (activePage > rightBoundary && activePage <= rightBoundary + 2) {
-    return generateNoJumpArray(numPagesDisplayed, rightBoundary);
-  }
-
-  return generateJumpBackwardArray(numPages, numPagesDisplayed);
-}

package/dist/components/Pagination/index.d.ts

@@ -0,0 +1,2 @@
+export { Pagination } from './Pagination';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Pagination/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/Pagination/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC"}

package/dist/components/Pagination/index.js

@@ -1,3 +1 @@
-"use strict";
-
-export { Pagination } from "./Pagination.js";
+export { Pagination } from './Pagination';

package/dist/components/Portal/Portal.d.ts

@@ -0,0 +1,10 @@
+import type { ReactNode } from 'react';
+import * as React from 'react';
+export interface Props {
+    children?: ReactNode;
+    container?: Element;
+    noThemedWrapper?: boolean;
+}
+declare const _Portal: React.ForwardRefExoticComponent<Props & React.RefAttributes<Element>>;
+export { _Portal as Portal };
+//# sourceMappingURL=Portal.d.ts.map

package/dist/components/Portal/Portal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Portal.d.ts","sourceRoot":"","sources":["../../../lib/components/Portal/Portal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAkB,MAAM,OAAO,CAAC;AACvD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,MAAM,WAAW,KAAK;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC1B;AAmCD,QAAA,MAAM,OAAO,uEAAqB,CAAC;AACnC,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,CAAC"}

package/dist/components/Portal/Portal.js

@@ -1,41 +1,27 @@
-"use strict";
-
 import * as React from 'react';
 import { forwardRef, useLayoutEffect, useState } from 'react';
 import { createPortal } from 'react-dom';
-import { isHtmlElement, setRef } from "../../utils/index.js";
-import { useTheme } from "../ThemeProvider/index.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-
-function Portal(_ref, ref) {
-  var _useTheme;
-
-  let {
-    children,
-    container,
-    noThemedWrapper
-  } = _ref;
-  const themeClass = (_useTheme = useTheme()) === null || _useTheme === void 0 ? void 0 : _useTheme.themeClass;
-  const [mountNode, setMountNode] = useState(null);
-  useLayoutEffect(() => {
-    setMountNode(isHtmlElement(container) ? container : document.body);
-  }, [container]);
-  useLayoutEffect(() => {
-    if (mountNode) {
-      setRef(ref, mountNode);
-    }
-
-    return () => {
-      void setRef(ref, null);
-    };
-  }, [ref, mountNode]);
-  if (!mountNode) return null;
-  return noThemedWrapper ? createPortal(children, mountNode) : createPortal(_jsx("div", {
-    className: themeClass,
-    children: children
-  }), mountNode);
+import { isHtmlElement, setRef } from '../../utils';
+import { useTheme } from '../ThemeProvider';
+function Portal({ children, container, noThemedWrapper }, ref) {
+    const themeClass = useTheme()?.themeClass;
+    const [mountNode, setMountNode] = useState(null);
+    useLayoutEffect(() => {
+        setMountNode(isHtmlElement(container) ? container : document.body);
+    }, [container]);
+    useLayoutEffect(() => {
+        if (mountNode) {
+            setRef(ref, mountNode);
+        }
+        return () => {
+            void setRef(ref, null);
+        };
+    }, [ref, mountNode]);
+    if (!mountNode)
+        return null;
+    return noThemedWrapper
+        ? createPortal(children, mountNode)
+        : createPortal(React.createElement("div", { className: themeClass }, children), mountNode);
 }
-
 const _Portal = forwardRef(Portal);
-
-export { _Portal as Portal };
+export { _Portal as Portal };

package/dist/components/Portal/index.d.ts

@@ -0,0 +1,2 @@
+export { Portal } from './Portal';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Portal/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/Portal/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC"}

package/dist/components/Portal/index.js

@@ -1,3 +1 @@
-"use strict";
-
-export { Portal } from "./Portal.js";
+export { Portal } from './Portal';

package/dist/components/Positioner/Positioner.css.d.ts

@@ -0,0 +1,2 @@
+export declare const root: string;
+//# sourceMappingURL=Positioner.css.d.ts.map

package/dist/components/Positioner/Positioner.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Positioner.css.d.ts","sourceRoot":"","sources":["../../../lib/components/Positioner/Positioner.css.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,IAAI,QAMf,CAAC"}

package/dist/components/Positioner/Positioner.css.js

@@ -1,16 +1,8 @@
-"use strict";
-
-import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
-
-__vanilla_filescope__.setFileScope("lib/components/Positioner/Positioner.css.ts", "@autoguru/overdrive");
-
 import { style } from '@vanilla-extract/css';
 export const root = style({
-  zIndex: 1050,
-  top: 0,
-  left: 0,
-  transform: 'translateZ(0)',
-  willChange: 'transform'
-}, "root");
-
-__vanilla_filescope__.endFileScope();
+    zIndex: 1050,
+    top: 0,
+    left: 0,
+    transform: 'translateZ(0)',
+    willChange: 'transform',
+});

package/dist/components/Positioner/Positioner.d.ts

@@ -0,0 +1,12 @@
+import { ComponentPropsWithoutRef, FunctionComponent, RefObject } from 'react';
+import { Box } from '../Box';
+import { EAlignment } from './alignment';
+export { EAlignment } from './alignment';
+export interface Props extends Exclude<ComponentPropsWithoutRef<typeof Box>, 'aria-hidden' | 'className'> {
+    alignment?: EAlignment;
+    isOpen?: boolean;
+    triggerRef: RefObject<HTMLElement>;
+    triggerOffset?: number;
+}
+export declare const Positioner: FunctionComponent<Props>;
+//# sourceMappingURL=Positioner.d.ts.map

package/dist/components/Positioner/Positioner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Positioner.d.ts","sourceRoot":"","sources":["../../../lib/components/Positioner/Positioner.tsx"],"names":[],"mappings":"AAIA,OAAO,EACN,wBAAwB,EACxB,iBAAiB,EACjB,SAAS,EAIT,MAAM,OAAO,CAAC;AAGf,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AAI7B,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAEzC,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAqBzC,MAAM,WAAW,KAChB,SAAQ,OAAO,CACd,wBAAwB,CAAC,OAAO,GAAG,CAAC,EACpC,aAAa,GAAG,WAAW,CAC3B;IACD,SAAS,CAAC,EAAE,UAAU,CAAC;IACvB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,UAAU,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC;IACnC,aAAa,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,eAAO,MAAM,UAAU,EAAE,iBAAiB,CAAC,KAAK,CA6F/C,CAAC"}

package/dist/components/Positioner/Positioner.js

@@ -1,116 +1,93 @@
-"use strict";
-
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
-const _excluded = ["alignment", "isOpen", "triggerRef", "triggerOffset", "children"];
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
 import { flip, offset, popperGenerator, preventOverflow } from '@popperjs/core';
 import { defaultModifiers } from '@popperjs/core/lib/popper';
 import * as React from 'react';
-import { useCallback, useEffect, useRef } from 'react';
-import { isBrowser, setRef } from "../../utils/index.js";
-import { Box } from "../Box/index.js";
-import { Portal } from "../Portal/index.js";
-import * as styles from "./Positioner.css.js";
-import { EAlignment } from "./alignment.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-export { EAlignment } from "./alignment.js";
+import { useCallback, useEffect, useRef, } from 'react';
+import { isBrowser, setRef } from '../../utils';
+import { Box } from '../Box';
+import { Portal } from '../Portal';
+import * as styles from './Positioner.css';
+import { EAlignment } from './alignment';
+export { EAlignment } from './alignment';
 const createPopper = popperGenerator({
-  defaultModifiers: [].concat(_toConsumableArray(defaultModifiers), [offset, _objectSpread(_objectSpread({}, preventOverflow), {}, {
-    options: {
-      tether: false,
-      altAxis: true,
-      padding: 8
-    }
-  }), flip]),
-  defaultOptions: {
-    placement: 'bottom'
-  }
+    defaultModifiers: [
+        ...defaultModifiers,
+        offset,
+        {
+            ...preventOverflow,
+            options: {
+                tether: false,
+                altAxis: true,
+                padding: 8,
+            },
+        },
+        flip,
+    ],
+    defaultOptions: {
+        placement: 'bottom',
+    },
 });
-export const Positioner = _ref => {
-  let {
-    alignment = EAlignment.BOTTOM_LEFT,
-    isOpen = false,
-    triggerRef,
-    triggerOffset = 12,
-    children
-  } = _ref,
-      boxProps = _objectWithoutProperties(_ref, _excluded);
-
-  if (!isBrowser) return null;
-  const placement = convertPlacement(alignment);
-  const referenceRef = useRef(null);
-  const popperInstanceRef = React.useRef(null);
-  useEffect(() => {
-    if (popperInstanceRef.current) {
-      popperInstanceRef.current.update();
-    }
-  });
-  const handleOpen = useCallback(() => {
-    if (!referenceRef.current || !triggerRef.current || !isOpen) return;
-    if (popperInstanceRef.current) popperInstanceRef.current.destroy();
-    const popper = createPopper(triggerRef.current, referenceRef.current, {
-      placement,
-      modifiers: [{
-        name: 'offset',
-        options: {
-          offset: [0, triggerOffset]
+export const Positioner = ({ alignment = EAlignment.BOTTOM_LEFT, isOpen = false, triggerRef, triggerOffset = 12, children, ...boxProps }) => {
+    if (!isBrowser)
+        return null;
+    const placement = convertPlacement(alignment);
+    const referenceRef = useRef(null);
+    const popperInstanceRef = React.useRef(null);
+    useEffect(() => {
+        if (popperInstanceRef.current) {
+            popperInstanceRef.current.update();
         }
-      }]
     });
-    setRef(popperInstanceRef, popper);
-  }, [isOpen, placement, triggerOffset]);
-
-  const handleClose = () => {
-    if (!popperInstanceRef.current) return;
-    popperInstanceRef.current.destroy();
-    setRef(popperInstanceRef, null);
-  };
-
-  useEffect(() => {
-    handleOpen();
-  }, [handleOpen]);
-  useEffect(() => () => void handleClose(), []);
-  useEffect(() => {
-    if (!isOpen) {
-      handleClose();
+    const handleOpen = useCallback(() => {
+        if (!referenceRef.current || !triggerRef.current || !isOpen)
+            return;
+        if (popperInstanceRef.current)
+            popperInstanceRef.current.destroy();
+        const popper = createPopper(triggerRef.current, referenceRef.current, {
+            placement,
+            modifiers: [
+                {
+                    name: 'offset',
+                    options: {
+                        offset: [0, triggerOffset],
+                    },
+                },
+            ],
+        });
+        setRef(popperInstanceRef, popper);
+    }, [isOpen, placement, triggerOffset]);
+    const handleClose = () => {
+        if (!popperInstanceRef.current)
+            return;
+        popperInstanceRef.current.destroy();
+        setRef(popperInstanceRef, null);
+    };
+    useEffect(() => {
+        handleOpen();
+    }, [handleOpen]);
+    useEffect(() => () => void handleClose(), []);
+    useEffect(() => {
+        if (!isOpen) {
+            handleClose();
+        }
+    }, [isOpen]);
+    const handleRef = useCallback((node) => {
+        setRef(referenceRef, node);
+        handleOpen();
+    }, [handleOpen]);
+    return (React.createElement(Portal, null,
+        React.createElement(Box, { ...boxProps, ref: handleRef, position: "fixed", className: styles.root, "aria-hidden": !isOpen }, isOpen ? children : null)));
+};
+const convertPlacement = (alignment) => {
+    switch (alignment) {
+        case EAlignment.BOTTOM_LEFT:
+            return 'bottom-start';
+        case EAlignment.BOTTOM_RIGHT:
+            return 'bottom-end';
+        case EAlignment.TOP_LEFT:
+            return 'top-start';
+        case EAlignment.TOP_RIGHT:
+            return 'top-end';
+        default:
+            return alignment;
     }
-  }, [isOpen]);
-  const handleRef = useCallback(node => {
-    setRef(referenceRef, node);
-    handleOpen();
-  }, [handleOpen]);
-  return _jsx(Portal, {
-    children: _jsx(Box, _objectSpread(_objectSpread({}, boxProps), {}, {
-      ref: handleRef,
-      position: "fixed",
-      className: styles.root,
-      "aria-hidden": !isOpen,
-      children: isOpen ? children : null
-    }))
-  });
 };
-
-const convertPlacement = alignment => {
-  switch (alignment) {
-    case EAlignment.BOTTOM_LEFT:
-      return 'bottom-start';
-
-    case EAlignment.BOTTOM_RIGHT:
-      return 'bottom-end';
-
-    case EAlignment.TOP_LEFT:
-      return 'top-start';
-
-    case EAlignment.TOP_RIGHT:
-      return 'top-end';
-
-    default:
-      return alignment;
-  }
-};

package/dist/components/Positioner/alignment.d.ts

@@ -0,0 +1,11 @@
+export declare enum EAlignment {
+    TOP = "top",
+    TOP_LEFT = "top_left",
+    TOP_RIGHT = "top_right",
+    BOTTOM = "bottom",
+    BOTTOM_LEFT = "bottom_left",
+    BOTTOM_RIGHT = "bottom_right",
+    LEFT = "left",
+    RIGHT = "right"
+}
+//# sourceMappingURL=alignment.d.ts.map

package/dist/components/Positioner/alignment.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"alignment.d.ts","sourceRoot":"","sources":["../../../lib/components/Positioner/alignment.ts"],"names":[],"mappings":"AAAA,oBAAY,UAAU;IACrB,GAAG,QAAQ;IACX,QAAQ,aAAa;IACrB,SAAS,cAAc;IACvB,MAAM,WAAW;IACjB,WAAW,gBAAgB;IAC3B,YAAY,iBAAiB;IAC7B,IAAI,SAAS;IACb,KAAK,UAAU;CACf"}

package/dist/components/Positioner/alignment.js

@@ -1,14 +1,11 @@
-"use strict";
-
-export let EAlignment;
-
+export var EAlignment;
 (function (EAlignment) {
-  EAlignment["TOP"] = "top";
-  EAlignment["TOP_LEFT"] = "top_left";
-  EAlignment["TOP_RIGHT"] = "top_right";
-  EAlignment["BOTTOM"] = "bottom";
-  EAlignment["BOTTOM_LEFT"] = "bottom_left";
-  EAlignment["BOTTOM_RIGHT"] = "bottom_right";
-  EAlignment["LEFT"] = "left";
-  EAlignment["RIGHT"] = "right";
-})(EAlignment || (EAlignment = {}));
+    EAlignment["TOP"] = "top";
+    EAlignment["TOP_LEFT"] = "top_left";
+    EAlignment["TOP_RIGHT"] = "top_right";
+    EAlignment["BOTTOM"] = "bottom";
+    EAlignment["BOTTOM_LEFT"] = "bottom_left";
+    EAlignment["BOTTOM_RIGHT"] = "bottom_right";
+    EAlignment["LEFT"] = "left";
+    EAlignment["RIGHT"] = "right";
+})(EAlignment || (EAlignment = {}));