@algolia/satellite 1.1.0 → 1.1.1

package/dist/cjs/Navigation/Tabs/components/LinkTab.js

@@ -0,0 +1,83 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LinkTab = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _clsx = _interopRequireDefault(require("clsx"));
+var _Indicators = require("../../../Indicators");
+var _satellitePrefixer = _interopRequireDefault(require("../../../styles/helpers/satellitePrefixer"));
+var _useLinkProps = require("../../../utils/useLinkProps");
+var _utils = require("../utils");
+var _jsxRuntime = require("react/jsx-runtime");
+var _templateObject, _templateObject2;
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var getNextNonDisabledSibling = function getNextNonDisabledSibling(el) {
+  var _ref;
+  if (!el) return null;
+  var next = el;
+  do {
+    var _next, _next$nextElementSibl, _next2, _next3;
+    next = (_next$nextElementSibl = (_next2 = next) === null || _next2 === void 0 ? void 0 : _next2.nextElementSibling) !== null && _next$nextElementSibl !== void 0 ? _next$nextElementSibl : (_next3 = next) === null || _next3 === void 0 || (_next3 = _next3.parentElement) === null || _next3 === void 0 ? void 0 : _next3.firstElementChild;
+  } while ((_next = next) !== null && _next !== void 0 && _next.getAttribute("aria-disabled"));
+  return (_ref = next) !== null && _ref !== void 0 ? _ref : null;
+};
+var getPreviousNonDisabledSibling = function getPreviousNonDisabledSibling(el) {
+  var _ref2;
+  if (!el) return null;
+  var next = el;
+  do {
+    var _next4, _next$previousElement, _next5, _next6;
+    next = (_next$previousElement = (_next5 = next) === null || _next5 === void 0 ? void 0 : _next5.previousElementSibling) !== null && _next$previousElement !== void 0 ? _next$previousElement : (_next6 = next) === null || _next6 === void 0 || (_next6 = _next6.parentElement) === null || _next6 === void 0 ? void 0 : _next6.lastElementChild;
+  } while ((_next4 = next) !== null && _next4 !== void 0 && _next4.getAttribute("aria-disabled"));
+  return (_ref2 = next) !== null && _ref2 !== void 0 ? _ref2 : null;
+};
+var LinkTab = exports.LinkTab = function LinkTab(_ref3) {
+  var tab = _ref3.tab,
+    _onClick = _ref3.onClick,
+    selected = _ref3.selected;
+  var variant = tab.variant || "accent";
+  var selectionProps = selected ? {
+    "aria-selected": true,
+    tabIndex: 0
+  } : {
+    "aria-selected": false,
+    tabIndex: -1
+  };
+  var linkProps = (0, _useLinkProps.useLinkProps)({
+    href: tab.to,
+    disabled: tab.disabled,
+    onClick: function onClick(evt) {
+      if (_onClick) {
+        _onClick(evt);
+      }
+    }
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("a", _objectSpread(_objectSpread(_objectSpread({}, linkProps), selectionProps), {}, {
+    id: tab.id,
+    role: "tab",
+    className: (0, _clsx["default"])(_utils.ACTIVE_UNDERLINE_VARIANT_CLASSNAMES[variant], (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["tab pb-3 text-base leading-sm hover:no-underline"]))), tab.className),
+    onKeyDown: function onKeyDown(evt) {
+      if (tab.disabled) return;
+      if (evt.key === "ArrowRight") {
+        var nextElement = getNextNonDisabledSibling(evt.currentTarget);
+        nextElement === null || nextElement === void 0 || nextElement.click();
+        nextElement === null || nextElement === void 0 || nextElement.focus();
+      } else if (evt.key === "ArrowLeft") {
+        var previousElement = getPreviousNonDisabledSibling(evt.currentTarget);
+        previousElement === null || previousElement === void 0 || previousElement.click();
+        previousElement === null || previousElement === void 0 || previousElement.focus();
+      }
+    },
+    children: [tab.label, !!tab.value && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Indicators.Badge, {
+      size: "small",
+      variant: variant,
+      className: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["ml-2 text-grey-600"]))),
+      children: tab.value
+    })]
+  }));
+};

package/dist/cjs/Navigation/Tabs/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./LinkTabs/LinkTabs";
+export * from "./ContentTabs/ContentTabs";
+export * from "./types";

package/dist/cjs/Navigation/Tabs/index.js

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _LinkTabs = require("./LinkTabs/LinkTabs");
+Object.keys(_LinkTabs).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _LinkTabs[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _LinkTabs[key];
+    }
+  });
+});
+var _ContentTabs = require("./ContentTabs/ContentTabs");
+Object.keys(_ContentTabs).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ContentTabs[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _ContentTabs[key];
+    }
+  });
+});
+var _types = require("./types");
+Object.keys(_types).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _types[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _types[key];
+    }
+  });
+});

