@algolia/satellite 1.7.0 → 1.9.0

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 (70) hide show
  1. package/dist/cjs/Actions/Button/PolymorphicButton.js +2 -2
  2. package/dist/cjs/Actions/Button/PolymorphicIconButton.js +2 -2
  3. package/dist/cjs/Actions/Button/types.d.ts +2 -2
  4. package/dist/cjs/Fields/AutoComplete/AutoComplete.js +15 -15
  5. package/dist/cjs/Fields/DatePicker/components/Calendar.js +1 -4
  6. package/dist/cjs/Fields/Field/Field.js +11 -1
  7. package/dist/cjs/Fields/Field/FieldContext.d.ts +1 -0
  8. package/dist/cjs/Fields/Field/useField.d.ts +2 -1
  9. package/dist/cjs/Fields/Field/useField.js +7 -2
  10. package/dist/cjs/Fields/Form/stories/ExtraErrors.js +6 -19
  11. package/dist/cjs/Fields/Form/stories/MultiStep.js +13 -35
  12. package/dist/cjs/Fields/Form/stories/ValidationStrategies.js +13 -30
  13. package/dist/cjs/Fields/RangeSlider/RangeSlider.js +7 -8
  14. package/dist/cjs/Helpers/Separator/Separator.js +1 -4
  15. package/dist/cjs/Icons/index.d.ts +1 -1
  16. package/dist/cjs/Icons/index.js +6 -0
  17. package/dist/cjs/Indicators/ScrollIndicator/ScrollIndicator.js +1 -2
  18. package/dist/cjs/Layout/Tables/DataTable/DataTable.d.ts +1 -1
  19. package/dist/cjs/Layout/Tables/DataTable/components/Body.d.ts +1 -1
  20. package/dist/cjs/Layout/Tables/DataTable/components/Header.d.ts +1 -1
  21. package/dist/cjs/Layout/Tables/DataTable/components/HeaderCell.d.ts +1 -1
  22. package/dist/cjs/Layout/Tables/DataTable/utils.d.ts +1 -1
  23. package/dist/cjs/Navigation/Stepper/Step.js +8 -7
  24. package/dist/cjs/Navigation/Stepper/Stepper.d.ts +6 -0
  25. package/dist/cjs/Navigation/Stepper/Stepper.js +9 -3
  26. package/dist/cjs/Navigation/Stepper/StepperContext.d.ts +2 -1
  27. package/dist/cjs/Overlay/Dropdown/DropdownContext.d.ts +1 -1
  28. package/dist/cjs/Overlay/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsGroupContext.d.ts +1 -1
  29. package/dist/cjs/Overlay/MenuButton/components/collapsible/CollapsibleItemsGroupContext.d.ts +1 -1
  30. package/dist/cjs/Overlay/Modal/Modal.d.ts +1 -1
  31. package/dist/cjs/Overlay/Popover/Popover.js +6 -0
  32. package/dist/cjs/Overlay/Popover/types.d.ts +5 -3
  33. package/dist/cjs/styles/helpers/makePurgeCssExtractor.js +3 -3
  34. package/dist/cjs/utils/useTriggerInputChange.js +4 -3
  35. package/dist/esm/Actions/Button/PolymorphicButton.js +2 -2
  36. package/dist/esm/Actions/Button/PolymorphicIconButton.js +2 -2
  37. package/dist/esm/Actions/Button/types.d.ts +2 -2
  38. package/dist/esm/Fields/AutoComplete/AutoComplete.js +15 -15
  39. package/dist/esm/Fields/DatePicker/components/Calendar.js +1 -4
  40. package/dist/esm/Fields/Field/Field.js +11 -1
  41. package/dist/esm/Fields/Field/FieldContext.d.ts +1 -0
  42. package/dist/esm/Fields/Field/useField.d.ts +2 -1
  43. package/dist/esm/Fields/Field/useField.js +7 -2
  44. package/dist/esm/Fields/Form/stories/ExtraErrors.js +6 -19
  45. package/dist/esm/Fields/Form/stories/MultiStep.js +13 -35
  46. package/dist/esm/Fields/Form/stories/ValidationStrategies.js +13 -30
  47. package/dist/esm/Fields/RangeSlider/RangeSlider.js +8 -9
  48. package/dist/esm/Helpers/Separator/Separator.js +1 -4
  49. package/dist/esm/Icons/index.d.ts +1 -1
  50. package/dist/esm/Icons/index.js +1 -1
  51. package/dist/esm/Indicators/ScrollIndicator/ScrollIndicator.js +1 -2
  52. package/dist/esm/Layout/Tables/DataTable/DataTable.d.ts +1 -1
  53. package/dist/esm/Layout/Tables/DataTable/components/Body.d.ts +1 -1
  54. package/dist/esm/Layout/Tables/DataTable/components/Header.d.ts +1 -1
  55. package/dist/esm/Layout/Tables/DataTable/components/HeaderCell.d.ts +1 -1
  56. package/dist/esm/Layout/Tables/DataTable/utils.d.ts +1 -1
  57. package/dist/esm/Navigation/Stepper/Step.js +8 -7
  58. package/dist/esm/Navigation/Stepper/Stepper.d.ts +6 -0
  59. package/dist/esm/Navigation/Stepper/Stepper.js +9 -3
  60. package/dist/esm/Navigation/Stepper/StepperContext.d.ts +2 -1
  61. package/dist/esm/Overlay/Dropdown/DropdownContext.d.ts +1 -1
  62. package/dist/esm/Overlay/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsGroupContext.d.ts +1 -1
  63. package/dist/esm/Overlay/MenuButton/components/collapsible/CollapsibleItemsGroupContext.d.ts +1 -1
  64. package/dist/esm/Overlay/Modal/Modal.d.ts +1 -1
  65. package/dist/esm/Overlay/Popover/Popover.js +6 -0
  66. package/dist/esm/Overlay/Popover/types.d.ts +5 -3
  67. package/dist/esm/styles/helpers/makePurgeCssExtractor.js +3 -3
  68. package/dist/esm/utils/useTriggerInputChange.js +4 -3
  69. package/dist/satellite.min.css +1 -1
  70. package/package.json +19 -19
@@ -1,10 +1,8 @@
1
- import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
2
1
  import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
3
2
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
4
3
  import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
5
4
  import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
6
5
  var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29, _templateObject30, _templateObject31, _templateObject32, _templateObject33, _templateObject34, _templateObject35, _templateObject36, _templateObject37, _templateObject38, _templateObject39, _templateObject40, _templateObject41, _templateObject42, _templateObject43, _templateObject44, _templateObject45, _templateObject46, _templateObject47, _templateObject48, _templateObject49, _templateObject50, _templateObject51, _templateObject52, _templateObject53, _templateObject54, _templateObject55, _templateObject56, _templateObject57, _templateObject58, _templateObject59, _templateObject60, _templateObject61, _templateObject62, _templateObject63, _templateObject64, _templateObject65, _templateObject66, _templateObject67, _templateObject68, _templateObject69, _templateObject70, _templateObject71, _templateObject72;
7
- import _regeneratorRuntime from "@babel/runtime/regenerator";
8
6
  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; }
9
7
  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; }
10
8
  import { zodResolver } from "@hookform/resolvers/zod";
@@ -337,24 +335,13 @@ export var RHFMultiStepComponent = function RHFMultiStepComponent() {
337
335
  }) : /*#__PURE__*/_jsx(Button, {
338
336
  variant: "primary",
339
337
  "aria-label": "Next step",
340
- onClick: /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
341
- var valid;
342
- return _regeneratorRuntime.wrap(function _callee$(_context) {
343
- while (1) switch (_context.prev = _context.next) {
344
- case 0:
345
- _context.next = 2;
346
- return trigger(steps[page - 1]);
347
- case 2:
348
- valid = _context.sent;
349
- if (valid) {
350
- goToNextPage();
351
- }
352
- case 4:
353
- case "end":
354
- return _context.stop();
338
+ onClick: function onClick() {
339
+ void trigger(steps[page - 1]).then(function (isValid) {
340
+ if (isValid) {
341
+ goToNextPage();
355
342
  }
356
- }, _callee);
357
- })),
343
+ });
344
+ },
358
345
  children: "Next"
