@algolia/satellite 1.0.0-beta.185 → 1.0.0-beta.186

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/cjs/MenuButton/components/items/ToggleItem.d.ts +2 -3
  2. package/cjs/MenuButton/components/items/ToggleItem.js +20 -14
  3. package/esm/MenuButton/components/items/ToggleItem.d.ts +2 -3
  4. package/esm/MenuButton/components/items/ToggleItem.js +20 -14
  5. package/package.json +1 -1
package/cjs/MenuButton/components/items/ToggleItem.d.ts CHANGED
@@ -1,8 +1,7 @@
1
+ import type { DropdownMenuCheckboxItemProps } from "@radix-ui/react-dropdown-menu";
1
2
  import type { IconComponentType } from "Icons";
2
3
  import type { FC } from "react";
3
- import type { ToggleProps } from "../../../Toggle";
4
- export interface ToggleItemProps extends Omit<ToggleProps, "onSelect"> {
4
+ export interface ToggleItemProps extends Omit<DropdownMenuCheckboxItemProps, "asChild"> {
5
5
  startIcon?: IconComponentType;
6
- onSelect?: (event: Event) => void;
7
6
  }
8
7
  export declare const ToggleItem: FC<ToggleItemProps>;
package/cjs/MenuButton/components/items/ToggleItem.js CHANGED
@@ -18,7 +18,7 @@ var _Toggle = require("../../../Toggle");
18
18
  var _useMenuItemProps = require("../../useMenuItemProps");
19
19
  var _jsxRuntime = require("react/jsx-runtime");
20
20
  var _templateObject, _templateObject2, _templateObject3, _templateObject4;
21
- var _excluded = ["className", "checked", "startIcon", "children", "onSelect"];
21
+ var _excluded = ["className", "checked", "defaultChecked", "disabled", "startIcon", "onSelect", "children"];
22
22
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
23
23
  function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
24
24
  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; }
@@ -28,29 +28,35 @@ var ToggleItem = exports.ToggleItem = function ToggleItem(props) {
28
28
  var _props$itemProps = _objectSpread(_objectSpread({}, props), itemProps),
29
29
  className = _props$itemProps.className,
30
30
  checked = _props$itemProps.checked,
31
+ defaultChecked = _props$itemProps.defaultChecked,
32
+ disabled = _props$itemProps.disabled,
31
33
  StartIcon = _props$itemProps.startIcon,
32
- children = _props$itemProps.children,
33
34
  _onSelect = _props$itemProps.onSelect,
34
- toggleProps = (0, _objectWithoutProperties2["default"])(_props$itemProps, _excluded);
35
+ children = _props$itemProps.children,
36
+ checkboxItemProps = (0, _objectWithoutProperties2["default"])(_props$itemProps, _excluded);
35
37
  var isControlled = typeof checked === "boolean";
36
- var _useState = (0, _react.useState)(isControlled ? checked : toggleProps.defaultChecked),
38
+ var _useState = (0, _react.useState)(isControlled ? checked : defaultChecked),
37
39
  _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
38
40
  internalChecked = _useState2[0],
39
41
  setInternalChecked = _useState2[1];
40
42
  var isChecked = isControlled ? checked : internalChecked;
41
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(DropdownMenu.CheckboxItem, {
43
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(DropdownMenu.CheckboxItem, _objectSpread(_objectSpread({}, checkboxItemProps), {}, {
42
44
  asChild: true,
45
+ disabled: disabled,
46
+ checked: isChecked,
43
47
  onSelect: function onSelect(event) {
44
48
  // we prevent the default behavior from Radix which consist in closing
45
49
  // the menu when clicking on an item list while we want to keep it open
46
50
  event.preventDefault();
47
51
  _onSelect === null || _onSelect === void 0 || _onSelect(event);
52
+ },
53
+ onCheckedChange: function onCheckedChange(checked) {
54
+ var _props$onCheckedChang;
48
55
  if (!isControlled) {
49
- setInternalChecked(!internalChecked);
56
+ setInternalChecked(checked);
50
57
  }
58
+ (_props$onCheckedChang = props.onCheckedChange) === null || _props$onCheckedChang === void 0 || _props$onCheckedChang.call(props, checked);
51
59
  },
52
- checked: isChecked,
53
- disabled: toggleProps.disabled,
54
60
  children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
55
61
  className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["flex items-center"]))), className),
56
62
  children: [StartIcon && /*#__PURE__*/(0, _jsxRuntime.jsx)(StartIcon, {
@@ -60,12 +66,12 @@ var ToggleItem = exports.ToggleItem = function ToggleItem(props) {
60
66
  }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
61
67
  className: (0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["flex-1 truncate mr-4"]))),
62
68
  children: children
63
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Toggle.Toggle, _objectSpread(_objectSpread({
69
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Toggle.Toggle, {
64
70
  decorative: true,
65
- className: (0, _satellitePrefixer["default"])(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["shrink-0"])))
66
- }, toggleProps), {}, {
67
- checked: isChecked
68
- }))]
71
+ className: (0, _satellitePrefixer["default"])(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["shrink-0"]))),
72
+ checked: isChecked,
73
+ disabled: disabled
74
+ })]
69
75
  })
