@algolia/satellite 1.0.0-v3.99 → 1.1.0

package/Checkbox/Checkbox.d.ts

@@ -1,24 +0,0 @@
-import React from "react";
-declare type CheckboxCustomProps = {
-    /**
-     * `Checkbox` text position
-     * @default right
-     */
-    textPosition?: "left" | "right";
-    indeterminate?: boolean;
-    /**
-     * Color of the `Checkbox`
-     * @default nebula.600
-     */
-    checkedColor?: string;
-};
-declare type CheckboxInputProps = Omit<React.HTMLAttributes<HTMLInputElement>, "onChange"> & Pick<React.InputHTMLAttributes<HTMLInputElement>, "onChange" | "required" | "autoFocus" | "disabled" | "checked" | "defaultChecked">;
-export declare type CheckboxProps = CheckboxInputProps & CheckboxCustomProps;
-/**
- * When users need to make a range of selections (none, one, or several), checkboxes are a good input control.
- *
- * - A checkbox control has two primary states: selected and unselected. If required, there's an additional visual state for indeterminate (usually for a parent checkbox, when some children checkboxes are selected, but not all of them)
- * - Checkboxes require the use of a button to apply the settings once they are selected
- */
-export declare const Checkbox: React.ForwardRefExoticComponent<Pick<React.HTMLAttributes<HTMLInputElement>, "hidden" | "dir" | "slot" | "style" | "title" | "color" | "children" | "aria-label" | "className" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & Pick<React.InputHTMLAttributes<HTMLInputElement>, "required" | "disabled" | "defaultChecked" | "onChange" | "autoFocus" | "checked"> & CheckboxCustomProps & React.RefAttributes<HTMLInputElement>>;
-export default Checkbox;

package/Checkbox/Checkbox.js

