@algolia/satellite 1.0.0-beta.146 → 1.0.0-beta.148

package/esm/Card/Card.js

@@ -2,13 +2,9 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 var _excluded = ["className", "as", "elevation", "fullBleed"];
-
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
-
 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 "clsx";
 import { createElement, forwardRef } from "react";
 import stl from "../styles/helpers/satellitePrefixer";
@@ -21,17 +17,15 @@ var ELEVATION_CLASSNAMES = {
   "400": stl(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["card-z400"]))),
   "500": stl(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["card-z500"])))
 };
-
 /** The `Card` is a useful component for containing content within a page. */
 export var Card = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
-      _ref$as = _ref.as,
-      as = _ref$as === void 0 ? "section" : _ref$as,
-      _ref$elevation = _ref.elevation,
-      elevation = _ref$elevation === void 0 ? "100" : _ref$elevation,
-      fullBleed = _ref.fullBleed,
-      props = _objectWithoutProperties(_ref, _excluded);
-
+    _ref$as = _ref.as,
+    as = _ref$as === void 0 ? "section" : _ref$as,
+    _ref$elevation = _ref.elevation,
+    elevation = _ref$elevation === void 0 ? "100" : _ref$elevation,
+    fullBleed = _ref.fullBleed,
+    props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/createElement(as, _objectSpread(_objectSpread({}, props), {}, {
     ref: ref,
     className: cx(stl(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["card ", " display-body"])), fullBleed && "card-fullbleed"), ELEVATION_CLASSNAMES[elevation], className)

package/esm/Card/Card.tailwind.js

@@ -3,7 +3,7 @@ import _plugin from "tailwindcss/plugin";
 var plugin = _plugin;
 var cardPlugin = plugin(function (_ref) {
   var addComponents = _ref.addComponents,
-      theme = _ref.theme;
+    theme = _ref.theme;
   addComponents({
     ".card": {
       background: theme("colors.white"),

package/esm/Card/components/CardHeader.js

@@ -1,22 +1,16 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-
 var _templateObject;
-
 var _excluded = ["className"];
-
 function ownKeys(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 "clsx";
 import stl from "../../styles/helpers/satellitePrefixer";
 import { jsx as _jsx } from "react/jsx-runtime";
 export var CardHeader = function CardHeader(_ref) {
   var className = _ref.className,
-      props = _objectWithoutProperties(_ref, _excluded);
-
+    props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({}, props), {}, {
     className: cx(stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["flex justify-between"]))), className)
   }));

package/esm/Card/components/CardTitle.js

@@ -1,23 +1,17 @@
 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", "children"];
-
 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 "clsx";
 import stl from "../../styles/helpers/satellitePrefixer";
 import { jsx as _jsx } from "react/jsx-runtime";
 export var CardTitle = function CardTitle(_ref) {
   var className = _ref.className,
-      children = _ref.children,
-      props = _objectWithoutProperties(_ref, _excluded);
-
+    children = _ref.children,
+    props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_jsx("h2", _objectSpread(_objectSpread({}, props), {}, {
     className: cx(stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["typo-display-heading"]))), className),
     children: children

package/esm/Checkbox/Checkbox.js

@@ -3,13 +3,9 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 var _excluded = ["children", "className", "textPosition", "indeterminate", "defaultChecked", "checkedColor", "checked", "disabled"];
-
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
-
 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 "clsx";
 import { forwardRef, useMemo, useState } from "react";
 import { Check, Minus } from "react-feather";
@@ -17,62 +13,52 @@ import { useFieldState } from "../Field";
 import stl from "../styles/helpers/satellitePrefixer";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-
 var generateFieldId = function generateFieldId() {
   return Math.random().toString(36).substring(7);
 };
-
 var STATUS_CLASSNAMES = {
   "default": "",
   invalid: stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["checkbox-invalid"]))),
   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
  */
-
 export var Checkbox = /*#__PURE__*/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 = _objectWithoutProperties(_ref, _excluded);
-
+    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 = _objectWithoutProperties(_ref, _excluded);
   var id = useMemo(function () {
     return checkboxProps.id || generateFieldId();
   }, [checkboxProps.id]);
-
   var _useFieldState = useFieldState(),
-      status = _useFieldState.status;
-
+    status = _useFieldState.status;
   var isControlled = typeof checked === "boolean";
-
   var _useState = useState(Boolean(isControlled ? checked : defaultChecked)),
-      _useState2 = _slicedToArray(_useState, 2),
-      internalChecked = _useState2[0],
-      setInternalChecked = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    internalChecked = _useState2[0],
+    setInternalChecked = _useState2[1];
   var isChecked = Boolean(isControlled ? checked : internalChecked);
   var CheckboxIcon = indeterminate ? Minus : Check;
-
   var handleChange = function handleChange(evt) {
     if (checkboxProps.onChange) {
       checkboxProps.onChange(evt);
     }
-
     if (!isControlled && !evt.isDefaultPrevented()) {
       setInternalChecked(evt.currentTarget.checked);
     }
   };
-
   return /*#__PURE__*/_jsxs("div", {
     className: cx(stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["inline-flex items-center ", ""])), textPosition === "left" && "flex-row-reverse"), className),
     children: [/*#__PURE__*/_jsxs("span", {

package/esm/Checkbox/Checkbox.tailwind.js

@@ -5,7 +5,7 @@ var plugin = _plugin;
 var disabledColor = _disabledColor;
 var checkboxPlugin = plugin(function (_ref) {
   var addComponents = _ref.addComponents,
-      theme = _ref.theme;
+    theme = _ref.theme;
   addComponents({
     ".checkbox": {
       position: "relative",

package/esm/ClickAwayContainer/ClickAwayContainer.js

@@ -8,6 +8,7 @@ export var useClickAwayContext = function useClickAwayContext() {
   return useContext(ClickAwayContext);
 };
 var AWAY_EVENTS = ["mousedown", "touchstart", "focusin"];
+
 /**
  * ClickAwayContainer is a low-level, compound component. It doesn't render anything apart from its children.
  * Its goal is to construct a tree of ClickAway-able React components (e.g. nested dropdown).
@@ -16,26 +17,23 @@ var AWAY_EVENTS = ["mousedown", "touchstart", "focusin"];
  * but it's not the case when using portals.
  * This component allows click-away functionality even when portals are involved.
  */
-
 export var ClickAwayContainer = function ClickAwayContainer(_ref) {
   var element = _ref.element,
-      onClickAway = _ref.onClickAway,
-      children = _ref.children;
-
+    onClickAway = _ref.onClickAway,
+    children = _ref.children;
   var _useSet = useSet(),
-      _useSet2 = _slicedToArray(_useSet, 2),
-      elementsSet = _useSet2[0],
-      _useSet2$ = _useSet2[1],
-      registerElement = _useSet2$.add,
-      unregisterElement = _useSet2$.remove; // Handle elements registry
-
+    _useSet2 = _slicedToArray(_useSet, 2),
+    elementsSet = _useSet2[0],
+    _useSet2$ = _useSet2[1],
+    registerElement = _useSet2$.add,
+    unregisterElement = _useSet2$.remove;
 
+  // Handle elements registry
   var parentClickAwayContext = useClickAwayContext();
   useEffect(function () {
     if (!parentClickAwayContext || !element) {
       return;
     }
-
     var elementsArray = Array.from(elementsSet);
     parentClickAwayContext.registerElement(element);
     elementsArray.forEach(function (el) {
@@ -47,8 +45,9 @@ export var ClickAwayContainer = function ClickAwayContainer(_ref) {
         return parentClickAwayContext.unregisterElement(el);
       });
     };
-  }, [element, elementsSet, parentClickAwayContext]); // Wire up click away events
+  }, [element, elementsSet, parentClickAwayContext]);
 
+  // Wire up click away events
   var fakeElementRef = useMemo(function () {
     return {
       current: element
@@ -58,7 +57,6 @@ export var ClickAwayContainer = function ClickAwayContainer(_ref) {
     var isEventInside = Array.from(elementsSet).some(function (el) {
       return el.contains(evt.target);
     });
-
     if (!isEventInside) {
       onClickAway === null || onClickAway === void 0 ? void 0 : onClickAway(evt);
     }

package/esm/DatePicker/DatePicker/DatePicker.js

@@ -1,13 +1,9 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-
 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 { useMemo, useReducer, useState } from "react";
 import { useLocale } from "../../Satellite";
 import stl from "../../styles/helpers/satellitePrefixer";
@@ -22,65 +18,53 @@ import { DatePickerActionTypes, datePickerReducer, initDatePickerReducer } from
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
-
 var DatePicker = function DatePicker(props) {
   var _props$initialValue, _props$validate, _props$validate$call, _props$calendarProps;
-
   var contextLocale = useLocale("datePicker");
-
   var locale = _objectSpread(_objectSpread(_objectSpread({}, DEFAULT_DATE_PICKER_LOCALE), contextLocale), props.locale);
-
   var _useState = useState(null),
-      _useState2 = _slicedToArray(_useState, 2),
-      targetElement = _useState2[0],
-      setTargetElement = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    targetElement = _useState2[0],
+    setTargetElement = _useState2[1];
   var isControlled = props.value !== undefined;
-
   var _useReducer = useReducer(datePickerReducer, isControlled ? {} : {
-    selected: (_props$initialValue = props.initialValue) !== null && _props$initialValue !== void 0 ? _props$initialValue : null
-  }, initDatePickerReducer),
-      _useReducer2 = _slicedToArray(_useReducer, 2),
-      state = _useReducer2[0],
-      dispatch = _useReducer2[1]; // Computed properties
-
+      selected: (_props$initialValue = props.initialValue) !== null && _props$initialValue !== void 0 ? _props$initialValue : null
+    }, initDatePickerReducer),
+    _useReducer2 = _slicedToArray(_useReducer, 2),
+    state = _useReducer2[0],
+    dispatch = _useReducer2[1];
 
+  // Computed properties
   var isValid = !((_props$validate = props.validate) !== null && _props$validate !== void 0 && (_props$validate$call = _props$validate.call(props, state)) !== null && _props$validate$call !== void 0 && _props$validate$call.length);
-  var value = isControlled ? props.value : state.selected; // Event handlers
+  var value = isControlled ? props.value : state.selected;
 
+  // Event handlers
   var handleOpen = function handleOpen(e) {
     var _props$onOpen;
-
     (_props$onOpen = props.onOpen) === null || _props$onOpen === void 0 ? void 0 : _props$onOpen.call(props, e);
     dispatch({
       type: DatePickerActionTypes.show,
       payload: true
     });
   };
-
   var handleClose = function handleClose(e) {
     var _props$onCancel;
-
     (_props$onCancel = props.onCancel) === null || _props$onCancel === void 0 ? void 0 : _props$onCancel.call(props, e);
     dispatch({
       type: DatePickerActionTypes.show,
       payload: false
     });
   };
-
   var handleApply = function handleApply(e) {
     var _props$onSubmit;
-
     (_props$onSubmit = props.onSubmit) === null || _props$onSubmit === void 0 ? void 0 : _props$onSubmit.call(props, e, value);
     dispatch({
       type: DatePickerActionTypes.apply
     });
   };
-
   var handleDayClick = function handleDayClick(payload, modifiers) {
     if (!modifiers.disabled) {
       var _props$onChange;
-
       (_props$onChange = props.onChange) === null || _props$onChange === void 0 ? void 0 : _props$onChange.call(props, payload);
       dispatch({
         type: DatePickerActionTypes.dateSelect,
@@ -88,10 +72,8 @@ var DatePicker = function DatePicker(props) {
       });
     }
   };
-
   var yearProps = useMemo(function () {
     var _state$selected;
-
     return props.editableYear ? {
       editableYear: true,
       initialDate: (_state$selected = state.selected) !== null && _state$selected !== void 0 ? _state$selected : undefined,
@@ -99,7 +81,8 @@ var DatePicker = function DatePicker(props) {
     } : {
       editableYear: false
     };
-  }, // eslint-disable-next-line react-hooks/exhaustive-deps
+  },
+  // eslint-disable-next-line react-hooks/exhaustive-deps
   [props]);
   return /*#__PURE__*/_jsxs("div", {
     children: [/*#__PURE__*/_jsx("span", {
@@ -173,5 +156,4 @@ var DatePicker = function DatePicker(props) {
     })]
   });
 };
-
 export default DatePicker;

package/esm/DatePicker/DatePicker/datePickerReducer.js

@@ -1,18 +1,13 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
 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; }
-
 export var DatePickerActionTypes;
-
 (function (DatePickerActionTypes) {
   DatePickerActionTypes["show"] = "show";
   DatePickerActionTypes["dateSelect"] = "date select";
   DatePickerActionTypes["apply"] = "apply";
   DatePickerActionTypes["reset"] = "reset";
 })(DatePickerActionTypes || (DatePickerActionTypes = {}));
-
 var initialState = {
   show: false,
   selected: null
@@ -26,26 +21,22 @@ export var datePickerReducer = function datePickerReducer(state, action) {
       return _objectSpread(_objectSpread({}, state), {}, {
         show: action.payload
       });
-
     case DatePickerActionTypes.dateSelect:
       {
         return _objectSpread(_objectSpread({}, state), {}, {
           selected: action.payload
         });
       }
-
     case DatePickerActionTypes.apply:
       return _objectSpread(_objectSpread({}, state), {}, {
         show: false
       });
-
     case DatePickerActionTypes.reset:
       return _objectSpread(_objectSpread({}, initDatePickerReducer({
         selected: action.payload
       })), {}, {
         show: state.show
       });
-
     default:
       return state;
   }

package/esm/DatePicker/DatePicker.tailwind.js

@@ -4,30 +4,23 @@ import _plugin from "tailwindcss/plugin";
 var plugin = _plugin;
 var datePickerPlugin = plugin(function (_ref) {
   var _rdpDay, _rdpDay2, _rdpDay4, _addComponents;
-
   var addComponents = _ref.addComponents,
-      theme = _ref.theme,
-      prefix = _ref.prefix;
-
+    theme = _ref.theme,
+    prefix = _ref.prefix;
   /** @type {string} */
   var defaultRadius = theme("borderRadius.DEFAULT");
   /** @type {string} */
-
   var accent600 = theme("colors.accent.600");
   /** @type {string} */
-
   var accent200 = theme("colors.accent.200");
-
   var not = function not() {
     for (var _len = arguments.length, modifiers = new Array(_len), _key = 0; _key < _len; _key++) {
       modifiers[_key] = arguments[_key];
     }
-
     return modifiers.map(function (modifier) {
       return ":not(.rdp-day_".concat(modifier, ")");
     }).join("");
   };
-
   addComponents((_addComponents = {
     ".rdp-year": {
       // ChevronDown svg from react-feather,
@@ -95,7 +88,7 @@ var datePickerPlugin = plugin(function (_ref) {
       textTransform: "capitalize",
       fontWeight: "normal",
       fontSize: "0.95em",
-      color: theme("colors.grey.500")
+      color: theme("colors.grey.600")
     },
     "& .rdp-day": (_rdpDay2 = {
       borderRadius: defaultRadius