359
346
  })]
360
347
  }), /*#__PURE__*/_jsx(Button, {
@@ -594,7 +581,7 @@ export var FormikMultiStepComponent = function FormikMultiStepComponent() {
594
581
  }, formik.getFieldProps("sorting")), {}, {
595
582
  onChange: function onChange() {
596
583
  var fieldProps = formik.getFieldProps("sorting");
597
- formik.setFieldValue("sorting", fieldProps.value.includes(option) ? fieldProps.value.filter(function (v) {
584
+ void formik.setFieldValue("sorting", fieldProps.value.includes(option) ? fieldProps.value.filter(function (v) {
598
585
  return v !== option;
599
586
  }) : [].concat(_toConsumableArray(fieldProps.value), [option]));
600
587
  }
@@ -625,7 +612,7 @@ export var FormikMultiStepComponent = function FormikMultiStepComponent() {
625
612
  checked: formik.values.filters.includes(option),
626
613
  onChange: function onChange() {
627
614
  var fieldProps = formik.getFieldProps("filters");
628
- formik.setFieldValue("filters", fieldProps.value.includes(option) ? fieldProps.value.filter(function (v) {
615
+ void formik.setFieldValue("filters", fieldProps.value.includes(option) ? fieldProps.value.filter(function (v) {
629
616
  return v !== option;
630
617
  }) : [].concat(_toConsumableArray(fieldProps.value), [option]));
631
618
  }
@@ -652,20 +639,11 @@ export var FormikMultiStepComponent = function FormikMultiStepComponent() {
652
639
  }) : /*#__PURE__*/_jsx(Button, {
653
640
  variant: "primary",
654
641
  "aria-label": "Next step",
655
- onClick: /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
656
- return _regeneratorRuntime.wrap(function _callee2$(_context2) {
657
- while (1) switch (_context2.prev = _context2.next) {
658
- case 0:
659
- _context2.next = 2;
660
- return formik.validateField(steps[page - 1]);
661
- case 2:
662
- setNextPageClicked(true); // See workaround above
663
- case 3:
664
- case "end":
665
- return _context2.stop();
666
- }
667
- }, _callee2);
668
- })),
642
+ onClick: function onClick() {
643
+ void formik.validateField(steps[page - 1]).then(function () {
644
+ return setNextPageClicked(true);
645
+ });
646
+ },
669
647
  children: "Next"
670
648
  })]
671
649
  }), /*#__PURE__*/_jsx(Button, {
@@ -1,9 +1,7 @@
1
- import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
2
1
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
3
2
  import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
4
3
  import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
5
4
  var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22;
6
- import _regeneratorRuntime from "@babel/runtime/regenerator";
7
5
  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
6
  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
7
  import { zodResolver } from "@hookform/resolvers/zod";
@@ -179,7 +177,7 @@ export var RHFValidationStrategiesComponent = function RHFValidationStrategiesCo
179
177
  e.target.value = formatInputValue(e, 4, " ");
180
178
  field.onChange(e);
181
179
  if (e.target.value.length === 19) {
182
- trigger("cardNumber");
180
+ void trigger("cardNumber");
183
181
  }
184
182
  }
185
183
  }))
@@ -211,7 +209,7 @@ export var RHFValidationStrategiesComponent = function RHFValidationStrategiesCo
211
209
  field.onChange(e);
212
210
  },
213
211
  onBlur: function onBlur() {
214
- trigger("cardExpirationDate");
212
+ void trigger("cardExpirationDate");
215
213
  field.onBlur();
216
214
  }
217
215
  }))
@@ -236,7 +234,7 @@ export var RHFValidationStrategiesComponent = function RHFValidationStrategiesCo
236
234
  required: true
237
235
  }, field), {}, {
238
236
  onBlur: function onBlur() {
239
- trigger("cardCVC");
237
+ void trigger("cardCVC");
240
238
  field.onBlur();
241
239
  }
242
240
  }))
@@ -358,29 +356,14 @@ export var FormikValidationStrategiesComponent = function FormikValidationStrate
358
356
  startIcon: CreditCardIcon,
359
357
  required: true
360
358
  }, formik.getFieldProps("cardNumber")), {}, {
361
- onChange: ( /*#__PURE__*/function () {
362
- var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(e) {
363
- var value;
364
- return _regeneratorRuntime.wrap(function _callee$(_context) {
365
- while (1) switch (_context.prev = _context.next) {
366
- case 0:
367
- value = formatInputValue(e, 4, " ");
368
- _context.next = 3;
369
- return formik.setFieldValue("cardNumber", value);
370
- case 3:
371
- if (value.length === 19) {
372
- formik.validateField("cardNumber");
373
- }
374
- case 4:
375
- case "end":
376
- return _context.stop();
377
- }
378
- }, _callee);
379
- }));
380
- return function (_x) {
381
- return _ref5.apply(this, arguments);
382
- };
383
- }())
359
+ onChange: function onChange(e) {
360
+ var value = formatInputValue(e, 4, " ");
361
+ formik.setFieldValue("cardNumber", value).then(function () {
362
+ if (value.length === 19) {
363
+ void formik.validateField("cardNumber");
364
+ }
365
+ }, function () {});
366
+ }
384
367
  }))
385
368
  }), /*#__PURE__*/_jsxs("div", {
386
369
  className: stl(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["w-full flex gap-4 flex-col @xl:flex-row"]))),
@@ -403,7 +386,7 @@ export var FormikValidationStrategiesComponent = function FormikValidationStrate
403
386
  formik.getFieldProps("cardExpirationDate").onChange(e);
404
387
  },
405
388
  onBlur: function onBlur(e) {
406
- formik.validateField("cardExpirationDate");
389
+ void formik.validateField("cardExpirationDate");
407
390
  formik.getFieldProps("cardExpirationDate").onBlur(e);
408
391
  }
409
392
  }))
@@ -421,7 +404,7 @@ export var FormikValidationStrategiesComponent = function FormikValidationStrate
421
404
  required: true
422
405
  }, formik.getFieldProps("cardCVC")), {}, {
423
406
  onBlur: function onBlur(e) {
424
- formik.validateField("cardCVC");
407
+ void formik.validateField("cardCVC");
425
408
  formik.getFieldProps("cardCVC").onBlur(e);
426
409
  }
427
410
  }))
@@ -7,9 +7,10 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
7
7
  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; }
8
8
  import { SliderRange, Root as SliderRoot, SliderThumb, SliderTrack } from "@radix-ui/react-slider";
9
9
  import cx from "clsx";
10
- import { forwardRef } from "react";
10
+ import { forwardRef, useRef } from "react";
11
11
  import colors from "../../styles/colors";
12
12
  import stl from "../../styles/helpers/satellitePrefixer";
13
+ import { mergeRefs } from "../../utils/mergeRefs";
13
14
  import { useField } from "../Field";
14
15
 
15
16
  // Prevents unwanted number narrowing
@@ -51,8 +52,10 @@ var RangeSliderInternal = function RangeSliderInternal(_ref2, ref) {
51
52
  track1: disabled ? colors.grey[200] : track1Color,
52
53
  track2: disabled ? colors.grey[100] : track2Color
53
54
  };
55
+ var thumbRef = useRef(null);
54
56
  var _useField = useField({
55
- required: required
57
+ required: required,
58
+ elementToFocus: thumbRef.current || undefined
56
59
  }),
57
60
  state = _useField.state,
58
61
  labelId = _useField.labelId,
