@abgov/angular-components 4.0.0 → 4.0.1

package/esm2022/index.mjs

@@ -1,5 +1,4 @@
 export * from "./lib/angular-components.module";
 export * from "./lib/components";
-export * from "./lib/validation";
-export * from "./lib/public-form-utils";
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXItY29tcG9uZW50cy9zcmMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxpQ0FBaUMsQ0FBQztBQUNoRCxjQUFjLGtCQUFrQixDQUFDO0FBQ2pDLGNBQWMsa0JBQWtCLENBQUM7QUFDakMsY0FBYyx5QkFBeUIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gXCIuL2xpYi9hbmd1bGFyLWNvbXBvbmVudHMubW9kdWxlXCI7XG5leHBvcnQgKiBmcm9tIFwiLi9saWIvY29tcG9uZW50c1wiO1xuZXhwb3J0ICogZnJvbSBcIi4vbGliL3ZhbGlkYXRpb25cIjtcbmV4cG9ydCAqIGZyb20gXCIuL2xpYi9wdWJsaWMtZm9ybS11dGlsc1wiO1xuIl19
+export * from "@abgov/ui-components-common";
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXItY29tcG9uZW50cy9zcmMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxpQ0FBaUMsQ0FBQztBQUNoRCxjQUFjLGtCQUFrQixDQUFDO0FBQ2pDLGNBQWMsNkJBQTZCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tIFwiLi9saWIvYW5ndWxhci1jb21wb25lbnRzLm1vZHVsZVwiO1xuZXhwb3J0ICogZnJvbSBcIi4vbGliL2NvbXBvbmVudHNcIjtcbmV4cG9ydCAqIGZyb20gXCJAYWJnb3YvdWktY29tcG9uZW50cy1jb21tb25cIjtcbiJdfQ==

package/fesm2022/abgov-angular-components.mjs

@@ -2,6 +2,7 @@ import * as i0 from '@angular/core';
 import { forwardRef, Directive, HostListener, NgModule, CUSTOM_ELEMENTS_SCHEMA, EventEmitter, Component, Input, Output, TemplateRef } from '@angular/core';
 import { NG_VALUE_ACCESSOR, CheckboxControlValueAccessor } from '@angular/forms';
 import { NgTemplateOutlet } from '@angular/common';
+export * from '@abgov/ui-components-common';
 
 // @deprecated: Use the new <goab-input .. /> component
 class ValueDirective {
@@ -3746,248 +3747,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImpor
                 type: Input
             }] } });
 
