@abgov/ui-components-common 1.2.0-alpha.1 → 1.2.0

package/index.cjs

@@ -1 +1 @@
-"use strict";var A=Object.defineProperty;var p=r=>{throw TypeError(r)};var M=(r,t,e)=>t in r?A(r,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):r[t]=e;var u=(r,t,e)=>M(r,typeof t!="symbol"?t+"":t,e),v=(r,t,e)=>t.has(r)||p("Cannot "+e);var y=(r,t,e)=>t.has(r)?p("Cannot add the same private member more than once"):t instanceof WeakSet?t.add(r):t.set(r,e);var g=(r,t,e)=>(v(r,t,"access private method"),e);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});class E{constructor(t){u(this,"validators");this.validators=t||{}}add(t,...e){this.validators[t]=e}validate(t){const e={};return Object.entries(this.validators).forEach(([a,n])=>{const i=n.map(s=>s(t[a])).find(s=>!!s);i&&(e[a]=i)}),e}}function S(){return[f("Day is required"),h({min:1,max:31,minMsg:"Day must be between 1 and 31",maxMsg:"Day must be between 1 and 31"})]}function N(){return[f("Month is required"),h({min:0,max:11,minMsg:"Month must be between Jan and Dec",maxMsg:"Month must be between Jan and Dec"})]}function _(){const r=new Date().getFullYear();return[f("Year is required"),h({min:1900,max:r,minMsg:"Year must be greater than 1900",maxMsg:`Year must be less than ${r}`})]}function f(r){return t=>(r=r||"Required",typeof t=="number"&&!isNaN(t)||t?"":r)}function D(r){const t=new RegExp(/^\+?[\d-() ]{10,18}$/);return c(t,r||"Invalid phone number")}function R(r){const t=new RegExp(/^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/);return c(t,r||"Invalid email address")}function w(){return r=>{if(!r)return"";const t="121212121".split("").map(n=>parseInt(n)),e=r.replace(/\D/g,"");return e.length!==9?"SIN must contain 9 numbers":e.split("").map(n=>parseInt(n)).map((n,i)=>{const s=n*t[i];return s<10?s:`${s}`.split("").map(o=>parseInt(o)).reduce((o,m)=>o+m,0)}).reduce((n,i)=>n+i,0)%10===0?"":"Invalid SIN"}}function $(){return c(/^[ABCEGHJ-NPRSTVXY]\d[ABCEGHJ-NPRSTV-Z][ -]?\d[ABCEGHJ-NPRSTV-Z]\d$/i,"Invalid postal code")}function c(r,t){return e=>!e||e.match(r)?"":t}function I({invalidMsg:r,minMsg:t,maxMsg:e,min:a,max:n}={}){return i=>{let s=new Date(-1);return`${i||""}`.length===0?"":(typeof i=="string"&&(s=new Date(i)),typeof i=="number"&&(s=new Date(i)),i.toDateString&&(s=i),s.getDate()===-1?r||"Invalid date":a&&s<a?t||`Must be after ${a}`:n&&s>n?e||`Must be before ${n}`:"")}}function h({invalidTypeMsg:r,minMsg:t,maxMsg:e,min:a=-Number.MAX_VALUE,max:n=Number.MAX_VALUE}={}){return i=>{let s=Number.MAX_VALUE;return`${i??""}`.length===0?"":(typeof i=="string"&&(s=parseFloat(i)),typeof i=="number"&&(s=i),isNaN(s)?r||"Must be a numeric value":s>n?e||`Must be less than or equal to ${n}`:s<a?t||`Must be greater than or equal to ${a}`:"")}}function x({invalidTypeMsg:r,minMsg:t,maxMsg:e,min:a=-Number.MAX_VALUE,max:n=Number.MAX_VALUE}){return i=>`${i||""}`.length===0?"":typeof i!="string"?r||"Invalid type":i.length>n?e||`Must be less than ${n} characters`:i.length<a?t||`Must be greater than ${a} characters`:""}var d,L,V;class C{constructor(t){y(this,d);u(this,"state");u(this,"_formData");u(this,"_formRef");this.type=t}init(t){if(this._formRef){console.warn("init: form element has already been set");return}this._formRef=t.detail.el,this.state={uuid:crypto.randomUUID(),form:{},history:[],editting:"",status:"not-started"}}initList(t){this._formRef=t.detail.el,this.state=[]}initState(t,e){l(this._formRef,"external::init:state",t),e&&setTimeout(e,200)}updateListState(t){const e=t.detail;Array.isArray(e.data)&&(this.state=e.data)}updateObjectState(t){var a,n;if(Array.isArray(this.state))return;const e=t.detail;e.type==="list"?this.state={...this.state,form:{...((a=this.state)==null?void 0:a.form)||{},[e.id]:e.data}}:this.state={...this.state,form:{...((n=this.state)==null?void 0:n.form)||{},...e.data.form},history:e.data.history}}getStateList(){return this.state?Array.isArray(this.state)?this.state.length===0?[]:this.state.map(t=>Object.values(t.form).filter(e=>{var a;return((a=e==null?void 0:e.data)==null?void 0:a.type)==="details"}).map(e=>{var a;return e.data.type==="details"&&((a=e.data)==null?void 0:a.fieldsets)||{}}).reduce((e,a)=>{for(const[n,i]of Object.entries(a))e[n]=i.value;return e},{})):(console.warn("Utils:getStateList: unable to update the state of a non-multi form type",this.state),[]):[]}continueTo(t){if(!t){console.error("continueTo [name] is undefined");return}console.log("continueTo: TYPE",{type:this.type,state:this.state,formRef:this._formRef,next:t}),l(this._formRef,"external::continue",{next:t})}validate(t,e,a){var o;const{el:n,state:i}=e.detail,s=(o=i==null?void 0:i[t])==null?void 0:o.value;for(const m of a){const b=m(s);if(g(this,d,V).call(this,n,t,b),b)return[!1,""]}return[!0,s]}edit(t){l(this._formRef,"external::alter:state",{index:t,operation:"edit"})}remove(t){l(this._formRef,"external::alter:state",{index:t,operation:"remove"})}clean(){var e;if(Array.isArray(this.state))return;const t=this.state;return(e=this.state)==null?void 0:e.history.reduce((a,n)=>(a[n]=t==null?void 0:t.form[n],a),{})}}d=new WeakSet,L=function(t){var e;Array.isArray(t.data)&&(Array.isArray(this.state)||(this.state={...this.state,form:{...((e=this.state)==null?void 0:e.form)||{},[t.id]:t.data}}))},V=function(t,e,a){t.dispatchEvent(new CustomEvent("msg",{composed:!0,detail:{action:"external::set:error",data:{name:e,msg:a}}}))};function T(r,t,e,a){if(!r){console.error("dispatch element is null");return}r.dispatchEvent(new CustomEvent(t,{composed:!0,bubbles:a==null?void 0:a.bubbles,detail:e}))}function l(r,t,e,a){if(!r){console.error("dispatch element is null");return}r.dispatchEvent(new CustomEvent("msg",{composed:!0,bubbles:a==null?void 0:a.bubbles,detail:{action:t,data:e}}))}exports.FormValidator=E;exports.PublicFormController=C;exports.SINValidator=w;exports.birthDayValidator=S;exports.birthMonthValidator=N;exports.birthYearValidator=_;exports.dateValidator=I;exports.dispatch=T;exports.emailValidator=R;exports.lengthValidator=x;exports.numericValidator=h;exports.phoneNumberValidator=D;exports.postalCodeValidator=$;exports.regexValidator=c;exports.relay=l;exports.requiredValidator=f;
+"use strict";var A=Object.defineProperty;var p=r=>{throw TypeError(r)};var v=(r,t,e)=>t in r?A(r,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):r[t]=e;var u=(r,t,e)=>v(r,typeof t!="symbol"?t+"":t,e),M=(r,t,e)=>t.has(r)||p("Cannot "+e);var y=(r,t,e)=>t.has(r)?p("Cannot add the same private member more than once"):t instanceof WeakSet?t.add(r):t.set(r,e);var g=(r,t,e)=>(M(r,t,"access private method"),e);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});class S{constructor(t){u(this,"validators");this.validators=t||{}}add(t,...e){this.validators[t]=e}validate(t){const e={};return Object.entries(this.validators).forEach(([a,i])=>{const n=i.map(s=>s(t[a])).find(s=>!!s);n&&(e[a]=n)}),e}}function E(){return[f("Day is required"),h({min:1,max:31,minMsg:"Day must be between 1 and 31",maxMsg:"Day must be between 1 and 31"})]}function N(){return[f("Month is required"),h({min:0,max:11,minMsg:"Month must be between Jan and Dec",maxMsg:"Month must be between Jan and Dec"})]}function w(){const r=new Date().getFullYear();return[f("Year is required"),h({min:1900,max:r,minMsg:"Year must be greater than 1900",maxMsg:`Year must be less than ${r}`})]}function f(r){return t=>(r=r||"Required",typeof t=="number"&&!isNaN(t)||t?"":r)}function D(r){const t=new RegExp(/^\+?[\d-() ]{10,18}$/);return c(t,r||"Invalid phone number")}function _(r){const t=new RegExp(/^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/);return c(t,r||"Invalid email address")}function R(){return r=>{if(!r)return"";const t="121212121".split("").map(i=>parseInt(i)),e=r.replace(/\D/g,"");return e.length!==9?"SIN must contain 9 numbers":e.split("").map(i=>parseInt(i)).map((i,n)=>{const s=i*t[n];return s<10?s:`${s}`.split("").map(o=>parseInt(o)).reduce((o,m)=>o+m,0)}).reduce((i,n)=>i+n,0)%10===0?"":"Invalid SIN"}}function $(){return c(/^[ABCEGHJ-NPRSTVXY]\d[ABCEGHJ-NPRSTV-Z][ -]?\d[ABCEGHJ-NPRSTV-Z]\d$/i,"Invalid postal code")}function c(r,t){return e=>!e||e.match(r)?"":t}function x({invalidMsg:r,minMsg:t,maxMsg:e,min:a,max:i}={}){return n=>{let s=new Date(-1);return`${n||""}`.length===0?"":(typeof n=="string"&&(s=new Date(n)),typeof n=="number"&&(s=new Date(n)),n.toDateString&&(s=n),s.getDate()===-1?r||"Invalid date":a&&s<a?t||`Must be after ${a}`:i&&s>i?e||`Must be before ${i}`:"")}}function h({invalidTypeMsg:r,minMsg:t,maxMsg:e,min:a=-Number.MAX_VALUE,max:i=Number.MAX_VALUE}={}){return n=>{let s=Number.MAX_VALUE;return`${n??""}`.length===0?"":(typeof n=="string"&&(s=parseFloat(n)),typeof n=="number"&&(s=n),isNaN(s)?r||"Must be a numeric value":s>i?e||`Must be less than or equal to ${i}`:s<a?t||`Must be greater than or equal to ${a}`:"")}}function I({invalidTypeMsg:r,minMsg:t,maxMsg:e,min:a=-Number.MAX_VALUE,max:i=Number.MAX_VALUE}){return n=>`${n||""}`.length===0?"":typeof n!="string"?r||"Invalid type":n.length>i?e||`Must be less than ${i} characters`:n.length<a?t||`Must be greater than ${a} characters`:""}var d,L,V;class C{constructor(t){y(this,d);u(this,"state");u(this,"_formData");u(this,"_formRef");this.type=t}init(t){if(this._formRef){console.warn("init: form element has already been set");return}this._formRef=t.detail.el,this.state={uuid:crypto.randomUUID(),form:{},history:[],editting:"",status:"not-started"}}initList(t){this._formRef=t.detail.el,this.state=[]}initState(t,e){l(this._formRef,"external::init:state",t),e&&setTimeout(e,200)}updateListState(t){const e=t.detail;Array.isArray(e.data)&&(this.state=e.data)}updateObjectState(t){var a,i;if(Array.isArray(this.state))return;const e=t.detail;e.type==="list"?this.state={...this.state,form:{...((a=this.state)==null?void 0:a.form)||{},[e.id]:e.data}}:this.state={...this.state,form:{...((i=this.state)==null?void 0:i.form)||{},...e.data.form},history:e.data.history}}getStateList(){return this.state?Array.isArray(this.state)?this.state.length===0?[]:this.state.map(t=>Object.values(t.form).filter(e=>{var a;return((a=e==null?void 0:e.data)==null?void 0:a.type)==="details"}).map(e=>{var a;return e.data.type==="details"&&((a=e.data)==null?void 0:a.fieldsets)||{}}).reduce((e,a)=>{for(const[i,n]of Object.entries(a))e[i]=n.value;return e},{})):(console.warn("Utils:getStateList: unable to update the state of a non-multi form type",this.state),[]):[]}getStateValue(t,e){if(Array.isArray(this.state))return console.error("getStateValue: unable to update the state of a multi form type"),"";if(!this.state)return console.error("getStateValue: state has not yet been set"),"";const a=this.state.form[t].data;return a.type!=="details"?"":a.fieldsets[e].value}continueTo(t){if(!t){console.error("continueTo [name] is undefined");return}l(this._formRef,"external::continue",{next:t})}validate(t,e,a){var o;const{el:i,state:n}=e.detail,s=(o=n==null?void 0:n[t])==null?void 0:o.value;window.scrollTo({top:0,behavior:"smooth"});for(const m of a){const b=m(s);if(g(this,d,V).call(this,i,t,b),b)return[!1,""]}return[!0,s]}edit(t){l(this._formRef,"external::alter:state",{index:t,operation:"edit"})}remove(t){l(this._formRef,"external::alter:state",{index:t,operation:"remove"})}clean(t){return t.history.reduce((e,a)=>(e[a]=t.form[a],e),{})}}d=new WeakSet,L=function(t){var e;Array.isArray(t.data)&&(Array.isArray(this.state)||(this.state={...this.state,form:{...((e=this.state)==null?void 0:e.form)||{},[t.id]:t.data}}))},V=function(t,e,a){t.dispatchEvent(new CustomEvent("msg",{composed:!0,detail:{action:"external::set:error",data:{name:e,msg:a}}}))};function q(r,t,e,a){if(!r){console.error("dispatch element is null");return}r.dispatchEvent(new CustomEvent(t,{composed:!0,bubbles:a==null?void 0:a.bubbles,detail:e}))}function l(r,t,e,a){if(!r){console.error("dispatch element is null");return}r.dispatchEvent(new CustomEvent("msg",{composed:!0,bubbles:a==null?void 0:a.bubbles,detail:{action:t,data:e}}))}exports.FormValidator=S;exports.PublicFormController=C;exports.SINValidator=R;exports.birthDayValidator=E;exports.birthMonthValidator=N;exports.birthYearValidator=w;exports.dateValidator=x;exports.dispatch=q;exports.emailValidator=_;exports.lengthValidator=I;exports.numericValidator=h;exports.phoneNumberValidator=D;exports.postalCodeValidator=$;exports.regexValidator=c;exports.relay=l;exports.requiredValidator=f;

