сохранение в localstorage для списка

src/component/BasicElements/SelectElement.tsx

@@ -122,22 +122,38 @@ export const selectDefinition: ElementDefinition<SelectConfig, string> = {
       </SelectContent>
     </Select>
   ),
-  Render: ({ config, value, onChange }) => (
+  Render: ({ config, value, onChange }) => {
-    <Select value={value} onValueChange={onChange}>
+    const elementId = (config as any).id || config.placeholder || 'default'
-      <SelectTrigger className="w-full min-w-32">
+
-        <SelectValue placeholder={config.placeholder || 'Выберите значение'} />
+    const storageKey = `select_${elementId}`
-      </SelectTrigger>
+
-      <SelectContent>
+    const handleValueChange = (newValue: string) => {
-        <SelectGroup>
+      localStorage.setItem(storageKey, newValue)
-          {config.options
+      onChange?.(newValue)
-            .filter(option => option.value.trim() !== '')
+    }
-            .map((option, index) => (
+
-              <SelectItem key={index} value={option.value}>
+    // Если значение не установлено, пытаемся загрузить из localStorage
-                {option.label}
+    const currentValue = value || localStorage.getItem(storageKey) || ''
-              </SelectItem>
+
-            ))}
+    return (
-        </SelectGroup>
+      <Select value={currentValue} onValueChange={handleValueChange}>
-      </SelectContent>
+        <SelectTrigger className="w-full min-w-32">
-    </Select>
+          <SelectValue
-  ),
+            placeholder={config.placeholder || 'Выберите значение'}
+          />
+        </SelectTrigger>
+        <SelectContent>
+          <SelectGroup>
+            {config.options
+              .filter(option => option.value.trim() !== '')
+              .map((option, index) => (
+                <SelectItem key={index} value={option.value}>
+                  {option.label}
+                </SelectItem>
+              ))}
+          </SelectGroup>
+        </SelectContent>
+      </Select>
+    )
+  },
 }