@actuate-media/cms-admin 0.8.0 → 0.8.2

package/src/fields/TextField.tsx

@@ -1,18 +1,26 @@
-'use client';
+'use client'
 
 export interface TextFieldProps {
-  label: string;
-  value?: string;
-  onChange: (value: string) => void;
-  required?: boolean;
-  maxLength?: number;
-  helpText?: string;
-  error?: string;
+  label: string
+  value?: string
+  onChange: (value: string) => void
+  required?: boolean
+  maxLength?: number
+  helpText?: string
+  error?: string
 }
 
-export function TextField({ label, value = '', onChange, required, maxLength, helpText, error }: TextFieldProps) {
-  const charCount = value.length;
-  const hasError = !!error || (maxLength !== undefined && charCount > maxLength);
+export function TextField({
+  label,
+  value = '',
+  onChange,
+  required,
+  maxLength,
+  helpText,
+  error,
+}: TextFieldProps) {
+  const charCount = value.length
+  const hasError = !!error || (maxLength !== undefined && charCount > maxLength)
 
   return (
     <div>
@@ -22,7 +30,9 @@ export function TextField({ label, value = '', onChange, required, maxLength, he
           {required && <span className="ml-0.5 text-[var(--destructive)]">*</span>}
         </span>
         {maxLength !== undefined && (
-          <span className={`text-xs ${hasError ? 'text-[var(--destructive)]' : 'text-[var(--muted-foreground)]'}`}>
+          <span
+            className={`text-xs ${hasError ? 'text-[var(--destructive)]' : 'text-[var(--muted-foreground)]'}`}
+          >
             {charCount}/{maxLength}
           </span>
         )}
@@ -40,9 +50,7 @@ export function TextField({ label, value = '', onChange, required, maxLength, he
       {helpText && !error && (
         <p className="mt-1 text-xs text-[var(--muted-foreground)]">{helpText}</p>
       )}
-      {error && (
-        <p className="mt-1 text-xs text-[var(--destructive)]">{error}</p>
-      )}
+      {error && <p className="mt-1 text-xs text-[var(--destructive)]">{error}</p>}
     </div>
-  );
+  )
 }

package/src/fields/ToggleField.tsx

@@ -1,10 +1,10 @@
-'use client';
+'use client'
 
 export interface ToggleFieldProps {
-  label: string;
-  value?: boolean;
-  onChange: (value: boolean) => void;
-  helpText?: string;
+  label: string
+  value?: boolean
+  onChange: (value: boolean) => void
+  helpText?: string
 }
 
 export function ToggleField({ label, value = false, onChange, helpText }: ToggleFieldProps) {
@@ -12,9 +12,7 @@ export function ToggleField({ label, value = false, onChange, helpText }: Toggle
     <div className="flex items-center justify-between">
       <div>
         <span className="text-sm font-medium">{label}</span>
-        {helpText && (
-          <p className="text-xs text-[var(--muted-foreground)]">{helpText}</p>
-        )}
+        {helpText && <p className="text-xs text-[var(--muted-foreground)]">{helpText}</p>}
       </div>
       <button
         type="button"
@@ -32,5 +30,5 @@ export function ToggleField({ label, value = false, onChange, helpText }: Toggle
         />
       </button>
     </div>
-  );
+  )
 }

package/src/fields/block-types.ts

@@ -1,9 +1,15 @@
 export interface BlockTypeDefinition {
-  type: string;
-  label: string;
-  icon: string;
-  description: string;
-  fields: { name: string; type: string; label: string; required?: boolean; options?: { value: string; label: string }[] }[];
+  type: string
+  label: string
+  icon: string
+  description: string
+  fields: {
+    name: string
+    type: string
+    label: string
+    required?: boolean
+    options?: { value: string; label: string }[]
+  }[]
 }
 
 export const PRESET_BLOCKS: BlockTypeDefinition[] = [
@@ -18,11 +24,16 @@ export const PRESET_BLOCKS: BlockTypeDefinition[] = [
       { name: 'buttonText', type: 'text', label: 'Button Text' },
       { name: 'buttonUrl', type: 'text', label: 'Button URL' },
       { name: 'backgroundImage', type: 'media', label: 'Background Image' },
-      { name: 'alignment', type: 'select', label: 'Alignment', options: [
-        { value: 'left', label: 'Left' },
-        { value: 'center', label: 'Center' },
-        { value: 'right', label: 'Right' },
-      ]},
+      {
+        name: 'alignment',
+        type: 'select',
+        label: 'Alignment',
+        options: [
+          { value: 'left', label: 'Left' },
+          { value: 'center', label: 'Center' },
+          { value: 'right', label: 'Right' },
+        ],
+      },
     ],
   },
   {
@@ -35,11 +46,16 @@ export const PRESET_BLOCKS: BlockTypeDefinition[] = [
       { name: 'description', type: 'text', label: 'Description' },
       { name: 'buttonText', type: 'text', label: 'Button Text', required: true },
       { name: 'buttonUrl', type: 'text', label: 'Button URL', required: true },
-      { name: 'style', type: 'select', label: 'Style', options: [
-        { value: 'primary', label: 'Primary' },
-        { value: 'secondary', label: 'Secondary' },
-        { value: 'outline', label: 'Outline' },
-      ]},
+      {
+        name: 'style',
+        type: 'select',
+        label: 'Style',
+        options: [
+          { value: 'primary', label: 'Primary' },
+          { value: 'secondary', label: 'Secondary' },
+          { value: 'outline', label: 'Outline' },
+        ],
+      },
     ],
   },
   {
@@ -48,10 +64,15 @@ export const PRESET_BLOCKS: BlockTypeDefinition[] = [
     icon: 'columns',
     description: '2 or 3 column layout with rich text',
     fields: [
-      { name: 'columnCount', type: 'select', label: 'Columns', options: [
-        { value: '2', label: '2 Columns' },
-        { value: '3', label: '3 Columns' },
-      ]},
+      {
+        name: 'columnCount',
+        type: 'select',
+        label: 'Columns',
+        options: [
+          { value: '2', label: '2 Columns' },
+          { value: '3', label: '3 Columns' },
+        ],
+      },
       { name: 'column1', type: 'richText', label: 'Column 1' },
       { name: 'column2', type: 'richText', label: 'Column 2' },
       { name: 'column3', type: 'richText', label: 'Column 3' },
@@ -65,10 +86,15 @@ export const PRESET_BLOCKS: BlockTypeDefinition[] = [
     fields: [
       { name: 'image', type: 'media', label: 'Image', required: true },
       { name: 'content', type: 'richText', label: 'Content', required: true },
-      { name: 'imagePosition', type: 'select', label: 'Image Position', options: [
-        { value: 'left', label: 'Left' },
-        { value: 'right', label: 'Right' },
-      ]},
+      {
+        name: 'imagePosition',
+        type: 'select',
+        label: 'Image Position',
+        options: [
+          { value: 'left', label: 'Left' },
+          { value: 'right', label: 'Right' },
+        ],
+      },
     ],
   },
   {
@@ -92,4 +118,4 @@ export const PRESET_BLOCKS: BlockTypeDefinition[] = [
       { name: 'caption', type: 'text', label: 'Caption' },
     ],
   },
-];
+]

package/src/fields/index.ts

@@ -1,17 +1,17 @@
-export { FieldRenderer } from './FieldRenderer.js';
-export type { FieldRendererProps, FieldDefinition } from './FieldRenderer.js';
-export { TextField } from './TextField.js';
-export { RichTextField } from './RichTextField.js';
-export { SlugField } from './SlugField.js';
-export { SelectField } from './SelectField.js';
-export { MediaField } from './MediaField.js';
-export { RelationshipField } from './RelationshipField.js';
-export { DateField } from './DateField.js';
-export { ToggleField } from './ToggleField.js';
-export { ArrayField } from './ArrayField.js';
-export { BlockBuilderField } from './BlockBuilderField.js';
-export { PRESET_BLOCKS } from './block-types.js';
-export type { BlockTypeDefinition } from './block-types.js';
-export { GroupField } from './GroupField.js';
-export { NavBuilderField } from './NavBuilderField.js';
-export { NumberField } from './NumberField.js';
+export { FieldRenderer } from './FieldRenderer.js'
+export type { FieldRendererProps, FieldDefinition } from './FieldRenderer.js'
+export { TextField } from './TextField.js'
+export { RichTextField } from './RichTextField.js'
+export { SlugField } from './SlugField.js'
+export { SelectField } from './SelectField.js'
+export { MediaField } from './MediaField.js'
+export { RelationshipField } from './RelationshipField.js'
+export { DateField } from './DateField.js'
+export { ToggleField } from './ToggleField.js'
+export { ArrayField } from './ArrayField.js'
+export { BlockBuilderField } from './BlockBuilderField.js'
+export { PRESET_BLOCKS } from './block-types.js'
+export type { BlockTypeDefinition } from './block-types.js'
+export { GroupField } from './GroupField.js'
+export { NavBuilderField } from './NavBuilderField.js'
+export { NumberField } from './NumberField.js'