@algolia/satellite 1.1.0 → 1.1.2

package/dist/esm/Medallion/Medallion.tailwind.js

@@ -1,30 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _rgba from "../styles/rgba";
-import _plugin from "tailwindcss/plugin";
-// @ts-check
-var plugin = _plugin;
-var rgba = _rgba;
-var medallionPlugin = plugin(function (_ref) {
-  var addComponents = _ref.addComponents,
-    theme = _ref.theme;
-  var colors = ["grey", "pink", "accent", "blue", "green", "orange", "red", "white"];
-  addComponents({
-    ".medallion": {
-      height: "40px",
-      width: "40px"
-    },
-    ".medallion-large": {
-      height: "72px",
-      width: "72px"
-    }
-  });
-
-  // Variants
-  colors.map(function (color) {
-    return addComponents(_defineProperty({}, ".medallion-".concat(color), {
-      backgroundImage: color === "white" ? "linear-gradient(to bottom, ".concat(theme("colors.white"), " 0%, ").concat(theme("colors.grey.100"), " 100%)") : "linear-gradient(to bottom, ".concat(theme("colors.".concat(color, ".100")), " 0%, ").concat(theme("colors.".concat(color, ".200")), " 100%)"),
-      boxShadow: color === "white" ? "0px 4px 8px -2px rgba(33, 36, 61, 0.25), inset 0px -2px 2px rgba(35, 38, 59, 0.03)" : "0px 4px 8px -2px rgba(33, 36, 61, 0.25), inset 0px -2px 2px ".concat(rgba(theme("colors.".concat(color, ".300")), 0.03))
-    }));
-  });
-});
-export default medallionPlugin;

package/dist/esm/MenuButton/components/Content.js

@@ -1,35 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _templateObject, _templateObject2;
-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) { _defineProperty(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; }
-import { Content as DropdownMenuContent } from "@radix-ui/react-dropdown-menu";
-import cx from "clsx";
-import { Card } from "../../Card";
-import { useCreatePortal } from "../../Satellite";
-import stl from "../../styles/helpers/satellitePrefixer";
-import { CollapsibleItemsSingleGroup } from "./collapsible";
-import { jsx as _jsx } from "react/jsx-runtime";
-export var Content = function Content(_ref) {
-  var children = _ref.children,
-    className = _ref.className,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  var createPortal = useCreatePortal();
-  return createPortal( /*#__PURE__*/_jsx(DropdownMenuContent, _objectSpread(_objectSpread({
-    align: "start",
-    side: "bottom",
-    sideOffset: 15,
-    className: cx(stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["z-dropdown min-w-64 max-w-128"]))), className)
-  }, rest), {}, {
-    children: /*#__PURE__*/_jsx(CollapsibleItemsSingleGroup, {
-      children: /*#__PURE__*/_jsx(Card, {
-        fullBleed: true,
-        elevation: "300",
-        className: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["flex flex-col py-1 text-grey-900"]))),
-        children: children
-      })
-    })
-  })));
-};

package/dist/esm/MenuButton/components/DefaultTrigger.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-import type { ButtonProps } from "../../Button";
-export declare type DefaultTriggerProps = Omit<ButtonProps, "endIcon">;
-export declare const DefaultTrigger: import("react").ForwardRefExoticComponent<DefaultTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/esm/MenuButton/components/DefaultTrigger.js

@@ -1,24 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["children"];
-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) { _defineProperty(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; }
-import * as DropdownMenu from "@radix-ui/react-dropdown-menu";
-import { forwardRef } from "react";
-import { Button } from "../../Button";
-import { ChevronDownIcon } from "../../Icons";
-import { jsx as _jsx } from "react/jsx-runtime";
-export var DefaultTrigger = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var children = _ref.children,
-    buttonProps = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/_jsx(DropdownMenu.Trigger, {
-    asChild: true,
-    children: /*#__PURE__*/_jsx(Button, _objectSpread(_objectSpread({
-      endIcon: ChevronDownIcon
-    }, buttonProps), {}, {
-      ref: ref,
-      children: children
-    }))
-  });
-});
-DefaultTrigger.displayName = "MenuButtonDefaultTrigger";

