@rokkit/states 1.0.0-next.120 → 1.0.0-next.122

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rokkit/states",
-  "version": "1.0.0-next.120",
+  "version": "1.0.0-next.122",
   "description": "Contains generic data manipulation functions that can be used in various components.",
   "author": "Jerry Thomas <me@jerrythomas.name>",
   "license": "MIT",
@@ -31,7 +31,7 @@
   },
   "dependencies": {
     "@lukeed/uuid": "^2.0.1",
-    "@rokkit/core": "1.0.0-next.119",
+    "@rokkit/core": "1.0.0-next.121",
     "d3-array": "^3.2.4",
     "d3-collection": "^1.0.7",
     "ramda": "^0.30.1",

package/src/index.js

@@ -1,8 +1,8 @@
-export { TableWrapper } from './tabular.svelte'
+export { TableWrapper } from './tabular.svelte.js'
 // export { NodeProxy } from './node-proxy.svelte'
 // export { ListProxy } from './list-proxy.svelte'
 // export { NestedProxy } from './nested-proxy.svelte'
-export { Proxy } from './proxy.svelte'
-export { vibe } from './vibe.svelte'
-export { ListController } from './list-controller.svelte'
-export { NestedController } from './nested-controller.svelte'
+export { Proxy } from './proxy.svelte.js'
+export { vibe } from './vibe.svelte.js'
+export { ListController } from './list-controller.svelte.js'
+export { NestedController } from './nested-controller.svelte.js'

package/src/list-controller.svelte.js

@@ -44,6 +44,10 @@ export class ListController {
 		return this.focusedKey
 	}
 
+	get currentIndex() {
+		return this.#currentIndex
+	}
+
 	/**
 	 * @private
 	 * @param {*} value
@@ -174,4 +178,8 @@ export class ListController {
 			return this.select(key)
 		}
 	}
+
+	update(items) {
+		this.items = items
+	}
 }

package/src/nested-controller.svelte.js

@@ -1,4 +1,4 @@
-import { getKeyFromPath, getPathFromKey, getNestedFields } from '@rokkit/core'
+import { getKeyFromPath, getPathFromKey } from '@rokkit/core'
 import { equals } from 'ramda'
 import { ListController } from './list-controller.svelte'
 

package/src/vibe.svelte.js

@@ -5,18 +5,6 @@ import { defaultColors, defaultThemeMapping, themeRules } from '@rokkit/core'
 import { DEFAULT_STYLES, VALID_DENSITIES, VALID_MODES } from './constants'
 import { has } from 'ramda'
 
-/**
- * Transforms theme rules array into an object grouped by mode
- * @param {Array<[string, Object.<string, string>]>} themeRules
- * @returns {Object.<string, Object.<string, string>>}
- */
-function groupThemeRulesByMode(themeRules) {
-	return themeRules.reduce((acc, [name, variables]) => {
-		const mode = name.includes('light') ? 'light' : 'dark'
-		return { ...acc, [mode]: variables }
-	}, {})
-}
-
 /**
  * Checks if a value is allowed based on a list of allowed values and the current value
  * @param {string} value
@@ -38,11 +26,7 @@ class Vibe {
 	#colors = $state(defaultColors)
 	#density = $state('comfortable')
 	#colorMap = $state(defaultThemeMapping)
-	#palette = $derived.by(() => {
-		const grouped = groupThemeRulesByMode(themeRules(this.#style, this.#colorMap, this.#colors))
-		return grouped[this.#mode]
-	})
-	#hasChanged = false
+	#palette = $derived.by(() => themeRules(this.#colorMap, this.#colors))
 
 	/**
 	 * Private constructor to enforce singleton pattern