@@ -65,14 +68,10 @@ var RangeSliderInternal = function RangeSliderInternal(_ref2, ref) {
65
68
  value: coerceToRadixValue(value),
66
69
  defaultValue: coerceToRadixValue(defaultValue),
67
70
  onValueChange: function onValueChange(value) {
68
- return (// @ts-expect-error
69
- onChange === null || onChange === void 0 ? void 0 : onChange(value.length === 1 ? value[0] : value)
70
- );
71
+ return onChange === null || onChange === void 0 ? void 0 : onChange(value.length === 1 ? value[0] : value);
71
72
  },
72
73
  onValueCommit: function onValueCommit(value) {
73
- return (// @ts-expect-error
74
- onCommit === null || onCommit === void 0 ? void 0 : onCommit(value.length === 1 ? value[0] : value)
75
- );
74
+ return onCommit === null || onCommit === void 0 ? void 0 : onCommit(value.length === 1 ? value[0] : value);
76
75
  },
77
76
  disabled: disabled,
78
77
  max: max,
@@ -90,7 +89,7 @@ var RangeSliderInternal = function RangeSliderInternal(_ref2, ref) {
90
89
  })
91
90
  }), Array(thumbsCount).fill(undefined).map(function (_, idx) {
92
91
  return /*#__PURE__*/_jsxs(SliderThumb, {
93
- ref: ref,
92
+ ref: idx === 0 ? mergeRefs([ref, thumbRef]) : ref,
94
93
  id: id && (idx === 0 ? id : "".concat(id, "-").concat(idx)),
95
94
  "aria-labelledby": labelId,
96
95
  "aria-describedby": descriptionId,
@@ -18,14 +18,11 @@ export var Separator = function Separator(_ref) {
18
18
  _ref$orientation = _ref.orientation,
19
19
  orientation = _ref$orientation === void 0 ? "horizontal" : _ref$orientation;
20
20
  var interactiveProps = interactive ? {
21
- decorative: false,
22
21
  tabIndex: 0,
23
22
  "aria-valuemax": 100,
24
23
  "aria-valuemin": 0,
25
24
  "aria-valuenow": 50
26
- } : {
27
- decorative: true
28
- };
25
+ } : {};
29
26
  return /*#__PURE__*/_jsx(RadixSeparator.Root, _objectSpread({
30
27
  className: cx(stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["separator"]))), className, interactive && stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["interactive"])))),
31
28
  orientation: orientation
@@ -17,4 +17,4 @@ export { QueryBreakdownIcon } from "./QueryBreakdownIcon";
17
17
  export { BulbIcon } from "./BulbIcon";
18
18
  export { TestingIcon } from "./TestingIcon";
19
19
  export { RocketIcon } from "./RocketIcon";
20
- export { ActivityIcon, AirplayIcon, AlertCircleIcon, AlertOctagonIcon, AlertTriangleIcon, AlignCenterIcon, AlignJustifyIcon, AlignLeftIcon, AlignRightIcon, AnchorIcon, ApertureIcon, ArchiveIcon, ArrowDownCircleIcon, ArrowDownIcon, ArrowDownLeftIcon, ArrowDownRightIcon, ArrowLeftCircleIcon, ArrowLeftIcon, ArrowRightCircleIcon, ArrowRightIcon, ArrowUpCircleIcon, ArrowUpIcon, ArrowUpLeftIcon, ArrowUpRightIcon, AtSignIcon, AwardIcon, BanIcon, BarChart2Icon, BarChartIcon, BatteryChargingIcon, BatteryIcon, BellIcon, BellOffIcon, BluetoothIcon, BoldIcon, BookIcon, BookmarkIcon, BookOpenIcon, BoxIcon, BriefcaseIcon, CalendarIcon, CameraIcon, CameraOffIcon, CastIcon, CheckCircleIcon, CheckIcon, CheckSquareIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronsDownIcon, ChevronsLeftIcon, ChevronsRightIcon, ChevronsUpIcon, ChevronUpIcon, ChromeIcon, CircleIcon, ClipboardIcon, ClockIcon, CloudDrizzleIcon, CloudIcon, CloudLightningIcon, CloudOffIcon, CloudRainIcon, CloudSnowIcon, CodeIcon, CodepenIcon, CodesandboxIcon, CoffeeIcon, ColumnsIcon, CommandIcon, CompassIcon, CopyIcon, CornerDownLeftIcon, CornerDownRightIcon, CornerLeftDownIcon, CornerLeftUpIcon, CornerRightDownIcon, CornerRightUpIcon, CornerUpLeftIcon, CornerUpRightIcon, CpuIcon, CreditCardIcon, CropIcon, CrosshairIcon, DatabaseIcon, DeleteIcon, DiscIcon, DivideCircleIcon, DivideIcon, DivideSquareIcon, DollarSignIcon, DownloadCloudIcon, DownloadIcon, DribbbleIcon, DropletIcon, Edit2Icon, Edit3Icon, EditIcon, ExternalLinkIcon, EyeIcon, EyeOffIcon, FacebookIcon, FastForwardIcon, FeatherIcon, FigmaIcon, FileIcon, FileMinusIcon, FilePlusIcon, FileSearchIcon, FileTextIcon, FilmIcon, FilterIcon, FlagIcon, FlaskConicalIcon, FolderIcon, FolderMinusIcon, FolderPlusIcon, FramerIcon, FrownIcon, GiftIcon, GitBranchIcon, GitCommitIcon, GithubIcon, GitlabIcon, GitMergeIcon, GitPullRequestIcon, GlobeIcon, HardDriveIcon, HashIcon, HeadphonesIcon, HeartIcon, HelpCircleIcon, HexagonIcon, HomeIcon, ImageIcon, ImageOffIcon, InboxIcon, InfoIcon, InstagramIcon, ItalicIcon, KeyIcon, Landmark, LayersIcon, LayoutGridIcon, LayoutIcon, LifeBuoyIcon, Link2Icon, LinkedinIcon, LinkIcon, ListIcon, LoaderIcon, LockIcon, LogInIcon, LogOutIcon, MailIcon, MapIcon, MapPinIcon, Maximize2Icon, MaximizeIcon, MehIcon, MenuIcon, MessageCircleIcon, MessageSquareIcon, MicIcon, MicOffIcon, Minimize2Icon, MinimizeIcon, MinusCircleIcon, MinusIcon, MinusSquareIcon, MonitorIcon, MoonIcon, MoreHorizontalIcon, MoreVerticalIcon, MousePointerIcon, MoveIcon, MusicIcon, Navigation2Icon, NavigationIcon, OctagonIcon, PackageIcon, PaperclipIcon, PauseCircleIcon, PauseIcon, PenToolIcon, PercentIcon, PhoneCallIcon, PhoneForwardedIcon, PhoneIcon, PhoneIncomingIcon, PhoneMissedIcon, PhoneOffIcon, PhoneOutgoingIcon, PieChartIcon, PlayCircleIcon, PlayIcon, PlusCircleIcon, PlusIcon, PlusSquareIcon, PocketIcon, PowerIcon, PrinterIcon, RadioIcon, RefreshCcwIcon, RefreshCwIcon, RepeatIcon, RewindIcon, RotateCcwIcon, RotateCwIcon, RssIcon, SaveIcon, ScissorsIcon, SearchIcon, SearchXIcon, SendIcon, ServerCogIcon, ServerCrashIcon, ServerIcon, SettingsIcon, Share2Icon, ShareIcon, ShieldIcon, ShieldOffIcon, ShoppingBagIcon, ShoppingCartIcon, ShuffleIcon, SidebarIcon, SkipBackIcon, SkipForwardIcon, SlackIcon, SlidersIcon, SmartphoneIcon, SmileIcon, SpeakerIcon, SquareIcon, StarIcon, StopCircleIcon, SunIcon, SunriseIcon, SunsetIcon, TableIcon, TabletIcon, TagIcon, TargetIcon, TerminalIcon, ThermometerIcon, ThumbsDownIcon, ThumbsUpIcon, ToggleLeftIcon, ToggleRightIcon, Trash2Icon, TrashIcon, TrelloIcon, TrendingDownIcon, TrendingUpIcon, TriangleIcon, TruckIcon, TvIcon, TwitchIcon, TwitterIcon, TypeIcon, UmbrellaIcon, UnderlineIcon, UnlockIcon, UploadCloudIcon, UploadIcon, UserCheckIcon, UserIcon, UserMinusIcon, UserPlusIcon, UsersIcon, UserXIcon, VideoIcon, VideoOffIcon, VoicemailIcon, Volume1Icon, Volume2Icon, VolumeIcon, VolumeXIcon, WatchIcon, WifiIcon, WifiOffIcon, WindIcon, WrenchIcon, XCircleIcon, XIcon, XOctagonIcon, XSquareIcon, YoutubeIcon, ZapIcon, ZapOffIcon, ZoomInIcon, ZoomOutIcon, } from "lucide-react";
20
+ export { ActivityIcon, AirplayIcon, AlertCircleIcon, AlertOctagonIcon, AlertTriangleIcon, AlignCenterIcon, AlignJustifyIcon, AlignLeftIcon, AlignRightIcon, AnchorIcon, ApertureIcon, ArchiveIcon, ArrowDownCircleIcon, ArrowDownIcon, ArrowDownLeftIcon, ArrowDownRightIcon, ArrowLeftCircleIcon, ArrowLeftIcon, ArrowRightCircleIcon, ArrowRightIcon, ArrowUpCircleIcon, ArrowUpIcon, ArrowUpLeftIcon, ArrowUpRightIcon, AtSignIcon, AwardIcon, BanIcon, BarChart2Icon, BarChartIcon, BatteryChargingIcon, BatteryIcon, BellIcon, BellOffIcon, BluetoothIcon, BoldIcon, BookIcon, BookmarkIcon, BookOpenIcon, BoxIcon, BriefcaseIcon, CalendarIcon, CameraIcon, CameraOffIcon, CastIcon, CheckCircleIcon, CheckIcon, CheckSquareIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronsDownIcon, ChevronsLeftIcon, ChevronsRightIcon, ChevronsUpIcon, ChevronUpIcon, ChromeIcon, CircleIcon, ClipboardIcon, ClockIcon, CloudDrizzleIcon, CloudIcon, CloudLightningIcon, CloudOffIcon, CloudRainIcon, CloudSnowIcon, CodeIcon, CodepenIcon, CodesandboxIcon, CoffeeIcon, ColumnsIcon, CommandIcon, CompassIcon, CopyIcon, CornerDownLeftIcon, CornerDownRightIcon, CornerLeftDownIcon, CornerLeftUpIcon, CornerRightDownIcon, CornerRightUpIcon, CornerUpLeftIcon, CornerUpRightIcon, CpuIcon, CreditCardIcon, CropIcon, CrosshairIcon, DatabaseIcon, DeleteIcon, DiscIcon, DivideCircleIcon, DivideIcon, DivideSquareIcon, DollarSignIcon, DownloadCloudIcon, DownloadIcon, DribbbleIcon, DropletIcon, Edit2Icon, Edit3Icon, EditIcon, ExternalLinkIcon, EyeIcon, EyeOffIcon, FacebookIcon, FastForwardIcon, FeatherIcon, FigmaIcon, FileIcon, FileMinusIcon, FilePlusIcon, FileSearchIcon, FileTextIcon, FilmIcon, FilterIcon, FlagIcon, FlaskConicalIcon, FolderIcon, FolderMinusIcon, FolderPlusIcon, FramerIcon, FrownIcon, GiftIcon, GitBranchIcon, GitCommitIcon, GithubIcon, GitlabIcon, GitMergeIcon, GitPullRequestIcon, GlobeIcon, HardDriveIcon, HashIcon, HeadphonesIcon, HeartIcon, HelpCircleIcon, HexagonIcon, HomeIcon, ImageIcon, ImageOffIcon, InboxIcon, InfoIcon, InstagramIcon, ItalicIcon, KeyIcon, Landmark, LayersIcon, LayoutGridIcon, LayoutIcon, LifeBuoyIcon, Link2Icon, LinkedinIcon, LinkIcon, ListIcon, LoaderIcon, LockIcon, LogInIcon, LogOutIcon, MailIcon, MapIcon, MapPinIcon, Maximize2Icon, MaximizeIcon, MehIcon, MenuIcon, MergeIcon, MessageCircleIcon, MessageSquareIcon, MicIcon, MicOffIcon, Minimize2Icon, MinimizeIcon, MinusCircleIcon, MinusIcon, MinusSquareIcon, MonitorIcon, MoonIcon, MoreHorizontalIcon, MoreVerticalIcon, MousePointerIcon, MoveIcon, MusicIcon, Navigation2Icon, NavigationIcon, OctagonIcon, PackageIcon, PaperclipIcon, PauseCircleIcon, PauseIcon, PenToolIcon, PercentIcon, PhoneCallIcon, PhoneForwardedIcon, PhoneIcon, PhoneIncomingIcon, PhoneMissedIcon, PhoneOffIcon, PhoneOutgoingIcon, PieChartIcon, PlayCircleIcon, PlayIcon, PlusCircleIcon, PlusIcon, PlusSquareIcon, PocketIcon, PowerIcon, PrinterIcon, RadioIcon, RefreshCcwIcon, RefreshCwIcon, RepeatIcon, RewindIcon, RotateCcwIcon, RotateCwIcon, RssIcon, SaveIcon, ScissorsIcon, SearchIcon, SearchXIcon, SendIcon, ServerCogIcon, ServerCrashIcon, ServerIcon, SettingsIcon, Share2Icon, ShareIcon, ShieldIcon, ShieldOffIcon, ShoppingBagIcon, ShoppingCartIcon, ShuffleIcon, SidebarIcon, SkipBackIcon, SkipForwardIcon, SlackIcon, SlidersIcon, SmartphoneIcon, SmileIcon, SpeakerIcon, SquareIcon, StarIcon, StopCircleIcon, SunIcon, SunriseIcon, SunsetIcon, TableIcon, TabletIcon, TagIcon, TargetIcon, TerminalIcon, ThermometerIcon, ThumbsDownIcon, ThumbsUpIcon, ToggleLeftIcon, ToggleRightIcon, Trash2Icon, TrashIcon, TrelloIcon, TrendingDownIcon, TrendingUpIcon, TriangleIcon, TruckIcon, TvIcon, TwitchIcon, TwitterIcon, TypeIcon, UmbrellaIcon, UnderlineIcon, UnlockIcon, UploadCloudIcon, UploadIcon, UserCheckIcon, UserIcon, UserMinusIcon, UserPlusIcon, UsersIcon, UserXIcon, VideoIcon, VideoOffIcon, VoicemailIcon, Volume1Icon, Volume2Icon, VolumeIcon, VolumeXIcon, WatchIcon, WifiIcon, WifiOffIcon, WindIcon, WrenchIcon, XCircleIcon, XIcon, XOctagonIcon, XSquareIcon, YoutubeIcon, ZapIcon, ZapOffIcon, ZoomInIcon, ZoomOutIcon, } from "lucide-react";
@@ -18,4 +18,4 @@ export { QueryBreakdownIcon } from "./QueryBreakdownIcon";
18
18
  export { BulbIcon } from "./BulbIcon";
19
19
  export { TestingIcon } from "./TestingIcon";
20
20
  export { RocketIcon } from "./RocketIcon";
21
- export { ActivityIcon, AirplayIcon, AlertCircleIcon, AlertOctagonIcon, AlertTriangleIcon, AlignCenterIcon, AlignJustifyIcon, AlignLeftIcon, AlignRightIcon, AnchorIcon, ApertureIcon, ArchiveIcon, ArrowDownCircleIcon, ArrowDownIcon, ArrowDownLeftIcon, ArrowDownRightIcon, ArrowLeftCircleIcon, ArrowLeftIcon, ArrowRightCircleIcon, ArrowRightIcon, ArrowUpCircleIcon, ArrowUpIcon, ArrowUpLeftIcon, ArrowUpRightIcon, AtSignIcon, AwardIcon, BanIcon, BarChart2Icon, BarChartIcon, BatteryChargingIcon, BatteryIcon, BellIcon, BellOffIcon, BluetoothIcon, BoldIcon, BookIcon, BookmarkIcon, BookOpenIcon, BoxIcon, BriefcaseIcon, CalendarIcon, CameraIcon, CameraOffIcon, CastIcon, CheckCircleIcon, CheckIcon, CheckSquareIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronsDownIcon, ChevronsLeftIcon, ChevronsRightIcon, ChevronsUpIcon, ChevronUpIcon, ChromeIcon, CircleIcon, ClipboardIcon, ClockIcon, CloudDrizzleIcon, CloudIcon, CloudLightningIcon, CloudOffIcon, CloudRainIcon, CloudSnowIcon, CodeIcon, CodepenIcon, CodesandboxIcon, CoffeeIcon, ColumnsIcon, CommandIcon, CompassIcon, CopyIcon, CornerDownLeftIcon, CornerDownRightIcon, CornerLeftDownIcon, CornerLeftUpIcon, CornerRightDownIcon, CornerRightUpIcon, CornerUpLeftIcon, CornerUpRightIcon, CpuIcon, CreditCardIcon, CropIcon, CrosshairIcon, DatabaseIcon, DeleteIcon, DiscIcon, DivideCircleIcon, DivideIcon, DivideSquareIcon, DollarSignIcon, DownloadCloudIcon, DownloadIcon, DribbbleIcon, DropletIcon, Edit2Icon, Edit3Icon, EditIcon, ExternalLinkIcon, EyeIcon, EyeOffIcon, FacebookIcon, FastForwardIcon, FeatherIcon, FigmaIcon, FileIcon, FileMinusIcon, FilePlusIcon, FileSearchIcon, FileTextIcon, FilmIcon, FilterIcon, FlagIcon, FlaskConicalIcon, FolderIcon, FolderMinusIcon, FolderPlusIcon, FramerIcon, FrownIcon, GiftIcon, GitBranchIcon, GitCommitIcon, GithubIcon, GitlabIcon, GitMergeIcon, GitPullRequestIcon, GlobeIcon, HardDriveIcon, HashIcon, HeadphonesIcon, HeartIcon, HelpCircleIcon, HexagonIcon, HomeIcon, ImageIcon, ImageOffIcon, InboxIcon, InfoIcon, InstagramIcon, ItalicIcon, KeyIcon, Landmark, LayersIcon, LayoutGridIcon, LayoutIcon, LifeBuoyIcon, Link2Icon, LinkedinIcon, LinkIcon, ListIcon, LoaderIcon, LockIcon, LogInIcon, LogOutIcon, MailIcon, MapIcon, MapPinIcon, Maximize2Icon, MaximizeIcon, MehIcon, MenuIcon, MessageCircleIcon, MessageSquareIcon, MicIcon, MicOffIcon, Minimize2Icon, MinimizeIcon, MinusCircleIcon, MinusIcon, MinusSquareIcon, MonitorIcon, MoonIcon, MoreHorizontalIcon, MoreVerticalIcon, MousePointerIcon, MoveIcon, MusicIcon, Navigation2Icon, NavigationIcon, OctagonIcon, PackageIcon, PaperclipIcon, PauseCircleIcon, PauseIcon, PenToolIcon, PercentIcon, PhoneCallIcon, PhoneForwardedIcon, PhoneIcon, PhoneIncomingIcon, PhoneMissedIcon, PhoneOffIcon, PhoneOutgoingIcon, PieChartIcon, PlayCircleIcon, PlayIcon, PlusCircleIcon, PlusIcon, PlusSquareIcon, PocketIcon, PowerIcon, PrinterIcon, RadioIcon, RefreshCcwIcon, RefreshCwIcon, RepeatIcon, RewindIcon, RotateCcwIcon, RotateCwIcon, RssIcon, SaveIcon, ScissorsIcon, SearchIcon, SearchXIcon, SendIcon, ServerCogIcon, ServerCrashIcon, ServerIcon, SettingsIcon, Share2Icon, ShareIcon, ShieldIcon, ShieldOffIcon, ShoppingBagIcon, ShoppingCartIcon, ShuffleIcon, SidebarIcon, SkipBackIcon, SkipForwardIcon, SlackIcon, SlidersIcon, SmartphoneIcon, SmileIcon, SpeakerIcon, SquareIcon, StarIcon, StopCircleIcon, SunIcon, SunriseIcon, SunsetIcon, TableIcon, TabletIcon, TagIcon, TargetIcon, TerminalIcon, ThermometerIcon, ThumbsDownIcon, ThumbsUpIcon, ToggleLeftIcon, ToggleRightIcon, Trash2Icon, TrashIcon, TrelloIcon, TrendingDownIcon, TrendingUpIcon, TriangleIcon, TruckIcon, TvIcon, TwitchIcon, TwitterIcon, TypeIcon, UmbrellaIcon, UnderlineIcon, UnlockIcon, UploadCloudIcon, UploadIcon, UserCheckIcon, UserIcon, UserMinusIcon, UserPlusIcon, UsersIcon, UserXIcon, VideoIcon, VideoOffIcon, VoicemailIcon, Volume1Icon, Volume2Icon, VolumeIcon, VolumeXIcon, WatchIcon, WifiIcon, WifiOffIcon, WindIcon, WrenchIcon, XCircleIcon, XIcon, XOctagonIcon, XSquareIcon, YoutubeIcon, ZapIcon, ZapOffIcon, ZoomInIcon, ZoomOutIcon } from "lucide-react";
21
+ export { ActivityIcon, AirplayIcon, AlertCircleIcon, AlertOctagonIcon, AlertTriangleIcon, AlignCenterIcon, AlignJustifyIcon, AlignLeftIcon, AlignRightIcon, AnchorIcon, ApertureIcon, ArchiveIcon, ArrowDownCircleIcon, ArrowDownIcon, ArrowDownLeftIcon, ArrowDownRightIcon, ArrowLeftCircleIcon, ArrowLeftIcon, ArrowRightCircleIcon, ArrowRightIcon, ArrowUpCircleIcon, ArrowUpIcon, ArrowUpLeftIcon, ArrowUpRightIcon, AtSignIcon, AwardIcon, BanIcon, BarChart2Icon, BarChartIcon, BatteryChargingIcon, BatteryIcon, BellIcon, BellOffIcon, BluetoothIcon, BoldIcon, BookIcon, BookmarkIcon, BookOpenIcon, BoxIcon, BriefcaseIcon, CalendarIcon, CameraIcon, CameraOffIcon, CastIcon, CheckCircleIcon, CheckIcon, CheckSquareIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronsDownIcon, ChevronsLeftIcon, ChevronsRightIcon, ChevronsUpIcon, ChevronUpIcon, ChromeIcon, CircleIcon, ClipboardIcon, ClockIcon, CloudDrizzleIcon, CloudIcon, CloudLightningIcon, CloudOffIcon, CloudRainIcon, CloudSnowIcon, CodeIcon, CodepenIcon, CodesandboxIcon, CoffeeIcon, ColumnsIcon, CommandIcon, CompassIcon, CopyIcon, CornerDownLeftIcon, CornerDownRightIcon, CornerLeftDownIcon, CornerLeftUpIcon, CornerRightDownIcon, CornerRightUpIcon, CornerUpLeftIcon, CornerUpRightIcon, CpuIcon, CreditCardIcon, CropIcon, CrosshairIcon, DatabaseIcon, DeleteIcon, DiscIcon, DivideCircleIcon, DivideIcon, DivideSquareIcon, DollarSignIcon, DownloadCloudIcon, DownloadIcon, DribbbleIcon, DropletIcon, Edit2Icon, Edit3Icon, EditIcon, ExternalLinkIcon, EyeIcon, EyeOffIcon, FacebookIcon, FastForwardIcon, FeatherIcon, FigmaIcon, FileIcon, FileMinusIcon, FilePlusIcon, FileSearchIcon, FileTextIcon, FilmIcon, FilterIcon, FlagIcon, FlaskConicalIcon, FolderIcon, FolderMinusIcon, FolderPlusIcon, FramerIcon, FrownIcon, GiftIcon, GitBranchIcon, GitCommitIcon, GithubIcon, GitlabIcon, GitMergeIcon, GitPullRequestIcon, GlobeIcon, HardDriveIcon, HashIcon, HeadphonesIcon, HeartIcon, HelpCircleIcon, HexagonIcon, HomeIcon, ImageIcon, ImageOffIcon, InboxIcon, InfoIcon, InstagramIcon, ItalicIcon, KeyIcon, Landmark, LayersIcon, LayoutGridIcon, LayoutIcon, LifeBuoyIcon, Link2Icon, LinkedinIcon, LinkIcon, ListIcon, LoaderIcon, LockIcon, LogInIcon, LogOutIcon, MailIcon, MapIcon, MapPinIcon, Maximize2Icon, MaximizeIcon, MehIcon, MenuIcon, MergeIcon, MessageCircleIcon, MessageSquareIcon, MicIcon, MicOffIcon, Minimize2Icon, MinimizeIcon, MinusCircleIcon, MinusIcon, MinusSquareIcon, MonitorIcon, MoonIcon, MoreHorizontalIcon, MoreVerticalIcon, MousePointerIcon, MoveIcon, MusicIcon, Navigation2Icon, NavigationIcon, OctagonIcon, PackageIcon, PaperclipIcon, PauseCircleIcon, PauseIcon, PenToolIcon, PercentIcon, PhoneCallIcon, PhoneForwardedIcon, PhoneIcon, PhoneIncomingIcon, PhoneMissedIcon, PhoneOffIcon, PhoneOutgoingIcon, PieChartIcon, PlayCircleIcon, PlayIcon, PlusCircleIcon, PlusIcon, PlusSquareIcon, PocketIcon, PowerIcon, PrinterIcon, RadioIcon, RefreshCcwIcon, RefreshCwIcon, RepeatIcon, RewindIcon, RotateCcwIcon, RotateCwIcon, RssIcon, SaveIcon, ScissorsIcon, SearchIcon, SearchXIcon, SendIcon, ServerCogIcon, ServerCrashIcon, ServerIcon, SettingsIcon, Share2Icon, ShareIcon, ShieldIcon, ShieldOffIcon, ShoppingBagIcon, ShoppingCartIcon, ShuffleIcon, SidebarIcon, SkipBackIcon, SkipForwardIcon, SlackIcon, SlidersIcon, SmartphoneIcon, SmileIcon, SpeakerIcon, SquareIcon, StarIcon, StopCircleIcon, SunIcon, SunriseIcon, SunsetIcon, TableIcon, TabletIcon, TagIcon, TargetIcon, TerminalIcon, ThermometerIcon, ThumbsDownIcon, ThumbsUpIcon, ToggleLeftIcon, ToggleRightIcon, Trash2Icon, TrashIcon, TrelloIcon, TrendingDownIcon, TrendingUpIcon, TriangleIcon, TruckIcon, TvIcon, TwitchIcon, TwitterIcon, TypeIcon, UmbrellaIcon, UnderlineIcon, UnlockIcon, UploadCloudIcon, UploadIcon, UserCheckIcon, UserIcon, UserMinusIcon, UserPlusIcon, UsersIcon, UserXIcon, VideoIcon, VideoOffIcon, VoicemailIcon, Volume1Icon, Volume2Icon, VolumeIcon, VolumeXIcon, WatchIcon, WifiIcon, WifiOffIcon, WindIcon, WrenchIcon, XCircleIcon, XIcon, XOctagonIcon, XSquareIcon, YoutubeIcon, ZapIcon, ZapOffIcon, ZoomInIcon, ZoomOutIcon } from "lucide-react";
@@ -23,8 +23,7 @@ var useScrollIndicators = function useScrollIndicators() {
23
23
  setElement = _useState2[1];
24
24
  var setScrollIndicatorsRef = useCallback(function (element) {
25
25
  setElement(element);
26
- // Types are wrong, a ref callback must be able to accept null
27
- // @ts-ignore
26
+ // @ts-expect-error Types are wrong, a ref callback must be able to accept null
28
27
  setMeasureRef(element);
29
28
  }, [setMeasureRef]);
30
29
  var fakeScrollRef = useMemo(function () {
@@ -53,5 +53,5 @@ export declare type DataTableProps<Item> = BaseDataTableProps<Item> & (DataTable
53
53
  *
54
54
  * See the [Data Table documentation page](https://satellite.algolia.com/layouts/data-table) for more information.
55
55
  */
56
- export declare const DataTable: <Item extends {}>({ data, itemId, columns, onChange, mode, status, noDataContent, errorContent, sorting, sortMode, pagination, selectMode, selection, onSelectionChange, canSelectItem, canHoverRow, onRowHoveredChanged, locale, }: DataTableProps<Item>) => import("react/jsx-runtime").JSX.Element;
56
+ export declare const DataTable: <Item extends object>({ data, itemId, columns, onChange, mode, status, noDataContent, errorContent, sorting, sortMode, pagination, selectMode, selection, onSelectionChange, canSelectItem, canHoverRow, onRowHoveredChanged, locale, }: DataTableProps<Item>) => import("react/jsx-runtime").JSX.Element;
57
57
  export {};
@@ -11,4 +11,4 @@ export interface DataTableBodyProps<Item> extends Pick<DataTableProps<Item>, "se
11
11
  selectMode: SelectMode;
12
12
  locale: Required<DataTableLocale>;
13
13
  }
14
- export declare const DataTableBody: <Item extends {}>({ rows, columns, status, noDataContent, errorContent, selectMode, selection, onSelectionChange, onRowHoverChange, canHoverRow, locale, }: DataTableBodyProps<Item>) => import("react/jsx-runtime").JSX.Element;
14
+ export declare const DataTableBody: <Item extends object>({ rows, columns, status, noDataContent, errorContent, selectMode, selection, onSelectionChange, onRowHoverChange, canHoverRow, locale, }: DataTableBodyProps<Item>) => import("react/jsx-runtime").JSX.Element;
@@ -5,4 +5,4 @@ export interface DataTableHeaderProps<Item> {
5
5
  onToggleSort: (columnId: string, direction: SortingDirection) => void;
6
6
  disabled?: boolean;
7
7
  }
8
- export declare const DataTableHeader: <Item extends {}>({ columns, sorting, onToggleSort, disabled, }: DataTableHeaderProps<Item>) => import("react/jsx-runtime").JSX.Element;
8
+ export declare const DataTableHeader: <Item extends object>({ columns, sorting, onToggleSort, disabled, }: DataTableHeaderProps<Item>) => import("react/jsx-runtime").JSX.Element;
@@ -8,4 +8,4 @@ export interface DataTableHeaderCellProps<Item> extends HTMLAttributes<HTMLTable
8
8
  onToggleSort: (columnId: string, sortingDirection: SortingDirection) => void;
9
9
  children: ReactNode;
10
10
  }
11
- export declare const DataTableHeaderCell: <Item extends {}>({ sortingDirection, onToggleSort, column: { id, className, sort }, disabled, children, ...props }: DataTableHeaderCellProps<Item>) => import("react/jsx-runtime").JSX.Element;
11
+ export declare const DataTableHeaderCell: <Item extends object>({ sortingDirection, onToggleSort, column: { id, className, sort }, disabled, children, ...props }: DataTableHeaderCellProps<Item>) => import("react/jsx-runtime").JSX.Element;
@@ -1,4 +1,4 @@
1
1
  import type { AdvancedColumnDefinition, DeterminatePagination, IndeterminatePagination, PaginationConfiguration, Row } from "./types";
2
2
  export declare const isDeterminatePagination: (pagination: PaginationConfiguration) => pagination is DeterminatePagination;
3
3
  export declare const isIndeterminatePagination: (pagination: PaginationConfiguration) => pagination is IndeterminatePagination;
4
- export declare const getCellValue: <Item extends {}>(column: AdvancedColumnDefinition<Item>, row: Row<Item>) => any;
4
+ export declare const getCellValue: <Item extends object>(column: AdvancedColumnDefinition<Item>, row: Row<Item>) => any;
@@ -2,7 +2,7 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
2
2
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
3
3
  import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
4
4
  var _excluded = ["className", "index", "icon", "label", "name", "completed", "disabled"];
5
- var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29;
5
+ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29, _templateObject30, _templateObject31;
6
6
  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; }
7
7
  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; }
8
8
  import cx from "clsx";
@@ -56,6 +56,7 @@ export var Step = function Step(_ref) {
56
56
  var activeLocale = typeof locale.activeStep === "function" ? locale.activeStep(stepName) : locale.activeStep;
57
57
  var completedLocale = typeof locale.completedStep === "function" ? locale.completedStep(stepName) : locale.completedStep;
58
58
  var incompletedLocale = typeof locale.incompletedStep === "function" ? locale.incompletedStep(stepName) : locale.incompletedStep;
59
+ var isVertical = context.orientation === "vertical";
59
60
  var Icon = CustomIcon;
60
61
  if (completed) {
61
62
  Icon = CheckIconInternal;
@@ -71,7 +72,7 @@ export var Step = function Step(_ref) {
71
72
  "aria-label": disabled ? disabledLocale : active ? activeLocale : completed ? completedLocale : incompletedLocale,
72
73
  "aria-current": active ? "step" : undefined,
73
74
  disabled: disabled,
74
- tabIndex: index === context.activeStep ? 0 : -1,
75
+ tabIndex: index === context.focusedStep ? 0 : -1,
75
76
  "data-step-idx": index,
76
77
  onClick: function onClick() {
77
78
  var _context$onStepChange;
@@ -89,20 +90,20 @@ export var Step = function Step(_ref) {
89
90
  }
90
91
  },
91
92
  children: [context.connectors && /*#__PURE__*/_jsx("span", {
92
- className: cx(stl(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["absolute -z-10 border-l h-full group-last/step:hidden"]))), completed ? stl(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["border-green-600"]))) : stl(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["border-grey-200"]))), CONNECTOR_SIZE_CLASSNAMES[context.size])
93
+ className: cx(stl(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["absolute -z-10 group-last/step:hidden"]))), isVertical ? stl(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["border-l h-full"]))) : stl(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["border-t w-4 -right-px translate-x-full"]))), completed ? stl(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["border-green-600"]))) : stl(_templateObject21 || (_templateObject21 = _taggedTemplateLiteral(["border-grey-200"]))), isVertical && CONNECTOR_SIZE_CLASSNAMES[context.size])
93
94
  }), /*#__PURE__*/_jsx("span", {
94
- className: cx(stl(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["rounded-full flex items-center justify-center shrink-0 text-sm"]))), !active && !completed && stl(_templateObject21 || (_templateObject21 = _taggedTemplateLiteral(["bg-grey-100"]))), !active && !completed && !disabled && stl(_templateObject22 || (_templateObject22 = _taggedTemplateLiteral(["group-hover/button:bg-white"]))), active && !completed && stl(_templateObject23 || (_templateObject23 = _taggedTemplateLiteral(["bg-grey-800 text-white"]))), completed && stl(_templateObject24 || (_templateObject24 = _taggedTemplateLiteral(["bg-green-600 text-white"]))), ICON_SIZE_CLASSNAMES[context.size]),
95
+ className: cx(stl(_templateObject22 || (_templateObject22 = _taggedTemplateLiteral(["rounded-full flex items-center justify-center shrink-0 text-sm"]))), !active && !completed && stl(_templateObject23 || (_templateObject23 = _taggedTemplateLiteral(["bg-grey-100"]))), !active && !completed && !disabled && stl(_templateObject24 || (_templateObject24 = _taggedTemplateLiteral(["group-hover/button:bg-white"]))), active && !completed && stl(_templateObject25 || (_templateObject25 = _taggedTemplateLiteral(["bg-grey-800 text-white"]))), completed && stl(_templateObject26 || (_templateObject26 = _taggedTemplateLiteral(["bg-green-600 text-white"]))), ICON_SIZE_CLASSNAMES[context.size]),
95
96
  children: Icon ? /*#__PURE__*/_jsx(Icon, {
96
97
  width: ICON_SIZE[context.size],
97
98
  height: ICON_SIZE[context.size]
98
99
  }) : index + 1
