@wirekyt/react 0.0.1 → 0.0.3
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/accordion.cjs +209 -0
- package/dist/accordion.d.cts +69 -0
- package/dist/accordion.d.ts +69 -0
- package/dist/accordion.js +184 -0
- package/dist/angle-slider.cjs +193 -0
- package/dist/angle-slider.d.cts +73 -0
- package/dist/angle-slider.d.ts +73 -0
- package/dist/angle-slider.js +168 -0
- package/dist/avatar.cjs +120 -0
- package/dist/avatar.d.cts +48 -0
- package/dist/avatar.d.ts +48 -0
- package/dist/avatar.js +100 -0
- package/dist/carousel.cjs +246 -0
- package/dist/carousel.d.cts +94 -0
- package/dist/carousel.d.ts +94 -0
- package/dist/carousel.js +223 -0
- package/dist/checkbox.cjs +284 -0
- package/dist/checkbox.d.cts +115 -0
- package/dist/checkbox.d.ts +115 -0
- package/dist/checkbox.js +263 -0
- package/dist/client-only.cjs +12 -0
- package/dist/client-only.d.cts +8 -0
- package/dist/client-only.d.ts +8 -0
- package/dist/client-only.js +11 -0
- package/dist/clipboard.cjs +174 -0
- package/dist/clipboard.d.cts +70 -0
- package/dist/clipboard.d.ts +70 -0
- package/dist/clipboard.js +150 -0
- package/dist/collapsible-B62i_oPJ.cjs +185 -0
- package/dist/collapsible-CiTNjCNf.js +131 -0
- package/dist/collapsible.cjs +23 -0
- package/dist/collapsible.d.cts +56 -0
- package/dist/collapsible.d.ts +56 -0
- package/dist/collapsible.js +2 -0
- package/dist/collection-BFjWNdUS.cjs +223 -0
- package/dist/collection-BJOl6a4H.js +180 -0
- package/dist/collection.cjs +9 -0
- package/dist/collection.d.cts +2 -0
- package/dist/collection.d.ts +2 -0
- package/dist/collection.js +2 -0
- package/dist/color-picker.cjs +575 -0
- package/dist/color-picker.d.cts +179 -0
- package/dist/color-picker.d.ts +179 -0
- package/dist/color-picker.js +530 -0
- package/dist/combobox.cjs +390 -0
- package/dist/combobox.d.cts +128 -0
- package/dist/combobox.d.ts +128 -0
- package/dist/combobox.js +359 -0
- package/dist/core-CBFAnVIP.cjs +375 -0
- package/dist/core-CEYOEcVI.js +357 -0
- package/dist/date-input.cjs +217 -0
- package/dist/date-input.d.cts +69 -0
- package/dist/date-input.d.ts +69 -0
- package/dist/date-input.js +193 -0
- package/dist/date-picker.cjs +588 -0
- package/dist/date-picker.d.cts +190 -0
- package/dist/date-picker.d.ts +190 -0
- package/dist/date-picker.js +543 -0
- package/dist/dialog.cjs +199 -0
- package/dist/dialog.d.cts +78 -0
- package/dist/dialog.d.ts +78 -0
- package/dist/dialog.js +174 -0
- package/dist/download-trigger.cjs +53 -0
- package/dist/download-trigger.d.cts +22 -0
- package/dist/download-trigger.d.ts +22 -0
- package/dist/download-trigger.js +51 -0
- package/dist/drawer.cjs +296 -0
- package/dist/drawer.d.cts +115 -0
- package/dist/drawer.d.ts +115 -0
- package/dist/drawer.js +264 -0
- package/dist/editable.cjs +228 -0
- package/dist/editable.d.cts +79 -0
- package/dist/editable.d.ts +79 -0
- package/dist/editable.js +202 -0
- package/dist/environment-B6IaCAuQ.cjs +59 -0
- package/dist/environment-BTgKwk5E.js +42 -0
- package/dist/factory--dkoVnFK.d.cts +14 -0
- package/dist/factory--dkoVnFK.d.ts +14 -0
- package/dist/factory-CFFufs5e.cjs +59 -0
- package/dist/factory-Nm__-4xn.js +48 -0
- package/dist/field-Cy1E02DH.js +349 -0
- package/dist/field-x8H5uXB9.cjs +438 -0
- package/dist/field.cjs +22 -0
- package/dist/field.d.cts +129 -0
- package/dist/field.d.ts +129 -0
- package/dist/field.js +2 -0
- package/dist/fieldset-DWZXj1t5.cjs +232 -0
- package/dist/fieldset-fx44GCtM.js +178 -0
- package/dist/fieldset.cjs +18 -0
- package/dist/fieldset.d.cts +71 -0
- package/dist/fieldset.d.ts +71 -0
- package/dist/fieldset.js +3 -0
- package/dist/file-upload.cjs +328 -0
- package/dist/file-upload.d.cts +101 -0
- package/dist/file-upload.d.ts +101 -0
- package/dist/file-upload.js +298 -0
- package/dist/floating-panel.cjs +271 -0
- package/dist/floating-panel.d.cts +98 -0
- package/dist/floating-panel.d.ts +98 -0
- package/dist/floating-panel.js +242 -0
- package/dist/format.cjs +64 -0
- package/dist/format.d.cts +44 -0
- package/dist/format.d.ts +44 -0
- package/dist/format.js +54 -0
- package/dist/frame.cjs +85 -0
- package/dist/frame.d.cts +12 -0
- package/dist/frame.d.ts +12 -0
- package/dist/frame.js +84 -0
- package/dist/highlight.cjs +29 -0
- package/dist/highlight.d.cts +13 -0
- package/dist/highlight.d.ts +13 -0
- package/dist/highlight.js +27 -0
- package/dist/hover-card.cjs +154 -0
- package/dist/hover-card.d.cts +68 -0
- package/dist/hover-card.d.ts +68 -0
- package/dist/hover-card.js +131 -0
- package/dist/image-cropper.cjs +0 -0
- package/dist/image-cropper.d.cts +1 -0
- package/dist/image-cropper.d.ts +1 -0
- package/dist/image-cropper.js +0 -0
- package/dist/index-3Al0R5bH.d.cts +73 -0
- package/dist/index-B7wAg5Wf.d.ts +146 -0
- package/dist/index-BAn8qiCM.d.ts +73 -0
- package/dist/index-BSX88T_g.d.cts +146 -0
- package/dist/index-CQAbOgb7.d.cts +23 -0
- package/dist/index-CW-Aj6aT.d.ts +95 -0
- package/dist/index-CxWYgVJk.d.ts +23 -0
- package/dist/index-DRnET7mJ.d.ts +33 -0
- package/dist/index-DTLK6Fuh.d.cts +95 -0
- package/dist/index-DyTY8HEb.d.cts +33 -0
- package/dist/index-srZfUQNt.d.cts +20 -0
- package/dist/index-srZfUQNt.d.ts +20 -0
- package/dist/index.cjs +45 -0
- package/dist/index.d.cts +6 -0
- package/dist/index.d.ts +6 -0
- package/dist/index.js +6 -0
- package/dist/json-tree-view.cjs +244 -0
- package/dist/json-tree-view.d.cts +45 -0
- package/dist/json-tree-view.d.ts +45 -0
- package/dist/json-tree-view.js +234 -0
- package/dist/listbox.cjs +290 -0
- package/dist/listbox.d.cts +109 -0
- package/dist/listbox.d.ts +109 -0
- package/dist/listbox.js +264 -0
- package/dist/marquee.cjs +164 -0
- package/dist/marquee.d.cts +60 -0
- package/dist/marquee.d.ts +60 -0
- package/dist/marquee.js +142 -0
- package/dist/menu.cjs +506 -0
- package/dist/menu.d.cts +162 -0
- package/dist/menu.d.ts +162 -0
- package/dist/menu.js +469 -0
- package/dist/navigation-menu.cjs +331 -0
- package/dist/navigation-menu.d.cts +89 -0
- package/dist/navigation-menu.d.ts +89 -0
- package/dist/navigation-menu.js +303 -0
- package/dist/number-input.cjs +222 -0
- package/dist/number-input.d.cts +73 -0
- package/dist/number-input.d.ts +73 -0
- package/dist/number-input.js +197 -0
- package/dist/pagination.cjs +183 -0
- package/dist/pagination.d.cts +68 -0
- package/dist/pagination.d.ts +68 -0
- package/dist/pagination.js +159 -0
- package/dist/password-input.cjs +179 -0
- package/dist/password-input.d.cts +65 -0
- package/dist/password-input.d.ts +65 -0
- package/dist/password-input.js +156 -0
- package/dist/pin-input.cjs +180 -0
- package/dist/pin-input.d.cts +58 -0
- package/dist/pin-input.d.ts +58 -0
- package/dist/pin-input.js +158 -0
- package/dist/popover.cjs +222 -0
- package/dist/popover.d.cts +93 -0
- package/dist/popover.d.ts +93 -0
- package/dist/popover.js +194 -0
- package/dist/portal-6_XzBXiA.cjs +33 -0
- package/dist/portal-QYL_2wB0.js +28 -0
- package/dist/portal.cjs +3 -0
- package/dist/portal.d.cts +9 -0
- package/dist/portal.d.ts +9 -0
- package/dist/portal.js +2 -0
- package/dist/presence-BOs-D6Cv.cjs +96 -0
- package/dist/presence-I8Rceflw.js +65 -0
- package/dist/presence.cjs +7 -0
- package/dist/presence.d.cts +2 -0
- package/dist/presence.d.ts +2 -0
- package/dist/presence.js +2 -0
- package/dist/progress.cjs +206 -0
- package/dist/progress.d.cts +78 -0
- package/dist/progress.d.ts +78 -0
- package/dist/progress.js +180 -0
- package/dist/providers-DrJEJcrE.cjs +128 -0
- package/dist/providers-FEHnDTvb.js +87 -0
- package/dist/qr-code.cjs +154 -0
- package/dist/qr-code.d.cts +58 -0
- package/dist/qr-code.d.ts +58 -0
- package/dist/qr-code.js +132 -0
- package/dist/radio-group.cjs +222 -0
- package/dist/radio-group.d.cts +78 -0
- package/dist/radio-group.d.ts +78 -0
- package/dist/radio-group.js +196 -0
- package/dist/rating-group.cjs +186 -0
- package/dist/rating-group.d.cts +68 -0
- package/dist/rating-group.d.ts +68 -0
- package/dist/rating-group.js +162 -0
- package/dist/rolldown-runtime-D7D4PA-g.js +13 -0
- package/dist/rolldown-runtime-DakpK96I.cjs +43 -0
- package/dist/scroll-area.cjs +166 -0
- package/dist/scroll-area.d.cts +67 -0
- package/dist/scroll-area.d.ts +67 -0
- package/dist/scroll-area.js +143 -0
- package/dist/segment-group.cjs +215 -0
- package/dist/segment-group.d.cts +81 -0
- package/dist/segment-group.d.ts +81 -0
- package/dist/segment-group.js +194 -0
- package/dist/select.cjs +395 -0
- package/dist/select.d.cts +132 -0
- package/dist/select.d.ts +132 -0
- package/dist/select.js +358 -0
- package/dist/signature-pad.cjs +197 -0
- package/dist/signature-pad.d.cts +68 -0
- package/dist/signature-pad.d.ts +68 -0
- package/dist/signature-pad.js +173 -0
- package/dist/slider.cjs +260 -0
- package/dist/slider.d.cts +88 -0
- package/dist/slider.d.ts +88 -0
- package/dist/slider.js +232 -0
- package/dist/steps.cjs +271 -0
- package/dist/steps.d.cts +104 -0
- package/dist/steps.d.ts +104 -0
- package/dist/steps.js +241 -0
- package/dist/swap.cjs +134 -0
- package/dist/swap.d.cts +49 -0
- package/dist/swap.d.ts +49 -0
- package/dist/swap.js +121 -0
- package/dist/switch.cjs +166 -0
- package/dist/switch.d.cts +58 -0
- package/dist/switch.d.ts +58 -0
- package/dist/switch.js +144 -0
- package/dist/tabs.cjs +177 -0
- package/dist/tabs.d.cts +59 -0
- package/dist/tabs.d.ts +59 -0
- package/dist/tabs.js +155 -0
- package/dist/tags-input.cjs +298 -0
- package/dist/tags-input.d.cts +98 -0
- package/dist/tags-input.d.ts +98 -0
- package/dist/tags-input.js +268 -0
- package/dist/timer.cjs +167 -0
- package/dist/timer.d.cts +63 -0
- package/dist/timer.d.ts +63 -0
- package/dist/timer.js +144 -0
- package/dist/toast.cjs +154 -0
- package/dist/toast.d.cts +59 -0
- package/dist/toast.d.ts +59 -0
- package/dist/toast.js +132 -0
- package/dist/toggle-group.cjs +118 -0
- package/dist/toggle-group.d.cts +43 -0
- package/dist/toggle-group.d.ts +43 -0
- package/dist/toggle-group.js +99 -0
- package/dist/toggle.cjs +85 -0
- package/dist/toggle.d.cts +38 -0
- package/dist/toggle.d.ts +38 -0
- package/dist/toggle.js +71 -0
- package/dist/tooltip.cjs +154 -0
- package/dist/tooltip.d.cts +68 -0
- package/dist/tooltip.d.ts +68 -0
- package/dist/tooltip.js +131 -0
- package/dist/tour.cjs +290 -0
- package/dist/tour.d.cts +112 -0
- package/dist/tour.d.ts +112 -0
- package/dist/tour.js +246 -0
- package/dist/tree-view-CNTEWXlu.js +339 -0
- package/dist/tree-view-CU4Hl5X1.cjs +484 -0
- package/dist/tree-view.cjs +41 -0
- package/dist/tree-view.d.cts +3 -0
- package/dist/tree-view.d.ts +3 -0
- package/dist/tree-view.js +3 -0
- package/dist/types-BQQfrr86.d.cts +6 -0
- package/dist/types-BQQfrr86.d.ts +6 -0
- package/dist/use-context-38DKWHsx.cjs +20 -0
- package/dist/use-context-CITa6pn9.js +10 -0
- package/dist/utils-Cfwm9WW1.cjs +166 -0
- package/dist/utils-CqLmqrgj.js +107 -0
- package/package.json +274 -6
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
import { a as PropTypes } from "./index-CxWYgVJk.js";
|
|
2
|
+
import { r as Optional } from "./types-BQQfrr86.js";
|
|
3
|
+
import { r as PolymorphicProps, t as HTMLProps } from "./factory--dkoVnFK.js";
|
|
4
|
+
import { r as RenderStrategyProps } from "./index-srZfUQNt.js";
|
|
5
|
+
import { ReactNode } from "react";
|
|
6
|
+
import * as collapsible from "@wirekyt/dom/machines/collapsible";
|
|
7
|
+
import { OpenChangeDetails, OpenChangeDetails as CollapsibleOpenChangeDetails, anatomy as collapsibleAnatomy } from "@wirekyt/dom/machines/collapsible";
|
|
8
|
+
//#region src/components/collapsible/content.d.ts
|
|
9
|
+
interface CollapsibleContentBaseProps extends PolymorphicProps {}
|
|
10
|
+
interface CollapsibleContentProps extends HTMLProps<"div">, CollapsibleContentBaseProps {}
|
|
11
|
+
declare const CollapsibleContent: import("react").ForwardRefExoticComponent<CollapsibleContentProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
12
|
+
//#endregion
|
|
13
|
+
//#region src/components/collapsible/use-collapsible.d.ts
|
|
14
|
+
interface UseCollapsibleProps extends Optional<Omit<collapsible.Props, "dir" | "getRootNode">, "id">, RenderStrategyProps {}
|
|
15
|
+
interface UseCollapsibleReturn extends collapsible.Api<PropTypes> {
|
|
16
|
+
isUnmounted?: boolean | undefined;
|
|
17
|
+
}
|
|
18
|
+
declare const useCollapsible: (props?: UseCollapsibleProps) => UseCollapsibleReturn;
|
|
19
|
+
//#endregion
|
|
20
|
+
//#region src/components/collapsible/use-context.d.ts
|
|
21
|
+
interface UseCollapsibleContext extends UseCollapsibleReturn {}
|
|
22
|
+
declare const CollapsibleProvider: import("react").Provider<UseCollapsibleContext>, useCollapsibleContext: () => UseCollapsibleContext;
|
|
23
|
+
//#endregion
|
|
24
|
+
//#region src/components/collapsible/context.d.ts
|
|
25
|
+
interface CollapsibleContextProps {
|
|
26
|
+
children: (context: UseCollapsibleContext) => ReactNode;
|
|
27
|
+
}
|
|
28
|
+
declare const CollapsibleContext: (props: CollapsibleContextProps) => ReactNode;
|
|
29
|
+
//#endregion
|
|
30
|
+
//#region src/components/collapsible/indicator.d.ts
|
|
31
|
+
interface CollapsibleIndicatorBaseProps extends PolymorphicProps {}
|
|
32
|
+
interface CollapsibleIndicatorProps extends HTMLProps<"div">, CollapsibleIndicatorBaseProps {}
|
|
33
|
+
declare const CollapsibleIndicator: import("react").ForwardRefExoticComponent<CollapsibleIndicatorProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
34
|
+
//#endregion
|
|
35
|
+
//#region src/components/collapsible/root.d.ts
|
|
36
|
+
interface CollapsibleRootBaseProps extends UseCollapsibleProps, PolymorphicProps {}
|
|
37
|
+
interface CollapsibleRootProps extends HTMLProps<"div">, CollapsibleRootBaseProps {}
|
|
38
|
+
declare const CollapsibleRoot: import("react").ForwardRefExoticComponent<CollapsibleRootProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
39
|
+
//#endregion
|
|
40
|
+
//#region src/components/collapsible/root-provider.d.ts
|
|
41
|
+
interface RootProviderProps {
|
|
42
|
+
value: UseCollapsibleReturn;
|
|
43
|
+
}
|
|
44
|
+
interface CollapsibleRootProviderBaseProps extends RootProviderProps, PolymorphicProps {}
|
|
45
|
+
interface CollapsibleRootProviderProps extends HTMLProps<"div">, CollapsibleRootProviderBaseProps {}
|
|
46
|
+
declare const CollapsibleRootProvider: import("react").ForwardRefExoticComponent<CollapsibleRootProviderProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
47
|
+
//#endregion
|
|
48
|
+
//#region src/components/collapsible/trigger.d.ts
|
|
49
|
+
interface CollapsibleTriggerBaseProps extends PolymorphicProps {}
|
|
50
|
+
interface CollapsibleTriggerProps extends HTMLProps<"button">, CollapsibleTriggerBaseProps {}
|
|
51
|
+
declare const CollapsibleTrigger: import("react").ForwardRefExoticComponent<CollapsibleTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
52
|
+
declare namespace collapsible_d_exports {
|
|
53
|
+
export { CollapsibleContent as Content, CollapsibleContentBaseProps as ContentBaseProps, CollapsibleContentProps as ContentProps, CollapsibleContext as Context, CollapsibleContextProps as ContextProps, CollapsibleIndicator as Indicator, CollapsibleIndicatorBaseProps as IndicatorBaseProps, CollapsibleIndicatorProps as IndicatorProps, OpenChangeDetails, CollapsibleRoot as Root, CollapsibleRootBaseProps as RootBaseProps, CollapsibleRootProps as RootProps, CollapsibleRootProvider as RootProvider, CollapsibleRootProviderBaseProps as RootProviderBaseProps, CollapsibleRootProviderProps as RootProviderProps, CollapsibleTrigger as Trigger, CollapsibleTriggerBaseProps as TriggerBaseProps, CollapsibleTriggerProps as TriggerProps };
|
|
54
|
+
}
|
|
55
|
+
//#endregion
|
|
56
|
+
export { collapsible_d_exports as Collapsible, CollapsibleContent, type CollapsibleContentBaseProps, type CollapsibleContentProps, CollapsibleContext, type CollapsibleContextProps, CollapsibleIndicator, type CollapsibleIndicatorBaseProps, type CollapsibleIndicatorProps, type CollapsibleOpenChangeDetails, CollapsibleRoot, type CollapsibleRootBaseProps, type CollapsibleRootProps, CollapsibleRootProvider, type CollapsibleRootProviderBaseProps, type CollapsibleRootProviderProps, CollapsibleTrigger, type CollapsibleTriggerBaseProps, type CollapsibleTriggerProps, type UseCollapsibleContext, type UseCollapsibleProps, type UseCollapsibleReturn, collapsibleAnatomy, useCollapsible, useCollapsibleContext };
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import { a as CollapsibleRoot, c as CollapsibleContext, i as CollapsibleRootProvider, l as CollapsibleContent, n as collapsibleAnatomy, o as useCollapsible, r as CollapsibleTrigger, s as CollapsibleIndicator, t as collapsible_exports, u as useCollapsibleContext } from "./collapsible-CiTNjCNf.js";
|
|
2
|
+
export { collapsible_exports as Collapsible, CollapsibleContent, CollapsibleContext, CollapsibleIndicator, CollapsibleRoot, CollapsibleRootProvider, CollapsibleTrigger, collapsibleAnatomy, useCollapsible, useCollapsibleContext };
|
|
@@ -0,0 +1,223 @@
|
|
|
1
|
+
const require_rolldown_runtime = require("./rolldown-runtime-DakpK96I.cjs");
|
|
2
|
+
const require_utils = require("./utils-Cfwm9WW1.cjs");
|
|
3
|
+
const require_core = require("./core-CBFAnVIP.cjs");
|
|
4
|
+
let react = require("react");
|
|
5
|
+
let _wirekyt_dom_collection = require("@wirekyt/dom/collection");
|
|
6
|
+
let _wirekyt_dom_machines_async_list = require("@wirekyt/dom/machines/async-list");
|
|
7
|
+
_wirekyt_dom_machines_async_list = require_rolldown_runtime.__toESM(_wirekyt_dom_machines_async_list, 1);
|
|
8
|
+
//#region src/components/collection/grid.ts
|
|
9
|
+
const createGridCollection = (options) => new _wirekyt_dom_collection.GridCollection(options);
|
|
10
|
+
//#endregion
|
|
11
|
+
//#region src/components/collection/list.ts
|
|
12
|
+
const createListCollection = (options) => new _wirekyt_dom_collection.ListCollection(options);
|
|
13
|
+
//#endregion
|
|
14
|
+
//#region src/components/collection/tree.ts
|
|
15
|
+
const createTreeCollection = (options) => new _wirekyt_dom_collection.TreeCollection(options);
|
|
16
|
+
const createFileTreeCollection = (paths) => (0, _wirekyt_dom_collection.filePathToTree)(paths);
|
|
17
|
+
//#endregion
|
|
18
|
+
//#region src/components/collection/use-async-list.ts
|
|
19
|
+
function useAsyncList(props) {
|
|
20
|
+
const service = require_core.useMachine(_wirekyt_dom_machines_async_list.machine, props);
|
|
21
|
+
return _wirekyt_dom_machines_async_list.connect(service);
|
|
22
|
+
}
|
|
23
|
+
//#endregion
|
|
24
|
+
//#region src/components/collection/use-list.ts
|
|
25
|
+
function useListCollection(props) {
|
|
26
|
+
const { initialItems = [], filter, limit, ...collectionOptions } = props;
|
|
27
|
+
const [items, setItemsImpl] = (0, react.useState)(initialItems);
|
|
28
|
+
const [filterText, setFilterText] = (0, react.useState)("");
|
|
29
|
+
const setItems = require_utils.useEvent((items) => {
|
|
30
|
+
setItemsImpl(items);
|
|
31
|
+
setFilterText("");
|
|
32
|
+
});
|
|
33
|
+
const collectionOptionsRef = (0, react.useRef)(collectionOptions);
|
|
34
|
+
collectionOptionsRef.current = collectionOptions;
|
|
35
|
+
const create = (0, react.useCallback)((items) => {
|
|
36
|
+
return createListCollection({
|
|
37
|
+
...collectionOptionsRef.current,
|
|
38
|
+
items
|
|
39
|
+
});
|
|
40
|
+
}, []);
|
|
41
|
+
return {
|
|
42
|
+
collection: (0, react.useMemo)(() => {
|
|
43
|
+
let activeItems = items;
|
|
44
|
+
if (filterText && filter) activeItems = create(items).filter((itemString, _index, item) => filter(itemString, filterText, item)).items;
|
|
45
|
+
const limitedItems = limit == null ? activeItems : activeItems.slice(0, limit);
|
|
46
|
+
return createListCollection({
|
|
47
|
+
...collectionOptionsRef.current,
|
|
48
|
+
items: limitedItems
|
|
49
|
+
});
|
|
50
|
+
}, [
|
|
51
|
+
items,
|
|
52
|
+
filterText,
|
|
53
|
+
filter,
|
|
54
|
+
limit,
|
|
55
|
+
create
|
|
56
|
+
]),
|
|
57
|
+
filter: require_utils.useEvent((inputValue) => {
|
|
58
|
+
setFilterText(inputValue || "");
|
|
59
|
+
}),
|
|
60
|
+
set: require_utils.useEvent((newItems) => {
|
|
61
|
+
setItems(newItems);
|
|
62
|
+
}),
|
|
63
|
+
reset: require_utils.useEvent(() => {
|
|
64
|
+
setItems(initialItems);
|
|
65
|
+
}),
|
|
66
|
+
clear: require_utils.useEvent(() => {
|
|
67
|
+
setItems([]);
|
|
68
|
+
}),
|
|
69
|
+
insert: require_utils.useEvent((index, ...itemsToInsert) => {
|
|
70
|
+
const newItems = create(items).insert(index, ...itemsToInsert).items;
|
|
71
|
+
setItems(newItems);
|
|
72
|
+
}),
|
|
73
|
+
insertBefore: require_utils.useEvent((value, ...itemsToInsert) => {
|
|
74
|
+
const newItems = create(items).insertBefore(value, ...itemsToInsert).items;
|
|
75
|
+
setItems(newItems);
|
|
76
|
+
}),
|
|
77
|
+
insertAfter: require_utils.useEvent((value, ...itemsToInsert) => {
|
|
78
|
+
const newItems = create(items).insertAfter(value, ...itemsToInsert).items;
|
|
79
|
+
setItems(newItems);
|
|
80
|
+
}),
|
|
81
|
+
remove: require_utils.useEvent((...itemOrValues) => {
|
|
82
|
+
const newItems = create(items).remove(...itemOrValues).items;
|
|
83
|
+
setItems(newItems);
|
|
84
|
+
}),
|
|
85
|
+
move: require_utils.useEvent((value, to) => {
|
|
86
|
+
const newItems = create(items).move(value, to).items;
|
|
87
|
+
setItems(newItems);
|
|
88
|
+
}),
|
|
89
|
+
moveBefore: require_utils.useEvent((value, ...values) => {
|
|
90
|
+
const newItems = create(items).moveBefore(value, ...values).items;
|
|
91
|
+
setItems(newItems);
|
|
92
|
+
}),
|
|
93
|
+
moveAfter: require_utils.useEvent((value, ...values) => {
|
|
94
|
+
const newItems = create(items).moveAfter(value, ...values).items;
|
|
95
|
+
setItems(newItems);
|
|
96
|
+
}),
|
|
97
|
+
reorder: require_utils.useEvent((from, to) => {
|
|
98
|
+
const newItems = create(items).reorder(from, to).items;
|
|
99
|
+
setItems(newItems);
|
|
100
|
+
}),
|
|
101
|
+
append: require_utils.useEvent((...itemsToAppend) => {
|
|
102
|
+
const newItems = create(items).append(...itemsToAppend).items;
|
|
103
|
+
setItems(newItems);
|
|
104
|
+
}),
|
|
105
|
+
upsert: require_utils.useEvent((value, item, mode = "append") => {
|
|
106
|
+
const newItems = create(items).upsert(value, item, mode).items;
|
|
107
|
+
setItems(newItems);
|
|
108
|
+
}),
|
|
109
|
+
prepend: require_utils.useEvent((...itemsToPrepend) => {
|
|
110
|
+
const newItems = create(items).prepend(...itemsToPrepend).items;
|
|
111
|
+
setItems(newItems);
|
|
112
|
+
}),
|
|
113
|
+
update: require_utils.useEvent((value, item) => {
|
|
114
|
+
const newItems = create(items).update(value, item).items;
|
|
115
|
+
setItems(newItems);
|
|
116
|
+
})
|
|
117
|
+
};
|
|
118
|
+
}
|
|
119
|
+
//#endregion
|
|
120
|
+
//#region src/components/collection/use-list-selection.ts
|
|
121
|
+
function useListSelection(props) {
|
|
122
|
+
const { collection, selectionMode = "single", deselectable = true, initialSelectedValues = [], resetOnCollectionChange = false } = props;
|
|
123
|
+
const createSelection = (0, react.useCallback)((values = []) => {
|
|
124
|
+
const selection = new _wirekyt_dom_collection.Selection(values);
|
|
125
|
+
selection.selectionMode = selectionMode;
|
|
126
|
+
selection.deselectable = deselectable;
|
|
127
|
+
return selection;
|
|
128
|
+
}, [selectionMode, deselectable]);
|
|
129
|
+
const [selection, setSelectionState] = (0, react.useState)(() => createSelection(initialSelectedValues));
|
|
130
|
+
(0, react.useEffect)(() => {
|
|
131
|
+
if (resetOnCollectionChange) setSelectionState(createSelection());
|
|
132
|
+
}, [
|
|
133
|
+
collection.toString(),
|
|
134
|
+
resetOnCollectionChange,
|
|
135
|
+
createSelection
|
|
136
|
+
]);
|
|
137
|
+
return {
|
|
138
|
+
selectedValues: (0, react.useMemo)(() => Array.from(selection), [selection]),
|
|
139
|
+
isEmpty: (0, react.useMemo)(() => selection.isEmpty(), [selection]),
|
|
140
|
+
firstSelectedValue: (0, react.useMemo)(() => selection.firstSelectedValue(collection), [selection, collection]),
|
|
141
|
+
lastSelectedValue: (0, react.useMemo)(() => selection.lastSelectedValue(collection), [selection, collection]),
|
|
142
|
+
isSelected: require_utils.useEvent((value) => {
|
|
143
|
+
return selection.isSelected(value);
|
|
144
|
+
}),
|
|
145
|
+
isAllSelected: require_utils.useEvent(() => {
|
|
146
|
+
const allValues = collection.getValues();
|
|
147
|
+
return allValues.length > 0 && allValues.every((value) => selection.isSelected(value));
|
|
148
|
+
}),
|
|
149
|
+
isSomeSelected: require_utils.useEvent(() => {
|
|
150
|
+
return collection.getValues().some((value) => selection.isSelected(value));
|
|
151
|
+
}),
|
|
152
|
+
canSelect: require_utils.useEvent((value) => {
|
|
153
|
+
return selection.canSelect(collection, value);
|
|
154
|
+
}),
|
|
155
|
+
select: require_utils.useEvent((value, forceToggle) => {
|
|
156
|
+
setSelectionState(selection.select(collection, value, forceToggle));
|
|
157
|
+
}),
|
|
158
|
+
deselect: require_utils.useEvent((value) => {
|
|
159
|
+
setSelectionState(selection.deselect(value));
|
|
160
|
+
}),
|
|
161
|
+
toggle: require_utils.useEvent((value) => {
|
|
162
|
+
setSelectionState(selection.toggleSelection(collection, value));
|
|
163
|
+
}),
|
|
164
|
+
replace: require_utils.useEvent((value) => {
|
|
165
|
+
setSelectionState(selection.replaceSelection(collection, value));
|
|
166
|
+
}),
|
|
167
|
+
extend: require_utils.useEvent((anchorValue, targetValue) => {
|
|
168
|
+
setSelectionState(selection.extendSelection(collection, anchorValue, targetValue));
|
|
169
|
+
}),
|
|
170
|
+
setSelectedValues: require_utils.useEvent((values) => {
|
|
171
|
+
setSelectionState(selection.setSelection(values));
|
|
172
|
+
}),
|
|
173
|
+
clear: require_utils.useEvent(() => {
|
|
174
|
+
setSelectionState(selection.clearSelection());
|
|
175
|
+
}),
|
|
176
|
+
resetSelection: require_utils.useEvent(() => {
|
|
177
|
+
setSelectionState(createSelection());
|
|
178
|
+
})
|
|
179
|
+
};
|
|
180
|
+
}
|
|
181
|
+
//#endregion
|
|
182
|
+
Object.defineProperty(exports, "createFileTreeCollection", {
|
|
183
|
+
enumerable: true,
|
|
184
|
+
get: function() {
|
|
185
|
+
return createFileTreeCollection;
|
|
186
|
+
}
|
|
187
|
+
});
|
|
188
|
+
Object.defineProperty(exports, "createGridCollection", {
|
|
189
|
+
enumerable: true,
|
|
190
|
+
get: function() {
|
|
191
|
+
return createGridCollection;
|
|
192
|
+
}
|
|
193
|
+
});
|
|
194
|
+
Object.defineProperty(exports, "createListCollection", {
|
|
195
|
+
enumerable: true,
|
|
196
|
+
get: function() {
|
|
197
|
+
return createListCollection;
|
|
198
|
+
}
|
|
199
|
+
});
|
|
200
|
+
Object.defineProperty(exports, "createTreeCollection", {
|
|
201
|
+
enumerable: true,
|
|
202
|
+
get: function() {
|
|
203
|
+
return createTreeCollection;
|
|
204
|
+
}
|
|
205
|
+
});
|
|
206
|
+
Object.defineProperty(exports, "useAsyncList", {
|
|
207
|
+
enumerable: true,
|
|
208
|
+
get: function() {
|
|
209
|
+
return useAsyncList;
|
|
210
|
+
}
|
|
211
|
+
});
|
|
212
|
+
Object.defineProperty(exports, "useListCollection", {
|
|
213
|
+
enumerable: true,
|
|
214
|
+
get: function() {
|
|
215
|
+
return useListCollection;
|
|
216
|
+
}
|
|
217
|
+
});
|
|
218
|
+
Object.defineProperty(exports, "useListSelection", {
|
|
219
|
+
enumerable: true,
|
|
220
|
+
get: function() {
|
|
221
|
+
return useListSelection;
|
|
222
|
+
}
|
|
223
|
+
});
|
|
@@ -0,0 +1,180 @@
|
|
|
1
|
+
import { r as useEvent } from "./utils-CqLmqrgj.js";
|
|
2
|
+
import { a as useMachine } from "./core-CEYOEcVI.js";
|
|
3
|
+
import { useCallback, useEffect, useMemo, useRef, useState } from "react";
|
|
4
|
+
import { GridCollection, ListCollection, Selection, TreeCollection, filePathToTree } from "@wirekyt/dom/collection";
|
|
5
|
+
import * as asyncList from "@wirekyt/dom/machines/async-list";
|
|
6
|
+
//#region src/components/collection/grid.ts
|
|
7
|
+
const createGridCollection = (options) => new GridCollection(options);
|
|
8
|
+
//#endregion
|
|
9
|
+
//#region src/components/collection/list.ts
|
|
10
|
+
const createListCollection = (options) => new ListCollection(options);
|
|
11
|
+
//#endregion
|
|
12
|
+
//#region src/components/collection/tree.ts
|
|
13
|
+
const createTreeCollection = (options) => new TreeCollection(options);
|
|
14
|
+
const createFileTreeCollection = (paths) => filePathToTree(paths);
|
|
15
|
+
//#endregion
|
|
16
|
+
//#region src/components/collection/use-async-list.ts
|
|
17
|
+
function useAsyncList(props) {
|
|
18
|
+
const service = useMachine(asyncList.machine, props);
|
|
19
|
+
return asyncList.connect(service);
|
|
20
|
+
}
|
|
21
|
+
//#endregion
|
|
22
|
+
//#region src/components/collection/use-list.ts
|
|
23
|
+
function useListCollection(props) {
|
|
24
|
+
const { initialItems = [], filter, limit, ...collectionOptions } = props;
|
|
25
|
+
const [items, setItemsImpl] = useState(initialItems);
|
|
26
|
+
const [filterText, setFilterText] = useState("");
|
|
27
|
+
const setItems = useEvent((items) => {
|
|
28
|
+
setItemsImpl(items);
|
|
29
|
+
setFilterText("");
|
|
30
|
+
});
|
|
31
|
+
const collectionOptionsRef = useRef(collectionOptions);
|
|
32
|
+
collectionOptionsRef.current = collectionOptions;
|
|
33
|
+
const create = useCallback((items) => {
|
|
34
|
+
return createListCollection({
|
|
35
|
+
...collectionOptionsRef.current,
|
|
36
|
+
items
|
|
37
|
+
});
|
|
38
|
+
}, []);
|
|
39
|
+
return {
|
|
40
|
+
collection: useMemo(() => {
|
|
41
|
+
let activeItems = items;
|
|
42
|
+
if (filterText && filter) activeItems = create(items).filter((itemString, _index, item) => filter(itemString, filterText, item)).items;
|
|
43
|
+
const limitedItems = limit == null ? activeItems : activeItems.slice(0, limit);
|
|
44
|
+
return createListCollection({
|
|
45
|
+
...collectionOptionsRef.current,
|
|
46
|
+
items: limitedItems
|
|
47
|
+
});
|
|
48
|
+
}, [
|
|
49
|
+
items,
|
|
50
|
+
filterText,
|
|
51
|
+
filter,
|
|
52
|
+
limit,
|
|
53
|
+
create
|
|
54
|
+
]),
|
|
55
|
+
filter: useEvent((inputValue) => {
|
|
56
|
+
setFilterText(inputValue || "");
|
|
57
|
+
}),
|
|
58
|
+
set: useEvent((newItems) => {
|
|
59
|
+
setItems(newItems);
|
|
60
|
+
}),
|
|
61
|
+
reset: useEvent(() => {
|
|
62
|
+
setItems(initialItems);
|
|
63
|
+
}),
|
|
64
|
+
clear: useEvent(() => {
|
|
65
|
+
setItems([]);
|
|
66
|
+
}),
|
|
67
|
+
insert: useEvent((index, ...itemsToInsert) => {
|
|
68
|
+
const newItems = create(items).insert(index, ...itemsToInsert).items;
|
|
69
|
+
setItems(newItems);
|
|
70
|
+
}),
|
|
71
|
+
insertBefore: useEvent((value, ...itemsToInsert) => {
|
|
72
|
+
const newItems = create(items).insertBefore(value, ...itemsToInsert).items;
|
|
73
|
+
setItems(newItems);
|
|
74
|
+
}),
|
|
75
|
+
insertAfter: useEvent((value, ...itemsToInsert) => {
|
|
76
|
+
const newItems = create(items).insertAfter(value, ...itemsToInsert).items;
|
|
77
|
+
setItems(newItems);
|
|
78
|
+
}),
|
|
79
|
+
remove: useEvent((...itemOrValues) => {
|
|
80
|
+
const newItems = create(items).remove(...itemOrValues).items;
|
|
81
|
+
setItems(newItems);
|
|
82
|
+
}),
|
|
83
|
+
move: useEvent((value, to) => {
|
|
84
|
+
const newItems = create(items).move(value, to).items;
|
|
85
|
+
setItems(newItems);
|
|
86
|
+
}),
|
|
87
|
+
moveBefore: useEvent((value, ...values) => {
|
|
88
|
+
const newItems = create(items).moveBefore(value, ...values).items;
|
|
89
|
+
setItems(newItems);
|
|
90
|
+
}),
|
|
91
|
+
moveAfter: useEvent((value, ...values) => {
|
|
92
|
+
const newItems = create(items).moveAfter(value, ...values).items;
|
|
93
|
+
setItems(newItems);
|
|
94
|
+
}),
|
|
95
|
+
reorder: useEvent((from, to) => {
|
|
96
|
+
const newItems = create(items).reorder(from, to).items;
|
|
97
|
+
setItems(newItems);
|
|
98
|
+
}),
|
|
99
|
+
append: useEvent((...itemsToAppend) => {
|
|
100
|
+
const newItems = create(items).append(...itemsToAppend).items;
|
|
101
|
+
setItems(newItems);
|
|
102
|
+
}),
|
|
103
|
+
upsert: useEvent((value, item, mode = "append") => {
|
|
104
|
+
const newItems = create(items).upsert(value, item, mode).items;
|
|
105
|
+
setItems(newItems);
|
|
106
|
+
}),
|
|
107
|
+
prepend: useEvent((...itemsToPrepend) => {
|
|
108
|
+
const newItems = create(items).prepend(...itemsToPrepend).items;
|
|
109
|
+
setItems(newItems);
|
|
110
|
+
}),
|
|
111
|
+
update: useEvent((value, item) => {
|
|
112
|
+
const newItems = create(items).update(value, item).items;
|
|
113
|
+
setItems(newItems);
|
|
114
|
+
})
|
|
115
|
+
};
|
|
116
|
+
}
|
|
117
|
+
//#endregion
|
|
118
|
+
//#region src/components/collection/use-list-selection.ts
|
|
119
|
+
function useListSelection(props) {
|
|
120
|
+
const { collection, selectionMode = "single", deselectable = true, initialSelectedValues = [], resetOnCollectionChange = false } = props;
|
|
121
|
+
const createSelection = useCallback((values = []) => {
|
|
122
|
+
const selection = new Selection(values);
|
|
123
|
+
selection.selectionMode = selectionMode;
|
|
124
|
+
selection.deselectable = deselectable;
|
|
125
|
+
return selection;
|
|
126
|
+
}, [selectionMode, deselectable]);
|
|
127
|
+
const [selection, setSelectionState] = useState(() => createSelection(initialSelectedValues));
|
|
128
|
+
useEffect(() => {
|
|
129
|
+
if (resetOnCollectionChange) setSelectionState(createSelection());
|
|
130
|
+
}, [
|
|
131
|
+
collection.toString(),
|
|
132
|
+
resetOnCollectionChange,
|
|
133
|
+
createSelection
|
|
134
|
+
]);
|
|
135
|
+
return {
|
|
136
|
+
selectedValues: useMemo(() => Array.from(selection), [selection]),
|
|
137
|
+
isEmpty: useMemo(() => selection.isEmpty(), [selection]),
|
|
138
|
+
firstSelectedValue: useMemo(() => selection.firstSelectedValue(collection), [selection, collection]),
|
|
139
|
+
lastSelectedValue: useMemo(() => selection.lastSelectedValue(collection), [selection, collection]),
|
|
140
|
+
isSelected: useEvent((value) => {
|
|
141
|
+
return selection.isSelected(value);
|
|
142
|
+
}),
|
|
143
|
+
isAllSelected: useEvent(() => {
|
|
144
|
+
const allValues = collection.getValues();
|
|
145
|
+
return allValues.length > 0 && allValues.every((value) => selection.isSelected(value));
|
|
146
|
+
}),
|
|
147
|
+
isSomeSelected: useEvent(() => {
|
|
148
|
+
return collection.getValues().some((value) => selection.isSelected(value));
|
|
149
|
+
}),
|
|
150
|
+
canSelect: useEvent((value) => {
|
|
151
|
+
return selection.canSelect(collection, value);
|
|
152
|
+
}),
|
|
153
|
+
select: useEvent((value, forceToggle) => {
|
|
154
|
+
setSelectionState(selection.select(collection, value, forceToggle));
|
|
155
|
+
}),
|
|
156
|
+
deselect: useEvent((value) => {
|
|
157
|
+
setSelectionState(selection.deselect(value));
|
|
158
|
+
}),
|
|
159
|
+
toggle: useEvent((value) => {
|
|
160
|
+
setSelectionState(selection.toggleSelection(collection, value));
|
|
161
|
+
}),
|
|
162
|
+
replace: useEvent((value) => {
|
|
163
|
+
setSelectionState(selection.replaceSelection(collection, value));
|
|
164
|
+
}),
|
|
165
|
+
extend: useEvent((anchorValue, targetValue) => {
|
|
166
|
+
setSelectionState(selection.extendSelection(collection, anchorValue, targetValue));
|
|
167
|
+
}),
|
|
168
|
+
setSelectedValues: useEvent((values) => {
|
|
169
|
+
setSelectionState(selection.setSelection(values));
|
|
170
|
+
}),
|
|
171
|
+
clear: useEvent(() => {
|
|
172
|
+
setSelectionState(selection.clearSelection());
|
|
173
|
+
}),
|
|
174
|
+
resetSelection: useEvent(() => {
|
|
175
|
+
setSelectionState(createSelection());
|
|
176
|
+
})
|
|
177
|
+
};
|
|
178
|
+
}
|
|
179
|
+
//#endregion
|
|
180
|
+
export { createTreeCollection as a, createFileTreeCollection as i, useListCollection as n, createListCollection as o, useAsyncList as r, createGridCollection as s, useListSelection as t };
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
2
|
+
const require_collection = require("./collection-BFjWNdUS.cjs");
|
|
3
|
+
exports.createFileTreeCollection = require_collection.createFileTreeCollection;
|
|
4
|
+
exports.createGridCollection = require_collection.createGridCollection;
|
|
5
|
+
exports.createListCollection = require_collection.createListCollection;
|
|
6
|
+
exports.createTreeCollection = require_collection.createTreeCollection;
|
|
7
|
+
exports.useAsyncList = require_collection.useAsyncList;
|
|
8
|
+
exports.useListCollection = require_collection.useListCollection;
|
|
9
|
+
exports.useListSelection = require_collection.useListSelection;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import { C as createGridCollection, S as GridCollectionOptions, _ as CollectionItem, a as UseListCollectionReturn, b as createListCollection, c as UseAsyncListReturn, d as FlatTreeNode, f as TreeCollection, g as createTreeCollection, h as createFileTreeCollection, i as UseListCollectionProps, l as useAsyncList, m as TreeNode, n as UseListSelectionReturn, o as useListCollection, p as TreeCollectionOptions, r as useListSelection, s as UseAsyncListProps, t as UseListSelectionProps, u as FilePathTreeNode, v as CollectionOptions, x as GridCollection, y as ListCollection } from "./index-3Al0R5bH.cjs";
|
|
2
|
+
export { type CollectionItem, type CollectionOptions, type FilePathTreeNode, type FlatTreeNode, type GridCollection, type GridCollectionOptions, type ListCollection, type TreeCollection, type TreeCollectionOptions, type TreeNode, type UseAsyncListProps, type UseAsyncListReturn, type UseListCollectionProps, type UseListCollectionReturn, type UseListSelectionProps, type UseListSelectionReturn, createFileTreeCollection, createGridCollection, createListCollection, createTreeCollection, useAsyncList, useListCollection, useListSelection };
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import { C as createGridCollection, S as GridCollectionOptions, _ as CollectionItem, a as UseListCollectionReturn, b as createListCollection, c as UseAsyncListReturn, d as FlatTreeNode, f as TreeCollection, g as createTreeCollection, h as createFileTreeCollection, i as UseListCollectionProps, l as useAsyncList, m as TreeNode, n as UseListSelectionReturn, o as useListCollection, p as TreeCollectionOptions, r as useListSelection, s as UseAsyncListProps, t as UseListSelectionProps, u as FilePathTreeNode, v as CollectionOptions, x as GridCollection, y as ListCollection } from "./index-BAn8qiCM.js";
|
|
2
|
+
export { type CollectionItem, type CollectionOptions, type FilePathTreeNode, type FlatTreeNode, type GridCollection, type GridCollectionOptions, type ListCollection, type TreeCollection, type TreeCollectionOptions, type TreeNode, type UseAsyncListProps, type UseAsyncListReturn, type UseListCollectionProps, type UseListCollectionReturn, type UseListSelectionProps, type UseListSelectionReturn, createFileTreeCollection, createGridCollection, createListCollection, createTreeCollection, useAsyncList, useListCollection, useListSelection };
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import { a as createTreeCollection, i as createFileTreeCollection, n as useListCollection, o as createListCollection, r as useAsyncList, s as createGridCollection, t as useListSelection } from "./collection-BJOl6a4H.js";
|
|
2
|
+
export { createFileTreeCollection, createGridCollection, createListCollection, createTreeCollection, useAsyncList, useListCollection, useListSelection };
|