@picked/svelte 0.0.62-next.7 → 0.0.62-next.9

package/dist/plugins/devtools/screens/responses/ResponseTableRow.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
   /** @file Editable table row for a single field response in the devtools responses screen. */
-  import type { ResponseListItem, PrimitiveFieldValue, Field } from '@picked/client'
+  import type { ResponseListItem, Field, FieldValue, JsonValue } from '@picked/client'
   import { getPicked } from '../../../../hooks'
   import { Button, Text, CodeBlock, Banner, Stack } from '../../ui'
 
@@ -13,7 +13,7 @@
   let editValue = ''
   let editError = ''
   // eslint-disable-next-line svelte/prefer-svelte-reactivity -- Set is reassigned for Svelte reactivity via `selectedOptions = selectedOptions`
-  let selectedOptions: Set<PrimitiveFieldValue> = new Set()
+  let selectedOptions: Set<JsonValue> = new Set()
 
   $: hasOptions = Array.isArray(field?.options) && field.options.length > 0
   $: staticOptions = Array.isArray(field?.options) ? field.options : null
@@ -22,7 +22,8 @@
   /**
    * Formats a response value for display, handling arrays, objects, and primitives.
    *
-   * @param value - The response value to format.
+   * @param {unknown} value - The response value to format.
+   * @returns {string} The display string for the value.
    * @example
    * ```typescript
    * formatValue(['a', 'b']) // 'a, b'
@@ -87,13 +88,13 @@
   /**
    * Toggles selection of a field option, supporting both single and multi-select modes.
    *
-   * @param optionValue - The option value to toggle.
+   * @param {JsonValue} optionValue - The option value to toggle.
    * @example
    * ```typescript
    * toggleOption('red') // selects or deselects the 'red' option
    * ```
    */
-  function toggleOption(optionValue: PrimitiveFieldValue) {
+  function toggleOption(optionValue: JsonValue) {
     if (field?.multiple) {
       if (selectedOptions.has(optionValue)) {
         selectedOptions.delete(optionValue)
@@ -110,14 +111,15 @@
   /**
    * Parses a string input into a typed value based on the field's type.
    *
-   * @param input - The raw string input to parse.
+   * @param {string} input - The raw string input to parse.
+   * @returns {FieldValue} The parsed value (null, number, boolean, JSON, or string).
    * @example
    * ```typescript
    * parseValue('42') // 42 (when field.type is 'number')
    * parseValue('true') // true (when field.type is 'boolean')
    * ```
    */
-  function parseValue(input: string): unknown {
+  function parseValue(input: string): FieldValue {
     const trimmed = input.trim()
 
     if (trimmed === '' || trimmed === '-') {
@@ -173,7 +175,7 @@
         newValue = parseValue(editValue)
       }
 
-      const result = await client.responses.commit({ [field.id]: newValue })
+      const result = await client.responses.commit({ [field.key]: newValue })
 
       if (result.errors.length > 0) {
         editError = result.errors[0].userMessage
@@ -197,7 +199,7 @@
    * ```
    */
   function handleClear() {
-    client.responses.clear(field.id)
+    client.responses.clear(field.key)
   }
 </script>
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@picked/svelte",
-  "version": "0.0.62-next.7",
+  "version": "0.0.62-next.9",
   "dependencies": {
     "d3": "^7.9.0"
   },
@@ -88,7 +88,7 @@
   },
   "module": "./dist/index.js",
   "peerDependencies": {
-    "@picked/client": "0.0.62-next.7",
+    "@picked/client": "0.0.62-next.9",
     "effector": "^23.3.0",
     "svelte": "^5.46.4"
   },