99
100
  }), /*#__PURE__*/_jsxs("div", {
100
- className: cx(disabled && stl(_templateObject25 || (_templateObject25 = _taggedTemplateLiteral(["text-grey-300"])))),
101
+ className: cx(disabled && stl(_templateObject27 || (_templateObject27 = _taggedTemplateLiteral(["text-grey-300"])))),
101
102
  children: [!!label && /*#__PURE__*/_jsx("div", {
102
- className: stl(_templateObject26 || (_templateObject26 = _taggedTemplateLiteral(["text-sm line-clamp-1"]))),
103
+ className: stl(_templateObject28 || (_templateObject28 = _taggedTemplateLiteral(["text-sm line-clamp-1"]))),
103
104
  children: label
104
105
  }), /*#__PURE__*/_jsx("div", {
105
- className: cx(stl(_templateObject27 || (_templateObject27 = _taggedTemplateLiteral(["text-base line-clamp-2"]))), (completed || active) && stl(_templateObject28 || (_templateObject28 = _taggedTemplateLiteral(["text-grey-900"]))), context.size === "small" && stl(_templateObject29 || (_templateObject29 = _taggedTemplateLiteral(["text-sm"])))),
106
+ className: cx(stl(_templateObject29 || (_templateObject29 = _taggedTemplateLiteral(["text-base line-clamp-2"]))), (completed || active) && stl(_templateObject30 || (_templateObject30 = _taggedTemplateLiteral(["text-grey-900"]))), context.size === "small" && stl(_templateObject31 || (_templateObject31 = _taggedTemplateLiteral(["text-sm"])))),
106
107
  children: name
107
108
  })]
108
109
  })]
