@algolia/satellite 1.0.0-v3.99 → 1.0.0

package/Dropdown/components/DropdownButtonItem.js

@@ -1,70 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.DropdownButtonItem = void 0;
-
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _satellitePrefixer = _interopRequireDefault(require("../../styles/helpers/satellitePrefixer"));
-
-var _useDropdownItemProps = _interopRequireDefault(require("../useDropdownItemProps"));
-
-function _templateObject2() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["w-full truncate ", ""]);
-
-  _templateObject2 = function _templateObject2() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["mr-2 ", ""]);
-
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-var DropdownButtonItem = function DropdownButtonItem(props) {
-  var dropdownItemProps = (0, _useDropdownItemProps["default"])(props);
-
-  var _props$dropdownItemPr = _objectSpread({}, props, {}, dropdownItemProps),
-      children = _props$dropdownItemPr.children,
-      variant = _props$dropdownItemPr.variant,
-      toggle = _props$dropdownItemPr.toggle,
-      StartIcon = _props$dropdownItemPr.startIcon,
-      mergedProps = (0, _objectWithoutProperties2["default"])(_props$dropdownItemPr, ["children", "variant", "toggle", "startIcon"]);
-
-  var destructiveTextClassName = !props.disabled && variant === "destructive" && "text-red-700";
-  return _react["default"].createElement("button", mergedProps, StartIcon && _react["default"].createElement(StartIcon, {
-    className: (0, _satellitePrefixer["default"])(_templateObject(), destructiveTextClassName),
-    size: ".75rem"
-  }), _react["default"].createElement("span", {
-    className: (0, _satellitePrefixer["default"])(_templateObject2(), destructiveTextClassName)
-  }, children));
-};
-
-exports.DropdownButtonItem = DropdownButtonItem;
-DropdownButtonItem.defaultProps = {
-  toggle: true
-};
-var _default = DropdownButtonItem;
-exports["default"] = _default;

package/Dropdown/components/DropdownDivider.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-export declare const DropdownDivider: () => JSX.Element;
-export default DropdownDivider;

package/Dropdown/components/DropdownDivider.js

@@ -1,34 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.DropdownDivider = void 0;
-
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _satellitePrefixer = _interopRequireDefault(require("../../styles/helpers/satellitePrefixer"));
-
-function _templateObject() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["border-b border-grey-100"]);
-
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
-
-var DropdownDivider = function DropdownDivider() {
-  return _react["default"].createElement("div", {
-    className: (0, _satellitePrefixer["default"])(_templateObject())
-  });
-};
-
-exports.DropdownDivider = DropdownDivider;
-var _default = DropdownDivider;
-exports["default"] = _default;

package/Dropdown/components/DropdownLinkItem.d.ts

@@ -1,10 +0,0 @@
-/// <reference types="react" />
-import { DropdownBaseItemProps } from "../useDropdownItemProps";
-export declare type DropdownLinkItemProps = DropdownBaseItemProps & JSX.IntrinsicElements["a"];
-export declare const DropdownLinkItem: {
-    (props: DropdownLinkItemProps): JSX.Element;
-    defaultProps: {
-        toggle: boolean;
-    };
-};
-export default DropdownLinkItem;

package/Dropdown/components/DropdownLinkItem.js

@@ -1,41 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.DropdownLinkItem = void 0;
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _useLinkProps = _interopRequireDefault(require("../../utils/useLinkProps"));
-
-var _useDropdownItemProps = _interopRequireDefault(require("../useDropdownItemProps"));
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-var DropdownLinkItem = function DropdownLinkItem(props) {
-  var dropdownItemProps = (0, _useDropdownItemProps["default"])(props);
-  var linkProps = (0, _useLinkProps["default"])(props);
-
-  var _props$linkProps$drop = _objectSpread({}, props, {}, linkProps, {}, dropdownItemProps),
-      toggle = _props$linkProps$drop.toggle,
-      disabled = _props$linkProps$drop.disabled,
-      mergedProps = (0, _objectWithoutProperties2["default"])(_props$linkProps$drop, ["toggle", "disabled"]);
-
-  return _react["default"].createElement("a", mergedProps);
-};
-
-exports.DropdownLinkItem = DropdownLinkItem;
-DropdownLinkItem.defaultProps = {
-  toggle: true
-};
-var _default = DropdownLinkItem;
-exports["default"] = _default;

package/Dropdown/components/DropdownTitle.d.ts

@@ -1,4 +0,0 @@
-import { FunctionComponent } from "react";
-export declare type DropdownTitleProps = JSX.IntrinsicElements["h4"];
-export declare const DropdownTitle: FunctionComponent<DropdownTitleProps>;
-export default DropdownTitle;

package/Dropdown/components/DropdownTitle.js

