@algolia/satellite 1.9.0 → 1.10.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@algolia/satellite",
-  "version": "1.9.0",
+  "version": "1.10.0",
   "description": "Algolia design system React components",
   "sideEffects": false,
   "scripts": {
@@ -192,20 +192,21 @@
   "dependencies": {
     "@babel/runtime": "^7.21.0",
     "@popperjs/core": "^2.4.4",
-    "@radix-ui/react-accordion": "^1.1.2",
-    "@radix-ui/react-avatar": "^1.0.3",
-    "@radix-ui/react-dialog": "^1.0.4",
-    "@radix-ui/react-dropdown-menu": "^2.0.5",
-    "@radix-ui/react-popover": "^1.0.7",
-    "@radix-ui/react-progress": "^1.0.3",
-    "@radix-ui/react-separator": "^1.0.3",
-    "@radix-ui/react-slider": "^1.1.2",
-    "@radix-ui/react-slot": "^1.0.2",
-    "@radix-ui/react-tabs": "^1.0.4",
-    "@radix-ui/react-toast": "^1.1.5",
-    "@radix-ui/react-toggle": "^1.0.3",
-    "@radix-ui/react-toggle-group": "^1.0.4",
-    "@radix-ui/react-tooltip": "^1.0.6",
+    "@radix-ui/react-accordion": "1.1.2",
+    "@radix-ui/react-avatar": "1.0.3",
+    "@radix-ui/react-dialog": "1.0.5",
+    "@radix-ui/react-dropdown-menu": "2.0.5",
+    "@radix-ui/react-popover": "1.0.7",
+    "@radix-ui/react-progress": "1.0.3",
+    "@radix-ui/react-separator": "1.0.3",
+    "@radix-ui/react-slider": "1.1.2",
+    "@radix-ui/react-slot": "1.0.2",
+    "@radix-ui/react-tabs": "1.0.4",
+    "@radix-ui/react-toast": "1.1.5",
+    "@radix-ui/react-toggle": "1.0.3",
+    "@radix-ui/react-toggle-group": "1.0.4",
+    "@radix-ui/react-tooltip": "1.0.6",
+    "@radix-ui/react-visually-hidden": "1.0.3",
     "@tailwindcss/container-queries": "^0.1.1",
     "clsx": "^2.0.0",
     "color": "^4.2.3",

package/dist/cjs/Fields/DatePicker/components/Modal.d.ts

@@ -1,15 +0,0 @@
-import type { Placement, StrictModifiers } from "@popperjs/core";
-import type { ReactNode, VFC } from "react";
-import type { StrictModifier } from "react-popper";
-import type { ClickAwayContainerProps } from "../../../Helpers";
-export interface DatePickerModalProps {
-    children: ReactNode;
-    show: boolean;
-    placement?: Placement;
-    modifiers?: StrictModifiers[];
-    className?: string;
-    targetElement: HTMLElement | null;
-    onClickAway?: ClickAwayContainerProps["onClickAway"];
-}
-export declare const DEFAULT_DATE_PICKER_MODAL_POPPER_MODIFIERS: StrictModifier[];
-export declare const DatePickerModal: VFC<DatePickerModalProps>;

package/dist/cjs/Fields/DatePicker/components/Modal.js

@@ -1,66 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.DatePickerModal = exports.DEFAULT_DATE_PICKER_MODAL_POPPER_MODIFIERS = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _clsx = _interopRequireDefault(require("clsx"));
-var _react = require("react");
-var _reactPopper = require("react-popper");
-var _Helpers = require("../../../Helpers");
-var _Satellite = require("../../../Satellite");
-var _satellitePrefixer = _interopRequireDefault(require("../../../styles/helpers/satellitePrefixer"));
-var _jsxRuntime = require("react/jsx-runtime");
-var _templateObject;
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var DEFAULT_DATE_PICKER_MODAL_POPPER_MODIFIERS = exports.DEFAULT_DATE_PICKER_MODAL_POPPER_MODIFIERS = [{
-  name: "offset",
-  options: {
-    offset: [0, 16]
-  }
-}];
-var DatePickerModal = exports.DatePickerModal = function DatePickerModal(_ref) {
-  var show = _ref.show,
-    targetElement = _ref.targetElement,
-    _onClickAway = _ref.onClickAway,
-    children = _ref.children,
-    _ref$placement = _ref.placement,
-    placement = _ref$placement === void 0 ? "bottom-start" : _ref$placement,
-    _ref$modifiers = _ref.modifiers,
-    modifiers = _ref$modifiers === void 0 ? [] : _ref$modifiers,
-    className = _ref.className;
-  var createPortal = (0, _Satellite.useCreatePortal)();
-  var _useState = (0, _react.useState)(null),
-    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-    datePickerElement = _useState2[0],
-    setDatePickerElement = _useState2[1];
-  var _usePopper = (0, _reactPopper.usePopper)(targetElement, datePickerElement, {
-      modifiers: [].concat(DEFAULT_DATE_PICKER_MODAL_POPPER_MODIFIERS, (0, _toConsumableArray2["default"])(modifiers)),
-      placement: placement,
-      strategy: "fixed"
-    }),
-    styles = _usePopper.styles,
-    attributes = _usePopper.attributes;
-  if (!show) {
-    return null;
-  }
-  return createPortal( /*#__PURE__*/(0, _jsxRuntime.jsx)(_Helpers.ClickAwayContainer, {
-    element: datePickerElement,
-    onClickAway: function onClickAway(evt) {
-      return _onClickAway === null || _onClickAway === void 0 ? void 0 : _onClickAway(evt);
-    },
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({
-      ref: setDatePickerElement,
-      className: (0, _clsx["default"])(className, (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["z-dropdown bg-white shadow-z400"]))))
-    }, attributes.popper), {}, {
-      style: styles.popper,
-      children: children
-    }))
-  }));
-};