@@ -1,170 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.Checkbox = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _reactFeather = require("react-feather");
-
-var _satellitePrefixer = _interopRequireDefault(require("../styles/helpers/satellitePrefixer"));
-
-var _Field = require("../Field");
-
-function _templateObject6() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["\n            display-body\n            ", "\n            ", "\n          "]);
-
-  _templateObject6 = function _templateObject6() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject5() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["\n              opacity-0 absolute inset-0 cursor-pointer\n              ", "\n            "]);
-
-  _templateObject5 = function _templateObject5() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject4() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["checkbox-icon"]);
-
-  _templateObject4 = function _templateObject4() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject3() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["\n            checkbox\n            ", "\n            ", "\n            ", "\n          "]);
-
-  _templateObject3 = function _templateObject3() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject2() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["inline-flex items-center ", ""]);
-
-  _templateObject2 = function _templateObject2() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["checkbox-invalid"]);
-
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
-
-var generateFieldId = function generateFieldId() {
-  return Math.random().toString(36).substring(7);
-};
-
-var STATUS_CLASSNAMES = {
-  "default": "",
-  invalid: (0, _satellitePrefixer["default"])(_templateObject()),
-  validated: ""
-};
-/**
- * When users need to make a range of selections (none, one, or several), checkboxes are a good input control.
- *
- * - A checkbox control has two primary states: selected and unselected. If required, there's an additional visual state for indeterminate (usually for a parent checkbox, when some children checkboxes are selected, but not all of them)
- * - Checkboxes require the use of a button to apply the settings once they are selected
- */
-
-var Checkbox = _react["default"].forwardRef(function (_ref, ref) {
-  var children = _ref.children,
-      className = _ref.className,
-      _ref$textPosition = _ref.textPosition,
-      textPosition = _ref$textPosition === void 0 ? "right" : _ref$textPosition,
-      indeterminate = _ref.indeterminate,
-      defaultChecked = _ref.defaultChecked,
-      checkedColor = _ref.checkedColor,
-      checked = _ref.checked,
-      disabled = _ref.disabled,
-      checkboxProps = (0, _objectWithoutProperties2["default"])(_ref, ["children", "className", "textPosition", "indeterminate", "defaultChecked", "checkedColor", "checked", "disabled"]);
-  var id = (0, _react.useMemo)(function () {
-    return checkboxProps.id || generateFieldId();
-  }, [checkboxProps.id]);
-
-  var _useFieldState = (0, _Field.useFieldState)(),
-      status = _useFieldState.status;
-
-  var isControlled = typeof checked === "boolean";
-
-  var _useState = (0, _react.useState)(Boolean(isControlled ? checked : defaultChecked)),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      internalChecked = _useState2[0],
-      setInternalChecked = _useState2[1];
-
-  var isChecked = Boolean(isControlled ? checked : internalChecked);
-  var CheckboxIcon = indeterminate ? _reactFeather.Minus : _reactFeather.Check;
-
-  var handleChange = function handleChange(evt) {
-    if (checkboxProps.onChange) {
-      checkboxProps.onChange(evt);
-    }
-
-    if (!isControlled && !evt.isDefaultPrevented()) {
-      setInternalChecked(evt.currentTarget.checked);
-    }
-  };
-
-  return _react["default"].createElement("div", {
-    className: (0, _classnames["default"])((0, _satellitePrefixer["default"])(_templateObject2(), textPosition === "left" && "flex-row-reverse"), className)
-  }, _react["default"].createElement("span", {
-    className: (0, _classnames["default"])((0, _satellitePrefixer["default"])(_templateObject3(), indeterminate && "checkbox-indeterminate", isChecked && "checkbox-checked", disabled && "checkbox-disabled"), STATUS_CLASSNAMES[status]),
-    style: {
-      color: checkedColor
-    }
-  }, _react["default"].createElement(CheckboxIcon, {
-    className: (0, _satellitePrefixer["default"])(_templateObject4())
-  }), _react["default"].createElement("input", (0, _extends2["default"])({}, checkboxProps, {
-    id: id,
-    className: (0, _satellitePrefixer["default"])(_templateObject5(), disabled && "cursor-not-allowed"),
-    type: "checkbox",
-    ref: ref,
-    onChange: handleChange,
-    checked: isChecked,
-    disabled: disabled
-  }))), children && _react["default"].createElement("label", {
-    className: (0, _satellitePrefixer["default"])(_templateObject6(), disabled && "text-grey-300 cursor-not-allowed", textPosition === "left" ? "pr-2" : "pl-2"),
-    htmlFor: id
-  }, children));
-});
-
-exports.Checkbox = Checkbox;
-Checkbox.displayName = "Checkbox";
-var _default = Checkbox;
-exports["default"] = _default;

package/Checkbox/Checkbox.tailwind.d.ts

@@ -1,5 +0,0 @@
-export = buttonPlugin;
-/**
- * @type {import('../tailwind-types').TailwindPlugin}
- */
-declare const buttonPlugin: import('../tailwind-types').TailwindPlugin;

package/Checkbox/Checkbox.tailwind.js