70
- });
76
+ }));
71
77
  };
package/esm/MenuButton/components/items/ToggleItem.d.ts CHANGED
@@ -1,8 +1,7 @@
1
+ import type { DropdownMenuCheckboxItemProps } from "@radix-ui/react-dropdown-menu";
1
2
  import type { IconComponentType } from "Icons";
2
3
  import type { FC } from "react";
3
- import type { ToggleProps } from "../../../Toggle";
4
- export interface ToggleItemProps extends Omit<ToggleProps, "onSelect"> {
4
+ export interface ToggleItemProps extends Omit<DropdownMenuCheckboxItemProps, "asChild"> {
5
5
  startIcon?: IconComponentType;
6
- onSelect?: (event: Event) => void;
7
6
  }
8
7
  export declare const ToggleItem: FC<ToggleItemProps>;
package/esm/MenuButton/components/items/ToggleItem.js CHANGED
@@ -3,7 +3,7 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
3
3
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
4
4
  import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
5
5
  var _templateObject, _templateObject2, _templateObject3, _templateObject4;
6
- var _excluded = ["className", "checked", "startIcon", "children", "onSelect"];
6
+ var _excluded = ["className", "checked", "defaultChecked", "disabled", "startIcon", "onSelect", "children"];
7
7
  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; }
8
8
  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; }
9
9
  import * as DropdownMenu from "@radix-ui/react-dropdown-menu";
@@ -19,29 +19,35 @@ export var ToggleItem = function ToggleItem(props) {
19
19
  var _props$itemProps = _objectSpread(_objectSpread({}, props), itemProps),
20
20
  className = _props$itemProps.className,
21
21
  checked = _props$itemProps.checked,
22
+ defaultChecked = _props$itemProps.defaultChecked,
23
+ disabled = _props$itemProps.disabled,
22
24
  StartIcon = _props$itemProps.startIcon,
23
- children = _props$itemProps.children,
24
25
  _onSelect = _props$itemProps.onSelect,
25
- toggleProps = _objectWithoutProperties(_props$itemProps, _excluded);
26
+ children = _props$itemProps.children,
27
+ checkboxItemProps = _objectWithoutProperties(_props$itemProps, _excluded);
26
28
  var isControlled = typeof checked === "boolean";
27
- var _useState = useState(isControlled ? checked : toggleProps.defaultChecked),
29
+ var _useState = useState(isControlled ? checked : defaultChecked),
28
30
  _useState2 = _slicedToArray(_useState, 2),
29
31
  internalChecked = _useState2[0],
30
32
  setInternalChecked = _useState2[1];
31
33
  var isChecked = isControlled ? checked : internalChecked;
32
- return /*#__PURE__*/_jsx(DropdownMenu.CheckboxItem, {
34
+ return /*#__PURE__*/_jsx(DropdownMenu.CheckboxItem, _objectSpread(_objectSpread({}, checkboxItemProps), {}, {
33
35
  asChild: true,
36
+ disabled: disabled,
37
+ checked: isChecked,
34
38
  onSelect: function onSelect(event) {
35
39
  // we prevent the default behavior from Radix which consist in closing
36
40
  // the menu when clicking on an item list while we want to keep it open
37
41
  event.preventDefault();
38
42
  _onSelect === null || _onSelect === void 0 || _onSelect(event);
43
+ },
44
+ onCheckedChange: function onCheckedChange(checked) {
45
+ var _props$onCheckedChang;
39
46
  if (!isControlled) {
40
- setInternalChecked(!internalChecked);
47
+ setInternalChecked(checked);
41
48
  }
49
+ (_props$onCheckedChang = props.onCheckedChange) === null || _props$onCheckedChang === void 0 || _props$onCheckedChang.call(props, checked);
42
50
  },
43
- checked: isChecked,
44
- disabled: toggleProps.disabled,
45
51
  children: /*#__PURE__*/_jsxs("div", {
46
52
  className: cx(stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["flex items-center"]))), className),
47
53
  children: [StartIcon && /*#__PURE__*/_jsx(StartIcon, {
@@ -51,12 +57,12 @@ export var ToggleItem = function ToggleItem(props) {
51
57
  }), /*#__PURE__*/_jsx("span", {
52
58
  className: stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["flex-1 truncate mr-4"]))),
53
59
  children: children
54
- }), /*#__PURE__*/_jsx(Toggle, _objectSpread(_objectSpread({
60
+ }), /*#__PURE__*/_jsx(Toggle, {
55
61
  decorative: true,
56
- className: stl(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["shrink-0"])))
57
- }, toggleProps), {}, {
58
- checked: isChecked
59
- }))]
62
+ className: stl(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["shrink-0"]))),
63
+ checked: isChecked,
64
+ disabled: disabled
65
+ })]
60
66
  })
61
- });
67
+ }));
62
68
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@algolia/satellite",
3
- "version": "1.0.0-beta.185",
3
+ "version": "1.0.0-beta.186",
4
4
  "description": "Algolia design system React components",
5
5
  "sideEffects": false,
6
6
  "scripts": {