package/dist/cjs/Navigation/Tabs/types.d.ts

@@ -0,0 +1,34 @@
+import type { MouseEvent, ReactNode } from "react";
+import type { LocationSensorState } from "react-use/lib/useLocation";
+import type { ColorVariant } from "../../types";
+export interface BaseTab {
+    id?: string;
+    label: ReactNode;
+    variant?: ColorVariant;
+    disabled?: boolean;
+    value?: string;
+    /** @ignore */
+    className?: string;
+}
+export declare type UrlMatcher = (tab: LinkTab, location: LocationSensorState) => boolean;
+export interface LinkTab extends BaseTab {
+    to: string;
+}
+export interface LinkTabsProps {
+    /** @ignore */
+    className?: string;
+    tabs: LinkTab[];
+    onTabClick?(event: MouseEvent<HTMLAnchorElement>, tab: LinkTab): void;
+    urlMatcher?: UrlMatcher;
+}
+export interface ContentTab extends BaseTab {
+    content: ReactNode;
+}
+export interface ContentTabsProps {
+    /** @ignore */
+    className?: string;
+    tabs: ContentTab[];
+    tabIndex?: number;
+    defaultIndex?: number;
+    onChange?: (tabIndex: number) => void;
+}

package/dist/cjs/Navigation/Tabs/utils.d.ts

@@ -0,0 +1,2 @@
+import type { ColorVariant } from "../../types";
+export declare const ACTIVE_UNDERLINE_VARIANT_CLASSNAMES: Record<ColorVariant, string>;

package/dist/cjs/Navigation/Tabs/utils.js

@@ -0,0 +1,18 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ACTIVE_UNDERLINE_VARIANT_CLASSNAMES = void 0;
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _satellitePrefixer = _interopRequireDefault(require("../../styles/helpers/satellitePrefixer"));
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
+var ACTIVE_UNDERLINE_VARIANT_CLASSNAMES = exports.ACTIVE_UNDERLINE_VARIANT_CLASSNAMES = {
+  grey: (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["tab-grey"]))),
+  accent: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["tab-accent"]))),
+  green: (0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["tab-green"]))),
+  blue: (0, _satellitePrefixer["default"])(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["tab-blue"]))),
+  orange: (0, _satellitePrefixer["default"])(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2["default"])(["tab-orange"]))),
+  red: (0, _satellitePrefixer["default"])(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2["default"])(["tab-red"])))
+};

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

@@ -0,0 +1,4 @@
+export * from "./Link";
+export * from "./Pagination";
+export * from "./Tabs";
+export * from "./Stepper";

package/dist/cjs/Navigation/index.js

@@ -0,0 +1,49 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _Link = require("./Link");
+Object.keys(_Link).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Link[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Link[key];
+    }
+  });
+});
+var _Pagination = require("./Pagination");
+Object.keys(_Pagination).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Pagination[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Pagination[key];
+    }
+  });
+});
+var _Tabs = require("./Tabs");
+Object.keys(_Tabs).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Tabs[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Tabs[key];
+    }
+  });
+});
+var _Stepper = require("./Stepper");
+Object.keys(_Stepper).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Stepper[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Stepper[key];
+    }
+  });
+});

package/dist/cjs/Overlay/Dropdown/Dropdown.js