package/dist/esm/MenuButton/components/Divider.js

@@ -1,10 +0,0 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-var _templateObject;
-import * as DropdownMenu from "@radix-ui/react-dropdown-menu";
-import stl from "../../styles/helpers/satellitePrefixer";
-import { jsx as _jsx } from "react/jsx-runtime";
-export var Divider = function Divider() {
-  return /*#__PURE__*/_jsx(DropdownMenu.Separator, {
-    className: stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["border-b border-grey-100"])))
-  });
-};

package/dist/esm/MenuButton/components/Label.js

@@ -1,21 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _templateObject;
-var _excluded = ["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) { _defineProperty(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; }
-import * as DropdownMenu from "@radix-ui/react-dropdown-menu";
-import cx from "clsx";
-import stl from "../../styles/helpers/satellitePrefixer";
-import { jsx as _jsx } from "react/jsx-runtime";
-export var Label = function Label(_ref) {
-  var className = _ref.className,
-    props = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/_jsx(DropdownMenu.Label, {
-    asChild: true,
-    children: /*#__PURE__*/_jsx("span", _objectSpread(_objectSpread({}, props), {}, {
-      className: cx(stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["flex items-center h-10 px-4\n          border-grey-100 border-b border-t first:border-t-0\n          display-subheading"]))), className)
-    }))
-  });
-};

package/dist/esm/MenuButton/components/collapsible/CollapsibleItem.js

@@ -1,54 +0,0 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-import * as DropdownMenu from "@radix-ui/react-dropdown-menu";
-import { useState } from "react";
-import { ChevronDownIcon, ChevronRightIcon } from "../../../Icons";
-import stl from "../../../styles/helpers/satellitePrefixer";
-import { uniqueId } from "../../../utils";
-import { useCollapsibleItemsGroup } from "./CollapsibleItemsGroupContext";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-export var CollapsibleItem = function CollapsibleItem(_ref) {
-  var title = _ref.title,
-    name = _ref.name,
-    expanded = _ref.expanded,
-    _onClick = _ref.onClick,
-    children = _ref.children;
-  var _useCollapsibleItemsG = useCollapsibleItemsGroup(),
-    expandedItems = _useCollapsibleItemsG.expandedItems,
-    onItemClick = _useCollapsibleItemsG.onItemClick;
-  var _useState = useState(function () {
-      return uniqueId("ddci");
-    }),
-    _useState2 = _slicedToArray(_useState, 1),
-    internalName = _useState2[0];
-  var itemName = name !== null && name !== void 0 ? name : internalName;
-  var isExpanded = typeof expanded === "boolean" ? expanded : expandedItems.includes(itemName);
-  var OpenIndicator = isExpanded ? ChevronDownIcon : ChevronRightIcon;
-  return /*#__PURE__*/_jsxs("div", {
-    className: stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["flex flex-col"]))),
-    children: [/*#__PURE__*/_jsxs(DropdownMenu.Item, {
-      className: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\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        "]))),
-      onSelect: function onSelect(evt) {
-        return evt.preventDefault();
-      },
-      onClick: function onClick(evt) {
-        if (typeof expanded === "boolean") {
-          _onClick === null || _onClick === void 0 || _onClick(evt, itemName, expandedItems);
-        } else {
-          onItemClick(itemName);
-        }
-      },
-      children: [/*#__PURE__*/_jsx("div", {
-        children: title
-      }), /*#__PURE__*/_jsx(OpenIndicator, {
-        className: stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["text-grey-500"]))),
-        size: "1.25em"
-      })]
-    }), isExpanded && /*#__PURE__*/_jsx("div", {
-      className: stl(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["bg-grey-50 border-l-2 border-grey-300 typo-subdued"]))),
-      children: children
-    })]
-  });
-};