@@ -7,6 +7,7 @@ export declare type StepperLocale = {
7
7
  completedStep?: string | ((stepName: string) => string);
8
8
  };
9
9
  export declare type StepperSizes = "small" | "default" | "large";
10
+ export declare type StepperOrientation = "horizontal" | "vertical";
10
11
  export interface StepperProps extends Omit<HTMLAttributes<HTMLDivElement>, "children"> {
11
12
  /**
12
13
  * Defines the steps of the Stepper.
@@ -27,6 +28,11 @@ export interface StepperProps extends Omit<HTMLAttributes<HTMLDivElement>, "chil
27
28
  * @default "default"
28
29
  */
29
30
  size?: StepperSizes;
31
+ /**
32
+ * Defines the orientation of the Stepper.
33
+ * @default "vertical"
34
+ */
35
+ orientation?: StepperOrientation;
30
36
  /**
31
37
  * Defines whether the connectors should be displayed.
32
38
  * @default true
@@ -2,8 +2,8 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
2
2
  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
- var _templateObject;
6
- var _excluded = ["steps", "activeStep", "onStepChange", "size", "connectors", "locale", "className"];
5
+ var _templateObject, _templateObject2, _templateObject3;
6
+ var _excluded = ["steps", "activeStep", "onStepChange", "size", "orientation", "connectors", "locale", "className"];
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 cx from "clsx";
@@ -34,6 +34,8 @@ export var Stepper = function Stepper(_ref) {
34
34
  _onStepChange = _ref.onStepChange,
35
35
  _ref$size = _ref.size,
36
36
  size = _ref$size === void 0 ? "default" : _ref$size,
37
+ _ref$orientation = _ref.orientation,
38
+ orientation = _ref$orientation === void 0 ? "vertical" : _ref$orientation,
37
39
  _ref$connectors = _ref.connectors,
38
40
  connectors = _ref$connectors === void 0 ? true : _ref$connectors,
39
41
  propsLocale = _ref.locale,
@@ -80,6 +82,7 @@ export var Stepper = function Stepper(_ref) {
80
82
  activeStep: activeStep,
81
83
  focusedStep: focusedStep,
82
84
  size: size,
85
+ orientation: orientation,
83
86
  connectors: connectors,
84
87
  locale: locale,
85
88
  onStepChange: function onStepChange(index) {
@@ -96,11 +99,14 @@ export var Stepper = function Stepper(_ref) {
96
99
  className: cx(className),
97
100
  children: /*#__PURE__*/_jsx("ol", {
98
101
  role: "presentation",
99
- className: stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["flex flex-col isolate"]))),
102
+ className: cx(stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["flex isolate"]))), orientation === "vertical" ? stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["flex-col"]))) : stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["gap-0"])))),
100
103
  ref: containerRef,
