@startsimpli/ui 0.4.34 → 0.4.35

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@startsimpli/ui",
-  "version": "0.4.34",
+  "version": "0.4.35",
   "description": "Shared UI components package for StartSimpli applications",
   "main": "./src/index.ts",
   "types": "./src/index.ts",
@@ -33,8 +33,8 @@
     "next": "^14.0.0 || ^15.0.0 || ^16.0.0",
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0",
-    "@startsimpli/auth": "0.4.28",
-    "@startsimpli/api": "0.5.35"
+    "@startsimpli/api": "0.5.35",
+    "@startsimpli/auth": "0.4.28"
   },
   "peerDependenciesMeta": {
     "@startsimpli/api": {

package/src/components/schema/SchemaTypeBuilder.tsx

@@ -225,6 +225,46 @@ export function SchemaTypeBuilder({
                   />
                 </div>
               )}
+
+              {(attr.dataType === 'number' || attr.dataType === 'integer') && (
+                <div className="grid gap-3 sm:col-span-4 sm:grid-cols-2">
+                  <div className="space-y-1.5">
+                    <Label htmlFor={`attr-min-${i}`}>Minimum (optional)</Label>
+                    <Input
+                      id={`attr-min-${i}`}
+                      type="number"
+                      value={attr.min}
+                      onChange={(e) => updateAttr(i, { min: e.target.value })}
+                      placeholder="e.g. 0"
+                    />
+                  </div>
+                  <div className="space-y-1.5">
+                    <Label htmlFor={`attr-max-${i}`}>Maximum (optional)</Label>
+                    <Input
+                      id={`attr-max-${i}`}
+                      type="number"
+                      value={attr.max}
+                      onChange={(e) => updateAttr(i, { max: e.target.value })}
+                      placeholder="e.g. 100"
+                    />
+                  </div>
+                </div>
+              )}
+
+              {(attr.dataType === 'text' || attr.dataType === 'longtext') && (
+                <div className="space-y-1.5 sm:col-span-4">
+                  <Label htmlFor={`attr-regex-${i}`}>Pattern (regex, optional)</Label>
+                  <Input
+                    id={`attr-regex-${i}`}
+                    value={attr.regex}
+                    onChange={(e) => updateAttr(i, { regex: e.target.value })}
+                    placeholder="e.g. [^@]+@[^@]+\.[^@]+"
+                  />
+                  <p className="text-xs text-gray-500">
+                    Values must fully match this pattern.
+                  </p>
+                </div>
+              )}
             </div>
           ))}
 

package/src/components/schema/__tests__/schema-builder-core.test.ts

@@ -21,22 +21,23 @@ describe('toKey', () => {
 })
 
 describe('blankAttribute', () => {
-  it('defaults to a non-required text field with no choices', () => {
+  it('defaults to a non-required text field with no choices/bounds/regex', () => {
     expect(blankAttribute()).toEqual({
       name: '',
       dataType: 'text',
       required: false,
       choices: '',
+      min: '',
+      max: '',
+      regex: '',
     })
   })
 })
 
 describe('draftToAttributePayloads', () => {
   const text = (over: Partial<DraftAttribute> = {}): DraftAttribute => ({
+    ...blankAttribute(),
     name: 'email',
-    dataType: 'text',
-    required: false,
-    choices: '',
     ...over,
   })
 
@@ -74,6 +75,39 @@ describe('draftToAttributePayloads', () => {
       config: {},
     })
   })
+
+  it('builds numeric config.min/max from the min/max inputs (number/integer)', () => {
+    const [payload] = draftToAttributePayloads(5, [
+      text({ name: 'qty', dataType: 'integer', min: '1', max: '10' }),
+    ])
+    expect(payload).toMatchObject({
+      name: 'qty',
+      dataType: 'integer',
+      config: { min: 1, max: 10 },
+    })
+  })
+
+  it('sets only the numeric bounds that are provided (blank min/max omitted)', () => {
+    const [payload] = draftToAttributePayloads(5, [
+      text({ name: 'score', dataType: 'number', min: '0', max: '' }),
+    ])
+    expect(payload.config).toEqual({ min: 0 })
+  })
+
+  it('builds text config.regex from the regex input (text/longtext)', () => {
+    const [payload] = draftToAttributePayloads(5, [
+      text({ name: 'email', dataType: 'text', regex: '[^@]+@[^@]+' }),
+    ])
+    expect(payload.config).toEqual({ regex: '[^@]+@[^@]+' })
+  })
+
+  it('keeps config keys scoped to the dataType (no cross-contamination)', () => {
+    // text reads only regex; a stray min/max/choices must not leak into config.
+    const [payload] = draftToAttributePayloads(5, [
+      text({ name: 'note', dataType: 'text', min: '1', max: '9', choices: 'a,b' }),
+    ])
+    expect(payload.config).toEqual({})
+  })
 })
 
 describe('DATA_TYPES', () => {

package/src/components/schema/schema-builder-core.ts

@@ -37,10 +37,16 @@ export interface DraftAttribute {
   required: boolean
   /** Comma-separated choices, only used when dataType === 'enum'. */
   choices: string
+  /** Lower bound, only used when dataType is number/integer (blank = none). */
+  min: string
+  /** Upper bound, only used when dataType is number/integer (blank = none). */
+  max: string
+  /** Validation pattern, only used when dataType is text/longtext (blank = none). */
+  regex: string
 }
 
 export function blankAttribute(): DraftAttribute {
-  return { name: '', dataType: 'text', required: false, choices: '' }
+  return { name: '', dataType: 'text', required: false, choices: '', min: '', max: '', regex: '' }
 }
 
 /** Slugify a label into a stable, lowercase key the backend stores. */
@@ -73,12 +79,22 @@ export function draftToAttributePayloads(
   for (const attr of drafts) {
     const name = attr.name.trim()
     if (!name) continue
+    // Config keys are scoped to the dataType + match what the backend enforces
+    // (enum: choices, number/integer: min/max, text/longtext: regex). Numeric
+    // bounds + regex are omitted when blank; an enum always carries its choices.
     const config: Record<string, unknown> = {}
     if (attr.dataType === 'enum') {
       config.choices = attr.choices
         .split(',')
         .map((c) => c.trim())
         .filter(Boolean)
+    } else if (attr.dataType === 'number' || attr.dataType === 'integer') {
+      const min = Number(attr.min)
+      const max = Number(attr.max)
+      if (attr.min.trim() !== '' && !Number.isNaN(min)) config.min = min
+      if (attr.max.trim() !== '' && !Number.isNaN(max)) config.max = max
+    } else if (attr.dataType === 'text' || attr.dataType === 'longtext') {
+      if (attr.regex.trim() !== '') config.regex = attr.regex.trim()
     }
     out.push({
       entityType: entityTypeId,