@algolia/satellite 1.0.0 → 1.1.1

package/dist/cjs/Dropdown/useDropdownItemProps.js

@@ -1,37 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useDropdownItemProps = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _clsx = _interopRequireDefault(require("clsx"));
-var _satellitePrefixer = _interopRequireDefault(require("../styles/helpers/satellitePrefixer"));
-var _DropdownContext = require("./DropdownContext");
-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) { (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 useDropdownItemProps = exports.useDropdownItemProps = function useDropdownItemProps(props) {
-  var _useDropdownContext = (0, _DropdownContext.useDropdownContext)(),
-    showMenu = _useDropdownContext.showMenu;
-  var className = (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\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/cjs/Dropzone/Dropzone.d.ts

@@ -1,25 +0,0 @@
-import type { VFC } from "react";
-import type { FileRejection, DropzoneProps as ReactDropZoneProps } from "react-dropzone";
-export declare type DropzoneLocale = {
-    clearInput?: string;
-    placeholder?: (multiple: boolean) => string;
-};
-export interface DropzoneBaseProps {
-    id?: string;
-    onChange?(acceptedFiles: File[], fileRejections: FileRejection[]): void;
-    placeholder?: string;
-    /** @default false */
-    clearable?: boolean;
-    /** @ignore */
-    className?: string;
-    /** @default false */
-    multiple?: boolean;
-    locale?: DropzoneLocale;
-}
-export declare type DropzoneProps = DropzoneBaseProps & Omit<ReactDropZoneProps, "onDrop" | "onDropAccepted" | "onDropRejected" | "multiple">;
-/**
- * The `Dropzone` component is used to upload files.
- *
- * See the [Dropzone documentation page](https://satellite.algolia.com/components/forms/dropzone) for more information.
- */
-export declare const Dropzone: VFC<DropzoneProps>;

package/dist/cjs/Dropzone/Dropzone.js

@@ -1,163 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Dropzone = void 0;
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _clsx = _interopRequireDefault(require("clsx"));
-var _react = require("react");
-var _reactDropzone = require("react-dropzone");
-var _Button = require("../Button");
-var _Field = require("../Field");
-var _Icons = require("../Icons");
-var _Satellite = require("../Satellite");
-var _satellitePrefixer = _interopRequireDefault(require("../styles/helpers/satellitePrefixer"));
-var _formatters = require("../utils/formatters");
-var _uniqueId = require("../utils/uniqueId");
-var _jsxRuntime = require("react/jsx-runtime");
-var _excluded = ["id", "placeholder", "disabled", "multiple", "clearable", "onChange", "className", "locale"];
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10;
-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 DropzoneFileItem = function DropzoneFileItem(_ref) {
-  var file = _ref.file;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
-    className: (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["truncate text-grey-900"]))),
-    children: [file.name, " - ", (0, _formatters.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__*/(0, _jsxRuntime.jsx)(_Icons.XIcon, {
-    className: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["mr-4 h-4 w-4 text-white bg-red-700 p-px rounded-full"])))
-  });
-};
-var ValidatedIcon = function ValidatedIcon() {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icons.CheckIcon, {
-    className: (0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["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.
- */
-var Dropzone = exports.Dropzone = function Dropzone(_ref2) {
-  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,
-    props = (0, _objectWithoutProperties2["default"])(_ref2, _excluded);
-  var contextLocale = (0, _Satellite.useLocale)("dropzone");
-  var locale = _objectSpread(_objectSpread(_objectSpread({}, DEFAULT_DROPZONE_LOCALE), contextLocale), propsLocale);
-  var _useState = (0, _react.useState)([]),
-    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-    files = _useState2[0],
-    setFiles = _useState2[1];
-  var _useState3 = (0, _react.useState)(false),
-    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
-    focused = _useState4[0],
-    setFocused = _useState4[1];
-  var _useField = (0, _Field.useField)(),
-    status = _useField.state.status,
-    labelId = _useField.labelId;
-  var onDrop = (0, _react.useCallback)(function (acceptedFiles, fileRejections) {
-    var updatedFiles = multiple ? [].concat((0, _toConsumableArray2["default"])(files), (0, _toConsumableArray2["default"])(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 = (0, _reactDropzone.useDropzone)(_objectSpread(_objectSpread({
-      disabled: disabled,
-      multiple: multiple
-    }, props), {}, {
-      onDrop: onDrop
-    })),
-    getRootProps = _useDropzone.getRootProps,
-    getInputProps = _useDropzone.getInputProps,
-    isDragActive = _useDropzone.isDragActive,
-    isDragReject = _useDropzone.isDragReject;
-  var dropzoneId = (0, _react.useMemo)(function () {
-    return id !== null && id !== void 0 ? id : (0, _uniqueId.uniqueId)("dropzone");
-  }, [id]);
-  var isValueEmpty = files.length === 0;
-  var isInvalid = status === "invalid";
-  var StatusIcon = isInvalid ? InvalidIcon : status === "validated" ? ValidatedIcon : _react.Fragment;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", _objectSpread(_objectSpread({}, getRootProps({
-    "aria-controls": dropzoneId,
-    className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["\n            relative flex items-center group/dropzone\n            border border-grey-500 rounded\n            shadow-field\n            overflow-hidden transition-all ease-in-out delay-100\n            focus-within:border-accent-600 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" : "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" : "bg-white 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__*/(0, _jsxRuntime.jsx)("input", _objectSpread({}, getInputProps({
-      id: dropzoneId,
-      "aria-labelledby": labelId,
-      onFocus: function onFocus() {
-        return setFocused(true);
-      },
-      onBlur: function onBlur() {
-        return setFocused(false);
-      }
-    }))), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: (0, _satellitePrefixer["default"])(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2["default"])(["flex-1 flex items-center justify-center space-x-2 display-body"]))),
-      children: files.length > 0 ? files.length > 1 ? /*#__PURE__*/(0, _jsxRuntime.jsx)("ul", {
-        children: files.map(function (file) {
-          return /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(DropzoneFileItem, {
-              file: file
-            })
-          }, file.name);
-        })
-      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(DropzoneFileItem, {
-        file: files[0]
-      }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-        className: (0, _satellitePrefixer["default"])(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2["default"])(["flex items-center justify-center space-x-2 display-body"]))),
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Icons.UploadCloudIcon, {
-          size: "1rem",
-          className: (0, _satellitePrefixer["default"])(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2["default"])(["", ""])), disabled ? "text-grey-200" : "text-grey-500")
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
-          className: (0, _satellitePrefixer["default"])(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2["default"])(["", ""])), disabled ? "text-grey-300" : "typo-subdued"),
-          children: placeholder || locale.placeholder(multiple)
-        })]
-      })
-    }), clearable && !disabled && !isValueEmpty && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-      className: (0, _satellitePrefixer["default"])(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2["default"])([""]))),
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.IconButton, {
-        className: (0, _satellitePrefixer["default"])(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2["default"])(["mr-2 ", ""])), focused ? "visible" : "invisible group-hover/dropzone:visible"),
-        title: locale.clearInput,
-        icon: _Icons.XIcon,
-        variant: "subtle",
-        size: "small",
-        tabIndex: -1,
-        "aria-hidden": true,
-        onClick: handleClear
-      })
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(StatusIcon, {})]
-  }));
-};

