@algolia/satellite 1.1.0 → 1.1.2

package/dist/esm/Dropdown/components/DropdownLinkItem.d.ts

@@ -1,10 +0,0 @@
-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>;

package/dist/esm/Dropdown/components/DropdownLinkItem.js

@@ -1,48 +0,0 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-var _excluded = ["toggle", "disabled", "startIcon", "className", "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 cx from "clsx";
-import { ExternalLinkIcon } from "../../Icons";
-import stl from "../../styles/helpers/satellitePrefixer";
-import { useLinkProps } from "../../utils/useLinkProps";
-import { useDropdownItemProps } from "../useDropdownItemProps";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-var _DropdownLinkItem = function _DropdownLinkItem(props) {
-  var dropdownItemProps = useDropdownItemProps(props);
-  var linkProps = useLinkProps(_objectSpread(_objectSpread({}, props), dropdownItemProps));
-  var isExternalLink = linkProps.target === "_blank";
-  // `toggle` and `disabled` is destructured here because we don't want them passed to the `a`
-  var _props$dropdownItemPr = _objectSpread(_objectSpread(_objectSpread({}, props), dropdownItemProps), linkProps),
-    toggle = _props$dropdownItemPr.toggle,
-    disabled = _props$dropdownItemPr.disabled,
-    StartIcon = _props$dropdownItemPr.startIcon,
-    className = _props$dropdownItemPr.className,
-    children = _props$dropdownItemPr.children,
-    mergedProps = _objectWithoutProperties(_props$dropdownItemPr, _excluded);
-  return /*#__PURE__*/_jsxs("a", _objectSpread(_objectSpread({
-    className: cx(stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["flex items-center"]))), className)
-  }, mergedProps), {}, {
-    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"]))),
-      size: "1em"
-    })]
-  }));
-};
-_DropdownLinkItem.defaultProps = {
-  toggle: true
-};
-
-/** @deprecated */
-export var DropdownLinkItem = _DropdownLinkItem;

package/dist/esm/Dropdown/components/DropdownRadioItem.d.ts

@@ -1,8 +0,0 @@
-import type { ReactNode, VFC } from "react";
-import type { RadioButtonProps } from "../../RadioGroup";
-import type { DropdownBaseItemProps } from "../useDropdownItemProps";
-export interface DropdownRadioItemProps extends RadioButtonProps, DropdownBaseItemProps<HTMLInputElement> {
-    children?: ReactNode;
-}
-/** @deprecated */
-export declare const DropdownRadioItem: VFC<DropdownRadioItemProps>;

package/dist/esm/Dropdown/components/DropdownRadioItem.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;
-var _excluded = ["className", "toggle", "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 { RadioButton } from "../../RadioGroup";
-import stl from "../../styles/helpers/satellitePrefixer";
-import { useDropdownItemProps } from "../useDropdownItemProps";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-/** @deprecated */
-var _DropdownRadioItem = function _DropdownRadioItem(props) {
-  var dropdownItemProps = useDropdownItemProps(props);
-  // `toggle` is destructured here because we don't want it passed to the `RadioButton`
-  var _props$dropdownItemPr = _objectSpread(_objectSpread({}, props), dropdownItemProps),
-    className = _props$dropdownItemPr.className,
-    toggle = _props$dropdownItemPr.toggle,
-    children = _props$dropdownItemPr.children,
-    radioProps = _objectWithoutProperties(_props$dropdownItemPr, _excluded);
-  return /*#__PURE__*/_jsx("label", {
-    className: className,
-    children: /*#__PURE__*/_jsxs("div", {
-      className: stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["flex-1 flex items-start py-2 overflow-hidden"]))),
-      children: [/*#__PURE__*/_jsx("span", {
-        className: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["flex-1 truncate mr-4"]))),
-        children: children
-      }), /*#__PURE__*/_jsx(RadioButton, _objectSpread({
-        className: stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["mt-2px mr-2px"])))
-      }, radioProps))]
-    })
-  });
-};
-_DropdownRadioItem.defaultProps = {
-  toggle: false
-};
-
-/** @deprecated */
-export var DropdownRadioItem = _DropdownRadioItem;