package/index.js

@@ -1,12 +1,12 @@
-var M = Object.defineProperty;
+var V = Object.defineProperty;
 var p = (r) => {
   throw TypeError(r);
 };
-var V = (r, t, e) => t in r ? M(r, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[t] = e;
-var u = (r, t, e) => V(r, typeof t != "symbol" ? t + "" : t, e), v = (r, t, e) => t.has(r) || p("Cannot " + e);
+var v = (r, t, e) => t in r ? V(r, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[t] = e;
+var u = (r, t, e) => v(r, typeof t != "symbol" ? t + "" : t, e), M = (r, t, e) => t.has(r) || p("Cannot " + e);
 var y = (r, t, e) => t.has(r) ? p("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(r) : t.set(r, e);
-var g = (r, t, e) => (v(r, t, "access private method"), e);
-class N {
+var g = (r, t, e) => (M(r, t, "access private method"), e);
+class w {
   constructor(t) {
     u(this, "validators");
     this.validators = t || {};
@@ -16,13 +16,13 @@ class N {
   }
   validate(t) {
     const e = {};
-    return Object.entries(this.validators).forEach(([n, i]) => {
-      const a = i.map((s) => s(t[n])).find((s) => !!s);
-      a && (e[n] = a);
+    return Object.entries(this.validators).forEach(([a, i]) => {
+      const n = i.map((s) => s(t[a])).find((s) => !!s);
+      n && (e[a] = n);
     }), e;
   }
 }
-function R() {
+function N() {
   return [
     c("Day is required"),
     m({
@@ -33,7 +33,7 @@ function R() {
     })
   ];
 }
-function S() {
+function _() {
   return [
     c("Month is required"),
     m({
@@ -44,7 +44,7 @@ function S() {
     })
   ];
 }
-function w() {
+function D() {
   const r = (/* @__PURE__ */ new Date()).getFullYear();
   return [
     c("Year is required"),
@@ -59,7 +59,7 @@ function w() {
 function c(r) {
   return (t) => (r = r || "Required", typeof t == "number" && !isNaN(t) || t ? "" : r);
 }
-function D(r) {
+function R(r) {
   const t = new RegExp(/^\+?[\d-() ]{10,18}$/);
   return h(t, r || "Invalid phone number");
 }
@@ -73,10 +73,10 @@ function x() {
   return (r) => {
     if (!r) return "";
     const t = "121212121".split("").map((i) => parseInt(i)), e = r.replace(/\D/g, "");
-    return e.length !== 9 ? "SIN must contain 9 numbers" : e.split("").map((i) => parseInt(i)).map((i, a) => {
-      const s = i * t[a];
+    return e.length !== 9 ? "SIN must contain 9 numbers" : e.split("").map((i) => parseInt(i)).map((i, n) => {
+      const s = i * t[n];
       return s < 10 ? s : `${s}`.split("").map((o) => parseInt(o)).reduce((o, d) => o + d, 0);
-    }).reduce((i, a) => i + a, 0) % 10 === 0 ? "" : "Invalid SIN";
+    }).reduce((i, n) => i + n, 0) % 10 === 0 ? "" : "Invalid SIN";
   };
 }
 function I() {
@@ -92,39 +92,39 @@ function L({
   invalidMsg: r,
   minMsg: t,
   maxMsg: e,
-  min: n,
+  min: a,
   max: i
 } = {}) {
-  return (a) => {
+  return (n) => {
     let s = /* @__PURE__ */ new Date(-1);
-    return `${a || ""}`.length === 0 ? "" : (typeof a == "string" && (s = new Date(a)), typeof a == "number" && (s = new Date(a)), a.toDateString && (s = a), s.getDate() === -1 ? r || "Invalid date" : n && s < n ? t || `Must be after ${n}` : i && s > i ? e || `Must be before ${i}` : "");
+    return `${n || ""}`.length === 0 ? "" : (typeof n == "string" && (s = new Date(n)), typeof n == "number" && (s = new Date(n)), n.toDateString && (s = n), s.getDate() === -1 ? r || "Invalid date" : a && s < a ? t || `Must be after ${a}` : i && s > i ? e || `Must be before ${i}` : "");
   };
 }
 function m({
   invalidTypeMsg: r,
   minMsg: t,
   maxMsg: e,
-  min: n = -Number.MAX_VALUE,
+  min: a = -Number.MAX_VALUE,
   max: i = Number.MAX_VALUE
 } = {}) {
-  return (a) => {
+  return (n) => {
     let s = Number.MAX_VALUE;
-    return `${a ?? ""}`.length === 0 ? "" : (typeof a == "string" && (s = parseFloat(a)), typeof a == "number" && (s = a), isNaN(s) ? r || "Must be a numeric value" : s > i ? e || `Must be less than or equal to ${i}` : s < n ? t || `Must be greater than or equal to ${n}` : "");
+    return `${n ?? ""}`.length === 0 ? "" : (typeof n == "string" && (s = parseFloat(n)), typeof n == "number" && (s = n), isNaN(s) ? r || "Must be a numeric value" : s > i ? e || `Must be less than or equal to ${i}` : s < a ? t || `Must be greater than or equal to ${a}` : "");
   };
 }
 function C({
   invalidTypeMsg: r,
   minMsg: t,
   maxMsg: e,
-  min: n = -Number.MAX_VALUE,
+  min: a = -Number.MAX_VALUE,
   max: i = Number.MAX_VALUE
 }) {
-  return (a) => `${a || ""}`.length === 0 ? "" : typeof a != "string" ? r || "Invalid type" : a.length > i ? e || `Must be less than ${i} characters` : a.length < n ? t || `Must be greater than ${n} characters` : "";
+  return (n) => `${n || ""}`.length === 0 ? "" : typeof n != "string" ? r || "Invalid type" : n.length > i ? e || `Must be less than ${i} characters` : n.length < a ? t || `Must be greater than ${a} characters` : "";
 }
-var f, E, A;
-class T {
+var l, S, A;
+class U {
   constructor(t) {
-    y(this, f);
+    y(this, l);
     u(this, "state");
     u(this, "_formData");
     u(this, "_formRef");
@@ -149,40 +149,37 @@ class T {
   }
   // Public method to allow for the initialization of the state
   initState(t, e) {
-    l(this._formRef, "external::init:state", t), e && setTimeout(e, 200);
+    f(this._formRef, "external::init:state", t), e && setTimeout(e, 200);
   }
   updateListState(t) {
     const e = t.detail;
     Array.isArray(e.data) && (this.state = e.data);
   }
   updateObjectState(t) {
-    var n, i;
+    var a, i;
     if (Array.isArray(this.state))
       return;
     const e = t.detail;
     e.type === "list" ? this.state = {
       ...this.state,
-      form: { ...((n = this.state) == null ? void 0 : n.form) || {}, [e.id]: e.data }
-      // currentFieldset: newState.currentFieldset,
-      // history: detail.data.,
+      form: { ...((a = this.state) == null ? void 0 : a.form) || {}, [e.id]: e.data }
     } : this.state = {
       ...this.state,
       form: { ...((i = this.state) == null ? void 0 : i.form) || {}, ...e.data.form },
-      // currentFieldset: newState.currentFieldset,
       history: e.data.history
     };
   }
   getStateList() {
     return this.state ? Array.isArray(this.state) ? this.state.length === 0 ? [] : this.state.map((t) => Object.values(t.form).filter((e) => {
-      var n;
-      return ((n = e == null ? void 0 : e.data) == null ? void 0 : n.type) === "details";
+      var a;
+      return ((a = e == null ? void 0 : e.data) == null ? void 0 : a.type) === "details";
     }).map((e) => {
-      var n;
-      return e.data.type === "details" && ((n = e.data) == null ? void 0 : n.fieldsets) || {};
+      var a;
+      return e.data.type === "details" && ((a = e.data) == null ? void 0 : a.fieldsets) || {};
     }).reduce(
-      (e, n) => {
-        for (const [i, a] of Object.entries(n))
-          e[i] = a.value;
+      (e, a) => {
+        for (const [i, n] of Object.entries(a))
+          e[i] = n.value;
         return e;
       },
       {}
@@ -202,63 +199,55 @@ class T {
   //     console.error("Utils:getStateItems: state has not yet been set");
   //     return [];
   //   }
-  //   console.debug("Utils:getStateItems", this.state, { group });
-  //   return (this.state.form[group]?.data ?? []) as Record<string, FieldsetItemState>[];
-  // }
-  // Public method to allow for the retrieval of the state value
-  // getStateValue(group: string, key: string): string {
-  //   if (Array.isArray(this.state)) {
-  //     console.error("getStateValue: unable to update the state of a multi form type");
-  //     return "";
-  //   }
-  //   if (!this.state) {
-  //     console.error("getStateValue: state has not yet been set");
-  //     return "";
+  //
+  //   const data = this.state.form[group].data;
+  //   if (data.type !== "list") {
+  //     return [];
   //   }
-  //   const data = this.state.form[group].data as Record<string, FieldsetItemState>[];
-  //   // @ts-expect-error "ignore"
-  //   return (data as Record<string, string>)[key]?.value ?? "";
+  //
+  //   return data.items.;
   // }
+  // Public method to allow for the retrieval of the state value
+  getStateValue(t, e) {
+    if (Array.isArray(this.state))
+      return console.error("getStateValue: unable to update the state of a multi form type"), "";
+    if (!this.state)
+      return console.error("getStateValue: state has not yet been set"), "";
+    const a = this.state.form[t].data;
+    return a.type !== "details" ? "" : a.fieldsets[e].value;
+  }
   // Public method to allow for the continuing to the next page
   continueTo(t) {
     if (!t) {
       console.error("continueTo [name] is undefined");
       return;
     }
-    console.log("continueTo: TYPE", {
-      type: this.type,
-      state: this.state,
-      formRef: this._formRef,
-      next: t
-    }), l(this._formRef, "external::continue", { next: t });
+    f(this._formRef, "external::continue", { next: t });
   }
   // Public method to perform validation and send the appropriate messages to the form elements
-  validate(t, e, n) {
+  validate(t, e, a) {
     var o;
-    const { el: i, state: a } = e.detail, s = (o = a == null ? void 0 : a[t]) == null ? void 0 : o.value;
-    for (const d of n) {
+    const { el: i, state: n } = e.detail, s = (o = n == null ? void 0 : n[t]) == null ? void 0 : o.value;
+    window.scrollTo({ top: 0, behavior: "smooth" });
+    for (const d of a) {
       const b = d(s);
-      if (g(this, f, A).call(this, i, t, b), b)
+      if (g(this, l, A).call(this, i, t, b), b)
         return [!1, ""];
     }
     return [!0, s];
   }
   edit(t) {
-    l(this._formRef, "external::alter:state", { index: t, operation: "edit" });
+    f(this._formRef, "external::alter:state", { index: t, operation: "edit" });
   }
   remove(t) {
-    l(this._formRef, "external::alter:state", { index: t, operation: "remove" });
+    f(this._formRef, "external::alter:state", { index: t, operation: "remove" });
   }
   // removes any data collected that doesn't correspond with the final history path
-  clean() {
-    var e;
-    if (Array.isArray(this.state))
-      return;
-    const t = this.state;
-    return (e = this.state) == null ? void 0 : e.history.reduce((n, i) => (n[i] = t == null ? void 0 : t.form[i], n), {});
+  clean(t) {
+    return t.history.reduce((e, a) => (e[a] = t.form[a], e), {});
   }
 }
-f = new WeakSet(), E = function(t) {
+l = new WeakSet(), S = function(t) {
   var e;
   Array.isArray(t.data) && (Array.isArray(this.state) || (this.state = {
     ...this.state,
@@ -268,7 +257,7 @@ f = new WeakSet(), E = function(t) {
     }
   }));
 }, // Private method to dispatch the error message to the form element
-A = function(t, e, n) {
+A = function(t, e, a) {
   t.dispatchEvent(
     new CustomEvent("msg", {
       composed: !0,
@@ -276,13 +265,13 @@ A = function(t, e, n) {
         action: "external::set:error",
         data: {
           name: e,
-          msg: n
+          msg: a
         }
       }
     })
   );
 };
-function U(r, t, e, n) {
+function q(r, t, e, a) {
   if (!r) {
     console.error("dispatch element is null");
     return;
@@ -290,12 +279,12 @@ function U(r, t, e, n) {
   r.dispatchEvent(
     new CustomEvent(t, {
       composed: !0,
-      bubbles: n == null ? void 0 : n.bubbles,
+      bubbles: a == null ? void 0 : a.bubbles,
       detail: e
     })
   );
 }
-function l(r, t, e, n) {
+function f(r, t, e, a) {
   if (!r) {
     console.error("dispatch element is null");
     return;
@@ -303,7 +292,7 @@ function l(r, t, e, n) {
   r.dispatchEvent(
     new CustomEvent("msg", {
       composed: !0,
-      bubbles: n == null ? void 0 : n.bubbles,
+      bubbles: a == null ? void 0 : a.bubbles,
       detail: {
         action: t,
         data: e
@@ -312,20 +301,20 @@ function l(r, t, e, n) {
   );
 }
 export {
-  N as FormValidator,
-  T as PublicFormController,
+  w as FormValidator,
+  U as PublicFormController,
   x as SINValidator,
-  R as birthDayValidator,
-  S as birthMonthValidator,
-  w as birthYearValidator,
+  N as birthDayValidator,
+  _ as birthMonthValidator,
+  D as birthYearValidator,
   L as dateValidator,
-  U as dispatch,
+  q as dispatch,
   $ as emailValidator,
   C as lengthValidator,
   m as numericValidator,
-  D as phoneNumberValidator,
+  R as phoneNumberValidator,
   I as postalCodeValidator,
   h as regexValidator,
-  l as relay,
+  f as relay,
   c as requiredValidator
 };

package/lib/public-form-controller.d.ts

@@ -36,11 +36,12 @@ export declare class PublicFormController<T> {
     updateListState(e: Event): void;
     updateObjectState(e: Event): void;
     getStateList(): Record<string, string>[];
+    getStateValue(group: string, key: string): string;
     continueTo(next: T | undefined): void;
     validate(field: string, e: Event, validators: FieldValidator[]): [boolean, string];
     edit(index: number): void;
     remove(index: number): void;
-    clean(): Record<string, unknown> | undefined;
+    clean(data: AppState<T>): Record<string, unknown>;
 }
 export declare function dispatch<T>(el: HTMLElement | Element | null | undefined, eventName: string, detail?: T, opts?: {
     bubbles?: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abgov/ui-components-common",
-  "version": "1.2.0-alpha.1",
+  "version": "1.2.0",
   "bugs": {
     "url": "https://github.com/GovAlta/ui-components/issues"
   },