@@ -1,70 +0,0 @@
-"use strict";
-
-// @ts-check
-var disabledColor = require("../styles/disabledColor");
-/**
- * @type {import('../tailwind-types').TailwindPlugin}
- */
-
-
-var buttonPlugin = function buttonPlugin(_ref) {
-  var addComponents = _ref.addComponents,
-      theme = _ref.theme;
-  addComponents({
-    ".checkbox": {
-      position: "relative",
-      width: 16,
-      height: 16,
-      display: "flex",
-      justifyContent: "center",
-      alignItems: "center",
-      flexShrink: 0,
-      overflow: "hidden",
-      color: theme("colors.accent.600"),
-      background: "linear-gradient(180deg, ".concat(theme("colors.white"), " 0%, ").concat(theme("colors.grey.100"), " 100%)"),
-      border: "1px solid ".concat(theme("colors.grey.200")),
-      boxShadow: "0px 1px 0px 0px ".concat(theme("colors.shadow.5")),
-      borderRadius: theme("borderRadius.default"),
-      transition: "all 250ms cubic-bezier(0.23, 1, 0.32, 1)",
-      "&:focus-within": {
-        borderColor: "currentColor"
-      },
-      "& > .checkbox-icon": {
-        userSelect: "none",
-        color: "currentColor",
-        transition: "150ms cubic-bezier(0.23, 1, 0.32, 1)",
-        transform: "scale(1.8)",
-        opacity: 0
-      }
-    },
-    ".checkbox-invalid:not(.checkbox-disabled)": {
-      color: theme("colors.red.700"),
-      background: theme("colors.red.100"),
-      borderColor: "currentColor"
-    },
-    ".checkbox-checked, .checkbox-indeterminate": {
-      borderColor: "currentColor",
-      boxShadow: "inset 0px 1px 0px 0px ".concat(theme("colors.shadow.5")),
-      "&:focus-within": {
-        borderColor: "currentColor",
-        boxShadow: "\n          inset 0px 1px 0px 0px ".concat(theme("colors.shadow.5"), ",\n          0 0 0 1px currentColor\n        ")
-      },
-      "& > .checkbox-icon": {
-        opacity: 1,
-        transform: "scale(1)"
-      }
-    },
-    ".checkbox-disabled": {
-      cursor: "not-allowed",
-      background: "linear-gradient(-180deg, ".concat(theme("colors.white"), " 0%, ").concat(theme("colors.grey.100"), " 100%)"),
-      borderColor: disabledColor(theme("colors.grey.200")),
-      boxShadow: "none",
-      color: disabledColor(theme("colors.grey.200"))
-    },
-    ".checkbox-icon": {
-      strokeWidth: 3
-    }
-  });
-};
-
-module.exports = buttonPlugin;

package/Checkbox/index.d.ts

@@ -1,2 +0,0 @@
-export * from "./Checkbox";
-export { default } from "./Checkbox";

package/Checkbox/index.js

@@ -1,27 +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 _Checkbox["default"];
-  }
-});
-
-var _Checkbox = _interopRequireWildcard(require("./Checkbox"));
-
-Object.keys(_Checkbox).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 _Checkbox[key];
-    }
-  });
-});

package/Dropdown/Dropdown.d.ts

@@ -1,47 +0,0 @@
-import React from "react";
-export interface RenderTargetParams {
-    toggle: (open?: boolean) => any;
-    isShowingMenu: boolean;
-}
-export interface DropdownProps {
-    /** Classes for the opened menu */
-    menuClassName?: string;
-    /** Defines which side to open the menu */
-    placement?: "bottom-start" | "bottom-end";
-    renderTarget: (params: RenderTargetParams) => React.ReactNode;
-    children?: React.ReactNode;
-}
-/**
- * ## Best practices
- * - Sort list of options in a way that will make the most sense to the user. You can order:
- *   - alphabetically
- *   - numerically
- *   - by most commonly selected option
- * - Write in sentence case (the first word capitalized, the rest lowercase) and avoid using commas or semicolons at the end of each option
- * - Clearly label options based on what each one will do
- * - Make sure the most common options are listed. These can be grouped into sub-categories under headings
- */
-export declare const Dropdown: {
-    ({ placement, menuClassName, renderTarget, children }: DropdownProps): JSX.Element;
-    ButtonItem: {
-        (props: import("./components/DropdownButtonItem").DropdownButtonItemProps): JSX.Element;
-        defaultProps: {
-            toggle: boolean;
-        };
-    };
-    LinkItem: {
-        (props: import("./components/DropdownLinkItem").DropdownLinkItemProps): JSX.Element;
-        defaultProps: {
-            toggle: boolean;
-        };
-    };
-    ToggleItem: {
-        (props: import("./components/DropdownToggleItem").DropdownToggleItemProps): JSX.Element;
-        defaultProps: {
-            toggle: boolean;
-        };
-    };
-    Divider: () => JSX.Element;
-    Title: React.FunctionComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>>;
-};
-export default Dropdown;