package/dist/esm/MenuButton/components/items/Item.d.ts

@@ -1,14 +0,0 @@
-import type { DropdownMenuItemProps } from "@radix-ui/react-dropdown-menu";
-import type { FC } from "react";
-import type { IconComponentType } from "../../../Icons";
-import type { BaseItemProps } from "../../useMenuItemProps";
-export declare type ItemProps = BaseItemProps<HTMLDivElement> & DropdownMenuItemProps & {
-    /** Left aligned icon */
-    startIcon?: IconComponentType;
-    /**
-     * Variant of the item
-     * @default "default"
-     */
-    variant?: "default" | "destructive";
-};
-export declare const Item: FC<ItemProps>;

package/dist/esm/MenuButton/components/items/Item.js

@@ -1,33 +0,0 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _templateObject, _templateObject2, _templateObject3;
-var _excluded = ["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) { _defineProperty(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; }
-import * as DropdownMenu from "@radix-ui/react-dropdown-menu";
-import cx from "clsx";
-import stl from "../../../styles/helpers/satellitePrefixer";
-import { useMenuItemProps } from "../../useMenuItemProps";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-export var Item = function Item(props) {
-  var itemProps = useMenuItemProps(props);
-  var _props$itemProps = _objectSpread(_objectSpread({}, props), itemProps),
-    children = _props$itemProps.children,
-    variant = _props$itemProps.variant,
-    StartIcon = _props$itemProps.startIcon,
-    mergedProps = _objectWithoutProperties(_props$itemProps, _excluded);
-  var showDestructiveVariant = !props.disabled && variant === "destructive";
-  return /*#__PURE__*/_jsxs(DropdownMenu.Item, _objectSpread(_objectSpread({}, mergedProps), {}, {
-    className: cx(mergedProps.className, stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["w-full"])))),
-    children: [StartIcon && /*#__PURE__*/_jsx(StartIcon, {
-      className: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["mr-2 shrink-0 ", ""])), showDestructiveVariant ? "text-red-700" : "text-grey-500"),
-      width: "1rem",
-      height: "1rem"
-    }), /*#__PURE__*/_jsx("span", {
-      className: stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["w-full truncate ", ""])), showDestructiveVariant && "text-red-700"),
-      children: children
-    })]
-  }));
-};

package/dist/esm/MenuButton/components/items/LinkItem.js

@@ -1,64 +0,0 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-var _excluded = ["startIcon", "className", "children", "onClick", "navigationType"];
-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) { _defineProperty(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; }
-import * as DropdownMenu from "@radix-ui/react-dropdown-menu";
-import cx from "clsx";
-import { useMemo } from "react";
-import { ExternalLinkIcon } from "../../../Icons";
-import { useSatelliteContext } from "../../../Satellite";
-import stl from "../../../styles/helpers/satellitePrefixer";
-import { parseURL } from "../../../utils/parseUrl";
-import { useMenuItemProps } from "../../useMenuItemProps";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-export var LinkItem = function LinkItem(props) {
-  var _useSatelliteContext = useSatelliteContext(),
-    router = _useSatelliteContext.router;
-  var itemProps = useMenuItemProps(props);
-  var _props$itemProps = _objectSpread(_objectSpread({}, props), itemProps),
-    StartIcon = _props$itemProps.startIcon,
-    className = _props$itemProps.className,
-    children = _props$itemProps.children,
-    onClick = _props$itemProps.onClick,
-    _props$itemProps$navi = _props$itemProps.navigationType,
-    navigationType = _props$itemProps$navi === void 0 ? "auto" : _props$itemProps$navi,
-    mergedProps = _objectWithoutProperties(_props$itemProps, _excluded);
-  var href = router.transformHref(props.href || "");
-  var parsedLocation = useMemo(function () {
-    return parseURL(href);
-  }, [href]);
-  var isExternalLink = navigationType === "auto" ? router.shouldOpenInNewTab(parsedLocation) : navigationType === "newTab";
-  var onItemClick = function onItemClick(event) {
-    if (mergedProps.disabled) return;
-    onClick === null || onClick === void 0 || onClick(event);
-    if (event.defaultPrevented) return;
-    if (navigationType === "reload") {
-      window.location.assign(href);
-    } else if (isExternalLink) {
-      window.open(href, "_blank", "noopener noreferrer");
-    } else {
-      router.push({
-        url: href
-      });
-    }
-  };
-  return /*#__PURE__*/_jsxs(DropdownMenu.Item, _objectSpread(_objectSpread({}, mergedProps), {}, {
-    className: cx(stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["flex items-center"]))), className),
-    onClick: onItemClick,
-    children: [StartIcon && /*#__PURE__*/_jsx(StartIcon, {
-      className: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["mr-2 shrink-0 text-grey-500"]))),
-      width: "1rem",
-      height: "1rem"
-    }), /*#__PURE__*/_jsx("span", {
-      className: stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["w-full truncate"]))),
-      children: children
-    }), isExternalLink && /*#__PURE__*/_jsx(ExternalLinkIcon, {
-      className: stl(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["ml-1 shrink-0 text-grey-500"]))),
-      size: "1em"
-    })]
-  }));
-};