@@ -0,0 +1,124 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Dropdown = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _clsx = _interopRequireDefault(require("clsx"));
+var _react = require("react");
+var _reactPopper = require("react-popper");
+var _Helpers = require("../../Helpers");
+var _Layout = require("../../Layout");
+var _Satellite = require("../../Satellite");
+var _satellitePrefixer = _interopRequireDefault(require("../../styles/helpers/satellitePrefixer"));
+var _DropdownButtonItem = require("./components/DropdownButtonItem");
+var _DropdownCollapsibleItem = require("./components/DropdownCollapsibleItem");
+var _DropdownDivider = require("./components/DropdownDivider");
+var _DropdownFooterItem = require("./components/DropdownFooterItem");
+var _DropdownLinkItem = require("./components/DropdownLinkItem");
+var _DropdownRadioItem = require("./components/DropdownRadioItem");
+var _DropdownTitle = require("./components/DropdownTitle");
+var _DropdownToggleItem = require("./components/DropdownToggleItem");
+var _DropdownContext = require("./DropdownContext");
+var _jsxRuntime = require("react/jsx-runtime");
+var _templateObject, _templateObject2, _templateObject3;
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var DEFAULT_DROPDOWN_POPPER_MODIFIERS = [{
+  name: "offset",
+  options: {
+    offset: [0, 16]
+  }
+}];
+var _Dropdown = function _Dropdown(_ref) {
+  var _renderFooter;
+  var _ref$placement = _ref.placement,
+    placement = _ref$placement === void 0 ? "bottom-start" : _ref$placement,
+    menuClassName = _ref.menuClassName,
+    _ref$modifiers = _ref.modifiers,
+    modifiers = _ref$modifiers === void 0 ? [] : _ref$modifiers,
+    renderTarget = _ref.renderTarget,
+    renderFooter = _ref.renderFooter,
+    children = _ref.children;
+  var createPortal = (0, _Satellite.useCreatePortal)();
+  var _useState = (0, _react.useState)(false),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    showMenu = _useState2[0],
+    setShowMenu = _useState2[1];
+  var _useState3 = (0, _react.useState)(null),
+    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+    targetEl = _useState4[0],
+    setTargetEl = _useState4[1];
+  var _useState5 = (0, _react.useState)(null),
+    _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
+    menuContainerEl = _useState6[0],
+    setMenuContainerEl = _useState6[1];
+  var _usePopper = (0, _reactPopper.usePopper)(targetEl, menuContainerEl, {
+      modifiers: [].concat(DEFAULT_DROPDOWN_POPPER_MODIFIERS, (0, _toConsumableArray2["default"])(modifiers)),
+      placement: placement,
+      strategy: "fixed"
+    }),
+    styles = _usePopper.styles,
+    attributes = _usePopper.attributes;
+  var target = renderTarget({
+    toggle: function toggle(open) {
+      return setShowMenu(open === undefined ? !showMenu : open);
+    },
+    isShowingMenu: showMenu
+  });
+  var footer = (_renderFooter = renderFooter === null || renderFooter === void 0 ? void 0 : renderFooter({
+    toggle: function toggle(open) {
+      return setShowMenu(open === undefined ? !showMenu : open);
+    },
+    isShowingMenu: showMenu
+  })) !== null && _renderFooter !== void 0 ? _renderFooter : null;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_DropdownContext.DropdownContext.Provider, {
+    value: {
+      showMenu: setShowMenu
+    },
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_DropdownCollapsibleItem.DropdownCollapsibleItemsSingleGroup, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        className: (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["inline-block leading-none"]))),
+        ref: setTargetEl,
+        children: target
+      }), showMenu && targetEl && createPortal( /*#__PURE__*/(0, _jsxRuntime.jsx)(_Helpers.ClickAwayContainer, {
+        element: menuContainerEl,
+        onClickAway: function onClickAway(evt) {
+          var isContainedInTarget = targetEl === null || targetEl === void 0 ? void 0 : targetEl.contains(evt.target);
+          if (!isContainedInTarget) {
+            setShowMenu(false);
+          }
+        },
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({}, attributes.popper), {}, {
+          style: styles.popper,
+          className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["z-dropdown min-w-64 max-w-128"]))), menuClassName),
+          ref: setMenuContainerEl,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Layout.Card, {
+            fullBleed: true,
+            elevation: "300",
+            className: (0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["flex flex-col py-1 text-grey-900"]))),
+            children: [children, footer ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_DropdownFooterItem.DropdownFooterItem, {
+              children: footer
+            }) : null]
+          })
+        }))
+      }))]
+    })
+  });
+};
+_Dropdown.ButtonItem = _DropdownButtonItem.DropdownButtonItem;
+_Dropdown.LinkItem = _DropdownLinkItem.DropdownLinkItem;
+_Dropdown.RadioItem = _DropdownRadioItem.DropdownRadioItem;
+_Dropdown.ToggleItem = _DropdownToggleItem.DropdownToggleItem;
+_Dropdown.CollapsibleItem = _DropdownCollapsibleItem.DropdownCollapsibleItem;
+_Dropdown.FooterItem = _DropdownFooterItem.DropdownFooterItem;
+_Dropdown.Divider = _DropdownDivider.DropdownDivider;
+_Dropdown.Title = _DropdownTitle.DropdownTitle;
+
+/** @deprecated use `MenuButton` instead */
+var Dropdown = exports.Dropdown = _Dropdown;

package/dist/cjs/Overlay/Dropdown/DropdownButton.d.ts