@@ -1,42 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.DropdownTitle = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _satellitePrefixer = _interopRequireDefault(require("../../styles/helpers/satellitePrefixer"));
-
-function _templateObject() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["flex items-center h-10 px-4           \n          border-grey-100 border-b border-t first:border-t-0\n          display-subheading"]);
-
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
-
-var DropdownTitle = function DropdownTitle(_ref) {
-  var className = _ref.className,
-      props = (0, _objectWithoutProperties2["default"])(_ref, ["className"]);
-  return _react["default"].createElement("h4", (0, _extends2["default"])({}, props, {
-    className: (0, _classnames["default"])((0, _satellitePrefixer["default"])(_templateObject()), className)
-  }));
-};
-
-exports.DropdownTitle = DropdownTitle;
-var _default = DropdownTitle;
-exports["default"] = _default;

package/Dropdown/components/DropdownToggleItem.d.ts

@@ -1,13 +0,0 @@
-import React from "react";
-import { ToggleProps } from "../../Toggle";
-import { DropdownBaseItemProps } from "../useDropdownItemProps";
-export declare type DropdownToggleItemProps = ToggleProps & DropdownBaseItemProps & {
-    children?: React.ReactNode;
-};
-export declare const DropdownToggleItem: {
-    (props: DropdownToggleItemProps): JSX.Element;
-    defaultProps: {
-        toggle: boolean;
-    };
-};
-export default DropdownToggleItem;

package/Dropdown/components/DropdownToggleItem.js

@@ -1,59 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.DropdownToggleItem = void 0;
-
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _satellitePrefixer = _interopRequireDefault(require("../../styles/helpers/satellitePrefixer"));
-
-var _Toggle = require("../../Toggle");
-
-var _useDropdownItemProps = _interopRequireDefault(require("../useDropdownItemProps"));
-
-function _templateObject() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["flex-1 truncate"]);
-
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-var DropdownToggleItem = function DropdownToggleItem(props) {
-  var dropdownItemProps = (0, _useDropdownItemProps["default"])(props);
-
-  var _props$dropdownItemPr = _objectSpread({}, props, {}, dropdownItemProps),
-      className = _props$dropdownItemPr.className,
-      toggle = _props$dropdownItemPr.toggle,
-      children = _props$dropdownItemPr.children,
-      toggleProps = (0, _objectWithoutProperties2["default"])(_props$dropdownItemPr, ["className", "toggle", "children"]);
-
-  return _react["default"].createElement("label", {
-    className: className
-  }, _react["default"].createElement("span", {
-    className: (0, _satellitePrefixer["default"])(_templateObject())
-  }, children), _react["default"].createElement(_Toggle.Toggle, toggleProps));
-};
-
-exports.DropdownToggleItem = DropdownToggleItem;
-DropdownToggleItem.defaultProps = {
-  toggle: false
-};
-var _default = DropdownToggleItem;
-exports["default"] = _default;

package/Dropdown/index.d.ts

@@ -1,9 +0,0 @@
-export * from "./Dropdown";
-export * from "./DropdownButton";
-export * from "./components/DropdownToggleItem";
-export * from "./components/DropdownLinkItem";
-export * from "./components/DropdownButtonItem";
-export * from "./components/DropdownDivider";
-export * from "./components/DropdownTitle";
-export * from "./useDropdownItemProps";
-export { default } from "./Dropdown";

package/Dropdown/index.js

@@ -1,118 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _exportNames = {};
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function get() {
-    return _Dropdown["default"];
-  }
-});
-
-var _Dropdown = _interopRequireWildcard(require("./Dropdown"));
-
-Object.keys(_Dropdown).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _Dropdown[key];
-    }
-  });
-});
-
-var _DropdownButton = require("./DropdownButton");
-
-Object.keys(_DropdownButton).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _DropdownButton[key];
-    }
-  });
-});
-
-var _DropdownToggleItem = require("./components/DropdownToggleItem");
-
-Object.keys(_DropdownToggleItem).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _DropdownToggleItem[key];
-    }
-  });
-});
-
-var _DropdownLinkItem = require("./components/DropdownLinkItem");
-
-Object.keys(_DropdownLinkItem).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _DropdownLinkItem[key];
-    }
-  });
-});
-
-var _DropdownButtonItem = require("./components/DropdownButtonItem");
-
-Object.keys(_DropdownButtonItem).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _DropdownButtonItem[key];
-    }
-  });
-});
-
-var _DropdownDivider = require("./components/DropdownDivider");
-
-Object.keys(_DropdownDivider).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _DropdownDivider[key];
-    }
-  });
-});
-
-var _DropdownTitle = require("./components/DropdownTitle");
-
-Object.keys(_DropdownTitle).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _DropdownTitle[key];
-    }
-  });
-});
-
-var _useDropdownItemProps = require("./useDropdownItemProps");
-
-Object.keys(_useDropdownItemProps).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _useDropdownItemProps[key];
-    }
-  });
-});

package/Dropdown/useDropdownItemProps.d.ts