package/dist/esm/MenuButton/components/items/RadioItem.js

@@ -1,40 +0,0 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-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) { _defineProperty(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; }
-import * as DropdownMenu from "@radix-ui/react-dropdown-menu";
-import cx from "clsx";
-import { CheckIcon } from "../../../Icons";
-import stl from "../../../styles/helpers/satellitePrefixer";
-import { useMenuItemProps } from "../../useMenuItemProps";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-export var RadioItem = function RadioItem(props) {
-  var itemProps = useMenuItemProps(props);
-  var _props$itemProps = _objectSpread(_objectSpread({}, props), itemProps),
-    children = _props$itemProps.children,
-    className = _props$itemProps.className,
-    radioProps = _objectWithoutProperties(_props$itemProps, _excluded);
-  return /*#__PURE__*/_jsx(DropdownMenu.RadioItem, _objectSpread(_objectSpread({}, radioProps), {}, {
-    className: cx(className, stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["data-[state=checked]:bg-xenon-100"])))),
-    onSelect: function onSelect(e) {
-      return e.preventDefault();
-    },
-    children: /*#__PURE__*/_jsxs("div", {
-      className: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["flex-1 flex items-start relative py-2 pr-5 overflow-hidden"]))),
-      children: [/*#__PURE__*/_jsx("span", {
-        className: stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["flex-1 truncate mr-4"]))),
-        children: children
-      }), /*#__PURE__*/_jsx(DropdownMenu.ItemIndicator, {
-        asChild: true,
-        children: /*#__PURE__*/_jsx(CheckIcon, {
-          className: stl(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["absolute right-0 text-accent-600 h-5"])))
-        })
-      })]
-    })
-  }));
-};
-RadioItem.displayName = "RadioItem";

package/dist/esm/MenuButton/components/items/ToggleItem.js

