@algolia/satellite 1.0.0-beta.131 → 1.0.0-beta.134

package/esm/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsSingleGroup.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from "react";
+import type { ReactNode } from "react";
 export declare type DropdownCollapsibleItemsExclusiveGroupProps = {
     initialExpandedItem?: string;
     children: ReactNode;

package/esm/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsSingleGroup.js

@@ -1,6 +1,7 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import React, { useState } from "react";
+import { useState } from "react";
 import { DropdownCollapsibleItemsGroup } from "./DropdownCollapsibleItemsGroup";
+import { jsx as _jsx } from "react/jsx-runtime";
 
 /**
  * Only one collapsible item can be open at a given time (unless you manually override)
@@ -16,12 +17,13 @@ export var DropdownCollapsibleItemsSingleGroup = function DropdownCollapsibleIte
       expandedItems = _useState2[0],
       setExpandedItems = _useState2[1];
 
-  return /*#__PURE__*/React.createElement(DropdownCollapsibleItemsGroup, {
+  return /*#__PURE__*/_jsx(DropdownCollapsibleItemsGroup, {
     expandedItems: expandedItems,
     onItemClick: function onItemClick(name) {
       return setExpandedItems(function (items) {
         return items.includes(name) ? [] : [name];
       });
-    }
-  }, children);
+    },
+    children: children
+  });
 };

package/esm/Dropdown/components/DropdownDivider.js

@@ -2,10 +2,10 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
 
 var _templateObject;
 
-import React from "react";
 import stl from "../../styles/helpers/satellitePrefixer";
+import { jsx as _jsx } from "react/jsx-runtime";
 export var DropdownDivider = function DropdownDivider() {
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/_jsx("div", {
     className: stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["border-b border-grey-100"])))
   });
 };

package/esm/Dropdown/components/DropdownFooterItem.d.ts

@@ -1,7 +1,7 @@
-import React from "react";
+import type { ReactNode } from "react";
 declare type DropdownFooterItemProps = {
     className?: string;
-    children: React.ReactNode;
+    children: ReactNode;
 };
 export declare const DropdownFooterItem: ({ children, className, ...props }: DropdownFooterItemProps) => JSX.Element | null;
 export default DropdownFooterItem;

package/esm/Dropdown/components/DropdownFooterItem.js

@@ -1,21 +1,28 @@
-import _extends from "@babel/runtime/helpers/extends";
+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 = ["children", "className"];
-import React from "react";
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
 import cx from "classnames";
 import stl from "../../styles/helpers/satellitePrefixer";
+import { jsx as _jsx } from "react/jsx-runtime";
 export var DropdownFooterItem = function DropdownFooterItem(_ref) {
   var children = _ref.children,
       className = _ref.className,
       props = _objectWithoutProperties(_ref, _excluded);
 
   if (!children) return null;
-  return /*#__PURE__*/React.createElement("div", _extends({
+  return /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({
     className: cx(stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["flex bg-grey-100 -mb-1 items-center justify-between px-4 py-3 border-t border-grey-200"]))), className)
-  }, props), children);
+  }, props), {}, {
+    children: children
+  }));
 };
 export default DropdownFooterItem;

package/esm/Dropdown/components/DropdownLinkItem.js

@@ -1,4 +1,3 @@
-import _extends from "@babel/runtime/helpers/extends";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
@@ -7,15 +6,16 @@ var _templateObject, _templateObject2, _templateObject3;
 
 var _excluded = ["toggle", "disabled", "startIcon", "className", "children"];
 