package/dist/esm/Dropdown/components/DropdownTitle.js

@@ -1,18 +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 cx from "clsx";
-import stl from "../../styles/helpers/satellitePrefixer";
-import { jsx as _jsx } from "react/jsx-runtime";
-/** @deprecated */
-export var DropdownTitle = function DropdownTitle(_ref) {
-  var className = _ref.className,
-    props = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/_jsx("h4", _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/Dropdown/components/DropdownToggleItem.d.ts

@@ -1,11 +0,0 @@
-import type { ReactNode, VFC } from "react";
-import type { IconComponentType } from "../../Icons";
-import type { ToggleProps } from "../../Toggle";
-import type { DropdownBaseItemProps } from "../useDropdownItemProps";
-export interface DropdownToggleItemProps extends ToggleProps, DropdownBaseItemProps<HTMLInputElement> {
-    /** Left aligned icon */
-    startIcon?: IconComponentType;
-    children?: ReactNode;
-}
-/** @deprecated */
-export declare const DropdownToggleItem: VFC<DropdownToggleItemProps>;

package/dist/esm/Dropdown/components/DropdownToggleItem.js

@@ -1,43 +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 = ["className", "toggle", "startIcon", "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 cx from "clsx";
-import stl from "../../styles/helpers/satellitePrefixer";
-import { Toggle } from "../../Toggle";
-import { useDropdownItemProps } from "../useDropdownItemProps";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-/** @deprecated */
-var _DropdownToggleItem = function _DropdownToggleItem(props) {
-  var dropdownItemProps = useDropdownItemProps(props);
-  // `toggle` is destructured here because we don't want it passed to the `Toggle`
-  var _props$dropdownItemPr = _objectSpread(_objectSpread({}, props), dropdownItemProps),
-    className = _props$dropdownItemPr.className,
-    toggle = _props$dropdownItemPr.toggle,
-    StartIcon = _props$dropdownItemPr.startIcon,
-    children = _props$dropdownItemPr.children,
-    toggleProps = _objectWithoutProperties(_props$dropdownItemPr, _excluded);
-  return /*#__PURE__*/_jsxs("label", {
-    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, _objectSpread({
-      className: stl(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["shrink-0"])))
-    }, toggleProps))]
-  });
-};
-_DropdownToggleItem.defaultProps = {
-  toggle: false
-};
-
-/** @deprecated */
-export var DropdownToggleItem = _DropdownToggleItem;

package/dist/esm/Dropdown/useDropdownItemProps.js

@@ -1,30 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-var _templateObject;
-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 cx from "clsx";
-import stl from "../styles/helpers/satellitePrefixer";
-import { useDropdownContext } from "./DropdownContext";
-export var useDropdownItemProps = function useDropdownItemProps(props) {
-  var _useDropdownContext = useDropdownContext(),
-    showMenu = _useDropdownContext.showMenu;
-  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" : "text-inherit hover:bg-grey-100 focus:bg-grey-100 focus:outline-none cursor-pointer"), props.className);
-  var disabledProps = props.disabled ? {
-    disabled: true,
-    "aria-disabled": true,
-    tabIndex: -1,
-    onClick: undefined
-  } : {};
-  return _objectSpread({
-    className: className,
-    onClick: function onClick(evt) {
-      if (props.onClick) {
-        props.onClick(evt);
-      }
-      if (!evt.defaultPrevented && props.toggle) {
-        showMenu(false);
-      }
-    }
-  }, disabledProps);
-};

package/dist/esm/Dropzone/Dropzone.js

