@sprawlify/solid 0.0.13 → 0.0.15

package/dist/chunk-C4aQI7lE.jsx

@@ -0,0 +1,18 @@
+//#region rolldown:runtime
+var __defProp = Object.defineProperty;
+var __export = (all, symbols) => {
+	let target = {};
+	for (var name in all) {
+		__defProp(target, name, {
+			get: all[name],
+			enumerable: true
+		});
+	}
+	if (symbols) {
+		__defProp(target, Symbol.toStringTag, { value: "Module" });
+	}
+	return target;
+};
+
+//#endregion
+export { __export as t };

package/dist/chunk-CKcAJnC7.js

@@ -0,0 +1,18 @@
+//#region rolldown:runtime
+var __defProp = Object.defineProperty;
+var __export = (all, symbols) => {
+	let target = {};
+	for (var name in all) {
+		__defProp(target, name, {
+			get: all[name],
+			enumerable: true
+		});
+	}
+	if (symbols) {
+		__defProp(target, Symbol.toStringTag, { value: "Module" });
+	}
+	return target;
+};
+
+//#endregion
+export { __export as t };

package/dist/collapsible-Cg7zPadX.js

@@ -0,0 +1,129 @@
+import { t as __export } from "./chunk-CKcAJnC7.js";
+import { a as useMachine, i as mergeProps$2, r as normalizeProps, t as runIfFn } from "./run-if-fn-eYlaegHy.js";
+import { t as createContext$1 } from "./create-context-PS2j4mEo.js";
+import { i as useLocaleContext, o as useEnvironmentContext } from "./providers-CQkAUunr.js";
+import { n as createSplitProps, t as sprawlify } from "./factory-CEdj72aS.js";
+import { n as splitRenderStrategyProps } from "./render-strategy-COrlrUuR.js";
+import { Show, createEffect, createMemo, createSignal, createUniqueId } from "solid-js";
+import { createComponent } from "solid-js/web";
+import * as collapsible from "@sprawlify/primitives/machines/collapsible";
+import { anatomy as collapsibleAnatomy } from "@sprawlify/primitives/machines/collapsible";
+
+//#region src/components/collapsible/use-collapsible-context.ts
+const [CollapsibleProvider, useCollapsibleContext] = createContext$1({
+	hookName: "useCollapsibleContext",
+	providerName: "<CollapsibleProvider />"
+});
+
+//#endregion
+//#region src/components/collapsible/collapsible-content.tsx
+const CollapsibleContent = (props) => {
+	const api = useCollapsibleContext();
+	const mergedProps = mergeProps$2(() => api().getContentProps(), props);
+	return createComponent(Show, {
+		get when() {
+			return !api().unmounted;
+		},
+		get children() {
+			return createComponent(sprawlify.div, mergedProps);
+		}
+	});
+};
+
+//#endregion
+//#region src/components/collapsible/collapsible-context.tsx
+const CollapsibleContext = (props) => props.children(useCollapsibleContext());
+
+//#endregion
+//#region src/components/collapsible/use-collapsible.ts
+const useCollapsible = (props = {}) => {
+	const id = createUniqueId();
+	const locale = useLocaleContext();
+	const environment = useEnvironmentContext();
+	const [renderStrategyProps, collapsibleProps] = splitRenderStrategyProps(runIfFn(props));
+	const machineProps = createMemo(() => ({
+		id,
+		dir: locale().dir,
+		getRootNode: environment().getRootNode,
+		...collapsibleProps
+	}));
+	const service = useMachine(collapsible.machine, machineProps);
+	const [wasVisible, setWasVisible] = createSignal(false);
+	createEffect(() => {
+		if (api().visible) setWasVisible(true);
+	});
+	const api = createMemo(() => collapsible.connect(service, normalizeProps));
+	return createMemo(() => ({
+		...api(),
+		unmounted: !api().visible && !wasVisible() && renderStrategyProps.lazyMount || renderStrategyProps.unmountOnExit && !api().visible && wasVisible()
+	}));
+};
+
+//#endregion
+//#region src/components/collapsible/collapsible-root.tsx
+const CollapsibleRoot = (props) => {
+	const [useCollapsibleProps, localProps] = createSplitProps()(props, [
+		"collapsedHeight",
+		"collapsedWidth",
+		"defaultOpen",
+		"disabled",
+		"id",
+		"ids",
+		"lazyMount",
+		"onExitComplete",
+		"onOpenChange",
+		"open",
+		"unmountOnExit"
+	]);
+	const api = useCollapsible(useCollapsibleProps);
+	const mergedProps = mergeProps$2(() => api().getRootProps(), localProps);
+	return createComponent(CollapsibleProvider, {
+		value: api,
+		get children() {
+			return createComponent(sprawlify.div, mergedProps);
+		}
+	});
+};
+
+//#endregion
+//#region src/components/collapsible/collapsible-root-provider.tsx
+const CollapsibleRootProvider = (props) => {
+	const [{ value: collapsible$1 }, localProps] = createSplitProps()(props, ["value"]);
+	const mergedProps = mergeProps$2(() => collapsible$1().getRootProps(), localProps);
+	return createComponent(CollapsibleProvider, {
+		value: collapsible$1,
+		get children() {
+			return createComponent(sprawlify.div, mergedProps);
+		}
+	});
+};
+
+//#endregion
+//#region src/components/collapsible/collapsible-trigger.tsx
+const CollapsibleTrigger = (props) => {
+	const api = useCollapsibleContext();
+	const mergedProps = mergeProps$2(() => api().getTriggerProps(), props);
+	return createComponent(sprawlify.button, mergedProps);
+};
+
+//#endregion
+//#region src/components/collapsible/collapsible-indicator.tsx
+const CollapsibleIndicator = (props) => {
+	const collapsible$1 = useCollapsibleContext();
+	const mergedProps = mergeProps$2(() => collapsible$1().getIndicatorProps(), props);
+	return createComponent(sprawlify.div, mergedProps);
+};
+
+//#endregion
+//#region src/components/collapsible/collapsible.ts
+var collapsible_exports = /* @__PURE__ */ __export({
+	Content: () => CollapsibleContent,
+	Context: () => CollapsibleContext,
+	Indicator: () => CollapsibleIndicator,
+	Root: () => CollapsibleRoot,
+	RootProvider: () => CollapsibleRootProvider,
+	Trigger: () => CollapsibleTrigger
+});
+
+//#endregion
+export { CollapsibleRootProvider as a, CollapsibleContext as c, CollapsibleTrigger as i, CollapsibleContent as l, collapsibleAnatomy as n, CollapsibleRoot as o, CollapsibleIndicator as r, useCollapsible as s, collapsible_exports as t, useCollapsibleContext as u };