package/dist/cjs/EmptyState/EmptyState.js

@@ -1,98 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.EmptyState = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _clsx = _interopRequireDefault(require("clsx"));
-var _satellitePrefixer = _interopRequireDefault(require("../styles/helpers/satellitePrefixer"));
-var _jsxRuntime = require("react/jsx-runtime");
-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;
-var CONTAINER_CONTEXT_CLASSNAMES = {
-  result: {
-    medium: (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["max-w-xs"]))),
-    large: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["max-w-md"]))),
-    xlarge: (0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["max-w-xl"])))
-  },
-  feature: {
-    medium: (0, _satellitePrefixer["default"])(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["max-w-sm"]))),
-    large: (0, _satellitePrefixer["default"])(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2["default"])(["max-w-lg"]))),
-    xlarge: (0, _satellitePrefixer["default"])(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2["default"])(["max-w-2xl"])))
-  },
-  page: {
-    medium: "",
-    large: "",
-    xlarge: ""
-  }
-};
-var LEAD_ILLUS_CONTEXT_CLASSNAMES = {
-  result: (0, _satellitePrefixer["default"])(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2["default"])(["mb-4"]))),
-  feature: (0, _satellitePrefixer["default"])(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2["default"])(["mb-6"]))),
-  page: (0, _satellitePrefixer["default"])(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2["default"])(["mb-6"])))
-};
-var TITLE_CONTEXT_CLASSNAMES = {
-  result: (0, _satellitePrefixer["default"])(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2["default"])(["display-body"]))),
-  feature: (0, _satellitePrefixer["default"])(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2["default"])(["display-medium"]))),
-  page: (0, _satellitePrefixer["default"])(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteral2["default"])(["display-xlarge"])))
-};
-var DESCRIPTION_CONTEXT_CLASSNAMES = {
-  result: (0, _satellitePrefixer["default"])(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteral2["default"])(["display-caption mt-2"]))),
-  feature: (0, _satellitePrefixer["default"])(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteral2["default"])(["display-body mt-2"]))),
-  page: (0, _satellitePrefixer["default"])(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteral2["default"])(["display-small mt-6"])))
-};
-var ACTIONS_CONTEXT_CLASSNAMES = {
-  result: (0, _satellitePrefixer["default"])(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteral2["default"])(["mt-1"]))),
-  feature: (0, _satellitePrefixer["default"])(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteral2["default"])(["mt-3"]))),
-  page: (0, _satellitePrefixer["default"])(_templateObject18 || (_templateObject18 = (0, _taggedTemplateLiteral2["default"])(["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 = (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject19 || (_templateObject19 = (0, _taggedTemplateLiteral2["default"])(["flex items-center"]))), CONTAINER_CONTEXT_CLASSNAMES[usageContext][width], centered ? (0, _satellitePrefixer["default"])(_templateObject20 || (_templateObject20 = (0, _taggedTemplateLiteral2["default"])(["justify-center text-center lg:flex-col"]))) : (0, _satellitePrefixer["default"])(_templateObject21 || (_templateObject21 = (0, _taggedTemplateLiteral2["default"])(["justify-between flex-col lg:flex-row"]))));
-  var titleClassNames = (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject22 || (_templateObject22 = (0, _taggedTemplateLiteral2["default"])(["text-grey-900"]))), TITLE_CONTEXT_CLASSNAMES[usageContext]);
-  var descriptionClassNames = (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject23 || (_templateObject23 = (0, _taggedTemplateLiteral2["default"])(["text-grey-600"]))), DESCRIPTION_CONTEXT_CLASSNAMES[usageContext]);
-  var actionsClassNames = (0, _clsx["default"])(ACTIONS_CONTEXT_CLASSNAMES[usageContext]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-    className: containerClassNames,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      className: (0, _satellitePrefixer["default"])(_templateObject24 || (_templateObject24 = (0, _taggedTemplateLiteral2["default"])(["min-w-2/5"]))),
-      children: [centered && !!leadIllustration && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: LEAD_ILLUS_CONTEXT_CLASSNAMES[usageContext],
-        children: leadIllustration
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("h2", {
-        className: titleClassNames,
-        children: title
-      }), !!description && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: descriptionClassNames,
-        children: description
-      }), !!actions && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject25 || (_templateObject25 = (0, _taggedTemplateLiteral2["default"])(["flex gap-2"]))), centered ? (0, _satellitePrefixer["default"])(_templateObject26 || (_templateObject26 = (0, _taggedTemplateLiteral2["default"])(["items-center justify-center"]))) : (0, _satellitePrefixer["default"])(_templateObject27 || (_templateObject27 = (0, _taggedTemplateLiteral2["default"])(["items-start justify-start"]))), actionsDirection === "column" || centered ? (0, _satellitePrefixer["default"])(_templateObject28 || (_templateObject28 = (0, _taggedTemplateLiteral2["default"])(["flex-col"]))) : (0, _satellitePrefixer["default"])(_templateObject29 || (_templateObject29 = (0, _taggedTemplateLiteral2["default"])(["flex-row"]))), actionsClassNames),
-        children: actions
-      })]
-    }), !centered && usageContext === "page" && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: (0, _satellitePrefixer["default"])(_templateObject30 || (_templateObject30 = (0, _taggedTemplateLiteral2["default"])(["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.
- */
-var EmptyState = exports.EmptyState = function EmptyState(props) {
-  return renderEmptyState(props);
-};

package/dist/cjs/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 {};

package/dist/cjs/Field/Field.d.ts

@@ -1,24 +0,0 @@
-import { type ReactChild, type ReactNode, type VFC } from "react";
-import type { FieldState } from "./FieldContext";
-export interface FieldProps {
-    /** @ignore */
-    className?: string;
-    /** Label to display above the nested input */
-    label?: ReactChild;
-    labelId?: string;
-    labelFor?: string;
-    /** Helpful description to show below the `Field` */
-    description?: ReactNode;
-    /**
-     * An object to handle state
-     */
-    state?: FieldState;
-    inline?: boolean;
-    children: ReactNode;
-}
-/**
- * The `Field` component is a helper that wraps inputs to streamline labeling, validation, integration into a form.
- *
- * See the [Field documentation page](https://satellite.algolia.com/components/forms/field) for more information.
- */
-export declare const Field: VFC<FieldProps>;

package/dist/cjs/Field/Field.js

@@ -1,74 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Field = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _clsx = _interopRequireDefault(require("clsx"));
-var _react = require("react");
-var _Icons = require("../Icons");
-var _satellitePrefixer = _interopRequireDefault(require("../styles/helpers/satellitePrefixer"));
-var _utils = require("../utils");
-var _FieldContext = require("./FieldContext");
-var _jsxRuntime = require("react/jsx-runtime");
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9;
-/**
- * The `Field` component is a helper that wraps inputs to streamline labeling, validation, integration into a form.
- *
- * See the [Field documentation page](https://satellite.algolia.com/components/forms/field) for more information.
- */
-var Field = exports.Field = function Field(_ref) {
-  var className = _ref.className,
-    label = _ref.label,
-    labelFor = _ref.labelFor,
-    labelIdProp = _ref.labelId,
-    description = _ref.description,
-    _ref$state = _ref.state,
-    state = _ref$state === void 0 ? _FieldContext.DEFAULT_FIELD_STATE : _ref$state,
-    _ref$inline = _ref.inline,
-    inline = _ref$inline === void 0 ? false : _ref$inline,
-    children = _ref.children;
-  var hasLabel = !!label;
-  var labelId = (0, _react.useMemo)(
-  // eslint-disable-next-line @algolia/stl/prefer-stl-helper
-  function () {
-    return hasLabel ? labelIdProp !== null && labelIdProp !== void 0 ? labelIdProp : (0, _utils.uniqueId)("stl-field-label-") : undefined;
-  }, [labelIdProp, hasLabel]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_FieldContext.FieldContext.Provider, {
-    value: {
-      state: state,
-      labelId: labelId
-    },
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      className: className,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("label", {
-        className: (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["cursor-pointer flex ", ""])), inline ? "items-center" : "flex-col"),
-        htmlFor: labelFor,
-        children: [hasLabel && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          id: labelId,
-          className: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["truncate ", ""])), inline ? "mr-2" : "mb-1"),
-          children: label
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          className: (0, _clsx["default"])(inline && (0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["ml-auto mt-1"])))),
-          children: children
-        })]
-      }), state.status === "invalid" && state.errors.length > 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)("ul", {
-        className: (0, _satellitePrefixer["default"])(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["mb-1 mt-2 display-caption"]))),
-        children: state.errors.map(function (error) {
-          return /*#__PURE__*/(0, _jsxRuntime.jsxs)("li", {
-            className: (0, _satellitePrefixer["default"])(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2["default"])(["flex items-center"]))),
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Icons.AlertCircleIcon, {
-              className: (0, _satellitePrefixer["default"])(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2["default"])(["text-red-700 mr-1"]))),
-              size: "1rem"
-            }), error]
-          }, error);
-        })
-      }) : description ? /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
-        className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2["default"])(["display-caption text-grey-600"]))), inline ? (0, _satellitePrefixer["default"])(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2["default"])(["mt-1"]))) : (0, _satellitePrefixer["default"])(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2["default"])(["mt-2"])))),
-        children: description
-      }) : null]
-    })
-  });
-};

