@pnx-mixtape/ids-shape 0.0.12 → 0.0.13

package/enums.ts

@@ -3,6 +3,12 @@ export enum AlignmentTypes {
   END = "end",
 }
 
+export enum FormStatusTypes {
+  DEFAULT = "default",
+  VALID = "valid",
+  INVALID = "invalid"
+}
+
 export enum MediaAlignmentTypes {
   LEFT = "left",
   RIGHT = "right",

package/index.ts

@@ -5,6 +5,7 @@ import {
   ButtonTypes,
   CardModifier,
   FooterModifier,
+  FormStatusTypes,
   GlobalAlertTypes,
   GridModifiers,
   HeadingTypes,
@@ -119,15 +120,11 @@ export type LinkedImage = {
   href: string
 }
 
-export type FormItem = {
-  id: string
-  label: string
-  fields?: HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement | (HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement)[]
-  status?: "default" | "valid" | "invalid"
-  description?: string
-  error?: string
-  as?: "div" | "fieldset"
-}
+export type WysiwygText = HTMLElement[] // just an example.
+
+/**
+ * Forms
+ */
 
 export type FormControl = {
   id: string
@@ -137,13 +134,47 @@ export type FormControl = {
   checked?: boolean
 }
 
+export type FormDescription = {
+  id: string
+  description: string
+}
+
+export type FormStatus = {
+  id: string
+  type: FormStatusTypes
+  message?: string
+}
+
+export type FormLabel = {
+  id: string
+  title: string
+  inline?: boolean
+}
+
+export type FormInput = {
+  id: string
+  input: HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement
+  status?: FormStatusTypes
+  label?: string,
+}
+
+export type FormItem = {
+  id: string
+  label?: FormLabel
+  fields?: FormInput | FormInput[]
+  status?: FormStatus
+  descriptionStart?: FormDescription
+  descriptionEnd?: FormDescription
+  as?: "div" | "fieldset"
+  inline?: boolean
+}
+
 export type Form = {
   action: string
   items: FormItem | FormItem[]
   actions?: Button | Button[]
 }
 
-export type WysiwygText = HTMLElement[] // just an example.
 
 /**
  * Extendable.
@@ -223,7 +254,7 @@ export type Masthead = {
   content?: string
   links?: Link[]
   skipLinks?: Link[]
-  background?: MastheadModifier[]
+  background?: MastheadModifier
 }
 
 export type Header = {
@@ -240,7 +271,7 @@ export type Footer = {
   aoc?: string
   links?: Link[]
   socials?: SocialLinks
-  background?: FooterModifier[]
+  background?: FooterModifier
 }
 
 /**
@@ -429,6 +460,7 @@ export {
   CardModifier,
   GlobalAlertTypes,
   GridModifiers,
+  FormStatusTypes,
   HeadingTypes,
   HeroBannerModifier,
   IconColourModifier,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pnx-mixtape/ids-shape",
-  "version": "0.0.12",
+  "version": "0.0.13",
   "description": "shape details for ids project",
   "main": "./index.ts",
   "type": "module",