package/Dropdown/Dropdown.js

@@ -1,135 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.Dropdown = void 0;
-
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _reactDom = require("react-dom");
-
-var _reactPopper = require("react-popper");
-
-var _useClickAway = _interopRequireDefault(require("react-use/lib/useClickAway"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _Card = _interopRequireDefault(require("../Card"));
-
-var _satellitePrefixer = _interopRequireDefault(require("../styles/helpers/satellitePrefixer"));
-
-var _DropdownButtonItem = _interopRequireDefault(require("./components/DropdownButtonItem"));
-
-var _DropdownLinkItem = _interopRequireDefault(require("./components/DropdownLinkItem"));
-
-var _DropdownToggleItem = _interopRequireDefault(require("./components/DropdownToggleItem"));
-
-var _DropdownDivider = _interopRequireDefault(require("./components/DropdownDivider"));
-
-var _DropdownTitle = _interopRequireDefault(require("./components/DropdownTitle"));
-
-var _DropdownContext = _interopRequireDefault(require("./DropdownContext"));
-
-function _templateObject3() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["flex flex-col py-1"]);
-
-  _templateObject3 = function _templateObject3() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject2() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["my-4 z-dropdown min-w-64 max-w-72"]);
-
-  _templateObject2 = function _templateObject2() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["inline-block leading-none"]);
-
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
-
-var AWAY_EVENTS = ["mousedown", "touchstart", "focusin"];
-/**
- * ## Best practices
- * - Sort list of options in a way that will make the most sense to the user. You can order:
- *   - alphabetically
- *   - numerically
- *   - by most commonly selected option
- * - Write in sentence case (the first word capitalized, the rest lowercase) and avoid using commas or semicolons at the end of each option
- * - Clearly label options based on what each one will do
- * - Make sure the most common options are listed. These can be grouped into sub-categories under headings
- */
-
-var Dropdown = function Dropdown(_ref) {
-  var _ref$placement = _ref.placement,
-      placement = _ref$placement === void 0 ? "bottom-start" : _ref$placement,
-      menuClassName = _ref.menuClassName,
-      renderTarget = _ref.renderTarget,
-      children = _ref.children;
-  var targetRef = (0, _react.useRef)(null);
-  var menuContainerRef = (0, _react.useRef)(null);
-
-  var _useState = (0, _react.useState)(false),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      showMenu = _useState2[0],
-      setShowMenu = _useState2[1];
-
-  (0, _useClickAway["default"])(menuContainerRef, function () {
-    return setShowMenu(false);
-  }, AWAY_EVENTS);
-  var target = renderTarget({
-    toggle: function toggle(open) {
-      return setShowMenu(open === undefined ? !showMenu : open);
-    },
-    isShowingMenu: showMenu
-  });
-  return _react["default"].createElement(_DropdownContext["default"].Provider, {
-    value: {
-      showMenu: setShowMenu
-    }
-  }, _react["default"].createElement("span", {
-    className: (0, _satellitePrefixer["default"])(_templateObject()),
-    ref: targetRef
-  }, target), showMenu && targetRef.current && (0, _reactDom.createPortal)(_react["default"].createElement(_reactPopper.Popper, {
-    className: (0, _classnames["default"])((0, _satellitePrefixer["default"])(_templateObject2()), menuClassName),
-    target: targetRef.current,
-    placement: placement,
-    positionFixed: true
-  }, _react["default"].createElement(_Card["default"], {
-    fullBleed: true,
-    elevation: "300"
-  }, _react["default"].createElement("div", {
-    className: (0, _satellitePrefixer["default"])(_templateObject3()),
-    ref: menuContainerRef
-  }, children))), document.body));
-};
-
-exports.Dropdown = Dropdown;
-Dropdown.ButtonItem = _DropdownButtonItem["default"];
-Dropdown.LinkItem = _DropdownLinkItem["default"];
-Dropdown.ToggleItem = _DropdownToggleItem["default"];
-Dropdown.Divider = _DropdownDivider["default"];
-Dropdown.Title = _DropdownTitle["default"];
-var _default = Dropdown;
-exports["default"] = _default;