@@ -1,168 +0,0 @@
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-var _excluded = ["id", "placeholder", "disabled", "multiple", "clearable", "onChange", "className", "locale", "required"];
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9;
-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 cx from "clsx";
-import { forwardRef, Fragment, useCallback, useMemo, useState } from "react";
-import { useDropzone } from "react-dropzone";
-import { IconButton } from "../Button";
-import { useField } from "../Field";
-import { CheckIcon, UploadCloudIcon, XIcon } from "../Icons";
-import { useLocale } from "../Satellite";
-import stl from "../styles/helpers/satellitePrefixer";
-import { formatHumanSize } from "../utils/formatters";
-import { uniqueId } from "../utils/uniqueId";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-import { jsx as _jsx } from "react/jsx-runtime";
-var DropzoneFileItem = function DropzoneFileItem(_ref) {
-  var file = _ref.file;
-  return /*#__PURE__*/_jsxs("span", {
-    className: stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["truncate text-grey-900"]))),
-    children: [file.name, " - ", formatHumanSize(file.size)]
-  });
-};
-var DEFAULT_DROPZONE_LOCALE = {
-  clearInput: "Clear input",
-  placeholder: function placeholder(multiple) {
-    return "Drop ".concat(multiple ? "files" : "file", " here or click to select.");
-  }
-};
-var InvalidIcon = function InvalidIcon() {
-  return /*#__PURE__*/_jsx(XIcon, {
-    className: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["mr-4 h-4 w-4 text-white bg-red-700 p-px rounded-full"])))
-  });
-};
-var ValidatedIcon = function ValidatedIcon() {
-  return /*#__PURE__*/_jsx(CheckIcon, {
-    className: stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["mr-4 h-4 w-4 text-white bg-accent-600 p-px rounded-full"])))
-  });
-};
-
-/**
- * The `Dropzone` component is used to upload files.
- *
- * See the [Dropzone documentation page](https://satellite.algolia.com/components/forms/dropzone) for more information.
- */
-export var Dropzone = /*#__PURE__*/forwardRef(function (_ref2, ref) {
-  var id = _ref2.id,
-    placeholder = _ref2.placeholder,
-    disabled = _ref2.disabled,
-    _ref2$multiple = _ref2.multiple,
-    multiple = _ref2$multiple === void 0 ? false : _ref2$multiple,
-    _ref2$clearable = _ref2.clearable,
-    clearable = _ref2$clearable === void 0 ? false : _ref2$clearable,
-    onChange = _ref2.onChange,
-    className = _ref2.className,
-    propsLocale = _ref2.locale,
-    _ref2$required = _ref2.required,
-    required = _ref2$required === void 0 ? false : _ref2$required,
-    props = _objectWithoutProperties(_ref2, _excluded);
-  var contextLocale = useLocale("dropzone");
-  var locale = _objectSpread(_objectSpread(_objectSpread({}, DEFAULT_DROPZONE_LOCALE), contextLocale), propsLocale);
-  var _useState = useState([]),
-    _useState2 = _slicedToArray(_useState, 2),
-    files = _useState2[0],
-    setFiles = _useState2[1];
-  var _useState3 = useState(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    focused = _useState4[0],
-    setFocused = _useState4[1];
-  var _useField = useField({
-      required: required
-    }),
-    status = _useField.state.status,
-    labelId = _useField.labelId,
-    descriptionId = _useField.descriptionId,
-    inputId = _useField.inputId;
-  var onDrop = useCallback(function (acceptedFiles, fileRejections) {
-    var updatedFiles = multiple ? [].concat(_toConsumableArray(files), _toConsumableArray(acceptedFiles)) : acceptedFiles;
-    setFiles(updatedFiles);
-    onChange === null || onChange === void 0 || onChange(updatedFiles, fileRejections);
-  }, [multiple, files, onChange]);
-  var handleClear = function handleClear(evt) {
-    evt.stopPropagation();
-    setFiles([]);
-    onChange === null || onChange === void 0 || onChange([], []);
-  };
-  var _useDropzone = useDropzone(_objectSpread(_objectSpread({
-      disabled: disabled,
-      multiple: multiple
-    }, props), {}, {
-      onDrop: onDrop
-    })),
-    getRootProps = _useDropzone.getRootProps,
-    getInputProps = _useDropzone.getInputProps,
-    isDragActive = _useDropzone.isDragActive,
-    isDragReject = _useDropzone.isDragReject;
-  var dropzoneId = useMemo(function () {
-    var _ref3;
-    return (_ref3 = id !== null && id !== void 0 ? id : inputId) !== null && _ref3 !== void 0 ? _ref3 : uniqueId("dropzone");
-  }, [id, inputId]);
-  var isValueEmpty = files.length === 0;
-  var isInvalid = status === "invalid";
-  var StatusIcon = isInvalid ? InvalidIcon : status === "validated" ? ValidatedIcon : Fragment;
-  return /*#__PURE__*/_jsxs("div", _objectSpread(_objectSpread({}, getRootProps({
-    ref: ref,
-    "aria-controls": dropzoneId,
-    "aria-labelledby": labelId,
-    "aria-describedby": descriptionId,
-    "aria-invalid": isInvalid,
-    className: cx(stl(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n            relative flex items-center group/dropzone\n            border rounded\n            overflow-hidden transition-all ease-in-out delay-100\n            focus-within:shadow-field-focused\n            min-h-16\n            ", "\n            ", "\n            ", "\n            ", ""])), focused && "border-accent-600 shadow-field-focused", disabled ? "cursor-not-allowed border-grey-200/30 shadow-none bg-gradient-to-b from-white to-grey-100" : "shadow-field cursor-pointer", isDragReject && !disabled ? "border-red-200 cursor-not-allowed" : isDragActive ? "border-accent-500 cursor-pointer" : null, isInvalid ? "bg-red-100 border-red-700 hover:bg-red-50 focus-within:outline focus-within:outline-red-700 focus-within:outline-1" : "border-grey-500 bg-white focus-within:border-accent-600 hover:bg-grey-50"), className),
-    onClick: function onClick(evt) {
-      // Helps with https://github.com/react-dropzone/react-dropzone/issues/182
-      if (evt.target.closest("label")) {
-        evt.stopPropagation();
-      }
-    }
-  })), {}, {
-    children: [/*#__PURE__*/_jsx("input", _objectSpread({}, getInputProps({
-      id: dropzoneId,
-      required: required,
-      onFocus: function onFocus() {
-        return setFocused(true);
-      },
-      onBlur: function onBlur() {
-        return setFocused(false);
-      }
-    }))), /*#__PURE__*/_jsx("div", {
-      className: stl(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["flex-1 flex items-center justify-center space-x-2 display-body"]))),
-      children: files.length > 0 ? files.length > 1 ? /*#__PURE__*/_jsx("ul", {
-        children: files.map(function (file) {
-          return /*#__PURE__*/_jsx("li", {
-            children: /*#__PURE__*/_jsx(DropzoneFileItem, {
-              file: file
-            })
-          }, file.name);
-        })
-      }) : /*#__PURE__*/_jsx(DropzoneFileItem, {
-        file: files[0]
-      }) : /*#__PURE__*/_jsxs("div", {
-        className: stl(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["flex items-center justify-center space-x-2 display-body"]))),
-        children: [/*#__PURE__*/_jsx(UploadCloudIcon, {
-          size: "1rem",
-          className: stl(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["", ""])), disabled ? "text-grey-200" : "text-grey-500")
-        }), /*#__PURE__*/_jsx("p", {
-          className: stl(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["", ""])), disabled ? "text-grey-300" : "typo-subdued"),
-          children: placeholder || locale.placeholder(multiple)
-        })]
-      })
-    }), clearable && !disabled && !isValueEmpty && /*#__PURE__*/_jsx("span", {
-      children: /*#__PURE__*/_jsx(IconButton, {
-        className: stl(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["mr-2 ", ""])), focused ? "visible" : "invisible group-hover/dropzone:visible"),
-        title: locale.clearInput,
-        icon: XIcon,
-        variant: "subtle",
-        size: "small",
-        tabIndex: -1,
-        "aria-hidden": true,
-        onClick: handleClear
-      })
-    }), /*#__PURE__*/_jsx(StatusIcon, {})]
-  }));
-});
-Dropzone.displayName = "Dropzone";