@@ -1,13 +0,0 @@
-/// <reference types="react" />
-export interface DropdownBaseItemProps {
-    className?: string;
-    toggle?: boolean;
-    disabled?: boolean;
-    onClick?: React.EventHandler<React.MouseEvent>;
-}
-export declare const useDropdownItemProps: (props: DropdownBaseItemProps) => {
-    className: string;
-    onClick: (evt: import("react").MouseEvent<any, MouseEvent>) => void;
-    disabled: boolean | undefined;
-};
-export default useDropdownItemProps;

package/Dropdown/useDropdownItemProps.js

@@ -1,52 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.useDropdownItemProps = void 0;
-
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _satellitePrefixer = _interopRequireDefault(require("../styles/helpers/satellitePrefixer"));
-
-var _DropdownContext = require("./DropdownContext");
-
-function _templateObject() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["\n      flex items-center\n      min-h-10 px-4 text-left\n      focus:no-underline hover:no-underline\n      ", "\n    "]);
-
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
-
-var useDropdownItemProps = function useDropdownItemProps(props) {
-  var _useDropdownContext = (0, _DropdownContext.useDropdownContext)(),
-      showMenu = _useDropdownContext.showMenu;
-
-  var className = (0, _classnames["default"])((0, _satellitePrefixer["default"])(_templateObject(), props.disabled ? "text-grey-300 cursor-not-allowed" : "text-grey-900 hover:bg-grey-100 focus:bg-grey-100 focus:outline-none cursor-pointer"), props.className);
-  return {
-    className: className,
-    onClick: props.disabled ? function (evt) {
-      return evt.preventDefault();
-    } : function (evt) {
-      if (props.onClick) {
-        props.onClick(evt);
-      }
-
-      if (!evt.defaultPrevented && props.toggle) {
-        showMenu(false);
-      }
-    },
-    disabled: props.disabled
-  };
-};
-
-exports.useDropdownItemProps = useDropdownItemProps;
-var _default = useDropdownItemProps;
-exports["default"] = _default;

package/EmptyState/EmptyState.d.ts

@@ -1,64 +0,0 @@
-import React from "react";
-declare type EmptyStateUsageContexts = "result" | "feature" | "page";
-interface EmptyStatePropsAll {
-    /** Descriptive title for the state (either a string or a React component) */
-    title: React.ReactNode;
-    /** Optional description to explain why the screen is empty or define next steps */
-    description?: React.ReactNode;
-    /** Buttons */
-    actions?: React.ReactNode;
-    /** Plop in an `img` element or `svg` here */
-    illustration?: React.ReactNode;
-    /**
-     * UsageContext of the component
-     * @default "feature"
-     */
-    usageContext?: EmptyStateUsageContexts;
-    /**
-     * Define wether or not content should be centered
-     * @default false
-     */
-    centered?: boolean;
-}
-interface EmptyStatePropsUsageContextResult extends Omit<EmptyStatePropsAll, "usageContext" | "illustration"> {
-    usageContext: "result";
-    illustration?: never;
-}
-interface EmptyStatePropsUsageContextFeature extends Omit<EmptyStatePropsAll, "usageContext" | "illustration"> {
-    usageContext: "feature";
-    illustration?: never;
-}
-interface EmptyStatePropsUsageContextPage extends Omit<EmptyStatePropsAll, "usageContext" | "centered"> {
-    usageContext: "page";
-    centered?: never;
-}
-interface EmptyStatePropsUsageContextDefault extends Omit<EmptyStatePropsUsageContextFeature, "usageContext"> {
-    usageContext?: undefined;
-}
-export declare type EmptyStateProps = EmptyStatePropsUsageContextDefault | EmptyStatePropsUsageContextResult | EmptyStatePropsUsageContextFeature | EmptyStatePropsUsageContextPage;
-/**
- * Empty states are used when a list, table, chart or page has no items or data to show. This is an opportunity to provide explanation or guidance to help users progress. This can also be shown when a features hasn't been enable.
- *
- * #### Features empty state
- * - Use when the CTA will unlock a key feature in the dashboard. The copy and the illustration need to sell the feature and be clear on the value for the user
- *
- * #### Cards empty state
- * - Use when the CTA will unlock a new set of features inside an already activated feature. Use the context of the interface to help users understand the value of these features and the copy to give further informations
- *
- * #### Results/Data empty states
- * - Use when the query lead to no result or when there is no data to show based on the user filters. Always make sure to give the user suggestions to fix it in the copy
- *
- * ## Best practices
- *
- * Empty states should:
- *
- * - Orient users by clearly explaining the benefit and utility of a product or feature
- * - Simplify a complicated experience by focusing on a few key features and benefits
- * - Use simple and clear language that empowers users to move their business forward
- * - Be encouraging and never make users feel unsuccessful or guilty because they haven't used a product or feature
- * - Explain the steps users need to take to activate a product or feature
- * - Use illustrations thoughtfully
- * - Use only one primary call-to-action button
- */
-export declare const EmptyState: (props: EmptyStateProps) => JSX.Element;
-export default EmptyState;