package/dist/cjs/Field/FieldContext.d.ts

@@ -1,16 +0,0 @@
-/// <reference types="react" />
-export declare type FieldState = {
-    status: "default";
-} | {
-    status: "validated";
-} | {
-    status: "invalid";
-    errors: string[];
-};
-export declare type FieldContextValue = {
-    state: FieldState;
-    labelId?: string;
-};
-export declare const DEFAULT_FIELD_STATE: FieldState;
-export declare const DEFAULT_CONTEXT_VALUE: FieldContextValue;
-export declare const FieldContext: import("react").Context<FieldContextValue>;

package/dist/cjs/Field/useField.d.ts

@@ -1,2 +0,0 @@
-import type { FieldContextValue } from "./FieldContext";
-export declare const useField: () => FieldContextValue;

package/dist/cjs/Field/useField.js

@@ -1,11 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useField = void 0;
-var _react = require("react");
-var _FieldContext = require("./FieldContext");
-var useField = exports.useField = function useField() {
-  return (0, _react.useContext)(_FieldContext.FieldContext);
-};

package/dist/cjs/FlexGrid/FlexGrid.js

@@ -1,73 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.FlexGrid = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _clsx = _interopRequireDefault(require("clsx"));
-var _react = require("react");
-var _satellitePrefixer = _interopRequireDefault(require("../styles/helpers/satellitePrefixer"));
-var _isRenderedChild = require("../utils/isRenderedChild");
-var _jsxRuntime = require("react/jsx-runtime");
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22; // Heavily inspired by https://github.com/Shopify/polaris-react/blob/2b34f8609e9f08c1a767abea0a235bcc17706b63/src/components/Stack/Stack.tsx#L1
-var SPACING_CLASSNAMES = {
-  none: "",
-  sm: (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["flex-grid-sm"]))),
-  md: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["flex-grid-md"]))),
-  lg: (0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["flex-grid-lg"]))),
-  xl: (0, _satellitePrefixer["default"])(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["flex-grid-xl"])))
-};
-var DIRECTION_CLASSNAMES = {
-  row: (0, _satellitePrefixer["default"])(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2["default"])(["flex-row"]))),
-  column: (0, _satellitePrefixer["default"])(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2["default"])(["flex-col"])))
-};
-var ALIGNMENT_CLASSNAMES = {
-  leading: (0, _satellitePrefixer["default"])(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2["default"])(["items-start"]))),
-  center: (0, _satellitePrefixer["default"])(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2["default"])(["items-center"]))),
-  trailing: (0, _satellitePrefixer["default"])(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2["default"])(["items-end"]))),
-  fill: (0, _satellitePrefixer["default"])(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2["default"])(["items-stretch"]))),
-  baseline: (0, _satellitePrefixer["default"])(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2["default"])(["items-baseline"])))
-};
-var DISTRIBUTION_CLASSNAMES = {
-  leading: (0, _satellitePrefixer["default"])(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteral2["default"])(["justify-start"]))),
-  trailing: (0, _satellitePrefixer["default"])(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteral2["default"])(["justify-end"]))),
-  center: (0, _satellitePrefixer["default"])(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteral2["default"])(["justify-center"]))),
-  equalSpacing: (0, _satellitePrefixer["default"])(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteral2["default"])(["justify-between"]))),
-  fill: (0, _satellitePrefixer["default"])(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteral2["default"])(["flex-grid-d-fill"]))),
-  fillEvenly: (0, _satellitePrefixer["default"])(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteral2["default"])(["flex-grid-d-fill-even"])))
-};
-
-/**
- * The `FlexGrid` component is a wrapper component that allows you to easily create a flexbox layout.
- *
- * See the [Flex Grid documentation page](https://satellite.algolia.com/layouts/flex-grid) for more information.
- */
-var FlexGrid = exports.FlexGrid = function FlexGrid(_ref) {
-  var className = _ref.className,
-    _ref$direction = _ref.direction,
-    direction = _ref$direction === void 0 ? "row" : _ref$direction,
-    _ref$alignment = _ref.alignment,
-    alignment = _ref$alignment === void 0 ? "leading" : _ref$alignment,
-    _ref$distribution = _ref.distribution,
-    distribution = _ref$distribution === void 0 ? "leading" : _ref$distribution,
-    _ref$spacing = _ref.spacing,
-    spacing = _ref$spacing === void 0 ? "none" : _ref$spacing,
-    _ref$inline = _ref.inline,
-    inline = _ref$inline === void 0 ? false : _ref$inline,
-    _ref$wrap = _ref.wrap,
-    wrap = _ref$wrap === void 0 ? false : _ref$wrap,
-    children = _ref.children;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    className: (0, _clsx["default"])(inline && (0, _satellitePrefixer["default"])(_templateObject18 || (_templateObject18 = (0, _taggedTemplateLiteral2["default"])(["flex-grid-inline"]))), className),
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject19 || (_templateObject19 = (0, _taggedTemplateLiteral2["default"])(["flex-grid-inner"]))), inline ? (0, _satellitePrefixer["default"])(_templateObject20 || (_templateObject20 = (0, _taggedTemplateLiteral2["default"])(["inline-flex"]))) : (0, _satellitePrefixer["default"])(_templateObject21 || (_templateObject21 = (0, _taggedTemplateLiteral2["default"])(["flex"]))), wrap && (0, _satellitePrefixer["default"])(_templateObject22 || (_templateObject22 = (0, _taggedTemplateLiteral2["default"])(["flex-wrap"]))), SPACING_CLASSNAMES[spacing], DIRECTION_CLASSNAMES[direction], ALIGNMENT_CLASSNAMES[alignment], DISTRIBUTION_CLASSNAMES[distribution]),
-      children: _react.Children.map(children, function (child) {
-        return /*#__PURE__*/(0, _react.isValidElement)(child) ? child : (0, _isRenderedChild.isRenderedChild)(child) ? /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-          children: child
-        }) : child;
-      })
-    })
-  });
-};

package/dist/cjs/HelpUnderline/HelpUnderline.d.ts

@@ -1,15 +0,0 @@
-import type { VFC } from "react";
-import type { TooltipWrapperProps } from "../Tooltip";
-import type { TooltipWrapperBaseProps } from "../Tooltip/types";
-export declare type HelpUnderlineProps = {
-    /** @ignore */
-    className?: string;
-    tooltipContent: TooltipWrapperProps["content"];
-    children: string;
-} & Omit<TooltipWrapperBaseProps, "children">;
-/**
- * The `HelpUnderline` component is used to display a help underline with a tooltip.
- *
- * See the [Help Underline documentation page](https://satellite.algolia.com/components/misc/help-underline) for more information.
- */
-export declare const HelpUnderline: VFC<HelpUnderlineProps>;