@gnist/design-system 6.0.0-alpha.3 → 6.1.0

package/dist/utilities/time/index.cjs

@@ -1,13 +1,12 @@
 "use client";
-"use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const date = require("./date.cjs");
-exports.addDays = date.addDays;
-exports.addMonths = date.addMonths;
-exports.getStartOfDay = date.getStartOfDay;
-exports.isNorwegianHoliday = date.isNorwegianHoliday;
-exports.isSameDate = date.isSameDate;
-exports.maxDayOfMonth = date.maxDayOfMonth;
-exports.minDayOfMonth = date.minDayOfMonth;
-exports.nextMonth = date.nextMonth;
-exports.today = date.today;
+const require_date = require("./date.cjs");
+exports.addDays = require_date.addDays;
+exports.addMonths = require_date.addMonths;
+exports.getStartOfDay = require_date.getStartOfDay;
+exports.isNorwegianHoliday = require_date.isNorwegianHoliday;
+exports.isSameDate = require_date.isSameDate;
+exports.maxDayOfMonth = require_date.maxDayOfMonth;
+exports.minDayOfMonth = require_date.minDayOfMonth;
+exports.nextMonth = require_date.nextMonth;
+exports.today = require_date.today;

package/dist/utilities/time/index.js

@@ -1,13 +1,3 @@
 "use client";
 import { addDays, addMonths, getStartOfDay, isNorwegianHoliday, isSameDate, maxDayOfMonth, minDayOfMonth, nextMonth, today } from "./date.js";
-export {
-  addDays,
-  addMonths,
-  getStartOfDay,
-  isNorwegianHoliday,
-  isSameDate,
-  maxDayOfMonth,
-  minDayOfMonth,
-  nextMonth,
-  today
-};
+export { addDays, addMonths, getStartOfDay, isNorwegianHoliday, isSameDate, maxDayOfMonth, minDayOfMonth, nextMonth, today };

package/dist/utilities/tokens/index.cjs

@@ -1,7 +1,6 @@
 "use client";
-"use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const tokens = require("./tokens.cjs");
-exports.capitalize = tokens.capitalize;
-exports.pxToRem = tokens.pxToRem;
-exports.removeUnit = tokens.removeUnit;
+const require_tokens = require("./tokens.cjs");
+exports.capitalize = require_tokens.capitalize;
+exports.pxToRem = require_tokens.pxToRem;
+exports.removeUnit = require_tokens.removeUnit;

package/dist/utilities/tokens/index.js

@@ -1,7 +1,3 @@
 "use client";
 import { capitalize, pxToRem, removeUnit } from "./tokens.js";
-export {
-  capitalize,
-  pxToRem,
-  removeUnit
-};
+export { capitalize, pxToRem, removeUnit };

package/dist/utilities/tokens/tokens.cjs

@@ -1,19 +1,17 @@
 "use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+//#region src/utilities/tokens/tokens.ts
 function capitalize(str) {
-  if (!str) {
-    return str;
-  }
-  return str[0].toUpperCase() + str.slice(1);
+	if (!str) return str;
+	return str[0].toUpperCase() + str.slice(1);
 }
