@orsetra/shared-ui 1.1.8 → 1.1.10

package/components/ui/strings-input.tsx

@@ -0,0 +1,83 @@
+"use client"
+
+import React, { useState, useEffect } from "react"
+import { Input } from "./input"
+import { Button } from "./button"
+import { X, Plus } from "lucide-react"
+
+interface StringsInputProps {
+  value?: string[]
+  onChange?: (value: string[]) => void
+  disabled?: boolean
+  placeholder?: string
+}
+
+export function StringsInput({
+  value = [],
+  onChange,
+  disabled = false,
+  placeholder = "Enter value",
+}: StringsInputProps) {
+  const [items, setItems] = useState<string[]>(value.length > 0 ? value : [""])
+
+  useEffect(() => {
+    if (value && value.length > 0 && JSON.stringify(value) !== JSON.stringify(items)) {
+      setItems(value)
+    }
+  }, [value])
+
+  const handleChange = (index: number, newValue: string) => {
+    const newItems = [...items]
+    newItems[index] = newValue
+    setItems(newItems)
+    onChange?.(newItems.filter(item => item !== ""))
+  }
+
+  const handleAdd = () => {
+    const newItems = [...items, ""]
+    setItems(newItems)
+  }
+
+  const handleRemove = (index: number) => {
+    const newItems = items.filter((_, i) => i !== index)
+    setItems(newItems.length > 0 ? newItems : [""])
+    onChange?.(newItems.filter(item => item !== ""))
+  }
+
+  return (
+    <div className="space-y-2">
+      {items.map((item, index) => (
+        <div key={index} className="flex gap-2">
+          <Input
+            value={item}
+            onChange={(e) => handleChange(index, e.target.value)}
+            disabled={disabled}
+            placeholder={placeholder}
+            className="rounded-none flex-1"
+          />
+          {items.length > 1 && (
+            <Button
+              type="button"
+              variant="secondary"
+              onClick={() => handleRemove(index)}
+              disabled={disabled}
+              className="rounded-none h-9 w-9 p-0"
+            >
+              <X className="h-4 w-4" />
+            </Button>
+          )}
+        </div>
+      ))}
+      <Button
+        type="button"
+        variant="secondary"
+        onClick={handleAdd}
+        disabled={disabled}
+        className="rounded-none"
+      >
+        <Plus className="h-4 w-4 mr-2" />
+        Add Item
+      </Button>
+    </div>
+  )
+}

package/index.ts

@@ -8,8 +8,20 @@ export { default as HttpClient, useHttpClient, ApiError } from './lib/http-clien
 // UI Components
 export * from './components/ui'
 
+// Extended Components for Dynamic Forms
+export * from './components/extends'
+
 // Layout Components
 export * from './components/layout'
 
 // Hooks
 export * from './hooks'
+
+// Context
+export * from './context'
+
+// Internationalization
+export { default as i18n } from './i18n'
+
+// Utilities (additional exports)
+export { locale } from './utils/locale'

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@orsetra/shared-ui",
-  "version": "1.1.8",
+  "version": "1.1.10",
   "description": "Shared UI components for Orsetra platform",
   "main": "./index.ts",
   "types": "./index.ts",
@@ -41,7 +41,7 @@
   },
   "dependencies": {
     "@hookform/resolvers": "^3.9.1",
-    "@orsetra/shared-types": "^1.0.2",
+    "@orsetra/shared-types": "^1.0.4",
     "@radix-ui/react-accordion": "1.2.2",
     "@radix-ui/react-alert-dialog": "1.1.4",
     "@radix-ui/react-aspect-ratio": "1.1.1",