101
104
  onFocus: function onFocus() {
102
105
  setFocusedStep(activeStep);
103
106
  },
107
+ onBlur: function onBlur() {
108
+ setFocusedStep(activeStep);
109
+ },
104
110
  onKeyDown: function onKeyDown(event) {
105
111
  switch (event.key) {
106
112
  case "ArrowLeft":
@@ -1,9 +1,10 @@
1
1
  /// <reference types="react" />
2
- import type { StepperLocale, StepperSizes } from "./Stepper";
2
+ import type { StepperLocale, StepperOrientation, StepperSizes } from "./Stepper";
3
3
  export declare type StepperContextType = {
4
4
  activeStep: number;
5
5
  focusedStep: number;
6
6
  size: StepperSizes;
7
+ orientation: StepperOrientation;
7
8
  connectors: boolean;
8
9
  locale: StepperLocale;
9
10
  onStepChange?: (index: number) => void;
@@ -1,6 +1,6 @@
1
1
  /// <reference types="react" />
2
2
  export interface DropdownContextInterface {
3
- showMenu(show: boolean): void;
3
+ showMenu: (show: boolean) => void;
4
4
  }
5
5
  export declare const DropdownContext: import("react").Context<DropdownContextInterface | null>;
6
6
  export declare const useDropdownContext: () => DropdownContextInterface;
@@ -1,7 +1,7 @@
1
1
  /// <reference types="react" />
2
2
  export interface DropdownCollapsibleItemsGroupContextInterface {
3
3
  expandedItems: readonly string[];
4
- onItemClick(name: string): void;
4
+ onItemClick: (name: string) => void;
5
5
  }
6
6
  export declare const DropdownCollapsibleItemsGroupContext: import("react").Context<DropdownCollapsibleItemsGroupContextInterface | null>;
7
7
  /** @deprecated */
@@ -1,7 +1,7 @@
1
1
  /// <reference types="react" />
2
2
  export interface CollapsibleItemsGroupContextInterface {
3
3
  expandedItems: readonly string[];
4
- onItemClick(name: string): void;
4
+ onItemClick: (name: string) => void;
5
5
  }
6
6
  export declare const CollapsibleItemsGroupContext: import("react").Context<CollapsibleItemsGroupContextInterface | null>;
7
7
  export declare const useCollapsibleItemsGroup: () => CollapsibleItemsGroupContextInterface;
@@ -44,7 +44,7 @@ export declare type ModalProps = XOR<ModalControlledProps, ModalUncontrolledProp
44
44
  * The element that should receive focus once the `Modal` is opened.
45
45
  * If unspecified, the first focusable element will be focused.
46
46
  * If an element is passed, it will be focused.
47
- * If 'skip' is passed, the close button will be focused if present, with a fallback on the dialog element itself.
47
+ * If 'skipContent' is passed, the close button will be focused if present, with a fallback on the dialog element itself.
48
48
  */
49
49
  autoFocusOnOpenElement?: HTMLElement | null | "skipContent";
50
50
  children: ReactNode;
@@ -55,6 +55,7 @@ export var Popover = function Popover(_ref) {
55
55
  }, []);
56
56
  var isControlled = typeof open !== "undefined";
57
57
  var triggerRef = useRef(null);
58
+ var closeButtonRef = useRef(null);
58
59
  var createPortal = useCreatePortal();
59
60
  if (children.type === Fragment) {
60
61
  throw new Error("Popover component doesn't accept a Fragment as a child.");
@@ -81,6 +82,10 @@ export var Popover = function Popover(_ref) {
81
82
  onOpenAutoFocus: function onOpenAutoFocus(e) {
82
83
  if (autoFocusOnOpenElement === false) {
83
84
  e.preventDefault();
85
+ } else if (autoFocusOnOpenElement === "skipContent") {
86
+ var _closeButtonRef$curre;
87
+ e.preventDefault();
88
+ (_closeButtonRef$curre = closeButtonRef.current) === null || _closeButtonRef$curre === void 0 || _closeButtonRef$curre.focus();
84
89
  } else if (autoFocusOnOpenElement instanceof HTMLElement) {
85
90
  e.preventDefault();
86
91
  autoFocusOnOpenElement.focus();
@@ -114,6 +119,7 @@ export var Popover = function Popover(_ref) {
114
119
  className: stl(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["mt-2"]))),
115
120
  children: footer
116
121
  }), /*#__PURE__*/_jsx(PopoverPrimitive.Close, {
122
+ ref: closeButtonRef,
117
123
  className: stl(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["absolute top-2 right-2"]))),
118
124
  asChild: true,
119
125
  children: /*#__PURE__*/_jsx(IconButton, {
@@ -63,10 +63,12 @@ export interface PopoverProps extends Omit<HTMLAttributes<HTMLDivElement>, "titl
63
63
  avoidCollisions?: boolean;
64
64
  /**
65
65
  * The element that should receive focus once the `Popover` is opened.
66
- * If `undefined` or `null` is passed, the first focusable element will be focused.
67
- * If `false`, no element will be focused.
66
+ * If unspecified, the first focusable element will be focused.
67
+ * If an element is passed, it will be focused.
68
+ * If `false`, no element will be focused automatically for you. You should manage focus yourself.
69
+ * If 'skipContent' is passed, the close button will be focused.
68
70
  */
69
- autoFocusOnOpenElement?: HTMLElement | null | false;
71
+ autoFocusOnOpenElement?: HTMLElement | null | false | "skipContent";
70
72
  /**
71
73
  * Defines the locale of the `Popover`.
72
74
  */
@@ -1,6 +1,6 @@
1
- function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
2
- function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
3
- function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
1
+ function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
2
+ function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
3
+ function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
4
4
  import _prefixTailwindClassName from "./prefixTailwindClassName";
5
5
  // @ts-check
6
6
  var prefixTailwindClassName = _prefixTailwindClassName;
@@ -5,15 +5,16 @@ import { useCallback } from "react";
5
5
  */
6
6
  export var useTriggerInputChange = function useTriggerInputChange(inputRef) {
7
7
  var triggerInputChange = useCallback(function (value) {
8
+ var _Object$getOwnPropert;
8
9
  var input = inputRef.current;
9
10
  if (!input) return;
10
11
 
11
- // @ts-ignore
12
- var nativeInputValueSetter = Object.getOwnPropertyDescriptor(HTMLInputElement.prototype, "value").set;
12
+ // eslint-disable-next-line @typescript-eslint/unbound-method
13
+ var nativeInputValueSetter = (_Object$getOwnPropert = Object.getOwnPropertyDescriptor(HTMLInputElement.prototype, "value")) === null || _Object$getOwnPropert === void 0 ? void 0 : _Object$getOwnPropert.set;
13
14
  var ev2 = new Event("input", {
14
15
  bubbles: true
15
16
  });
16
- nativeInputValueSetter.call(input, value);
17
+ nativeInputValueSetter === null || nativeInputValueSetter === void 0 || nativeInputValueSetter.call(input, value);
17
18
  input.dispatchEvent(ev2);
18
19
  }, [inputRef]);
19
20
  return triggerInputChange;