package/dist/esm/EmptyState/EmptyState.js

@@ -1,92 +0,0 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29, _templateObject30;
-import cx from "clsx";
-import stl from "../styles/helpers/satellitePrefixer";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-var CONTAINER_CONTEXT_CLASSNAMES = {
-  result: {
-    medium: stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["max-w-xs"]))),
-    large: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["max-w-md"]))),
-    xlarge: stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["max-w-xl"])))
-  },
-  feature: {
-    medium: stl(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["max-w-sm"]))),
-    large: stl(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["max-w-lg"]))),
-    xlarge: stl(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["max-w-2xl"])))
-  },
-  page: {
-    medium: "",
-    large: "",
-    xlarge: ""
-  }
-};
-var LEAD_ILLUS_CONTEXT_CLASSNAMES = {
-  result: stl(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["mb-4"]))),
-  feature: stl(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["mb-6"]))),
-  page: stl(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["mb-6"])))
-};
-var TITLE_CONTEXT_CLASSNAMES = {
-  result: stl(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["display-body"]))),
-  feature: stl(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["display-medium"]))),
-  page: stl(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["display-xlarge"])))
-};
-var DESCRIPTION_CONTEXT_CLASSNAMES = {
-  result: stl(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["display-caption mt-2"]))),
-  feature: stl(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["display-body mt-2"]))),
-  page: stl(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["display-small mt-6"])))
-};
-var ACTIONS_CONTEXT_CLASSNAMES = {
-  result: stl(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["mt-1"]))),
-  feature: stl(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["mt-3"]))),
-  page: stl(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["mt-6 md:flex-row"])))
-};
-var renderEmptyState = function renderEmptyState(_ref) {
-  var title = _ref.title,
-    description = _ref.description,
-    actions = _ref.actions,
-    actionsDirection = _ref.actionsDirection,
-    leadIllustration = _ref.leadIllustration,
-    pageIllustration = _ref.pageIllustration,
-    _ref$usageContext = _ref.usageContext,
-    usageContext = _ref$usageContext === void 0 ? "feature" : _ref$usageContext,
-    _ref$width = _ref.width,
-    width = _ref$width === void 0 ? "medium" : _ref$width,
-    _ref$centered = _ref.centered,
-    centered = _ref$centered === void 0 ? false : _ref$centered;
-  var containerClassNames = cx(stl(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["flex items-center"]))), CONTAINER_CONTEXT_CLASSNAMES[usageContext][width], centered ? stl(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["justify-center text-center lg:flex-col"]))) : stl(_templateObject21 || (_templateObject21 = _taggedTemplateLiteral(["justify-between flex-col lg:flex-row"]))));
-  var titleClassNames = cx(stl(_templateObject22 || (_templateObject22 = _taggedTemplateLiteral(["text-grey-900"]))), TITLE_CONTEXT_CLASSNAMES[usageContext]);
-  var descriptionClassNames = cx(stl(_templateObject23 || (_templateObject23 = _taggedTemplateLiteral(["text-grey-600"]))), DESCRIPTION_CONTEXT_CLASSNAMES[usageContext]);
-  var actionsClassNames = cx(ACTIONS_CONTEXT_CLASSNAMES[usageContext]);
-  return /*#__PURE__*/_jsxs("div", {
-    className: containerClassNames,
-    children: [/*#__PURE__*/_jsxs("div", {
-      className: stl(_templateObject24 || (_templateObject24 = _taggedTemplateLiteral(["min-w-2/5"]))),
-      children: [centered && !!leadIllustration && /*#__PURE__*/_jsx("div", {
-        className: LEAD_ILLUS_CONTEXT_CLASSNAMES[usageContext],
-        children: leadIllustration
-      }), /*#__PURE__*/_jsx("h2", {
-        className: titleClassNames,
-        children: title
-      }), !!description && /*#__PURE__*/_jsx("div", {
-        className: descriptionClassNames,
-        children: description
-      }), !!actions && /*#__PURE__*/_jsx("div", {
-        className: cx(stl(_templateObject25 || (_templateObject25 = _taggedTemplateLiteral(["flex gap-2"]))), centered ? stl(_templateObject26 || (_templateObject26 = _taggedTemplateLiteral(["items-center justify-center"]))) : stl(_templateObject27 || (_templateObject27 = _taggedTemplateLiteral(["items-start justify-start"]))), actionsDirection === "column" || centered ? stl(_templateObject28 || (_templateObject28 = _taggedTemplateLiteral(["flex-col"]))) : stl(_templateObject29 || (_templateObject29 = _taggedTemplateLiteral(["flex-row"]))), actionsClassNames),
-        children: actions
-      })]
-    }), !centered && usageContext === "page" && /*#__PURE__*/_jsx("div", {
-      className: stl(_templateObject30 || (_templateObject30 = _taggedTemplateLiteral(["empty-state-illustration ml-16 hidden lg:flex items-center justify-center"]))),
-      children: pageIllustration
-    })]
-  });
-};
-
-/**
- * The `EmptyState` component informs users when there's no content or data, providing clear actions and guidance to help them proceed or populate the area.
- *
- * See the [Empty State documentation page](https://satellite.algolia.com/layouts/empty-state) for more information.
- */
-export var EmptyState = function EmptyState(props) {
-  return renderEmptyState(props);
-};