-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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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) { _defineProperty(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; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 import cx from "classnames";
-import React from "react";
 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";
 export var DropdownLinkItem = function DropdownLinkItem(props) {
   var dropdownItemProps = useDropdownItemProps(props);
   var linkProps = useLinkProps(_objectSpread(_objectSpread({}, props), dropdownItemProps));
@@ -28,15 +28,18 @@ export var DropdownLinkItem = function DropdownLinkItem(props) {
       children = _props$dropdownItemPr.children,
       mergedProps = _objectWithoutProperties(_props$dropdownItemPr, _excluded);
 
-  return /*#__PURE__*/React.createElement("a", _extends({
+  return /*#__PURE__*/_jsxs("a", _objectSpread(_objectSpread({
     tabIndex: disabled ? -1 : undefined,
     className: cx(stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["flex items-center"]))), className)
-  }, mergedProps), StartIcon && /*#__PURE__*/React.createElement(StartIcon, {
-    className: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["mr-2 flex-shrink-0 text-grey-500"]))),
-    size: "1rem"
-  }), /*#__PURE__*/React.createElement("span", {
-    className: stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["w-full truncate"])))
-  }, children));
+  }, mergedProps), {}, {
+    children: [StartIcon && /*#__PURE__*/_jsx(StartIcon, {
+      className: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["mr-2 shrink-0 text-grey-500"]))),
+      size: "1rem"
+    }), /*#__PURE__*/_jsx("span", {
+      className: stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["w-full truncate"]))),
+      children: children
+    })]
+  }));
 };
 DropdownLinkItem.defaultProps = {
   toggle: true

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

@@ -1,8 +1,8 @@
-import React from "react";
+import type { ReactNode } from "react";
 import { RadioButtonProps } from "../../RadioGroup";
 import { DropdownBaseItemProps } from "../useDropdownItemProps";
 export interface DropdownRadioItemProps extends RadioButtonProps, DropdownBaseItemProps<HTMLInputElement> {
-    children?: React.ReactNode;
+    children?: ReactNode;
 }
 export declare const DropdownRadioItem: {
     (props: DropdownRadioItemProps): JSX.Element;

package/esm/Dropdown/components/DropdownRadioItem.js

@@ -1,4 +1,3 @@
-import _extends from "@babel/runtime/helpers/extends";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
@@ -7,14 +6,15 @@ var _templateObject, _templateObject2, _templateObject3;
 
 var _excluded = ["className", "toggle", "children"];
 
-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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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) { _defineProperty(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; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
-import React from "react";
-import stl from "../../styles/helpers/satellitePrefixer";
 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";
 export var DropdownRadioItem = function DropdownRadioItem(props) {
   var dropdownItemProps = useDropdownItemProps(props);
 
@@ -24,15 +24,18 @@ export var DropdownRadioItem = function DropdownRadioItem(props) {
       children = _props$dropdownItemPr.children,
       radioProps = _objectWithoutProperties(_props$dropdownItemPr, _excluded);
 
-  return /*#__PURE__*/React.createElement("label", {
-    className: className
-  }, /*#__PURE__*/React.createElement("div", {
-    className: stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["flex-1 flex items-start py-2 overflow-hidden"])))
-  }, /*#__PURE__*/React.createElement("span", {
-    className: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["flex-1 truncate mr-4"])))
-  }, children), /*#__PURE__*/React.createElement(RadioButton, _extends({
-    className: stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["mt-2px mr-2px"])))
-  }, radioProps))));
+  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

package/esm/Dropdown/components/DropdownTitle.d.ts

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

package/esm/Dropdown/components/DropdownTitle.js

@@ -1,18 +1,23 @@
-import _extends from "@babel/runtime/helpers/extends";
+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"];
-import React from "react";
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
 import cx from "classnames";
 import stl from "../../styles/helpers/satellitePrefixer";
+import { jsx as _jsx } from "react/jsx-runtime";
 export var DropdownTitle = function DropdownTitle(_ref) {
   var className = _ref.className,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement("h4", _extends({}, props, {
+  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/esm/Dropdown/components/DropdownToggleItem.d.ts

@@ -1,11 +1,11 @@
-import React from "react";
+import type { ReactNode } from "react";
 import { ToggleProps } from "../../Toggle";
-import { IconComponentType } from "../../types";
+import type { IconComponentType } from "../../types";
 import { DropdownBaseItemProps } from "../useDropdownItemProps";
 export interface DropdownToggleItemProps extends ToggleProps, DropdownBaseItemProps<HTMLInputElement> {
     /** Left aligned icon */
     startIcon?: IconComponentType;
-    children?: React.ReactNode;
+    children?: ReactNode;
 }
 export declare const DropdownToggleItem: {
     (props: DropdownToggleItemProps): JSX.Element;

package/esm/Dropdown/components/DropdownToggleItem.js

@@ -1,4 +1,3 @@
-import _extends from "@babel/runtime/helpers/extends";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
@@ -7,15 +6,16 @@ var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 
 var _excluded = ["className", "toggle", "startIcon", "children"];
 
-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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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) { _defineProperty(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; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
-import React from "react";
 import cx from "classnames";
 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";
 export var DropdownToggleItem = function DropdownToggleItem(props) {
   var dropdownItemProps = useDropdownItemProps(props);
 
@@ -26,16 +26,18 @@ export var DropdownToggleItem = function DropdownToggleItem(props) {
       children = _props$dropdownItemPr.children,
       toggleProps = _objectWithoutProperties(_props$dropdownItemPr, _excluded);
 
-  return /*#__PURE__*/React.createElement("label", {
-    className: cx(stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["flex items-center"]))), className)
-  }, StartIcon && /*#__PURE__*/React.createElement(StartIcon, {
-    className: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["mr-2 flex-shrink-0 text-grey-500"]))),
-    size: "1rem"
-  }), /*#__PURE__*/React.createElement("span", {
-    className: stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["flex-1 truncate mr-4"])))
-  }, children), /*#__PURE__*/React.createElement(Toggle, _extends({
-    className: stl(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["flex-shrink-0"])))
-  }, toggleProps)));
+  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"]))),
+      size: "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