@@ -1,68 +0,0 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-var _excluded = ["className", "checked", "defaultChecked", "disabled", "startIcon", "onSelect", "children"];
-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) { _defineProperty(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; }
-import * as DropdownMenu from "@radix-ui/react-dropdown-menu";
-import cx from "clsx";
-import { useState } from "react";
-import stl from "../../../styles/helpers/satellitePrefixer";
-import { Toggle } from "../../../Toggle";
-import { useMenuItemProps } from "../../useMenuItemProps";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-export var ToggleItem = function ToggleItem(props) {
-  var itemProps = useMenuItemProps(props);
-  var _props$itemProps = _objectSpread(_objectSpread({}, props), itemProps),
-    className = _props$itemProps.className,
-    checked = _props$itemProps.checked,
-    defaultChecked = _props$itemProps.defaultChecked,
-    disabled = _props$itemProps.disabled,
-    StartIcon = _props$itemProps.startIcon,
-    _onSelect = _props$itemProps.onSelect,
-    children = _props$itemProps.children,
-    checkboxItemProps = _objectWithoutProperties(_props$itemProps, _excluded);
-  var isControlled = typeof checked === "boolean";
-  var _useState = useState(isControlled ? checked : defaultChecked),
-    _useState2 = _slicedToArray(_useState, 2),
-    internalChecked = _useState2[0],
-    setInternalChecked = _useState2[1];
-  var isChecked = isControlled ? checked : internalChecked;
-  return /*#__PURE__*/_jsx(DropdownMenu.CheckboxItem, _objectSpread(_objectSpread({}, checkboxItemProps), {}, {
-    asChild: true,
-    disabled: disabled,
-    checked: isChecked,
-    onSelect: function onSelect(event) {
-      // we prevent the default behavior from Radix which consist in closing
-      // the menu when clicking on an item list while we want to keep it open
-      event.preventDefault();
-      _onSelect === null || _onSelect === void 0 || _onSelect(event);
-    },
-    onCheckedChange: function onCheckedChange(checked) {
-      var _props$onCheckedChang;
-      if (!isControlled) {
-        setInternalChecked(checked);
-      }
-      (_props$onCheckedChang = props.onCheckedChange) === null || _props$onCheckedChang === void 0 || _props$onCheckedChang.call(props, checked);
-    },
-    children: /*#__PURE__*/_jsxs("div", {
-      className: cx(stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["flex items-center"]))), className),
-      children: [StartIcon && /*#__PURE__*/_jsx(StartIcon, {
-        className: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["mr-2 shrink-0 text-grey-500"]))),
-        width: "1rem",
-        height: "1rem"
-      }), /*#__PURE__*/_jsx("span", {
-        className: stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["flex-1 truncate mr-4"]))),
-        children: children
-      }), /*#__PURE__*/_jsx(Toggle, {
-        decorative: true,
-        className: stl(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["shrink-0"]))),
-        checked: isChecked,
-        disabled: disabled
-      })]
-    })
-  }));
-};

package/dist/esm/MenuButton/useMenuItemProps.js

