@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.
- package/dist/cjs/Actions/Button/PolymorphicButton.js +2 -2
- package/dist/cjs/Actions/Button/PolymorphicIconButton.js +2 -2
- package/dist/cjs/Actions/Button/types.d.ts +2 -2
- package/dist/cjs/Fields/AutoComplete/AutoComplete.js +15 -15
- package/dist/cjs/Fields/DatePicker/components/Calendar.js +1 -4
- package/dist/cjs/Fields/Field/Field.js +11 -1
- package/dist/cjs/Fields/Field/FieldContext.d.ts +1 -0
- package/dist/cjs/Fields/Field/useField.d.ts +2 -1
- package/dist/cjs/Fields/Field/useField.js +7 -2
- package/dist/cjs/Fields/Form/stories/ExtraErrors.js +6 -19
- package/dist/cjs/Fields/Form/stories/MultiStep.js +13 -35
- package/dist/cjs/Fields/Form/stories/ValidationStrategies.js +13 -30
- package/dist/cjs/Fields/RangeSlider/RangeSlider.js +7 -8
- package/dist/cjs/Helpers/Separator/Separator.js +1 -4
- package/dist/cjs/Icons/index.d.ts +1 -1
- package/dist/cjs/Icons/index.js +6 -0
- package/dist/cjs/Indicators/ScrollIndicator/ScrollIndicator.js +1 -2
- package/dist/cjs/Layout/Tables/DataTable/DataTable.d.ts +1 -1
- package/dist/cjs/Layout/Tables/DataTable/components/Body.d.ts +1 -1
- package/dist/cjs/Layout/Tables/DataTable/components/Header.d.ts +1 -1
- package/dist/cjs/Layout/Tables/DataTable/components/HeaderCell.d.ts +1 -1
- package/dist/cjs/Layout/Tables/DataTable/utils.d.ts +1 -1
- package/dist/cjs/Navigation/Stepper/Step.js +8 -7
- package/dist/cjs/Navigation/Stepper/Stepper.d.ts +6 -0
- package/dist/cjs/Navigation/Stepper/Stepper.js +9 -3
- package/dist/cjs/Navigation/Stepper/StepperContext.d.ts +2 -1
- package/dist/cjs/Overlay/Dropdown/DropdownContext.d.ts +1 -1
- package/dist/cjs/Overlay/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsGroupContext.d.ts +1 -1
- package/dist/cjs/Overlay/MenuButton/components/collapsible/CollapsibleItemsGroupContext.d.ts +1 -1
- package/dist/cjs/Overlay/Modal/Modal.d.ts +1 -1
- package/dist/cjs/Overlay/Popover/Popover.js +6 -0
- package/dist/cjs/Overlay/Popover/types.d.ts +5 -3
- package/dist/cjs/styles/helpers/makePurgeCssExtractor.js +3 -3
- package/dist/cjs/utils/useTriggerInputChange.js +4 -3
- package/dist/esm/Actions/Button/PolymorphicButton.js +2 -2
- package/dist/esm/Actions/Button/PolymorphicIconButton.js +2 -2
- package/dist/esm/Actions/Button/types.d.ts +2 -2
- package/dist/esm/Fields/AutoComplete/AutoComplete.js +15 -15
- package/dist/esm/Fields/DatePicker/components/Calendar.js +1 -4
- package/dist/esm/Fields/Field/Field.js +11 -1
- package/dist/esm/Fields/Field/FieldContext.d.ts +1 -0
- package/dist/esm/Fields/Field/useField.d.ts +2 -1
- package/dist/esm/Fields/Field/useField.js +7 -2
- package/dist/esm/Fields/Form/stories/ExtraErrors.js +6 -19
- package/dist/esm/Fields/Form/stories/MultiStep.js +13 -35
- package/dist/esm/Fields/Form/stories/ValidationStrategies.js +13 -30
- package/dist/esm/Fields/RangeSlider/RangeSlider.js +8 -9
- package/dist/esm/Helpers/Separator/Separator.js +1 -4
- package/dist/esm/Icons/index.d.ts +1 -1
- package/dist/esm/Icons/index.js +1 -1
- package/dist/esm/Indicators/ScrollIndicator/ScrollIndicator.js +1 -2
- package/dist/esm/Layout/Tables/DataTable/DataTable.d.ts +1 -1
- package/dist/esm/Layout/Tables/DataTable/components/Body.d.ts +1 -1
- package/dist/esm/Layout/Tables/DataTable/components/Header.d.ts +1 -1
- package/dist/esm/Layout/Tables/DataTable/components/HeaderCell.d.ts +1 -1
- package/dist/esm/Layout/Tables/DataTable/utils.d.ts +1 -1
- package/dist/esm/Navigation/Stepper/Step.js +8 -7
- package/dist/esm/Navigation/Stepper/Stepper.d.ts +6 -0
- package/dist/esm/Navigation/Stepper/Stepper.js +9 -3
- package/dist/esm/Navigation/Stepper/StepperContext.d.ts +2 -1
- package/dist/esm/Overlay/Dropdown/DropdownContext.d.ts +1 -1
- package/dist/esm/Overlay/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsGroupContext.d.ts +1 -1
- package/dist/esm/Overlay/MenuButton/components/collapsible/CollapsibleItemsGroupContext.d.ts +1 -1
- package/dist/esm/Overlay/Modal/Modal.d.ts +1 -1
- package/dist/esm/Overlay/Popover/Popover.js +6 -0
- package/dist/esm/Overlay/Popover/types.d.ts +5 -3
- package/dist/esm/styles/helpers/makePurgeCssExtractor.js +3 -3
- package/dist/esm/utils/useTriggerInputChange.js +4 -3
- package/dist/satellite.min.css +1 -1
- 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:
|
341
|
-
|
342
|
-
|
343
|
-
|
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
|
-
}
|
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:
|
656
|
-
|
657
|
-
|
658
|
-
|
659
|
-
|
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:
|
362
|
-
var
|
363
|
-
|
364
|
-
|
365
|
-
|
366
|
-
|
367
|
-
|
368
|
-
|
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 (
|
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 (
|
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";
|
package/dist/esm/Icons/index.js
CHANGED
@@ -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
|
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
|
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
|
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
|
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
|
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.
|
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
|
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(
|
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(
|
101
|
+
className: cx(disabled && stl(_templateObject27 || (_templateObject27 = _taggedTemplateLiteral(["text-grey-300"])))),
|
101
102
|
children: [!!label && /*#__PURE__*/_jsx("div", {
|
102
|
-
className: stl(
|
103
|
+
className: stl(_templateObject28 || (_templateObject28 = _taggedTemplateLiteral(["text-sm line-clamp-1"]))),
|
103
104
|
children: label
|
104
105
|
}), /*#__PURE__*/_jsx("div", {
|
105
|
-
className: cx(stl(
|
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
|
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)
|
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)
|
4
|
+
onItemClick: (name: string) => void;
|
5
5
|
}
|
6
6
|
export declare const DropdownCollapsibleItemsGroupContext: import("react").Context<DropdownCollapsibleItemsGroupContextInterface | null>;
|
7
7
|
/** @deprecated */
|
package/dist/esm/Overlay/MenuButton/components/collapsible/CollapsibleItemsGroupContext.d.ts
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
/// <reference types="react" />
|
2
2
|
export interface CollapsibleItemsGroupContextInterface {
|
3
3
|
expandedItems: readonly string[];
|
4
|
-
onItemClick(name: string)
|
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 '
|
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
|
67
|
-
* If
|
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(
|
2
|
-
function _unsupportedIterableToArray(
|
3
|
-
function _arrayLikeToArray(
|
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
|
-
// @
|
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;
|