lkd-web-kit 0.8.1 → 0.8.2
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/components/EmptyState/index.cjs +1 -1
- package/dist/components/Icon.cjs +1 -1
- package/dist/components/InfinityLoadMoreButton/index.cjs +1 -1
- package/dist/components/InfinitySelect/index.cjs +3 -3
- package/dist/components/InfinitySelect/index.js +1 -1
- package/dist/components/MyCheckboxGroup/index.cjs +1 -1
- package/dist/components/MyDateInput/index.cjs +1 -1
- package/dist/components/MyDatePickerInput/CalendarIcon.cjs +1 -1
- package/dist/components/MyDatePickerInput/index.cjs +1 -1
- package/dist/components/MyDateTimePicker/index.cjs +1 -1
- package/dist/components/MyMonthPickerInput/index.cjs +1 -1
- package/dist/components/MyMultiSelect/index.cjs +1 -1
- package/dist/components/MyNotifications/index.cjs +2 -2
- package/dist/components/MyNotifications/index.js +1 -1
- package/dist/components/MyNumberInput/index.cjs +1 -1
- package/dist/components/MyRadioGroup/index.cjs +1 -1
- package/dist/components/MySelect/index.cjs +1 -1
- package/dist/components/MyTextInput/index.cjs +1 -1
- package/dist/components/MyTextarea/index.cjs +1 -1
- package/dist/components/MyTimeInput/index.cjs +1 -1
- package/dist/components/NavItems.cjs +1 -1
- package/dist/contexts/NavigationHistoryContext/hook.cjs +1 -1
- package/dist/contexts/NavigationHistoryContext/index.cjs +1 -1
- package/dist/contexts/PageDataContext/index.cjs +1 -1
- package/dist/form/Form.cjs +1 -1
- package/dist/form/FormSubmitButton.cjs +1 -1
- package/dist/form/base/FormCheckbox.cjs +1 -1
- package/dist/form/base/FormCheckboxGroup.cjs +1 -1
- package/dist/form/base/FormDateInput.cjs +1 -1
- package/dist/form/base/FormDatePickerInput.cjs +1 -1
- package/dist/form/base/FormDateTimePicker.cjs +1 -1
- package/dist/form/base/FormMonthPickerInput.cjs +1 -1
- package/dist/form/base/FormMultiSelect.cjs +1 -1
- package/dist/form/base/FormNumberInput.cjs +1 -1
- package/dist/form/base/FormRadioGroup.cjs +1 -1
- package/dist/form/base/FormSelect.cjs +1 -1
- package/dist/form/base/FormSelectInfinity.cjs +1 -1
- package/dist/form/base/FormTextInput.cjs +1 -1
- package/dist/form/base/FormTextarea.cjs +1 -1
- package/dist/form/base/FormTimeInput.cjs +1 -1
- package/dist/form/utils/nullable-but-required.cjs +1 -1
- package/dist/form/utils/optional-but-required.cjs +1 -1
- package/dist/hocs/withController.cjs +1 -1
- package/dist/hocs/withModalManager.cjs +1 -1
- package/dist/hooks/useBreakpoint.cjs +1 -1
- package/dist/hooks/useOnScrollProgress.cjs +1 -1
- package/dist/hooks/useUpdateSearchParams.cjs +1 -1
- package/dist/hooks/useZodConfig.cjs +1 -1
- package/dist/mantine/my-default-theme.cjs +1 -1
- package/dist/utils/ky/addBodyJsonHook.cjs +1 -1
- package/package.json +4 -4
- package/dist/node_modules/@mantine/notifications/styles.css +0 -42
- package/dist/node_modules/@tanstack/react-virtual/dist/esm/index.cjs +0 -39
- package/dist/node_modules/@tanstack/react-virtual/dist/esm/index.js +0 -37
- package/dist/node_modules/@tanstack/virtual-core/dist/esm/index.cjs +0 -716
- package/dist/node_modules/@tanstack/virtual-core/dist/esm/index.js +0 -710
- package/dist/node_modules/@tanstack/virtual-core/dist/esm/utils.cjs +0 -55
- package/dist/node_modules/@tanstack/virtual-core/dist/esm/utils.js +0 -52
package/dist/components/Icon.cjs
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
const require_runtime = require("
|
|
2
|
+
const require_runtime = require("../_virtual/_rolldown/runtime.cjs");
|
|
3
3
|
let react = require("react");
|
|
4
4
|
react = require_runtime.__toESM(react, 1);
|
|
5
5
|
let react_jsx_runtime = require("react/jsx-runtime");
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
const require_runtime = require("
|
|
1
|
+
const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
|
|
2
2
|
let react = require("react");
|
|
3
3
|
let react_jsx_runtime = require("react/jsx-runtime");
|
|
4
4
|
let _mantine_core = require("@mantine/core");
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
require("
|
|
2
|
+
require("../../_virtual/_rolldown/runtime.cjs");
|
|
3
3
|
const require_index = require("../InfinityLoadMoreButton/index.cjs");
|
|
4
|
-
const require_index$1 = require("../../../node_modules/@tanstack/react-virtual/dist/esm/index.cjs");
|
|
5
4
|
const require_virtual_styles = require("../../utils/virtual-styles.cjs");
|
|
6
5
|
let react = require("react");
|
|
7
6
|
let react_jsx_runtime = require("react/jsx-runtime");
|
|
8
7
|
let _mantine_core = require("@mantine/core");
|
|
9
8
|
let _mantine_hooks = require("@mantine/hooks");
|
|
9
|
+
let _tanstack_react_virtual = require("@tanstack/react-virtual");
|
|
10
10
|
//#region src/components/InfinitySelect/index.tsx
|
|
11
11
|
function InfinitySelect({ value, searchValue, defaultSearchValue, nothingFoundMessage, infinity, defaultValue, onChange, onSearchChange, renderOption, onOptionSubmit, getOptionLabel, getOptionValue, onSelectedOptionChange, selectedOption, comboboxProps, searchable = true, defaultSelectedOption = null, loadMoreButtonProps, ...props }) {
|
|
12
12
|
const combobox = (0, _mantine_core.useCombobox)();
|
|
@@ -41,7 +41,7 @@ function InfinitySelect({ value, searchValue, defaultSearchValue, nothingFoundMe
|
|
|
41
41
|
(0, react.useEffect)(() => {
|
|
42
42
|
setSearchAndValue(_selectedOption);
|
|
43
43
|
}, [_selectedOption]);
|
|
44
|
-
const virtualizer =
|
|
44
|
+
const virtualizer = (0, _tanstack_react_virtual.useVirtualizer)({
|
|
45
45
|
count: data.length,
|
|
46
46
|
estimateSize: () => 40,
|
|
47
47
|
overscan: 7,
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { InfinityLoadMoreButton } from "../InfinityLoadMoreButton/index.js";
|
|
3
|
-
import { useVirtualizer } from "../../../node_modules/@tanstack/react-virtual/dist/esm/index.js";
|
|
4
3
|
import { getVirtualContainerProps, getVirtualItemProps } from "../../utils/virtual-styles.js";
|
|
5
4
|
import { createElement, useEffect, useRef } from "react";
|
|
6
5
|
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
7
6
|
import { Center, Combobox, Input, InputBase, useCombobox } from "@mantine/core";
|
|
8
7
|
import { useUncontrolled } from "@mantine/hooks";
|
|
8
|
+
import { useVirtualizer } from "@tanstack/react-virtual";
|
|
9
9
|
//#region src/components/InfinitySelect/index.tsx
|
|
10
10
|
function InfinitySelect({ value, searchValue, defaultSearchValue, nothingFoundMessage, infinity, defaultValue, onChange, onSearchChange, renderOption, onOptionSubmit, getOptionLabel, getOptionValue, onSelectedOptionChange, selectedOption, comboboxProps, searchable = true, defaultSelectedOption = null, loadMoreButtonProps, ...props }) {
|
|
11
11
|
const combobox = useCombobox();
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
require("
|
|
1
|
+
require("../../_virtual/_rolldown/runtime.cjs");
|
|
2
2
|
const require_CalendarIcon = require("../MyDatePickerInput/CalendarIcon.cjs");
|
|
3
3
|
let react_jsx_runtime = require("react/jsx-runtime");
|
|
4
4
|
let _mantine_dates = require("@mantine/dates");
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
require("
|
|
1
|
+
require("../../_virtual/_rolldown/runtime.cjs");
|
|
2
2
|
let react_jsx_runtime = require("react/jsx-runtime");
|
|
3
3
|
//#region src/components/MyDatePickerInput/CalendarIcon.tsx
|
|
4
4
|
var CalendarIcon = ({ size = "sm", ...props }) => {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
require("
|
|
1
|
+
require("../../_virtual/_rolldown/runtime.cjs");
|
|
2
2
|
const require_CalendarIcon = require("../MyDatePickerInput/CalendarIcon.cjs");
|
|
3
3
|
let react_jsx_runtime = require("react/jsx-runtime");
|
|
4
4
|
let _mantine_dates = require("@mantine/dates");
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
require("
|
|
1
|
+
require("../../_virtual/_rolldown/runtime.cjs");
|
|
2
2
|
const require_CalendarIcon = require("../MyDatePickerInput/CalendarIcon.cjs");
|
|
3
3
|
let react_jsx_runtime = require("react/jsx-runtime");
|
|
4
4
|
let _mantine_dates = require("@mantine/dates");
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
require("
|
|
2
|
-
;/* empty css */
|
|
1
|
+
require("../../_virtual/_rolldown/runtime.cjs");
|
|
3
2
|
let react_jsx_runtime = require("react/jsx-runtime");
|
|
4
3
|
let _mantine_notifications = require("@mantine/notifications");
|
|
4
|
+
require("@mantine/notifications/styles.css");
|
|
5
5
|
//#region src/components/MyNotifications/index.tsx
|
|
6
6
|
var MyNotifications = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mantine_notifications.Notifications, {
|
|
7
7
|
position: "top-center",
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
/* empty css */
|
|
2
1
|
import { jsx } from "react/jsx-runtime";
|
|
3
2
|
import { Notifications } from "@mantine/notifications";
|
|
3
|
+
import "@mantine/notifications/styles.css";
|
|
4
4
|
//#region src/components/MyNotifications/index.tsx
|
|
5
5
|
var MyNotifications = (props) => /* @__PURE__ */ jsx(Notifications, {
|
|
6
6
|
position: "top-center",
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
const require_runtime = require("
|
|
2
|
+
const require_runtime = require("../_virtual/_rolldown/runtime.cjs");
|
|
3
3
|
let react_jsx_runtime = require("react/jsx-runtime");
|
|
4
4
|
let _mantine_core = require("@mantine/core");
|
|
5
5
|
let next_link = require("next/link");
|
package/dist/form/Form.cjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
require("
|
|
1
|
+
require("../../_virtual/_rolldown/runtime.cjs");
|
|
2
2
|
const require_withController = require("../../hocs/withController.cjs");
|
|
3
3
|
let react_jsx_runtime = require("react/jsx-runtime");
|
|
4
4
|
let _mantine_core = require("@mantine/core");
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
require("
|
|
1
|
+
require("../../_virtual/_rolldown/runtime.cjs");
|
|
2
2
|
const require_index = require("../../components/MyCheckboxGroup/index.cjs");
|
|
3
3
|
const require_withController = require("../../hocs/withController.cjs");
|
|
4
4
|
let react_jsx_runtime = require("react/jsx-runtime");
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
require("
|
|
1
|
+
require("../../_virtual/_rolldown/runtime.cjs");
|
|
2
2
|
const require_index = require("../../components/MyDateInput/index.cjs");
|
|
3
3
|
const require_withController = require("../../hocs/withController.cjs");
|
|
4
4
|
let react_jsx_runtime = require("react/jsx-runtime");
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
require("
|
|
1
|
+
require("../../_virtual/_rolldown/runtime.cjs");
|
|
2
2
|
const require_index = require("../../components/MyDatePickerInput/index.cjs");
|
|
3
3
|
const require_withController = require("../../hocs/withController.cjs");
|
|
4
4
|
let react_jsx_runtime = require("react/jsx-runtime");
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
require("
|
|
1
|
+
require("../../_virtual/_rolldown/runtime.cjs");
|
|
2
2
|
const require_index = require("../../components/MyDateTimePicker/index.cjs");
|
|
3
3
|
const require_withController = require("../../hocs/withController.cjs");
|
|
4
4
|
let react_jsx_runtime = require("react/jsx-runtime");
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
require("
|
|
1
|
+
require("../../_virtual/_rolldown/runtime.cjs");
|
|
2
2
|
const require_index = require("../../components/MyMonthPickerInput/index.cjs");
|
|
3
3
|
const require_withController = require("../../hocs/withController.cjs");
|
|
4
4
|
let react_jsx_runtime = require("react/jsx-runtime");
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
require("
|
|
1
|
+
require("../../_virtual/_rolldown/runtime.cjs");
|
|
2
2
|
const require_index = require("../../components/MyMultiSelect/index.cjs");
|
|
3
3
|
const require_withController = require("../../hocs/withController.cjs");
|
|
4
4
|
let react_jsx_runtime = require("react/jsx-runtime");
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
const require_runtime = require("
|
|
1
|
+
const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
|
|
2
2
|
const require_index = require("../../components/MyNumberInput/index.cjs");
|
|
3
3
|
const require_withController = require("../../hocs/withController.cjs");
|
|
4
4
|
let react = require("react");
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
require("
|
|
1
|
+
require("../../_virtual/_rolldown/runtime.cjs");
|
|
2
2
|
const require_index = require("../../components/MyRadioGroup/index.cjs");
|
|
3
3
|
const require_withController = require("../../hocs/withController.cjs");
|
|
4
4
|
let react_jsx_runtime = require("react/jsx-runtime");
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
require("
|
|
1
|
+
require("../../_virtual/_rolldown/runtime.cjs");
|
|
2
2
|
const require_index = require("../../components/MySelect/index.cjs");
|
|
3
3
|
const require_withController = require("../../hocs/withController.cjs");
|
|
4
4
|
let react_jsx_runtime = require("react/jsx-runtime");
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
require("
|
|
1
|
+
require("../../_virtual/_rolldown/runtime.cjs");
|
|
2
2
|
const require_index = require("../../components/InfinitySelect/index.cjs");
|
|
3
3
|
const require_withController = require("../../hocs/withController.cjs");
|
|
4
4
|
let react_jsx_runtime = require("react/jsx-runtime");
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
require("
|
|
1
|
+
require("../../_virtual/_rolldown/runtime.cjs");
|
|
2
2
|
const require_index = require("../../components/MyTextInput/index.cjs");
|
|
3
3
|
const require_withController = require("../../hocs/withController.cjs");
|
|
4
4
|
let react_jsx_runtime = require("react/jsx-runtime");
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
require("
|
|
1
|
+
require("../../_virtual/_rolldown/runtime.cjs");
|
|
2
2
|
const require_index = require("../../components/MyTextarea/index.cjs");
|
|
3
3
|
const require_withController = require("../../hocs/withController.cjs");
|
|
4
4
|
let react_jsx_runtime = require("react/jsx-runtime");
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
require("
|
|
1
|
+
require("../../_virtual/_rolldown/runtime.cjs");
|
|
2
2
|
const require_index = require("../../components/MyTimeInput/index.cjs");
|
|
3
3
|
const require_withController = require("../../hocs/withController.cjs");
|
|
4
4
|
let react_jsx_runtime = require("react/jsx-runtime");
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
require("
|
|
1
|
+
require("../../_virtual/_rolldown/runtime.cjs");
|
|
2
2
|
let zod = require("zod");
|
|
3
3
|
//#region src/form/utils/nullable-but-required.ts
|
|
4
4
|
var nullableButRequired = (schema, message = "Campo requerido") => schema.nullable().transform((val, ctx) => {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
require("
|
|
1
|
+
require("../../_virtual/_rolldown/runtime.cjs");
|
|
2
2
|
let zod = require("zod");
|
|
3
3
|
//#region src/form/utils/optional-but-required.ts
|
|
4
4
|
var optionalButRequired = (schema, message = "Campo requerido") => schema.optional().transform((val, ctx) => {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
require("
|
|
2
|
+
require("../_virtual/_rolldown/runtime.cjs");
|
|
3
3
|
const require_zodValidator = require("../form/utils/zodValidator.cjs");
|
|
4
4
|
let react_jsx_runtime = require("react/jsx-runtime");
|
|
5
5
|
let react_hook_form = require("react-hook-form");
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
require("
|
|
2
|
+
require("../_virtual/_rolldown/runtime.cjs");
|
|
3
3
|
const require_breakpoints_with_px = require("../mantine/breakpoints-with-px.cjs");
|
|
4
4
|
let _mantine_hooks = require("@mantine/hooks");
|
|
5
5
|
//#region src/hooks/useBreakpoint.ts
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
require("
|
|
2
|
+
require("../_virtual/_rolldown/runtime.cjs");
|
|
3
3
|
let react = require("react");
|
|
4
4
|
//#region src/hooks/useOnScrollProgress.ts
|
|
5
5
|
var useOnScrollProgress = ({ triggerPercentage, callback, scrollRef, disabled = false }) => {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "lkd-web-kit",
|
|
3
|
-
"version": "0.8.
|
|
3
|
+
"version": "0.8.2",
|
|
4
4
|
"description": "A template for creating React component libraries with Vite.",
|
|
5
5
|
"author": "LKD",
|
|
6
6
|
"license": "MIT",
|
|
@@ -30,6 +30,7 @@
|
|
|
30
30
|
},
|
|
31
31
|
"devDependencies": {
|
|
32
32
|
"@biomejs/biome": "2.4.14",
|
|
33
|
+
"@tanstack/react-virtual": "^3.13.24",
|
|
33
34
|
"@testing-library/jest-dom": "^6.8.0",
|
|
34
35
|
"@testing-library/react": "^16.3.0",
|
|
35
36
|
"@testing-library/user-event": "^14.6.1",
|
|
@@ -52,6 +53,7 @@
|
|
|
52
53
|
"@mantine/hooks": "^9.1.1",
|
|
53
54
|
"@mantine/notifications": "^9.1.1",
|
|
54
55
|
"@tanstack/react-query": "^5.100.9",
|
|
56
|
+
"@tanstack/react-virtual": "^3.13.24",
|
|
55
57
|
"clsx": "^2.1.1",
|
|
56
58
|
"ky": "^2.0.2",
|
|
57
59
|
"next": "^16.2.4",
|
|
@@ -61,7 +63,5 @@
|
|
|
61
63
|
"react-query-kit": "^3.3.3",
|
|
62
64
|
"zod": "^4.4.3"
|
|
63
65
|
},
|
|
64
|
-
"dependencies": {
|
|
65
|
-
"@tanstack/react-virtual": "^3.13.24"
|
|
66
|
-
}
|
|
66
|
+
"dependencies": {}
|
|
67
67
|
}
|
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
.m_b37d9ac7 {
|
|
2
|
-
width: calc(100% - var(--mantine-spacing-md) * 2);
|
|
3
|
-
position: fixed;
|
|
4
|
-
z-index: var(--notifications-z-index);
|
|
5
|
-
max-width: var(--notifications-container-width);
|
|
6
|
-
}
|
|
7
|
-
|
|
8
|
-
.m_b37d9ac7:where([data-position='top-center']) {
|
|
9
|
-
top: var(--mantine-spacing-md);
|
|
10
|
-
left: 50%;
|
|
11
|
-
transform: translateX(-50%);
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
.m_b37d9ac7:where([data-position='top-left']) {
|
|
15
|
-
top: var(--mantine-spacing-md);
|
|
16
|
-
left: var(--mantine-spacing-md);
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
.m_b37d9ac7:where([data-position='top-right']) {
|
|
20
|
-
top: var(--mantine-spacing-md);
|
|
21
|
-
right: var(--mantine-spacing-md);
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
.m_b37d9ac7:where([data-position='bottom-center']) {
|
|
25
|
-
bottom: var(--mantine-spacing-md);
|
|
26
|
-
left: 50%;
|
|
27
|
-
transform: translateX(-50%);
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
.m_b37d9ac7:where([data-position='bottom-left']) {
|
|
31
|
-
bottom: var(--mantine-spacing-md);
|
|
32
|
-
left: var(--mantine-spacing-md);
|
|
33
|
-
}
|
|
34
|
-
|
|
35
|
-
.m_b37d9ac7:where([data-position='bottom-right']) {
|
|
36
|
-
bottom: var(--mantine-spacing-md);
|
|
37
|
-
right: var(--mantine-spacing-md);
|
|
38
|
-
}
|
|
39
|
-
|
|
40
|
-
.m_5ed0edd0 + .m_5ed0edd0 {
|
|
41
|
-
margin-top: var(--mantine-spacing-md);
|
|
42
|
-
}
|
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
const require_runtime = require("../../../../../_virtual/_rolldown/runtime.cjs");
|
|
2
|
-
require("../../../virtual-core/dist/esm/utils.cjs");
|
|
3
|
-
const require_index = require("../../../virtual-core/dist/esm/index.cjs");
|
|
4
|
-
let react = require("react");
|
|
5
|
-
react = require_runtime.__toESM(react, 1);
|
|
6
|
-
let react_dom = require("react-dom");
|
|
7
|
-
//#region node_modules/@tanstack/react-virtual/dist/esm/index.js
|
|
8
|
-
var useIsomorphicLayoutEffect = typeof document !== "undefined" ? react.useLayoutEffect : react.useEffect;
|
|
9
|
-
function useVirtualizerBase({ useFlushSync = true, ...options }) {
|
|
10
|
-
const rerender = react.useReducer(() => ({}), {})[1];
|
|
11
|
-
const resolvedOptions = {
|
|
12
|
-
...options,
|
|
13
|
-
onChange: (instance2, sync) => {
|
|
14
|
-
var _a;
|
|
15
|
-
if (useFlushSync && sync) (0, react_dom.flushSync)(rerender);
|
|
16
|
-
else rerender();
|
|
17
|
-
(_a = options.onChange) == null || _a.call(options, instance2, sync);
|
|
18
|
-
}
|
|
19
|
-
};
|
|
20
|
-
const [instance] = react.useState(() => new require_index.Virtualizer(resolvedOptions));
|
|
21
|
-
instance.setOptions(resolvedOptions);
|
|
22
|
-
useIsomorphicLayoutEffect(() => {
|
|
23
|
-
return instance._didMount();
|
|
24
|
-
}, []);
|
|
25
|
-
useIsomorphicLayoutEffect(() => {
|
|
26
|
-
return instance._willUpdate();
|
|
27
|
-
});
|
|
28
|
-
return instance;
|
|
29
|
-
}
|
|
30
|
-
function useVirtualizer(options) {
|
|
31
|
-
return useVirtualizerBase({
|
|
32
|
-
observeElementRect: require_index.observeElementRect,
|
|
33
|
-
observeElementOffset: require_index.observeElementOffset,
|
|
34
|
-
scrollToFn: require_index.elementScroll,
|
|
35
|
-
...options
|
|
36
|
-
});
|
|
37
|
-
}
|
|
38
|
-
//#endregion
|
|
39
|
-
exports.useVirtualizer = useVirtualizer;
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
import "../../../virtual-core/dist/esm/utils.js";
|
|
2
|
-
import { Virtualizer, elementScroll, observeElementOffset, observeElementRect } from "../../../virtual-core/dist/esm/index.js";
|
|
3
|
-
import * as React from "react";
|
|
4
|
-
import { flushSync } from "react-dom";
|
|
5
|
-
//#region node_modules/@tanstack/react-virtual/dist/esm/index.js
|
|
6
|
-
var useIsomorphicLayoutEffect = typeof document !== "undefined" ? React.useLayoutEffect : React.useEffect;
|
|
7
|
-
function useVirtualizerBase({ useFlushSync = true, ...options }) {
|
|
8
|
-
const rerender = React.useReducer(() => ({}), {})[1];
|
|
9
|
-
const resolvedOptions = {
|
|
10
|
-
...options,
|
|
11
|
-
onChange: (instance2, sync) => {
|
|
12
|
-
var _a;
|
|
13
|
-
if (useFlushSync && sync) flushSync(rerender);
|
|
14
|
-
else rerender();
|
|
15
|
-
(_a = options.onChange) == null || _a.call(options, instance2, sync);
|
|
16
|
-
}
|
|
17
|
-
};
|
|
18
|
-
const [instance] = React.useState(() => new Virtualizer(resolvedOptions));
|
|
19
|
-
instance.setOptions(resolvedOptions);
|
|
20
|
-
useIsomorphicLayoutEffect(() => {
|
|
21
|
-
return instance._didMount();
|
|
22
|
-
}, []);
|
|
23
|
-
useIsomorphicLayoutEffect(() => {
|
|
24
|
-
return instance._willUpdate();
|
|
25
|
-
});
|
|
26
|
-
return instance;
|
|
27
|
-
}
|
|
28
|
-
function useVirtualizer(options) {
|
|
29
|
-
return useVirtualizerBase({
|
|
30
|
-
observeElementRect,
|
|
31
|
-
observeElementOffset,
|
|
32
|
-
scrollToFn: elementScroll,
|
|
33
|
-
...options
|
|
34
|
-
});
|
|
35
|
-
}
|
|
36
|
-
//#endregion
|
|
37
|
-
export { useVirtualizer };
|