package/dist/collapsible-CjuC6xYl.jsx

@@ -0,0 +1,117 @@
+import { t as __export } from "./chunk-C4aQI7lE.jsx";
+import { a as useMachine, i as mergeProps$1, r as normalizeProps, t as runIfFn } from "./run-if-fn-DRWB51JE.jsx";
+import { t as createContext$1 } from "./create-context-h3cXiEld.jsx";
+import { i as useLocaleContext, o as useEnvironmentContext } from "./providers-CHqGPEsc.jsx";
+import { n as sprawlify, t as createSplitProps } from "./create-split-props-CQVsvhvg.jsx";
+import { n as splitRenderStrategyProps } from "./render-strategy-CZDG_yDi.jsx";
+import { Show, createEffect, createMemo, createSignal, createUniqueId } from "solid-js";
+import * as collapsible from "@sprawlify/primitives/machines/collapsible";
+import { anatomy as collapsibleAnatomy } from "@sprawlify/primitives/machines/collapsible";
+
+//#region src/components/collapsible/use-collapsible-context.ts
+const [CollapsibleProvider, useCollapsibleContext] = createContext$1({
+	hookName: "useCollapsibleContext",
+	providerName: "<CollapsibleProvider />"
+});
+
+//#endregion
+//#region src/components/collapsible/collapsible-content.tsx
+const CollapsibleContent = (props) => {
+	const api = useCollapsibleContext();
+	const mergedProps = mergeProps$1(() => api().getContentProps(), props);
+	return <Show when={!api().unmounted}>
+      <sprawlify.div {...mergedProps} />
+    </Show>;
+};
+
+//#endregion
+//#region src/components/collapsible/collapsible-context.tsx
+const CollapsibleContext = (props) => props.children(useCollapsibleContext());
+
+//#endregion
+//#region src/components/collapsible/use-collapsible.ts
+const useCollapsible = (props = {}) => {
+	const id = createUniqueId();
+	const locale = useLocaleContext();
+	const environment = useEnvironmentContext();
+	const [renderStrategyProps, collapsibleProps] = splitRenderStrategyProps(runIfFn(props));
+	const machineProps = createMemo(() => ({
+		id,
+		dir: locale().dir,
+		getRootNode: environment().getRootNode,
+		...collapsibleProps
+	}));
+	const service = useMachine(collapsible.machine, machineProps);
+	const [wasVisible, setWasVisible] = createSignal(false);
+	createEffect(() => {
+		if (api().visible) setWasVisible(true);
+	});
+	const api = createMemo(() => collapsible.connect(service, normalizeProps));
+	return createMemo(() => ({
+		...api(),
+		unmounted: !api().visible && !wasVisible() && renderStrategyProps.lazyMount || renderStrategyProps.unmountOnExit && !api().visible && wasVisible()
+	}));
+};
+
+//#endregion
+//#region src/components/collapsible/collapsible-root.tsx
+const CollapsibleRoot = (props) => {
+	const [useCollapsibleProps, localProps] = createSplitProps()(props, [
+		"collapsedHeight",
+		"collapsedWidth",
+		"defaultOpen",
+		"disabled",
+		"id",
+		"ids",
+		"lazyMount",
+		"onExitComplete",
+		"onOpenChange",
+		"open",
+		"unmountOnExit"
+	]);
+	const api = useCollapsible(useCollapsibleProps);
+	const mergedProps = mergeProps$1(() => api().getRootProps(), localProps);
+	return <CollapsibleProvider value={api}>
+      <sprawlify.div {...mergedProps} />
+    </CollapsibleProvider>;
+};
+
+//#endregion
+//#region src/components/collapsible/collapsible-root-provider.tsx
+const CollapsibleRootProvider = (props) => {
+	const [{ value: collapsible$1 }, localProps] = createSplitProps()(props, ["value"]);
+	const mergedProps = mergeProps$1(() => collapsible$1().getRootProps(), localProps);
+	return <CollapsibleProvider value={collapsible$1}>
+      <sprawlify.div {...mergedProps} />
+    </CollapsibleProvider>;
+};
+
+//#endregion
+//#region src/components/collapsible/collapsible-trigger.tsx
+const CollapsibleTrigger = (props) => {
+	const api = useCollapsibleContext();
+	const mergedProps = mergeProps$1(() => api().getTriggerProps(), props);
+	return <sprawlify.button {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/collapsible/collapsible-indicator.tsx
+const CollapsibleIndicator = (props) => {
+	const collapsible$1 = useCollapsibleContext();
+	const mergedProps = mergeProps$1(() => collapsible$1().getIndicatorProps(), props);
+	return <sprawlify.div {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/collapsible/collapsible.ts
+var collapsible_exports = /* @__PURE__ */ __export({
+	Content: () => CollapsibleContent,
+	Context: () => CollapsibleContext,
+	Indicator: () => CollapsibleIndicator,
+	Root: () => CollapsibleRoot,
+	RootProvider: () => CollapsibleRootProvider,
+	Trigger: () => CollapsibleTrigger
+});
+
+//#endregion
+export { CollapsibleRootProvider as a, CollapsibleContext as c, CollapsibleTrigger as i, CollapsibleContent as l, collapsibleAnatomy as n, CollapsibleRoot as o, CollapsibleIndicator as r, useCollapsible as s, collapsible_exports as t, useCollapsibleContext as u };

package/dist/collection-BiyRTWsX.js

@@ -0,0 +1,219 @@
+import { a as useMachine, t as runIfFn } from "./run-if-fn-eYlaegHy.js";
+import { createEffect, createMemo, createSignal, on, splitProps } from "solid-js";
+import { GridCollection, ListCollection, Selection, TreeCollection, filePathToTree } from "@sprawlify/primitives/collection";
+import * as asyncList from "@sprawlify/primitives/machines/async-list";
+
+//#region src/components/collection/grid-collection.ts
+const createGridCollection = (options) => new GridCollection(options);
+
+//#endregion
+//#region src/components/collection/list-collection.ts
+const createListCollection = (options) => new ListCollection(options);
+
+//#endregion
+//#region src/components/collection/tree-collection.ts
+const createTreeCollection = (options) => new TreeCollection(options);
+const createFileTreeCollection = (paths) => filePathToTree(paths);
+
+//#endregion
+//#region src/components/collection/use-async-list.ts
+const useAsyncList = (props) => {
+	const machineProps = createMemo(() => runIfFn(props));
+	const service = useMachine(asyncList.machine, machineProps);
+	return createMemo(() => asyncList.connect(service));
+};
+
+//#endregion
+//#region src/components/collection/use-list-collection.ts
+function useListCollection(props) {
+	const splittedProps = createMemo(() => {
+		return splitProps(typeof props === "function" ? props() : props, [
+			"initialItems",
+			"filter",
+			"limit"
+		]);
+	});
+	const init = () => {
+		const [localProps] = splittedProps();
+		return localProps.initialItems;
+	};
+	const [items, setItemsImpl] = createSignal(init());
+	const [filterText, setFilterText] = createSignal("");
+	const setItems = (newItems) => {
+		setItemsImpl(newItems);
+		setFilterText("");
+	};
+	const create = (itemsToCreate) => {
+		const [, collectionOptions] = splittedProps();
+		return createListCollection({
+			...collectionOptions,
+			items: itemsToCreate
+		});
+	};
+	return {
+		collection: createMemo(() => {
+			const [localProps, collectionOptions] = splittedProps();
+			const filter = localProps.filter;
+			let activeItems = items();
+			if (filterText() && filter) activeItems = create(items()).filter((itemString, _index, item) => filter(itemString, filterText(), item)).items;
+			const limitedItems = localProps.limit == null ? activeItems : activeItems.slice(0, localProps.limit);
+			return createListCollection({
+				...collectionOptions,
+				items: limitedItems
+			});
+		}),
+		filter: (inputValue = "") => {
+			setFilterText(inputValue);
+		},
+		set: (newItems) => {
+			setItems(newItems);
+		},
+		reset: () => {
+			const [localProps] = splittedProps();
+			setItems(localProps.initialItems);
+		},
+		clear: () => {
+			setItems([]);
+		},
+		insert: (index, ...itemsToInsert) => {
+			const newItems = create(items()).insert(index, ...itemsToInsert).items;
+			setItems(newItems);
+		},
+		insertBefore: (value, ...itemsToInsert) => {
+			const newItems = create(items()).insertBefore(value, ...itemsToInsert).items;
+			setItems(newItems);
+		},
+		insertAfter: (value, ...itemsToInsert) => {
+			const newItems = create(items()).insertAfter(value, ...itemsToInsert).items;
+			setItems(newItems);
+		},
+		remove: (...itemOrValues) => {
+			const newItems = create(items()).remove(...itemOrValues).items;
+			setItems(newItems);
+		},
+		move: (value, to) => {
+			const newItems = create(items()).move(value, to).items;
+			setItems(newItems);
+		},
+		moveBefore: (value, ...values) => {
+			const newItems = create(items()).moveBefore(value, ...values).items;
+			setItems(newItems);
+		},
+		moveAfter: (value, ...values) => {
+			const newItems = create(items()).moveAfter(value, ...values).items;
+			setItems(newItems);
+		},
+		reorder: (from, to) => {
+			const newItems = create(items()).reorder(from, to).items;
+			setItems(newItems);
+		},
+		append: (...itemsToAppend) => {
+			const newItems = create(items()).append(...itemsToAppend).items;
+			setItems(newItems);
+		},
+		upsert: (value, item, mode = "append") => {
+			const newItems = create(items()).upsert(value, item, mode).items;
+			setItems(newItems);
+		},
+		prepend: (...itemsToPrepend) => {
+			const newItems = create(items()).prepend(...itemsToPrepend).items;
+			setItems(newItems);
+		},
+		update: (value, item) => {
+			const newItems = create(items()).update(value, item).items;
+			setItems(newItems);
+		}
+	};
+}
+
+//#endregion
+//#region src/components/collection/use-list-selection.ts
+function useListSelection(props) {
+	const splittedProps = createMemo(() => {
+		return splitProps(typeof props === "function" ? props() : props, [
+			"collection",
+			"selectionMode",
+			"deselectable",
+			"initialSelectedValues",
+			"resetOnCollectionChange"
+		]);
+	});
+	const createSelection = (values = []) => {
+		const [localProps] = splittedProps();
+		const selection$1 = new Selection(values);
+		selection$1.selectionMode = localProps.selectionMode ?? "single";
+		selection$1.deselectable = localProps.deselectable ?? true;
+		return selection$1;
+	};
+	const init = () => {
+		const [localProps] = splittedProps();
+		return createSelection(localProps.initialSelectedValues ?? []);
+	};
+	const [selection, setSelection] = createSignal(init());
+	const watchDeps = () => {
+		const [{ collection, resetOnCollectionChange }] = splittedProps();
+		return [collection.getValues(), resetOnCollectionChange];
+	};
+	createEffect(on(watchDeps, ([, resetOnCollectionChange]) => {
+		if (resetOnCollectionChange) setSelection(createSelection());
+	}, { defer: true }));
+	return {
+		selectedValues: createMemo(() => Array.from(selection())),
+		isEmpty: createMemo(() => selection().isEmpty()),
+		firstSelectedValue: createMemo(() => {
+			const [localProps] = splittedProps();
+			return selection().firstSelectedValue(localProps.collection);
+		}),
+		lastSelectedValue: createMemo(() => {
+			const [localProps] = splittedProps();
+			return selection().lastSelectedValue(localProps.collection);
+		}),
+		isSelected: (value) => {
+			return selection().isSelected(value);
+		},
+		isAllSelected: () => {
+			const [localProps] = splittedProps();
+			const allValues = localProps.collection.getValues();
+			return allValues.length > 0 && allValues.every((value) => selection().isSelected(value));
+		},
+		isSomeSelected: () => {
+			const [localProps] = splittedProps();
+			return localProps.collection.getValues().some((value) => selection().isSelected(value));
+		},
+		canSelect: (value) => {
+			const [localProps] = splittedProps();
+			return selection().canSelect(localProps.collection, value);
+		},
+		select: (value, forceToggle) => {
+			const [localProps] = splittedProps();
+			setSelection(selection().select(localProps.collection, value, forceToggle));
+		},
+		deselect: (value) => {
+			setSelection(selection().deselect(value));
+		},
+		toggle: (value) => {
+			const [localProps] = splittedProps();
+			setSelection(selection().toggleSelection(localProps.collection, value));
+		},
+		replace: (value) => {
+			const [localProps] = splittedProps();
+			setSelection(selection().replaceSelection(localProps.collection, value));
+		},
+		extend: (anchorValue, targetValue) => {
+			const [localProps] = splittedProps();
+			setSelection(selection().extendSelection(localProps.collection, anchorValue, targetValue));
+		},
+		setSelectedValues: (values) => {
+			setSelection(selection().setSelection(values));
+		},
+		clear: () => {
+			setSelection(selection().clearSelection());
+		},
+		resetSelection: () => {
+			setSelection(createSelection());
+		}
+	};
+}
+
+//#endregion
+export { createTreeCollection as a, createFileTreeCollection as i, useListCollection as n, createListCollection as o, useAsyncList as r, createGridCollection as s, useListSelection as t };