package/esm/Dropdown/useDropdownItemProps.d.ts

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

package/esm/Dropzone/Dropzone.d.ts

@@ -1,6 +1,9 @@
-import { FC } from "react";
-import { DropzoneProps as ReactDropZoneProps, FileRejection } from "react-dropzone";
-interface DropzoneBaseProps {
+import type { FC } from "react";
+import { FileRejection, DropzoneProps as ReactDropZoneProps } from "react-dropzone";
+export declare type DropzoneLocale = {
+    clearInput?: string;
+};
+export interface DropzoneBaseProps {
     id?: string;
     onChange?(acceptedFiles: File[], fileRejections: FileRejection[]): void;
     placeholder?: string;
@@ -10,6 +13,7 @@ interface DropzoneBaseProps {
     className?: string;
     /** @default false */
     multiple?: boolean;
+    locale?: DropzoneLocale;
 }
 export declare type DropzoneProps = DropzoneBaseProps & Omit<ReactDropZoneProps, "onDrop" | "onDropAccepted" | "onDropRejected" | "multiple">;
 export declare const Dropzone: FC<DropzoneProps>;

package/esm/Dropzone/Dropzone.js

@@ -1,31 +1,35 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
 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"];
+var _excluded = ["id", "placeholder", "disabled", "multiple", "clearable", "onChange", "className", "locale"];
 
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11;
 
-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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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) { _defineProperty(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; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 import cx from "classnames";
-import React, { useCallback, useMemo, useState } from "react";
+import { Fragment, useCallback, useMemo, useState } from "react";
 import { useDropzone } from "react-dropzone";
 import { Check, UploadCloud, X } from "react-feather";
 import { IconButton } from "../Button";
 import { useFieldState } from "../Field";
+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__*/React.createElement("span", {
-    className: stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["truncate text-grey-900"])))
-  }, file.name, " - ", formatHumanSize(file.size));
+  return /*#__PURE__*/_jsxs("span", {
+    className: stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["truncate text-grey-900"]))),
+    children: [file.name, " - ", formatHumanSize(file.size)]
+  });
 };
 
 var STATUS_CLASSNAMES = {
@@ -33,15 +37,18 @@ var STATUS_CLASSNAMES = {
   invalid: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["input-invalid"]))),
   validated: ""
 };
+var DEFAULT_DROPZONE_LOCALE = {
+  clearInput: "Clear input"
+};
 
 var InvalidIcon = function InvalidIcon() {
-  return /*#__PURE__*/React.createElement(X, {
+  return /*#__PURE__*/_jsx(X, {
     className: stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["mr-4 h-4 w-4 text-white bg-red-700 p-px rounded-full"])))
   });
 };
 
 var ValidatedIcon = function ValidatedIcon() {
-  return /*#__PURE__*/React.createElement(Check, {
+  return /*#__PURE__*/_jsx(Check, {
     className: stl(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["mr-4 h-4 w-4 text-white bg-accent-700 p-px rounded-full"])))
   });
 };
@@ -56,8 +63,13 @@ export var Dropzone = function Dropzone(_ref2) {
       clearable = _ref2$clearable === void 0 ? false : _ref2$clearable,
       onChange = _ref2.onChange,
       className = _ref2.className,
+      propsLocale = _ref2.locale,
       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],
@@ -98,8 +110,8 @@ export var Dropzone = function Dropzone(_ref2) {
     return id !== null && id !== void 0 ? id : uniqueId("dropzone");
   }, [id]);
   var isValueEmpty = files.length === 0;