package/Dropdown/DropdownButton.d.ts

@@ -1,8 +0,0 @@
-import React from "react";
-import { ButtonProps } from "../Button";
-export interface DropdownButtonProps extends Omit<ButtonProps<"button">, "title"> {
-    /** Title displayed in the `Dropdown` */
-    title: React.ReactNode;
-}
-export declare const DropdownButton: ({ children, title, ...buttonProps }: DropdownButtonProps) => JSX.Element;
-export default DropdownButton;

package/Dropdown/DropdownButton.js

@@ -1,53 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.DropdownButton = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _reactFeather = require("react-feather");
-
-var _Button = _interopRequireDefault(require("../Button"));
-
-var _Dropdown = _interopRequireDefault(require("./Dropdown"));
-
-var DropdownButton = function DropdownButton(_ref) {
-  var children = _ref.children,
-      title = _ref.title,
-      buttonProps = (0, _objectWithoutProperties2["default"])(_ref, ["children", "title"]);
-
-  var renderButton = function renderButton(_ref2) {
-    var toggle = _ref2.toggle;
-
-    var handleClick = function handleClick(evt) {
-      if (buttonProps.onClick) {
-        buttonProps.onClick(evt);
-      }
-
-      if (!evt.defaultPrevented) {
-        toggle();
-      }
-    };
-
-    return _react["default"].createElement(_Button["default"], (0, _extends2["default"])({}, buttonProps, {
-      onClick: handleClick,
-      endIcon: _reactFeather.ChevronDown
-    }), title);
-  };
-
-  return _react["default"].createElement(_Dropdown["default"], {
-    renderTarget: renderButton
-  }, children);
-};
-
-exports.DropdownButton = DropdownButton;
-var _default = DropdownButton;
-exports["default"] = _default;

package/Dropdown/DropdownContext.d.ts

@@ -1,7 +0,0 @@
-import React from "react";
-export interface DropdownContext {
-    showMenu(show: boolean): void;
-}
-export declare const DropdownContext: React.Context<DropdownContext | null>;
-export declare const useDropdownContext: () => DropdownContext;
-export default DropdownContext;

package/Dropdown/DropdownContext.js

@@ -1,28 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.useDropdownContext = exports.DropdownContext = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var DropdownContext = _react["default"].createContext(null);
-
-exports.DropdownContext = DropdownContext;
-
-var useDropdownContext = function useDropdownContext() {
-  var context = (0, _react.useContext)(DropdownContext);
-
-  if (!context) {
-    throw new Error("useDropdownContext used outside DropdownContext");
-  }
-
-  return context;
-};
-
-exports.useDropdownContext = useDropdownContext;
-var _default = DropdownContext;
-exports["default"] = _default;

package/Dropdown/components/DropdownButtonItem.d.ts

@@ -1,19 +0,0 @@
-/// <reference types="react" />
-import IconComponentType from "../../utils/icon";
-import { DropdownBaseItemProps } from "../useDropdownItemProps";
-export declare type DropdownButtonItemProps = DropdownBaseItemProps & JSX.IntrinsicElements["button"] & {
-    /** Left aligned icon */
-    startIcon?: IconComponentType;
-    /**
-     * Variant of the item
-     * @default default
-     */
-    variant?: "default" | "destructive";
-};
-export declare const DropdownButtonItem: {
-    (props: DropdownButtonItemProps): JSX.Element;
-    defaultProps: {
-        toggle: boolean;
-    };
-};
-export default DropdownButtonItem;