-// TODO: move this into the form-utils file, since it is specific to the public form component
-function validate(field, fieldsetEl, fieldsetState, validators) {
-    const value = fieldsetState?.[field]?.value;
-    for (const validator of validators) {
-        const msg = validator(value);
-        if (msg) {
-            dispatchError(fieldsetEl, field, msg);
-            return [false, ""];
-        }
-    }
-    return [true, value];
-}
-// TODO: move this into the form-utils file, since it is specific to the public form component
-function dispatchError(el, name, msg) {
-    el.dispatchEvent(new CustomEvent("msg", {
-        composed: true,
-        detail: {
-            action: "external::set:error",
-            data: {
-                name,
-                msg,
-            },
-        },
-    }));
-}
-class FormValidator {
-    constructor(validators) {
-        this.validators = validators || {};
-    }
-    add(fieldName, ...validators) {
-        this.validators[fieldName] = validators;
-    }
-    validate(data) {
-        const errors = {};
-        Object.entries(this.validators).forEach(([name, validators]) => {
-            const err = validators
-                .map((validatorFn) => {
-                const errMsg = validatorFn(data[name]);
-                return errMsg;
-            })
-                .find((msg) => !!msg);
-            if (err) {
-                errors[name] = err;
-            }
-        });
-        return errors;
-    }
-}
-// **********
-// Validators
-// **********
-function birthDayValidator() {
-    return [
-        requiredValidator("Day is required"),
-        numericValidator({
-            min: 1,
-            max: 31,
-            minMsg: "Day must be between 1 and 31",
-            maxMsg: "Day must be between 1 and 31",
-        }),
-    ];
-}
-function birthMonthValidator() {
-    return [
-        requiredValidator("Month is required"),
-        numericValidator({
-            min: 0,
-            max: 11,
-            minMsg: "Month must be between Jan and Dec",
-            maxMsg: "Month must be between Jan and Dec",
-        }),
-    ];
-}
-function birthYearValidator() {
-    const maxYear = new Date().getFullYear();
-    return [
-        requiredValidator("Year is required"),
-        numericValidator({
-            min: 1900,
-            max: maxYear,
-            minMsg: "Year must be greater than 1900",
-            maxMsg: `Year must be less than ${maxYear}`,
-        }),
-    ];
-}
-function requiredValidator(msg) {
-    return (value) => {
-        msg = msg || "Required";
-        if (typeof value === "number" && !isNaN(value)) {
-            return "";
-        }
-        if (value) {
-            return "";
-        }
-        return msg;
-    };
-}
-function phoneNumberValidator(msg) {
-    const regex = new RegExp(/^\+?[\d-() ]{10,18}$/);
-    return regexValidator(regex, msg || "Invalid phone number");
-}
-function emailValidator(msg) {
-    // emailregex.com
-    const regex = 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 regexValidator(regex, msg || "Invalid email address");
-}
-function SINValidator() {
-    return (value) => {
-        if (!value)
-            return "";
-        const checkValue = "121121121".split("").map((c) => parseInt(c));
-        const valueStr = value.replace(/\D/g, "");
-        if (valueStr.length !== 9)
-            return "SIN must contain 9 numbers";
-        const checkSum = valueStr
-            .split("")
-            .map((c) => parseInt(c))
-            .map((num, index) => {
-            const val = num * checkValue[index];
-            if (val < 10) {
-                return val;
-            }
-            return `${val}`
-                .split("")
-                .map((c) => parseInt(c))
-                .reduce((acc, val) => acc * val, 1);
-        })
-            .reduce((acc, val) => acc + val, 0);
-        if (checkSum % 10 === 0) {
-            return "";
-        }
-        return "Invalid SIN";
-    };
-}
-function postalCodeValidator() {
-    return regexValidator(/^[ABCEGHJ-NPRSTVXY]\d[ABCEGHJ-NPRSTV-Z][ -]?\d[ABCEGHJ-NPRSTV-Z]\d$/i, "Invalid postal code");
-}
-function regexValidator(regex, msg) {
-    return (value) => {
-        if (!value) {
-            return "";
-        }
-        if (value.match(regex)) {
-            return "";
-        }
-        return msg;
-    };
-}
-function dateValidator({ invalidMsg, startMsg, endMsg, start, end, }) {
-    return (date) => {
-        let _date = new Date(0);
-        if (typeof date === "string") {
-            _date = new Date(date);
-        }
-        if (date.toDateString) {
-            _date = date;
-        }
-        if (_date.toString() === "Invalid Date" || _date.getTime() === 0) {
-            return invalidMsg || "Invalid date";
-        }
-        if (_date && start && _date < start) {
-            return startMsg || `Must be after ${start}`;
-        }
-        if (_date && end && _date > end) {
-            return endMsg || `Must be before ${end}`;
-        }
-        return "";
-    };
-}
-function numericValidator({ invalidTypeMsg, minMsg, maxMsg, min = -Number.MAX_VALUE, max = Number.MAX_VALUE, }) {
-    return (value) => {
-        let _value = Number.MAX_VALUE;
-        if (typeof value === "string") {
-            _value = parseFloat(value);
-        }
-        if (typeof value === "number") {
-            _value = value;
-        }
-        if (isNaN(_value)) {
-            return invalidTypeMsg || "Must be a numeric value";
-        }
-        if (_value > max) {
-            return maxMsg || `Must be less than or equal to ${max}`;
-        }
-        if (_value < min) {
-            return minMsg || `Must be greater than or equal to ${min}`;
-        }
-        return "";
-    };
-}
-function lengthValidator({ invalidTypeMsg, minMsg, maxMsg, min = -Number.MAX_VALUE, max = Number.MAX_VALUE, }) {
-    return (value) => {
-        if (typeof value !== "string") {
-            return invalidTypeMsg || "Invalid type";
-        }
-        if (value.length > max) {
-            return maxMsg || `Must be less than ${max} characters`;
-        }
-        if (value.length < min) {
-            return minMsg || `Must be greater than ${min} characters`;
-        }
-        return "";
-    };
-}
-
-function dispatch(el, eventName, detail, opts) {
-    if (!el) {
-        console.error("dispatch element is null");
-        return;
-    }
-    el.dispatchEvent(new CustomEvent(eventName, {
-        composed: true,
-        bubbles: opts?.bubbles,
-        detail: detail,
-    }));
-}
-function relay(el, eventName, data, opts) {
-    if (!el) {
-        console.error("dispatch element is null");
-        return;
-    }
-    // console.log(`RELAY(${eventName}):`, data, el);
-    el.dispatchEvent(new CustomEvent("msg", {
-        composed: true,
-        bubbles: opts?.bubbles,
-        detail: {
-            action: eventName,
-            data,
-        },
-    }));
-}
-// TODO: Logic similar to this needs to be done on the React side as well i.e. an initial onMount
-// event that passes a ref to the form,
-function continueTo(el, name) {
-    relay(el, "external::continue", {
-        next: name,
-    });
-}
-
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { AngularComponentsModule, CheckedDirective, FormValidator, GoabAccordion, GoabAppFooter, GoabAppFooterMetaSection, GoabAppFooterNavSection, GoabAppHeader, GoabAppHeaderMenu, GoabBadge, GoabBlock, GoabButton, GoabButtonGroup, GoabCallout, GoabCard, GoabCardActions, GoabCardContent, GoabCardImage, GoabCheckbox, GoabChip, GoabCircularProgress, GoabColumnLayout, GoabContainer, GoabDatePicker, GoabDetails, GoabDivider, GoabDropdown, GoabDropdownItem, GoabFileUploadCard, GoabFileUploadInput, GoabFormItem, GoabFormItemSlot, GoabFormStep, GoabFormStepper, GoabGrid, GoabHeroBanner, GoabIcon, GoabIconButton, GoabInput, GoabMicrositeHeader, GoabModal, GoabNotificationBanner, GoabPages, GoabPagination, GoabPopover, GoabRadioGroup, GoabRadioItem, GoabSideMenu, GoabSideMenuGroup, GoabSideMenuHeading, GoabSkeleton, GoabSpacer, GoabTab, GoabTable, GoabTableSortHeader, GoabTabs, GoabTextArea, GoabTooltip, SINValidator, ValueDirective, ValueListDirective, birthDayValidator, birthMonthValidator, birthYearValidator, continueTo, dateValidator, dispatch, emailValidator, lengthValidator, numericValidator, phoneNumberValidator, postalCodeValidator, regexValidator, relay, requiredValidator, validate };
+export { AngularComponentsModule, CheckedDirective, GoabAccordion, GoabAppFooter, GoabAppFooterMetaSection, GoabAppFooterNavSection, GoabAppHeader, GoabAppHeaderMenu, GoabBadge, GoabBlock, GoabButton, GoabButtonGroup, GoabCallout, GoabCard, GoabCardActions, GoabCardContent, GoabCardImage, GoabCheckbox, GoabChip, GoabCircularProgress, GoabColumnLayout, GoabContainer, GoabDatePicker, GoabDetails, GoabDivider, GoabDropdown, GoabDropdownItem, GoabFileUploadCard, GoabFileUploadInput, GoabFormItem, GoabFormItemSlot, GoabFormStep, GoabFormStepper, GoabGrid, GoabHeroBanner, GoabIcon, GoabIconButton, GoabInput, GoabMicrositeHeader, GoabModal, GoabNotificationBanner, GoabPages, GoabPagination, GoabPopover, GoabRadioGroup, GoabRadioItem, GoabSideMenu, GoabSideMenuGroup, GoabSideMenuHeading, GoabSkeleton, GoabSpacer, GoabTab, GoabTable, GoabTableSortHeader, GoabTabs, GoabTextArea, GoabTooltip, ValueDirective, ValueListDirective };
 //# sourceMappingURL=abgov-angular-components.mjs.map