@@ -1,11 +0,0 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-var _templateObject;
-import cx from "clsx";
-import stl from "../styles/helpers/satellitePrefixer";
-export var useMenuItemProps = function useMenuItemProps(props) {
-  var className = cx(stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      flex items-center\n      min-h-10 px-4 text-left\n      focus:no-underline hover:no-underline\n      ", "\n    "])), props.disabled ? "text-grey-300 cursor-not-allowed outline-none pointer-events-none" : "text-inherit hover:bg-grey-100 focus:bg-grey-100 focus:outline-none cursor-pointer"), props.className);
-  return {
-    className: className,
-    onClick: props.onClick
-  };
-};

package/dist/esm/Modal/Modal.d.ts

@@ -1,62 +0,0 @@
-import type { ReactNode, VFC } from "react";
-import type { XOR } from "../types";
-import { ModalFooter } from "./components/ModalFooter";
-import { ModalSection } from "./components/ModalSection";
-export declare type ModalSizeVariant = "medium" | "large";
-export declare type ModalLocale = {
-    dismissText?: string;
-    modalTitle?: string;
-};
-interface ModalControlledProps {
-    /** Define whether the modal is open or closed. */
-    open: boolean;
-    /** The element that should receive focus once the `Modal` is closed. */
-    autoFocusOnCloseElement?: HTMLElement | null;
-}
-interface ModalUncontrolledProps {
-    /** Button which should trigger the modal */
-    triggerButton: ReactNode;
-}
-export declare type ModalProps = XOR<ModalControlledProps, ModalUncontrolledProps> & {
-    /** Descriptive title for `Modal`. */
-    title?: ReactNode;
-    /** @ignore */
-    className?: string;
-    /** Define whether the content should take up the full width of the `Modal`. */
-    fullBleed?: boolean;
-    /** Define whether or not the modal should animate on show and hide. */
-    animate?: boolean;
-    /** Define the size of the `Modal`. */
-    size?: ModalSizeVariant;
-    /** Define whether or not the dismiss button should be hidden. */
-    hideCloseIcon?: boolean;
-    /** Define whether or not the modal should be vertically aligned. */
-    centerY?: boolean;
-    /**
-     * Function triggered when the modal is dismissed.
-     * This function is called when the user clicks the close button,
-     * clicks outside the modal or presses the escape key.
-     */
-    onDismiss?: () => void;
-    /** The locale for the `Modal`. */
-    locale?: ModalLocale;
-    /**
-     * The element that should receive focus once the `Modal` is opened.
-     * If unspecified, the first focusable element will be focused.
-     * If an element is passed, it will be focused.
-     * If 'skip' is passed, the close button will be focused if present, with a fallback on the dialog element itself.
-     */
-    autoFocusOnOpenElement?: HTMLElement | null | "skipContent";
-    children: ReactNode;
-};
-declare type ModalSubComponents = {
-    Footer: typeof ModalFooter;
-    Section: typeof ModalSection;
-};
-/**
- * The `Modal` component is a dialog window that is used to display content on top of an application.
- *
- * See the [Modal documentation page](https://satellite.algolia.com/components/overlay/modal) for more information.
- */
-export declare const Modal: VFC<ModalProps> & ModalSubComponents;
-export {};

package/dist/esm/Modal/Modal.js

@@ -1,130 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15;
-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) { _defineProperty(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; }
-import * as Dialog from "@radix-ui/react-dialog";
-import cx from "clsx";
-import { Fragment, useRef } from "react";
-import { IconButton } from "../Button";
-import { Card } from "../Card";
-import { XIcon } from "../Icons";
-import { useCreatePortal, useLocale } from "../Satellite";
-import stl from "../styles/helpers/satellitePrefixer";
-import { prefersReducedMotion } from "../utils/prefersReducedMotion";
-import { ModalFooter } from "./components/ModalFooter";
-import { ModalSection } from "./components/ModalSection";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-var DEFAULT_MODAL_LOCALE = {
-  dismissText: "Dismiss",
-  modalTitle: "Modal"
-};
-var SIZE_CLASSNAMES = {
-  medium: stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["modal-dialog-medium"]))),
-  large: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["modal-dialog-large"])))
-};
-
-/**
- * The `Modal` component is a dialog window that is used to display content on top of an application.
- *
- * See the [Modal documentation page](https://satellite.algolia.com/components/overlay/modal) for more information.
- */
-export var Modal = function Modal(_ref) {
-  var title = _ref.title,
-    className = _ref.className,
-    children = _ref.children,
-    _ref$open = _ref.open,
-    open = _ref$open === void 0 ? false : _ref$open,
-    onDismiss = _ref.onDismiss,
-    _ref$fullBleed = _ref.fullBleed,
-    fullBleed = _ref$fullBleed === void 0 ? false : _ref$fullBleed,
-    _ref$animate = _ref.animate,
-    animate = _ref$animate === void 0 ? true : _ref$animate,
-    _ref$hideCloseIcon = _ref.hideCloseIcon,
-    hideCloseIcon = _ref$hideCloseIcon === void 0 ? false : _ref$hideCloseIcon,
-    _ref$size = _ref.size,
-    size = _ref$size === void 0 ? "medium" : _ref$size,
-    _ref$centerY = _ref.centerY,
-    centerY = _ref$centerY === void 0 ? false : _ref$centerY,
-    autoFocusOnOpenElement = _ref.autoFocusOnOpenElement,
-    autoFocusOnCloseElement = _ref.autoFocusOnCloseElement,
-    triggerButton = _ref.triggerButton,
-    propsLocale = _ref.locale;
-  var contextLocale = useLocale("modal");
-  var locale = _objectSpread(_objectSpread(_objectSpread({}, DEFAULT_MODAL_LOCALE), contextLocale), propsLocale);
-  var createPortal = useCreatePortal();
-  var isControlled = triggerButton === undefined;
-  var closeButtonRef = useRef(null);
-  var dialogContentRef = useRef(null);
-  if (typeof document === "undefined") return /*#__PURE__*/_jsx(Fragment, {});
-  return /*#__PURE__*/_jsxs(Dialog.Root, {
-    open: isControlled ? open : undefined,
-    onOpenChange: function onOpenChange(open) {
-      if (!open) {
-        onDismiss === null || onDismiss === void 0 || onDismiss();
-      }
-    },
-    modal: true,
-    children: [!isControlled && /*#__PURE__*/_jsx(Dialog.Trigger, {
-      asChild: true,
-      children: triggerButton
-    }), createPortal( /*#__PURE__*/_jsx(Dialog.Overlay, {
-      className: cx(animate && !prefersReducedMotion && stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["modal-animated"]))), stl(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["modal-overlay bg-grey-900/30 z-modalOverlay inset-0 fixed w-full h-full flex items-start justify-center overflow-x-hidden overflow-y-auto px-4 py-10"])))),
-      children: /*#__PURE__*/_jsx(Dialog.Content, {
-        ref: dialogContentRef,
-        className: cx(stl(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["modal-content"]))), SIZE_CLASSNAMES[size], centerY && stl(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["flex m-auto"])))),
-        onOpenAutoFocus: function onOpenAutoFocus(e) {
-          var _closeButtonRef$curre;
-          if (!autoFocusOnOpenElement) return;
-          var elementToFocus = autoFocusOnOpenElement === "skipContent" ? (_closeButtonRef$curre = closeButtonRef.current) !== null && _closeButtonRef$curre !== void 0 ? _closeButtonRef$curre : dialogContentRef.current : autoFocusOnOpenElement;
-          if (elementToFocus) {
-            e.preventDefault();
-            elementToFocus.focus();
-          }
-        },
-        onCloseAutoFocus: function onCloseAutoFocus(e) {
-          if (autoFocusOnCloseElement instanceof HTMLElement) {
-            e.preventDefault();
-            autoFocusOnCloseElement.focus();
-          }
-        },
-        "aria-label": !title ? locale.modalTitle : undefined,
-        "aria-describedby": undefined,
-        children: /*#__PURE__*/_jsx("div", {
-          className: stl(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["modal-container"]))),
-          children: /*#__PURE__*/_jsxs(Card, {
-            as: "div",
-            elevation: "500",
-            className: cx(stl(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["relative"]))), className),
-            fullBleed: true,
-            children: [/*#__PURE__*/_jsx("header", {
-              className: cx(stl(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["min-h-14 flex items-center justify-between space-x-2"]))), title ? stl(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["border-b border-grey-100 pl-8 pr-16"]))) : stl(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["justify-end px-8"]))), !title && hideCloseIcon && stl(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["hidden"])))),
-              children: !!title && /*#__PURE__*/_jsx(Dialog.Title, {
-                className: stl(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["flex-1 display-heading truncate"]))),
-                children: title
-              })
-            }), /*#__PURE__*/_jsx("div", {
-              className: cx(!fullBleed && stl(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["p-10"])))),
-              children: children
-            }), !hideCloseIcon && /*#__PURE__*/_jsx("div", {
-              className: stl(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["-mr-2 absolute top-3 right-8"]))),
-              children: /*#__PURE__*/_jsx(Dialog.Close, {
-                ref: closeButtonRef,
-                asChild: true,
-                children: /*#__PURE__*/_jsx(IconButton, {
-                  icon: XIcon,
-                  title: locale.dismissText,
-                  variant: "subtle",
-                  showTooltip: false
-                })
-              })
-            })]
-          })
-        })
-      })
-    }))]
-  });
-};
-Modal.Footer = ModalFooter;
-Modal.Section = ModalSection;