-const rootFontSize = 16;
-const pxToRem = (sizeInPx) => {
-  return sizeInPx / rootFontSize;
+var rootFontSize = 16;
+var pxToRem = (sizeInPx) => {
+	return sizeInPx / rootFontSize;
 };
 function removeUnit(size) {
-  return Number(/^[+-]?[0-9]*\.?[0-9]+/.exec(size)?.[0] ?? "0");
+	return Number(/^[+-]?[0-9]*\.?[0-9]+/.exec(size)?.[0] ?? "0");
 }
+//#endregion
 exports.capitalize = capitalize;
 exports.pxToRem = pxToRem;
 exports.removeUnit = removeUnit;

package/dist/utilities/tokens/tokens.js

@@ -1,19 +1,15 @@
 "use client";
+//#region src/utilities/tokens/tokens.ts
 function capitalize(str) {
-  if (!str) {
-    return str;
-  }
-  return str[0].toUpperCase() + str.slice(1);
+	if (!str) return str;
+	return str[0].toUpperCase() + str.slice(1);
 }
-const rootFontSize = 16;
-const pxToRem = (sizeInPx) => {
-  return sizeInPx / rootFontSize;
+var rootFontSize = 16;
+var pxToRem = (sizeInPx) => {
+	return sizeInPx / rootFontSize;
 };
 function removeUnit(size) {
-  return Number(/^[+-]?[0-9]*\.?[0-9]+/.exec(size)?.[0] ?? "0");
+	return Number(/^[+-]?[0-9]*\.?[0-9]+/.exec(size)?.[0] ?? "0");
 }
-export {
-  capitalize,
-  pxToRem,
-  removeUnit
-};
+//#endregion
+export { capitalize, pxToRem, removeUnit };

package/dist/utilities/validation/index.cjs

@@ -1,27 +1,26 @@
 "use client";
-"use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const validators = require("./validators.cjs");
-const validation = require("./validation.cjs");
-const validationSteps = require("./validationSteps.cjs");
-exports.atLeastOneMustBeChecked = validators.atLeastOneMustBeChecked;
-exports.mustBeChecked = validators.mustBeChecked;
-exports.noValidation = validators.noValidation;
-exports.validAddress = validators.validAddress;
-exports.validCellPhoneNumber = validators.validCellPhoneNumber;
-exports.validEmail = validators.validEmail;
-exports.validName = validators.validName;
-exports.validRegistrationNumber = validators.validRegistrationNumber;
-exports.validZipCode = validators.validZipCode;
-exports.addNecessityIndicator = validation.addNecessityIndicator;
-exports.createObjectValidator = validation.createObjectValidator;
-exports.getFieldNecessities = validation.getFieldNecessities;
-exports.getValidationMessage = validation.getValidationMessage;
-exports.initialUserInput = validation.initialUserInput;
-exports.required = validation.required;
-exports.runValidation = validation.runValidation;
-exports.stripWhitespace = validation.stripWhitespace;
-exports.validation = validation.validation;
-exports.hasLength = validationSteps.hasLength;
-exports.matchesRegex = validationSteps.matchesRegex;
-exports.maxLength = validationSteps.maxLength;
+const require_validation = require("./validation.cjs");
+const require_validationSteps = require("./validationSteps.cjs");
+const require_validators = require("./validators.cjs");
+exports.addNecessityIndicator = require_validation.addNecessityIndicator;
+exports.atLeastOneMustBeChecked = require_validators.atLeastOneMustBeChecked;
+exports.createObjectValidator = require_validation.createObjectValidator;
+exports.getFieldNecessities = require_validation.getFieldNecessities;
+exports.getValidationMessage = require_validation.getValidationMessage;
+exports.hasLength = require_validationSteps.hasLength;
+exports.initialUserInput = require_validation.initialUserInput;
+exports.matchesRegex = require_validationSteps.matchesRegex;
+exports.maxLength = require_validationSteps.maxLength;
+exports.mustBeChecked = require_validators.mustBeChecked;
+exports.noValidation = require_validators.noValidation;
+exports.required = require_validation.required;
+exports.runValidation = require_validation.runValidation;
+exports.stripWhitespace = require_validation.stripWhitespace;
+exports.validAddress = require_validators.validAddress;
+exports.validCellPhoneNumber = require_validators.validCellPhoneNumber;
+exports.validEmail = require_validators.validEmail;
+exports.validName = require_validators.validName;
+exports.validRegistrationNumber = require_validators.validRegistrationNumber;
+exports.validZipCode = require_validators.validZipCode;
+exports.validation = require_validation.validation;

package/dist/utilities/validation/index.js

@@ -1,27 +1,5 @@
 "use client";
-import { atLeastOneMustBeChecked, mustBeChecked, noValidation, validAddress, validCellPhoneNumber, validEmail, validName, validRegistrationNumber, validZipCode } from "./validators.js";
 import { addNecessityIndicator, createObjectValidator, getFieldNecessities, getValidationMessage, initialUserInput, required, runValidation, stripWhitespace, validation } from "./validation.js";
 import { hasLength, matchesRegex, maxLength } from "./validationSteps.js";
-export {
-  addNecessityIndicator,
-  atLeastOneMustBeChecked,
-  createObjectValidator,
-  getFieldNecessities,
-  getValidationMessage,
-  hasLength,
-  initialUserInput,
-  matchesRegex,
-  maxLength,
-  mustBeChecked,
-  noValidation,
-  required,
-  runValidation,
-  stripWhitespace,
-  validAddress,
-  validCellPhoneNumber,
-  validEmail,
-  validName,
-  validRegistrationNumber,
-  validZipCode,
-  validation
-};
+import { atLeastOneMustBeChecked, mustBeChecked, noValidation, validAddress, validCellPhoneNumber, validEmail, validName, validRegistrationNumber, validZipCode } from "./validators.js";
+export { addNecessityIndicator, atLeastOneMustBeChecked, createObjectValidator, getFieldNecessities, getValidationMessage, hasLength, initialUserInput, matchesRegex, maxLength, mustBeChecked, noValidation, required, runValidation, stripWhitespace, validAddress, validCellPhoneNumber, validEmail, validName, validRegistrationNumber, validZipCode, validation };

package/dist/utilities/validation/regex.cjs

@@ -1,15 +1,13 @@
 "use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const VALID_EMAIL = /^[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*@(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?$/i;
-const VALID_NAME = new RegExp("^(?<firstchar>(?=\\p{Script=Latin}))((?<alphachars>\\p{Script=Latin})|(?<specialchars>\\p{Script=Latin}['-](?=\\p{Script=Latin}))|(?<spaces> (?=\\p{Script=Latin})))*\\s*$", "u");
-const VALID_ADDRESS = /^[^%$()?;,:+&|¤#£"@!*¨^~`]*$/;
-const VALID_FIRST_CELL_PHONE_DIGIT = /^[4,9]/;
-const VALID_DIGITS = /^[0-9]+$/;
-const REG_NO_FULL_PATTERN = /^[A-Z]{2}[1-9][0-9]{4}$/;
-const REG_NO_FULL_LENGTH = 7;
-const WHITE_SPACE = /\s/g;
-exports.REG_NO_FULL_LENGTH = REG_NO_FULL_LENGTH;
+//#region src/utilities/validation/regex.ts
+var VALID_EMAIL = /^[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*@(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?$/i;
+var VALID_NAME = /^(?<firstchar>(?=\p{Script=Latin}))((?<alphachars>\p{Script=Latin})|(?<specialchars>\p{Script=Latin}['-](?=\p{Script=Latin}))|(?<spaces> (?=\p{Script=Latin})))*\s*$/u;
+var VALID_ADDRESS = /^[^%$()?;,:+&|¤#£"@!*¨^~`]*$/;
+var VALID_FIRST_CELL_PHONE_DIGIT = /^[4,9]/;
+var VALID_DIGITS = /^[0-9]+$/;
+var REG_NO_FULL_PATTERN = /^[A-Z]{2}[1-9][0-9]{4}$/;
+var WHITE_SPACE = /\s/g;
+//#endregion
 exports.REG_NO_FULL_PATTERN = REG_NO_FULL_PATTERN;
 exports.VALID_ADDRESS = VALID_ADDRESS;
 exports.VALID_DIGITS = VALID_DIGITS;

package/dist/utilities/validation/regex.js

@@ -1,19 +1,11 @@
 "use client";
-const VALID_EMAIL = /^[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*@(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?$/i;
-const VALID_NAME = new RegExp("^(?<firstchar>(?=\\p{Script=Latin}))((?<alphachars>\\p{Script=Latin})|(?<specialchars>\\p{Script=Latin}['-](?=\\p{Script=Latin}))|(?<spaces> (?=\\p{Script=Latin})))*\\s*$", "u");
-const VALID_ADDRESS = /^[^%$()?;,:+&|¤#£"@!*¨^~`]*$/;
-const VALID_FIRST_CELL_PHONE_DIGIT = /^[4,9]/;
-const VALID_DIGITS = /^[0-9]+$/;
-const REG_NO_FULL_PATTERN = /^[A-Z]{2}[1-9][0-9]{4}$/;
-const REG_NO_FULL_LENGTH = 7;
-const WHITE_SPACE = /\s/g;
-export {
-  REG_NO_FULL_LENGTH,
-  REG_NO_FULL_PATTERN,
-  VALID_ADDRESS,
-  VALID_DIGITS,
-  VALID_EMAIL,
-  VALID_FIRST_CELL_PHONE_DIGIT,
-  VALID_NAME,
-  WHITE_SPACE
-};
+//#region src/utilities/validation/regex.ts
+var VALID_EMAIL = /^[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*@(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?$/i;
+var VALID_NAME = /^(?<firstchar>(?=\p{Script=Latin}))((?<alphachars>\p{Script=Latin})|(?<specialchars>\p{Script=Latin}['-](?=\p{Script=Latin}))|(?<spaces> (?=\p{Script=Latin})))*\s*$/u;
+var VALID_ADDRESS = /^[^%$()?;,:+&|¤#£"@!*¨^~`]*$/;
+var VALID_FIRST_CELL_PHONE_DIGIT = /^[4,9]/;
+var VALID_DIGITS = /^[0-9]+$/;
+var REG_NO_FULL_PATTERN = /^[A-Z]{2}[1-9][0-9]{4}$/;
+var WHITE_SPACE = /\s/g;
+//#endregion
+export { REG_NO_FULL_PATTERN, VALID_ADDRESS, VALID_DIGITS, VALID_EMAIL, VALID_FIRST_CELL_PHONE_DIGIT, VALID_NAME, WHITE_SPACE };

package/dist/utilities/validation/validation.cjs

@@ -1,115 +1,131 @@
 "use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const index = require("../../translations/index.cjs");
-const regex = require("./regex.cjs");
+const require_index = require("../../translations/index.cjs");
+const require_regex = require("./regex.cjs");
+//#region src/utilities/validation/validation.ts
+/**
+* Get the validation message, if any, for a given {@link ValidationResult}.
+* Combines the field's message prefix and the message from the first failed validation step.
+*
+* @param result The {@link ValidationResult} for a form field
+* @param messagePrefix The validation message prefix for a form field
+* @returns A validation message (empty string if no errors)
+*/
 function getValidationMessage(result, messagePrefix, lang) {
-  if (!result) {
-    return "";
-  }
-  const firstError = result.errorMessages[0];
-  return [messagePrefix, firstError].map((message) => typeof message === "string" ? message : message(lang)).filter((x) => !!x).join(" ");
+	if (!result) return "";
+	return [messagePrefix, result.errorMessages[0]].map((message) => typeof message === "string" ? message : message(lang)).filter((x) => !!x).join(" ");
 }
 function stripWhitespace(value) {
-  return value.replace(regex.WHITE_SPACE, "");
+	return value.replace(require_regex.WHITE_SPACE, "");
 }
 function defaultPreValidation(value) {
-  if (typeof value === "string") {
-    return value.trim();
-  }
-  return value;
+	if (typeof value === "string") return value.trim();
+	return value;
 }
-const defaultConfig = () => ({
-  steps: [],
-  preValidation: defaultPreValidation,
-  messagePrefix: "",
-  necessity: { isRequired: false }
+var defaultConfig = () => ({
+	steps: [],
+	preValidation: defaultPreValidation,
+	messagePrefix: "",
+	necessity: { isRequired: false }
 });
-const validation = (config) => ({
-  ...defaultConfig(),
-  ...config
+/**
+* Create a complete validation config using supplied partial config and the default config.
+* @param config Configuration for the validation pipeline. Is merged with default config.
+* @returns A {@link ValidatorConfig} that can be run using runValidation on input values
+*
+* @example
+export const validateRegNo = validation({
+steps: [hasLength(REG_NO_FULL_LENGTH), matchesRegex(REG_NO_PATTERN)],
+preValidation: stripWhitespace,
+});
+*/
+var validation = (config) => ({
+	...defaultConfig(),
+	...config
 });
 function runValidation(rawValue, allValues, { necessity, preValidation, steps, showMessageImmediately }) {
-  const necessityConfig = typeof necessity === "function" ? necessity(allValues) : necessity;
-  const isRequired = necessityConfig.isRequired ?? false;
-  const value = preValidation(rawValue);
-  const valueIsMissing = value === void 0 || value === null || typeof value === "string" && value === "" || typeof value === "object" && Array.isArray(value) && !value.length;
-  if (valueIsMissing) {
-    return {
-      isValid: !isRequired,
-      value,
-      errorMessages: necessityConfig.isRequired ? [
-        necessityConfig.missingMessage ?? index.translate((t) => t.validation.defaultRequiredError)
-      ] : [],
-      showMessageImmediately: false
-    };
-  }
-  const validations = steps.map((f) => f(value, allValues));
-  return {
-    isValid: validations.every((x) => x.isValid),
-    value,
-    errorMessages: validations.filter((x) => !x.isValid).map((x) => x.errorMessage),
-    showMessageImmediately: showMessageImmediately?.(value) ?? false
-  };
+	const necessityConfig = typeof necessity === "function" ? necessity(allValues) : necessity;
+	const isRequired = necessityConfig.isRequired ?? false;
+	const value = preValidation(rawValue);
+	if (value === void 0 || value === null || typeof value === "string" && value === "" || typeof value === "object" && Array.isArray(value) && !value.length) return {
+		isValid: !isRequired,
+		value,
+		errorMessages: necessityConfig.isRequired ? [necessityConfig.missingMessage ?? require_index.translate((t) => t.validation.defaultRequiredError)] : [],
+		showMessageImmediately: false
+	};
+	const validations = steps.map((f) => f(value, allValues));
+	return {
+		isValid: validations.every((x) => x.isValid),
+		value,
+		errorMessages: validations.filter((x) => !x.isValid).map((x) => x.errorMessage),
+		showMessageImmediately: showMessageImmediately?.(value) ?? false
+	};
 }
-const required = (validator = validation(), message) => ({
-  ...validator,
-  necessity: {
-    isRequired: true,
-    missingMessage: message
-  }
+/**
+* Modifies a validator to make the field required.
+*
+* @param validator A {@link ValidatorConfig} describing a validation
+* @param message Validation message when the value is missing
+* @returns The modified validator config
+*/
+var required = (validator = validation(), message) => ({
+	...validator,
+	necessity: {
+		isRequired: true,
+		missingMessage: message
+	}
 });
-const createObjectValidator = (validators) => (values) => {
-  const results = Object.fromEntries(Object.keys(values).map((key) => {
-    const typedKey = key;
-    return [
-      typedKey,
-      runValidation(values[typedKey], values, validators[typedKey])
-    ];
-  }));
-  const entries = Object.entries(results);
-  const isValid = entries.every(([, x]) => x.isValid);
-  return {
-    isValid,
-    transformed: Object.fromEntries(entries.map(([key, validation2]) => [key, validation2.value])),
-    validated: Object.fromEntries(entries.filter(([, validation2]) => validation2.isValid).map(([key, validation2]) => [key, validation2.value])),
-    validation: results
-  };
+/**
+* Create a validation function for an object, given a validation map for properties of that object
+* @param validators A {@link ValidatorMap} to validate against
+* @returns A validation function that can be run on input objects and returns a {@link ObjectValidationResult}
+*/
+var createObjectValidator = (validators) => (values) => {
+	const results = Object.fromEntries(Object.keys(values).map((key) => {
+		const typedKey = key;
+		return [typedKey, runValidation(values[typedKey], values, validators[typedKey])];
+	}));
+	const entries = Object.entries(results);
+	return {
+		isValid: entries.every(([, x]) => x.isValid),
+		transformed: Object.fromEntries(entries.map(([key, validation]) => [key, validation.value])),
+		validated: Object.fromEntries(entries.filter(([, validation]) => validation.isValid).map(([key, validation]) => [key, validation.value])),
+		validation: results
+	};
 };
+/**
+* Create the initial {@link UserInput} representation given an object of user input
+* @param obj The raw user input
+* @returns Initial validation state, before running validation
+*/
 function initialUserInput(obj, validator) {
-  const validated = validator(obj);
-  return {
-    raw: obj,
-    showError: {},
-    ...validated
-  };
+	return {
+		raw: obj,
+		showError: {},
+		...validator(obj)
+	};
 }
+/**
+* Figure out if an object validator has only required fields, only optional fields, or a mix of both
+* @param validators The {@link ValidatorMap} for an object
+* @returns "required" if only required fields, "optional" if only optional fields, otherwise "mixed".
+*/
 function getFieldNecessities(values, validators) {
-  const fieldNecessities = new Set(Object.keys(validators).map((x) => {
-    const necessity = validators[x].necessity;
-    const necessityConfig = typeof necessity === "function" ? necessity(values) : necessity;
-    return necessityConfig.isRequired ? "required" : "optional";
-  }));
-  return fieldNecessities.size === 1 ? Array.from(fieldNecessities)[0] : "mixed";
+	const fieldNecessities = new Set(Object.keys(validators).map((x) => {
+		const necessity = validators[x].necessity;
+		return (typeof necessity === "function" ? necessity(values) : necessity).isRequired ? "required" : "optional";
+	}));
+	return fieldNecessities.size === 1 ? Array.from(fieldNecessities)[0] : "mixed";
 }
 function addNecessityIndicator(values, validators, showNecessityOn, lang, helperText, field) {
-  if (!field) {
-    return helperText;
-  }
-  const allSameNecessity = getFieldNecessities(values, validators) !== "mixed";
-  if (allSameNecessity) {
-    return helperText;
-  }
-  const validation2 = validators[field];
-  const necessityConfig = typeof validation2.necessity === "function" ? validation2.necessity(values) : validation2.necessity;
-  if (showNecessityOn === "optional" && !necessityConfig.isRequired) {
-    return [index.translations[lang].validation.optional, helperText].filter((x) => !!x).join(". ");
-  }
-  if (showNecessityOn === "required" && necessityConfig.isRequired) {
-    return [index.translations[lang].validation.required, helperText].filter((x) => !!x).join(". ");
-  }
-  return helperText;
+	if (!field) return helperText;
+	if (getFieldNecessities(values, validators) !== "mixed") return helperText;
+	const validation = validators[field];
+	const necessityConfig = typeof validation.necessity === "function" ? validation.necessity(values) : validation.necessity;
+	if (showNecessityOn === "optional" && !necessityConfig.isRequired) return [require_index.translations[lang].validation.optional, helperText].filter((x) => !!x).join(". ");
+	if (showNecessityOn === "required" && necessityConfig.isRequired) return [require_index.translations[lang].validation.required, helperText].filter((x) => !!x).join(". ");
+	return helperText;
 }
+//#endregion
 exports.addNecessityIndicator = addNecessityIndicator;
 exports.createObjectValidator = createObjectValidator;
 exports.getFieldNecessities = getFieldNecessities;