@sprawlify/primitives 0.0.51 → 0.0.52

package/dist/machines/tree-view/index.cjs

@@ -1,7 +1,7 @@
 const require_create_anatomy = require('../../create-anatomy-CDsIFUXg.cjs');
 const require_dom_query = require('../../dom-query-ClqjTSZC.cjs');
 const require_utils = require('../../utils-B4_qn2dt.cjs');
-const require_collection = require('../../collection-C5tUixCe.cjs');
+const require_collection = require('../../collection-Q52RkxUe.cjs');
 const require_core = require('../../core-NCx2blZX.cjs');
 const require_create_props = require('../../create-props-l5q5b8Wo.cjs');
 
@@ -76,18 +76,21 @@ function connect(service, normalize) {
 	const focusedValue = context.get("focusedValue");
 	const loadingStatus = context.get("loadingStatus");
 	const renamingValue = context.get("renamingValue");
+	const skip = ({ indexPath }) => {
+		return collection$1.getValuePath(indexPath).slice(0, -1).some((value) => !expandedValue.includes(value));
+	};
+	const firstNode = collection$1.getFirstNode(void 0, { skip });
+	const firstNodeValue = firstNode ? collection$1.getNodeValue(firstNode) : null;
 	function getNodeState(props$1) {
 		const { node, indexPath } = props$1;
 		const value = collection$1.getNodeValue(node);
-		const firstNode = collection$1.getFirstNode();
-		const firstNodeValue = firstNode ? collection$1.getNodeValue(firstNode) : null;
 		return {
 			id: getNodeId(scope, value),
 			value,
 			indexPath,
 			valuePath: collection$1.getValuePath(indexPath),
 			disabled: Boolean(node.disabled),
-			focused: focusedValue == null ? firstNodeValue == value : focusedValue === value,
+			focused: focusedValue == null ? firstNodeValue === value : focusedValue === value,
 			selected: selectedValue.includes(value),
 			expanded: expandedValue.includes(value),
 			loading: loadingStatus[value] === "loading",
@@ -971,7 +974,8 @@ const machine = require_core.createMachine({
 			focusTreeFirstNode(params) {
 				const { prop, scope } = params;
 				const collection$1 = prop("collection");
-				const firstNode = collection$1.getFirstNode();
+				const firstNode = collection$1.getFirstNode(void 0, { skip: skipFn(params) });
+				if (!firstNode) return;
 				const firstValue = collection$1.getNodeValue(firstNode);
 				if (scrollToNode(params, firstValue)) require_dom_query.raf(() => focusNode(scope, firstValue));
 				else focusNode(scope, firstValue);
@@ -988,7 +992,8 @@ const machine = require_core.createMachine({
 				const { event, prop, scope } = params;
 				const collection$1 = prop("collection");
 				const branchNode = collection$1.findNode(event.id);
-				const firstNode = collection$1.getFirstNode(branchNode);
+				const firstNode = collection$1.getFirstNode(branchNode, { skip: skipFn(params) });
+				if (!firstNode) return;
 				const firstValue = collection$1.getNodeValue(firstNode);
 				if (scrollToNode(params, firstValue)) require_dom_query.raf(() => focusNode(scope, firstValue));
 				else focusNode(scope, firstValue);

package/dist/machines/tree-view/index.d.cts

@@ -1,12 +1,12 @@
 import { n as AnatomyInstance } from "../../create-anatomy-smWrirg1.cjs";
 import { f as TreeCollectionOptions, g as ValuePath, p as TreeNode, s as FilePathTreeNode, u as IndexPath } from "../../types-CADkcKtr.cjs";
-import { t as TreeCollection } from "../../tree-collection-Dlv1BAsc.cjs";
+import { t as TreeCollection } from "../../tree-collection-CmehimuO.cjs";
 import { p as Machine, y as Service } from "../../types-DejIu60O.cjs";
 import { b as NormalizeProps, g as RequiredBy, r as DirectionProperty, t as CommonProperties, x as PropTypes } from "../../index-Bqw3r34-.cjs";
 import { n as TypeaheadState } from "../../typeahead-BdNwVP09.cjs";
 
 //#region src/machines/tree-view/tree-view.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"root" | "label" | "item" | "itemIndicator" | "branch" | "branchContent" | "branchControl" | "branchIndentGuide" | "branchIndicator" | "branchText" | "branchTrigger" | "itemText" | "nodeCheckbox" | "nodeRenameInput" | "tree">;
+declare const anatomy: AnatomyInstance<"root" | "label" | "item" | "itemText" | "itemIndicator" | "branch" | "branchContent" | "branchControl" | "branchIndentGuide" | "branchIndicator" | "branchText" | "branchTrigger" | "nodeCheckbox" | "nodeRenameInput" | "tree">;
 //#endregion
 //#region src/machines/tree-view/tree-view.collection.d.ts
 declare const collection: {

package/dist/machines/tree-view/index.d.mts

@@ -1,12 +1,12 @@
 import { n as AnatomyInstance } from "../../create-anatomy-DHVOqZET.mjs";
 import { f as TreeCollectionOptions, g as ValuePath, p as TreeNode, s as FilePathTreeNode, u as IndexPath } from "../../types-Df8ZhdY-.mjs";
-import { t as TreeCollection } from "../../tree-collection-DYIVkVee.mjs";
+import { t as TreeCollection } from "../../tree-collection-CqXQBHwY.mjs";
 import { p as Machine, y as Service } from "../../types-DL5AIQk5.mjs";
 import { b as NormalizeProps, g as RequiredBy, r as DirectionProperty, t as CommonProperties, x as PropTypes } from "../../index-BuUzJjaP.mjs";
 import { n as TypeaheadState } from "../../typeahead-DMSwLv1e.mjs";
 
 //#region src/machines/tree-view/tree-view.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"root" | "label" | "item" | "itemIndicator" | "branch" | "branchContent" | "branchControl" | "branchIndentGuide" | "branchIndicator" | "branchText" | "branchTrigger" | "itemText" | "nodeCheckbox" | "nodeRenameInput" | "tree">;
+declare const anatomy: AnatomyInstance<"root" | "label" | "item" | "itemText" | "itemIndicator" | "branch" | "branchContent" | "branchControl" | "branchIndentGuide" | "branchIndicator" | "branchText" | "branchTrigger" | "nodeCheckbox" | "nodeRenameInput" | "tree">;
 //#endregion
 //#region src/machines/tree-view/tree-view.collection.d.ts
 declare const collection: {

package/dist/machines/tree-view/index.mjs

@@ -1,7 +1,7 @@
 import { t as createAnatomy } from "../../create-anatomy-CArN8dVu.mjs";
 import { W as raf, bt as isLeftClick, cn as isEditableElement, ht as isComposingEvent, on as isAnchorElement, ot as setElementValue, pt as getEventTarget, s as getByTypeahead, ut as getEventKey, vn as ariaAttr, xt as isModifierKey, yn as dataAttr } from "../../dom-query-BwpPRIas.mjs";
 import { At as remove, Dt as partition, Mt as toArray, Nt as uniq, _t as diff, ft as isEqual, mt as addOrRemove, nt as isArray, pt as add, t as ensure, u as createSplitProps, vt as first, wt as last } from "../../utils-DSBXwmDm.mjs";
-import { n as filePathToTree, t as TreeCollection } from "../../collection-C85P2ZDW.mjs";
+import { n as filePathToTree, t as TreeCollection } from "../../collection-CjwZd09Z.mjs";
 import { a as createMachine, i as createGuards } from "../../core-BjksCLhs.mjs";
 import { t as createProps } from "../../create-props-SRSjdUTq.mjs";
 
@@ -76,18 +76,21 @@ function connect(service, normalize) {
 	const focusedValue = context.get("focusedValue");
 	const loadingStatus = context.get("loadingStatus");
 	const renamingValue = context.get("renamingValue");
+	const skip = ({ indexPath }) => {
+		return collection$1.getValuePath(indexPath).slice(0, -1).some((value) => !expandedValue.includes(value));
+	};
+	const firstNode = collection$1.getFirstNode(void 0, { skip });
+	const firstNodeValue = firstNode ? collection$1.getNodeValue(firstNode) : null;
 	function getNodeState(props$1) {
 		const { node, indexPath } = props$1;
 		const value = collection$1.getNodeValue(node);
-		const firstNode = collection$1.getFirstNode();
-		const firstNodeValue = firstNode ? collection$1.getNodeValue(firstNode) : null;
 		return {
 			id: getNodeId(scope, value),
 			value,
 			indexPath,
 			valuePath: collection$1.getValuePath(indexPath),
 			disabled: Boolean(node.disabled),
-			focused: focusedValue == null ? firstNodeValue == value : focusedValue === value,
+			focused: focusedValue == null ? firstNodeValue === value : focusedValue === value,
 			selected: selectedValue.includes(value),
 			expanded: expandedValue.includes(value),
 			loading: loadingStatus[value] === "loading",
@@ -971,7 +974,8 @@ const machine = createMachine({
 			focusTreeFirstNode(params) {
 				const { prop, scope } = params;
 				const collection$1 = prop("collection");
-				const firstNode = collection$1.getFirstNode();
+				const firstNode = collection$1.getFirstNode(void 0, { skip: skipFn(params) });
+				if (!firstNode) return;
 				const firstValue = collection$1.getNodeValue(firstNode);
 				if (scrollToNode(params, firstValue)) raf(() => focusNode(scope, firstValue));
 				else focusNode(scope, firstValue);
@@ -988,7 +992,8 @@ const machine = createMachine({
 				const { event, prop, scope } = params;
 				const collection$1 = prop("collection");
 				const branchNode = collection$1.findNode(event.id);
-				const firstNode = collection$1.getFirstNode(branchNode);
+				const firstNode = collection$1.getFirstNode(branchNode, { skip: skipFn(params) });
+				if (!firstNode) return;
 				const firstValue = collection$1.getNodeValue(firstNode);
 				if (scrollToNode(params, firstValue)) raf(() => focusNode(scope, firstValue));
 				else focusNode(scope, firstValue);

package/dist/{selection-CTaapzrB.d.mts → selection-JDFmyke7.d.mts}

@@ -1,5 +1,5 @@
 import { r as CollectionOptions, t as CollectionItem } from "./types-Df8ZhdY-.mjs";
-import { t as ListCollection } from "./list-collection-BbgocToA.mjs";
+import { t as ListCollection } from "./list-collection-CTt1eong.mjs";
 
 //#region src/shared/collection/grid-collection.d.ts
 interface GridCollectionOptions<T> extends CollectionOptions<T> {

package/dist/{selection-D3b3yV_x.d.cts → selection-vng1guNc.d.cts}

@@ -1,5 +1,5 @@
 import { r as CollectionOptions, t as CollectionItem } from "./types-CADkcKtr.cjs";
-import { t as ListCollection } from "./list-collection-DettiQL3.cjs";
+import { t as ListCollection } from "./list-collection-BvMwDNHf.cjs";
 
 //#region src/shared/collection/grid-collection.d.ts
 interface GridCollectionOptions<T> extends CollectionOptions<T> {

package/dist/{tree-collection-Dlv1BAsc.d.cts → tree-collection-CmehimuO.d.cts}

@@ -27,7 +27,7 @@ declare class TreeCollection<T = TreeNode> {
   getNodeDisabled: (node: T) => boolean;
   stringify: (value: string) => string | null;
   stringifyNode: (node: T) => string;
-  getFirstNode: (rootNode?: T) => T | undefined;
+  getFirstNode: (rootNode?: T, opts?: TreeSkipOptions<T>) => T | undefined;
   getLastNode: (rootNode?: T, opts?: TreeSkipOptions<T>) => T | undefined;
   at: (indexPath: IndexPath) => T | undefined;
   findNode: (value: string, rootNode?: T) => T | undefined;

package/dist/{tree-collection-DYIVkVee.d.mts → tree-collection-CqXQBHwY.d.mts}

@@ -27,7 +27,7 @@ declare class TreeCollection<T = TreeNode> {
   getNodeDisabled: (node: T) => boolean;
   stringify: (value: string) => string | null;
   stringifyNode: (node: T) => string;
-  getFirstNode: (rootNode?: T) => T | undefined;
+  getFirstNode: (rootNode?: T, opts?: TreeSkipOptions<T>) => T | undefined;
   getLastNode: (rootNode?: T, opts?: TreeSkipOptions<T>) => T | undefined;
   at: (indexPath: IndexPath) => T | undefined;
   findNode: (value: string, rootNode?: T) => T | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sprawlify/primitives",
-  "version": "0.0.51",
+  "version": "0.0.52",
   "type": "module",
   "description": "A set of primitive components for building user interfaces.",
   "author": "sprawlify <npm@sprawlify.com>",