package/dist/esm/EmptyState/types.d.ts

@@ -1,50 +0,0 @@
-import type { ReactNode } from "react";
-import type { FlexGridDirection } from "../FlexGrid";
-export declare type EmptyStateUsageContexts = "result" | "feature" | "page";
-export declare type EmptyStateWidths = "medium" | "large" | "xlarge";
-export interface EmptyStatePropsAll {
-    /** Descriptive title for the state */
-    title: ReactNode;
-    /** Optional description to explain why the screen is empty or define next steps */
-    description?: ReactNode;
-    /** Buttons */
-    actions?: ReactNode;
-    /** Direction overwrite for the buttons */
-    actionsDirection?: FlexGridDirection;
-    /** Add a `<Medallion />`, an `img` element or `svg` in there */
-    leadIllustration?: ReactNode;
-    /** Plop in an `img` element or `svg` here */
-    pageIllustration?: ReactNode;
-    /**
-     * UsageContext of the component
-     * @default feature
-     */
-    usageContext?: EmptyStateUsageContexts;
-    /**
-     * Define whether or not content should be centered
-     * @default false
-     */
-    centered?: boolean;
-    /**
-     * Defines how wide the EmptyState can expand
-     * @default medium
-     */
-    width?: EmptyStateWidths;
-}
-interface EmptyStatePropsUsageContextResult extends Omit<EmptyStatePropsAll, "usageContext" | "illustration"> {
-    usageContext: "result";
-    pageIllustration?: never;
-}
-interface EmptyStatePropsUsageContextFeature extends Omit<EmptyStatePropsAll, "usageContext" | "illustration"> {
-    usageContext: "feature";
-    illustration?: never;
-}
-interface EmptyStatePropsUsageContextPage extends Omit<EmptyStatePropsAll, "usageContext" | "centered"> {
-    usageContext: "page";
-    centered?: boolean;
-}
-interface EmptyStatePropsUsageContextDefault extends Omit<EmptyStatePropsUsageContextFeature, "usageContext"> {
-    usageContext?: undefined;
-}
-export declare type EmptyStateProps = EmptyStatePropsUsageContextDefault | EmptyStatePropsUsageContextResult | EmptyStatePropsUsageContextFeature | EmptyStatePropsUsageContextPage;
-export {};