package/dist/esm/Fields/DatePicker/components/Modal.d.ts

@@ -1,15 +0,0 @@
-import type { Placement, StrictModifiers } from "@popperjs/core";
-import type { ReactNode, VFC } from "react";
-import type { StrictModifier } from "react-popper";
-import type { ClickAwayContainerProps } from "../../../Helpers";
-export interface DatePickerModalProps {
-    children: ReactNode;
-    show: boolean;
-    placement?: Placement;
-    modifiers?: StrictModifiers[];
-    className?: string;
-    targetElement: HTMLElement | null;
-    onClickAway?: ClickAwayContainerProps["onClickAway"];
-}
-export declare const DEFAULT_DATE_PICKER_MODAL_POPPER_MODIFIERS: StrictModifier[];
-export declare const DatePickerModal: VFC<DatePickerModalProps>;

package/dist/esm/Fields/DatePicker/components/Modal.js

@@ -1,59 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-var _templateObject;
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-import cx from "clsx";
-import { useState } from "react";
-import { usePopper } from "react-popper";
-import { ClickAwayContainer } from "../../../Helpers";
-import { useCreatePortal } from "../../../Satellite";
-import stl from "../../../styles/helpers/satellitePrefixer";
-import { jsx as _jsx } from "react/jsx-runtime";
-export var DEFAULT_DATE_PICKER_MODAL_POPPER_MODIFIERS = [{
-  name: "offset",
-  options: {
-    offset: [0, 16]
-  }
-}];
-export var DatePickerModal = function DatePickerModal(_ref) {
-  var show = _ref.show,
-    targetElement = _ref.targetElement,
-    _onClickAway = _ref.onClickAway,
-    children = _ref.children,
-    _ref$placement = _ref.placement,
-    placement = _ref$placement === void 0 ? "bottom-start" : _ref$placement,
-    _ref$modifiers = _ref.modifiers,
-    modifiers = _ref$modifiers === void 0 ? [] : _ref$modifiers,
-    className = _ref.className;
-  var createPortal = useCreatePortal();
-  var _useState = useState(null),
-    _useState2 = _slicedToArray(_useState, 2),
-    datePickerElement = _useState2[0],
-    setDatePickerElement = _useState2[1];
-  var _usePopper = usePopper(targetElement, datePickerElement, {
-      modifiers: [].concat(DEFAULT_DATE_PICKER_MODAL_POPPER_MODIFIERS, _toConsumableArray(modifiers)),
-      placement: placement,
-      strategy: "fixed"
-    }),
-    styles = _usePopper.styles,
-    attributes = _usePopper.attributes;
-  if (!show) {
-    return null;
-  }
-  return createPortal( /*#__PURE__*/_jsx(ClickAwayContainer, {
-    element: datePickerElement,
-    onClickAway: function onClickAway(evt) {
-      return _onClickAway === null || _onClickAway === void 0 ? void 0 : _onClickAway(evt);
-    },
-    children: /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({
-      ref: setDatePickerElement,
-      className: cx(className, stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["z-dropdown bg-white shadow-z400"]))))
-    }, attributes.popper), {}, {
-      style: styles.popper,
-      children: children
-    }))
-  }));
-};