@@ -0,0 +1,13 @@
+import type { ReactNode } from "react";
+import type { ButtonProps } from "../../Actions";
+import type { RenderTargetParams } from "./Dropdown";
+export interface DropdownButtonProps extends Omit<ButtonProps, "title" | "endIcon"> {
+    /** Descriptive title for `Dropdown` */
+    title: ReactNode;
+    renderFooter?: (args: RenderTargetParams) => ReactNode;
+    children: ReactNode;
+}
+/**
+ * @deprecated use `MenuButton` instead
+ */
+export declare const DropdownButton: import("react").ForwardRefExoticComponent<DropdownButtonProps & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/cjs/Overlay/Dropdown/DropdownButton.js

@@ -0,0 +1,49 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DropdownButton = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = require("react");
+var _Actions = require("../../Actions");
+var _Icons = require("../../Icons");
+var _Dropdown = require("./Dropdown");
+var _jsxRuntime = require("react/jsx-runtime");
+var _excluded = ["children", "title", "renderFooter"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+/**
+ * @deprecated use `MenuButton` instead
+ */
+var DropdownButton = exports.DropdownButton = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
+  var children = _ref.children,
+    title = _ref.title,
+    renderFooter = _ref.renderFooter,
+    buttonProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+  var renderButton = function renderButton(_ref2) {
+    var toggle = _ref2.toggle;
+    var handleClick = function handleClick(evt) {
+      if (buttonProps.onClick) {
+        buttonProps.onClick(evt);
+      }
+      if (!evt.defaultPrevented) {
+        toggle();
+      }
+    };
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Actions.Button, _objectSpread(_objectSpread({}, buttonProps), {}, {
+      onClick: handleClick,
+      endIcon: _Icons.ChevronDownIcon,
+      ref: ref,
+      children: title
+    }));
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Dropdown.Dropdown, {
+    renderTarget: renderButton,
+    renderFooter: renderFooter,
+    children: children
+  });
+});
+DropdownButton.displayName = "DropdownButton";

package/dist/cjs/Overlay/Dropdown/components/DropdownButtonItem.d.ts

@@ -0,0 +1,14 @@
+import type { VFC } from "react";
+import type { IconComponentType } from "../../../Icons";
+import type { DropdownBaseItemProps } from "../useDropdownItemProps";
+export declare type DropdownButtonItemProps = DropdownBaseItemProps<HTMLButtonElement> & JSX.IntrinsicElements["button"] & {
+    /** Left aligned icon */
+    startIcon?: IconComponentType;
+    /**
+     * Variant of the item
+     * @default default
+     */
+    variant?: "default" | "destructive";
+};
+/** @deprecated */
+export declare const DropdownButtonItem: VFC<DropdownButtonItemProps>;

package/dist/cjs/Overlay/Dropdown/components/DropdownButtonItem.js

@@ -0,0 +1,46 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DropdownButtonItem = void 0;
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _clsx = _interopRequireDefault(require("clsx"));
+var _satellitePrefixer = _interopRequireDefault(require("../../../styles/helpers/satellitePrefixer"));
+var _useDropdownItemProps = require("../useDropdownItemProps");
+var _jsxRuntime = require("react/jsx-runtime");
+var _templateObject, _templateObject2, _templateObject3;
+var _excluded = ["toggle", "children", "variant", "startIcon"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _DropdownButtonItem = function _DropdownButtonItem(props) {
+  var dropdownItemProps = (0, _useDropdownItemProps.useDropdownItemProps)(props);
+  // `toggle` is destructured here because we don't want it passed to the `button`
+  var _props$dropdownItemPr = _objectSpread(_objectSpread({}, props), dropdownItemProps),
+    toggle = _props$dropdownItemPr.toggle,
+    children = _props$dropdownItemPr.children,
+    variant = _props$dropdownItemPr.variant,
+    StartIcon = _props$dropdownItemPr.startIcon,
+    mergedProps = (0, _objectWithoutProperties2["default"])(_props$dropdownItemPr, _excluded);
+  var showDestructiveVariant = !props.disabled && variant === "destructive";
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("button", _objectSpread(_objectSpread({}, mergedProps), {}, {
+    className: (0, _clsx["default"])(mergedProps.className, (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["w-full"])))),
+    children: [StartIcon && /*#__PURE__*/(0, _jsxRuntime.jsx)(StartIcon, {
+      className: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["mr-2 shrink-0 ", ""])), showDestructiveVariant ? "text-red-700" : "text-grey-500"),
+      width: "1rem",
+      height: "1rem"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      className: (0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["w-full truncate ", ""])), showDestructiveVariant && "text-red-700"),
+      children: children
+    })]
+  }));
+};
+_DropdownButtonItem.defaultProps = {
+  toggle: true
+};
+
+/** @deprecated */
+var DropdownButtonItem = exports.DropdownButtonItem = _DropdownButtonItem;