-  var StatusIcon = status === "invalid" ? InvalidIcon : status === "validated" ? ValidatedIcon : React.Fragment;
-  return /*#__PURE__*/React.createElement("div", getRootProps({
+  var StatusIcon = status === "invalid" ? InvalidIcon : status === "validated" ? ValidatedIcon : Fragment;
+  return /*#__PURE__*/_jsxs("div", _objectSpread(_objectSpread({}, getRootProps({
     "aria-controls": dropzoneId,
     className: cx(stl(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n            input group\n            ", "\n            ", "\n            min-h-16 cursor-pointer\n            ", ""])), focused && "input-focused", disabled && "input-disabled cursor-not-allowed", isDragReject ? "border-red-200 cursor-not-allowed" : isDragActive ? "border-nebula-500" : null), STATUS_CLASSNAMES[status], className),
     onClick: function onClick(evt) {
@@ -108,42 +120,50 @@ export var Dropzone = function Dropzone(_ref2) {
         evt.stopPropagation();
       }
     }
-  }), /*#__PURE__*/React.createElement("input", getInputProps({
-    id: dropzoneId,
-    onFocus: function onFocus() {
-      return setFocused(true);
-    },
-    onBlur: function onBlur() {
-      return setFocused(false);
-    }
-  })), /*#__PURE__*/React.createElement("div", {
-    className: stl(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["flex-1 flex items-center justify-center space-x-2 display-body"])))
-  }, files.length > 0 ? files.length > 1 ? /*#__PURE__*/React.createElement("ul", null, files.map(function (file) {
-    return /*#__PURE__*/React.createElement("li", {
-      key: file.name
-    }, /*#__PURE__*/React.createElement(DropzoneFileItem, {
-      file: file
-    }));
-  })) : /*#__PURE__*/React.createElement(DropzoneFileItem, {
-    file: files[0]
-  }) : /*#__PURE__*/React.createElement("div", {
-    className: stl(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["flex items-center justify-center space-x-2 display-body"])))
-  }, /*#__PURE__*/React.createElement(UploadCloud, {
-    size: "1rem",
-    className: stl(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["", ""])), disabled ? "text-grey-200" : "text-grey-500")
-  }), /*#__PURE__*/React.createElement("p", {
-    className: stl(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["", ""])), disabled ? "text-grey-300" : "typo-subdued")
-  }, placeholder !== null && placeholder !== void 0 ? placeholder : "Drop ".concat(multiple ? "files" : "file", " here or click to select.")))), clearable && !disabled && !isValueEmpty && /*#__PURE__*/React.createElement("span", {
-    className: stl(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral([""])))
-  }, /*#__PURE__*/React.createElement(IconButton, {
-    className: stl(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["mr-2 ", ""])), focused ? "visible" : "invisible group-hover:visible"),
-    title: "Clear input",
-    icon: X,
-    variant: "subtle",
-    size: "small",
-    tabIndex: -1,
-    "aria-hidden": true,
-    onClick: handleClear
-  })), /*#__PURE__*/React.createElement(StatusIcon, null));
+  })), {}, {
+    children: [/*#__PURE__*/_jsx("input", _objectSpread({}, getInputProps({
+      id: dropzoneId,
+      onFocus: function onFocus() {
+        return setFocused(true);
+      },
+      onBlur: function onBlur() {
+        return setFocused(false);
+      }
+    }))), /*#__PURE__*/_jsx("div", {
+      className: stl(_templateObject6 || (_templateObject6 = _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(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["flex items-center justify-center space-x-2 display-body"]))),
+        children: [/*#__PURE__*/_jsx(UploadCloud, {
+          size: "1rem",
+          className: stl(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["", ""])), disabled ? "text-grey-200" : "text-grey-500")
+        }), /*#__PURE__*/_jsx("p", {
+          className: stl(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["", ""])), disabled ? "text-grey-300" : "typo-subdued"),
+          children: placeholder || "Drop ".concat(multiple ? "files" : "file", " here or click to select.")
+        })]
+      })
+    }), clearable && !disabled && !isValueEmpty && /*#__PURE__*/_jsx("span", {
+      className: stl(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral([""]))),
+      children: /*#__PURE__*/_jsx(IconButton, {
+        className: stl(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["mr-2 ", ""])), focused ? "visible" : "invisible group-hover:visible"),
+        title: locale.clearInput,
+        icon: X,
+        variant: "subtle",
+        size: "small",
+        tabIndex: -1,
+        "aria-hidden": true,
+        onClick: handleClear
+      })
+    }), /*#__PURE__*/_jsx(StatusIcon, {})]
+  }));
 };
 export default Dropzone;

package/esm/EmptyState/EmptyState.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { EmptyStateProps } from "./types";
+import type { EmptyStateProps } from "./types";
 /**
  * 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.
  *