package/dist/cjs/Overlay/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItem.js

@@ -0,0 +1,59 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DropdownCollapsibleItem = void 0;
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = require("react");
+var _Icons = require("../../../../Icons");
+var _satellitePrefixer = _interopRequireDefault(require("../../../../styles/helpers/satellitePrefixer"));
+var _utils = require("../../../../utils");
+var _DropdownCollapsibleItemsGroupContext = require("./DropdownCollapsibleItemsGroupContext");
+var _jsxRuntime = require("react/jsx-runtime");
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+/** @deprecated */
+var DropdownCollapsibleItem = exports.DropdownCollapsibleItem = function DropdownCollapsibleItem(_ref) {
+  var title = _ref.title,
+    name = _ref.name,
+    expanded = _ref.expanded,
+    _onClick = _ref.onClick,
+    children = _ref.children;
+  var _useDropdownCollapsib = (0, _DropdownCollapsibleItemsGroupContext.useDropdownCollapsibleItemsGroup)(),
+    expandedItems = _useDropdownCollapsib.expandedItems,
+    onItemClick = _useDropdownCollapsib.onItemClick;
+  var _useState = (0, _react.useState)(function () {
+      return (0, _utils.uniqueId)("ddci");
+    }),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 1),
+    internalName = _useState2[0];
+  var itemName = name !== null && name !== void 0 ? name : internalName;
+  var isExpanded = typeof expanded === "boolean" ? expanded : expandedItems.includes(itemName);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["flex flex-col"]))),
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("button", {
+      className: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n          w-full h-10 px-4\n          flex items-center justify-between\n          text-grey-900 hover:bg-grey-100 focus:bg-grey-100 focus:outline-none cursor-pointer\n        "]))),
+      onClick: function onClick(evt) {
+        if (typeof expanded === "boolean") {
+          _onClick === null || _onClick === void 0 || _onClick(evt, itemName, expandedItems);
+        } else {
+          onItemClick(itemName);
+        }
+      },
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        children: title
+      }), isExpanded ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icons.ChevronDownIcon, {
+        className: (0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["text-grey-500"]))),
+        size: "1.25em"
+      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icons.ChevronRightIcon, {
+        className: (0, _satellitePrefixer["default"])(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["text-grey-500"]))),
+        size: "1.25em"
+      })]
+    }), isExpanded && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: (0, _satellitePrefixer["default"])(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2["default"])(["bg-grey-50 border-l-2 border-grey-300 typo-subdued"]))),
+      children: children
+    })]
+  });
+};

package/dist/cjs/Overlay/Dropdown/components/DropdownDivider.js

@@ -0,0 +1,17 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DropdownDivider = void 0;
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _satellitePrefixer = _interopRequireDefault(require("../../../styles/helpers/satellitePrefixer"));
+var _jsxRuntime = require("react/jsx-runtime");
+var _templateObject;
+/** @deprecated */
+var DropdownDivider = exports.DropdownDivider = function DropdownDivider() {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["border-b border-grey-100"])))
+  });
+};

package/dist/cjs/Overlay/Dropdown/components/DropdownFooterItem.js

@@ -0,0 +1,29 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DropdownFooterItem = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _clsx = _interopRequireDefault(require("clsx"));
+var _satellitePrefixer = _interopRequireDefault(require("../../../styles/helpers/satellitePrefixer"));
+var _jsxRuntime = require("react/jsx-runtime");
+var _templateObject;
+var _excluded = ["children", "className"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+/** @deprecated */
+var DropdownFooterItem = exports.DropdownFooterItem = function DropdownFooterItem(_ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+  if (!children) return null;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({
+    className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["flex bg-grey-100 -mb-1 items-center justify-between px-4 py-3 border-t border-grey-200"]))), className)
+  }, props), {}, {
+    children: children
+  }));
+};

package/dist/cjs/Overlay/Dropdown/components/DropdownLinkItem.d.ts

@@ -0,0 +1,10 @@
+import type { VFC } from "react";
+import type { IconComponentType } from "../../../Icons";
+import type { DropdownBaseItemProps } from "../useDropdownItemProps";
+export declare type DropdownLinkItemProps = DropdownBaseItemProps<HTMLAnchorElement> & JSX.IntrinsicElements["a"] & {
+    href: string;
+    /** Left aligned icon */
+    startIcon?: IconComponentType;
+};
+/** @deprecated */
+export declare const DropdownLinkItem: VFC<DropdownLinkItemProps>;