@dnb/eufemia 10.21.0 → 10.23.0

package/cjs/extensions/forms/utils/ajv.d.ts

@@ -1,5 +1,5 @@
 import ajvInstance, { ErrorObject } from 'ajv/dist/2020';
-import { FormError } from '../types';
+import { FormError, Path } from '../types';
 import type Ajv from 'ajv/dist/2020';
 export type AjvInstance = typeof ajvInstance;
 export { ajvInstance, Ajv };
@@ -19,7 +19,7 @@ export declare function makeAjvInstance(instance?: Ajv): ajvInstance;
  * @param ajvError - The Ajv error object.
  * @returns The instance path of the error.
  */
-export declare function getInstancePath(ajvError: ErrorObject): string;
+export declare function getInstancePath(ajvError: ErrorObject): Path;
 /**
  * Retrieves the validation rule from an AJV error object.
  * If the error object has an 'errorMessage' keyword, it unwraps the original error
@@ -46,10 +46,12 @@ export declare function ajvErrorToFormError(ajvError: ErrorObject): FormError;
  * @param errors - An array of Ajv errors.
  * @returns A single FormError or undefined if there are no errors.
  */
-export declare function ajvErrorsToOneFormError(errors?: ErrorObject[] | null): FormError | undefined;
+export declare function ajvErrorsToOneFormError(errors?: ErrorObject[] | null, value?: unknown): FormError | undefined;
 /**
- * Transform errors from ajv-validation into a record of errors (path as key, error as value)
- * @param errors
- * @returns
+ * Converts AJV validation errors to form errors.
+ *
+ * @param errors - The array of AJV validation errors.
+ * @param data - The data object being validated.
+ * @returns The converted form errors as a record of path and form error pairs.
  */
-export declare const ajvErrorsToFormErrors: (errors?: ErrorObject[] | null) => Record<string, FormError>;
+export declare const ajvErrorsToFormErrors: (errors?: ErrorObject[] | null, data?: Record<Path, unknown>) => Record<string, FormError>;

package/cjs/extensions/forms/utils/ajv.js

@@ -18,13 +18,9 @@ exports.getValidationRule = getValidationRule;
 exports.makeAjvInstance = makeAjvInstance;
 var _ = _interopRequireDefault(require("ajv/dist/2020"));
 var _ajvErrors = _interopRequireDefault(require("ajv-errors"));
+var _jsonPointer = _interopRequireDefault(require("json-pointer"));
 var _types = require("../types");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 function makeAjvInstance(instance) {
   const ajv = instance || new _.default({
     allErrors: true
@@ -81,30 +77,47 @@ function getMessageValues(ajvError) {
 }
 function ajvErrorToFormError(ajvError) {
   var _ajvError$message;
-  const error = new _types.FormError((_ajvError$message = ajvError.message) !== null && _ajvError$message !== void 0 ? _ajvError$message : 'Unknown error', {
+  return new _types.FormError((_ajvError$message = ajvError.message) !== null && _ajvError$message !== void 0 ? _ajvError$message : 'Unknown error', {
     validationRule: getValidationRule(ajvError),
     messageValues: getMessageValues(ajvError)
   });
-  return error;
 }
-function ajvErrorsToOneFormError(errors) {
+function ajvErrorsToOneFormError(errors, value) {
   if (!errors || errors.length === 0) {
     return;
   }
   if (errors.length === 1) {
-    return ajvErrorToFormError(errors[0]);
+    const error = ajvErrorsTransformation(errors[0], value);
+    if (!error) {
+      return undefined;
+    }
+    return ajvErrorToFormError(error);
   }
   const errorMessages = errors === null || errors === void 0 ? void 0 : errors.map(error => error.message);
-  return new _types.FormError(errorMessages.join(' | '), {
-    validationRule: errors.map(getValidationRule)
-  });
+  return new _types.FormError(errorMessages.join(' and '));
 }
-const ajvErrorsToFormErrors = errors => {
+const ajvErrorsToFormErrors = (errors, data) => {
   return (errors !== null && errors !== void 0 ? errors : []).reduce((errors, ajvError) => {
-    return _objectSpread(_objectSpread({}, errors), {}, {
-      [getInstancePath(ajvError)]: ajvErrorToFormError(ajvError)
-    });
+    const path = getInstancePath(ajvError);
+    const error = ajvErrorsTransformation(ajvError, data, path);
+    if (error) {
+      errors[path] = ajvErrorToFormError(error);
+    }
+    return errors;
   }, {});
 };
 exports.ajvErrorsToFormErrors = ajvErrorsToFormErrors;
+function ajvErrorsTransformation(ajvError, data, path) {
+  if (ajvError.keyword === 'type') {
+    const value = data && typeof data === 'object' ? _jsonPointer.default.get(data, path) : data;
+    if (value === '' || value === null) {
+      return undefined;
+    } else {
+      const field = path ? `field at path="${path}"` : 'field';
+      ajvError.message = `The ${field} value (${value}) type ${ajvError.message}`;
+      console.error(ajvError.message);
+    }
+  }
+  return ajvError;
+}
 //# sourceMappingURL=ajv.js.map

package/cjs/extensions/forms/utils/ajv.js.map

@@ -1 +1 @@
-{"version":3,"file":"ajv.js","names":["_","_interopRequireDefault","require","_ajvErrors","_types","obj","__esModule","default","ownKeys","object","enumerableOnly","keys","Object","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","key","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","call","TypeError","Number","makeAjvInstance","instance","ajv","ajvInstance","allErrors","ajvErrors","getInstancePath","ajvError","keyword","instancePath","params","missingProperty","errors","getValidationRule","getMessageValues","_ajvError$params","_ajvError$params2","_ajvError$params3","validationRule","limit","multipleOf","pattern","ajvErrorToFormError","_ajvError$message","error","FormError","message","messageValues","ajvErrorsToOneFormError","errorMessages","map","join","ajvErrorsToFormErrors","reduce","exports"],"sources":["../../../../../src/extensions/forms/utils/ajv.ts"],"sourcesContent":["import ajvInstance, { ErrorObject } from 'ajv/dist/2020'\nimport ajvErrors from 'ajv-errors'\nimport { FormError } from '../types'\nimport type Ajv from 'ajv/dist/2020'\n\nexport type AjvInstance = typeof ajvInstance\nexport { ajvInstance, Ajv }\n\n/**\n * Creates an instance of Ajv (Another JSON Schema Validator) with optional custom instance.\n * If no instance is provided, a new instance of Ajv is created with the specified options.\n * The created Ajv instance is enhanced with custom error handling.\n *\n * @param instance - Optional custom instance of Ajv.\n * @returns The created or provided instance of Ajv.\n */\nexport function makeAjvInstance(instance?: Ajv) {\n  const ajv =\n    instance ||\n    new ajvInstance({\n      // If allErrors is off, Ajv only give you the first error it finds\n      allErrors: true,\n    })\n\n  if (!ajv['__ajvErrors__']) {\n    ajvErrors(ajv)\n    ajv['__ajvErrors__'] = true\n  }\n\n  return ajv\n}\n\n/**\n * Returns the instance path of the given Ajv error.\n * If the error is of type 'required', it is considered an object error and the missing property is shown under the relevant field.\n * If the error is of type 'errorMessage', it is a wrapped error and the instance path is found from the original error to avoid issues like required-errors pointing at the parent object.\n * @param ajvError - The Ajv error object.\n * @returns The instance path of the error.\n */\nexport function getInstancePath(ajvError: ErrorObject): string {\n  switch (ajvError.keyword) {\n    case 'required': {\n      // Required-errors are considered object errors by ajv, so they don't have instancePaths. We want to\n      // show them under the relevant field\n      return `${ajvError.instancePath}/${ajvError.params.missingProperty}`\n    }\n    case 'errorMessage': {\n      // errorMessage structures (from ajv-errors) wrap the original error. Find instance path from original\n      // to avoid issues like required-errors pointing at parent object.\n      if (ajvError.params.errors[0]) {\n        return getInstancePath(ajvError.params.errors[0])\n      }\n    }\n  }\n  return ajvError.instancePath\n}\n\n/**\n * Retrieves the validation rule from an AJV error object.\n * If the error object has an 'errorMessage' keyword, it unwraps the original error\n * to avoid issues like required-errors pointing at the parent object.\n * @param ajvError - The AJV error object.\n * @returns The validation rule.\n */\nexport function getValidationRule(ajvError: ErrorObject): string {\n  if (ajvError.keyword === 'errorMessage' && ajvError.params.errors[0]) {\n    // errorMessage structures (from ajv-errors) wrap the original error. Find keyword from original\n    // to avoid issues like required-errors pointing at parent object.\n    return getValidationRule(ajvError.params.errors[0])\n  }\n  return ajvError.keyword\n}\n\n/**\n * Retrieves the message values from an AJV error object.\n * @param ajvError The AJV error object.\n * @returns The message values extracted from the error object.\n */\nexport function getMessageValues(\n  ajvError: ErrorObject\n): FormError['messageValues'] {\n  const validationRule = getValidationRule(ajvError)\n  // console.log('validationRule', validationRule)\n\n  switch (validationRule) {\n    case 'minLength':\n    case 'maxLength':\n    case 'minimum':\n    case 'maximum':\n    case 'exclusiveMinimum':\n    case 'exclusiveMaximum':\n      return {\n        [validationRule]: ajvError.params?.limit,\n      }\n    case 'multipleOf':\n      return {\n        [validationRule]: ajvError.params?.multipleOf,\n      }\n    case 'pattern':\n      return {\n        [validationRule]: ajvError.params?.pattern,\n      }\n  }\n}\n\n/**\n * Converts an AJV error object to a FormError object.\n *\n * @param ajvError - The AJV error object to convert.\n * @returns The converted FormError object.\n */\nexport function ajvErrorToFormError(ajvError: ErrorObject): FormError {\n  const error = new FormError(ajvError.message ?? 'Unknown error', {\n    validationRule: getValidationRule(ajvError),\n    // Keep the message values in the error object instead of injecting them into the message\n    // at once, since an error might be validated one place, and then get a new message before it is displayed.\n    messageValues: getMessageValues(ajvError),\n  })\n  return error\n}\n\n/**\n * Converts an array of Ajv errors to a single FormError.\n * @param errors - An array of Ajv errors.\n * @returns A single FormError or undefined if there are no errors.\n */\nexport function ajvErrorsToOneFormError(\n  errors?: ErrorObject[] | null\n): FormError | undefined {\n  if (!errors || errors.length === 0) {\n    return\n  }\n  if (errors.length === 1) {\n    return ajvErrorToFormError(errors[0])\n  }\n\n  const errorMessages = errors?.map((error) => error.message)\n  return new FormError(errorMessages.join(' | '), {\n    validationRule: errors.map(getValidationRule),\n  })\n}\n\n/**\n * Transform errors from ajv-validation into a record of errors (path as key, error as value)\n * @param errors\n * @returns\n */\nexport const ajvErrorsToFormErrors = (\n  errors?: ErrorObject[] | null\n): Record<string, FormError> => {\n  return (errors ?? []).reduce((errors, ajvError) => {\n    return {\n      ...errors,\n      [getInstancePath(ajvError)]: ajvErrorToFormError(ajvError),\n    }\n  }, {})\n}\n"],"mappings":"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"}
+{"version":3,"file":"ajv.js","names":["_","_interopRequireDefault","require","_ajvErrors","_jsonPointer","_types","obj","__esModule","default","makeAjvInstance","instance","ajv","ajvInstance","allErrors","ajvErrors","getInstancePath","ajvError","keyword","instancePath","params","missingProperty","errors","getValidationRule","getMessageValues","_ajvError$params","_ajvError$params2","_ajvError$params3","validationRule","limit","multipleOf","pattern","ajvErrorToFormError","_ajvError$message","FormError","message","messageValues","ajvErrorsToOneFormError","value","length","error","ajvErrorsTransformation","undefined","errorMessages","map","join","ajvErrorsToFormErrors","data","reduce","path","exports","pointer","get","field","console"],"sources":["../../../../../src/extensions/forms/utils/ajv.ts"],"sourcesContent":["import ajvInstance, { ErrorObject } from 'ajv/dist/2020'\nimport ajvErrors from 'ajv-errors'\nimport pointer from 'json-pointer'\nimport { FormError, Path } from '../types'\nimport type Ajv from 'ajv/dist/2020'\n\nexport type AjvInstance = typeof ajvInstance\nexport { ajvInstance, Ajv }\n\n/**\n * Creates an instance of Ajv (Another JSON Schema Validator) with optional custom instance.\n * If no instance is provided, a new instance of Ajv is created with the specified options.\n * The created Ajv instance is enhanced with custom error handling.\n *\n * @param instance - Optional custom instance of Ajv.\n * @returns The created or provided instance of Ajv.\n */\nexport function makeAjvInstance(instance?: Ajv) {\n  const ajv =\n    instance ||\n    new ajvInstance({\n      // If allErrors is off, Ajv only give you the first error it finds\n      allErrors: true,\n    })\n\n  if (!ajv['__ajvErrors__']) {\n    ajvErrors(ajv)\n    ajv['__ajvErrors__'] = true\n  }\n\n  return ajv\n}\n\n/**\n * Returns the instance path of the given Ajv error.\n * If the error is of type 'required', it is considered an object error and the missing property is shown under the relevant field.\n * If the error is of type 'errorMessage', it is a wrapped error and the instance path is found from the original error to avoid issues like required-errors pointing at the parent object.\n * @param ajvError - The Ajv error object.\n * @returns The instance path of the error.\n */\nexport function getInstancePath(ajvError: ErrorObject): Path {\n  switch (ajvError.keyword) {\n    case 'required': {\n      // Required-errors are considered object errors by ajv, so they don't have instancePaths. We want to\n      // show them under the relevant field\n      return `${ajvError.instancePath}/${ajvError.params.missingProperty}`\n    }\n    case 'errorMessage': {\n      // errorMessage structures (from ajv-errors) wrap the original error. Find instance path from original\n      // to avoid issues like required-errors pointing at parent object.\n      if (ajvError.params.errors[0]) {\n        return getInstancePath(ajvError.params.errors[0])\n      }\n    }\n  }\n  return ajvError.instancePath\n}\n\n/**\n * Retrieves the validation rule from an AJV error object.\n * If the error object has an 'errorMessage' keyword, it unwraps the original error\n * to avoid issues like required-errors pointing at the parent object.\n * @param ajvError - The AJV error object.\n * @returns The validation rule.\n */\nexport function getValidationRule(ajvError: ErrorObject): string {\n  if (ajvError.keyword === 'errorMessage' && ajvError.params.errors[0]) {\n    // errorMessage structures (from ajv-errors) wrap the original error. Find keyword from original\n    // to avoid issues like required-errors pointing at parent object.\n    return getValidationRule(ajvError.params.errors[0])\n  }\n  return ajvError.keyword\n}\n\n/**\n * Retrieves the message values from an AJV error object.\n * @param ajvError The AJV error object.\n * @returns The message values extracted from the error object.\n */\nexport function getMessageValues(\n  ajvError: ErrorObject\n): FormError['messageValues'] {\n  const validationRule = getValidationRule(ajvError)\n\n  switch (validationRule) {\n    case 'minLength':\n    case 'maxLength':\n    case 'minimum':\n    case 'maximum':\n    case 'exclusiveMinimum':\n    case 'exclusiveMaximum':\n      return {\n        [validationRule]: ajvError.params?.limit,\n      }\n    case 'multipleOf':\n      return {\n        [validationRule]: ajvError.params?.multipleOf,\n      }\n    case 'pattern':\n      return {\n        [validationRule]: ajvError.params?.pattern,\n      }\n  }\n}\n\n/**\n * Converts an AJV error object to a FormError object.\n *\n * @param ajvError - The AJV error object to convert.\n * @returns The converted FormError object.\n */\nexport function ajvErrorToFormError(ajvError: ErrorObject): FormError {\n  return new FormError(ajvError.message ?? 'Unknown error', {\n    validationRule: getValidationRule(ajvError),\n    // Keep the message values in the error object instead of injecting them into the message\n    // at once, since an error might be validated one place, and then get a new message before it is displayed.\n    messageValues: getMessageValues(ajvError),\n  })\n}\n\n/**\n * Converts an array of Ajv errors to a single FormError.\n * @param errors - An array of Ajv errors.\n * @returns A single FormError or undefined if there are no errors.\n */\nexport function ajvErrorsToOneFormError(\n  errors?: ErrorObject[] | null,\n  value?: unknown\n): FormError | undefined {\n  if (!errors || errors.length === 0) {\n    return\n  }\n  if (errors.length === 1) {\n    const error = ajvErrorsTransformation(errors[0], value)\n    if (!error) {\n      return undefined\n    }\n\n    return ajvErrorToFormError(error)\n  }\n\n  const errorMessages = errors?.map((error) => error.message)\n  return new FormError(errorMessages.join(' and '))\n}\n\n/**\n * Converts AJV validation errors to form errors.\n *\n * @param errors - The array of AJV validation errors.\n * @param data - The data object being validated.\n * @returns The converted form errors as a record of path and form error pairs.\n */\nexport const ajvErrorsToFormErrors = (\n  errors?: ErrorObject[] | null,\n  data?: Record<Path, unknown>\n): Record<string, FormError> => {\n  return (errors ?? []).reduce((errors, ajvError) => {\n    const path = getInstancePath(ajvError)\n    const error = ajvErrorsTransformation(ajvError, data, path)\n\n    if (error) {\n      errors[path] = ajvErrorToFormError(error)\n    }\n\n    return errors\n  }, {})\n}\n\n/**\n * Transforms AJV errors based on specific conditions.\n *\n * @param ajvError - The AJV error object.\n * @param data - The data object or value being validated.\n * @param path - The path to the data object property being validated.\n * @returns The transformed AJV error object or undefined if the error should be removed.\n */\nfunction ajvErrorsTransformation(\n  ajvError: ErrorObject,\n  data?: Record<Path, unknown> | unknown,\n  path?: Path\n) {\n  if (ajvError.keyword === 'type') {\n    const value =\n      data && typeof data === 'object' ? pointer.get(data, path) : data\n\n    // Remove the error if the value is empty\n    if (value === '' || value === null) {\n      return undefined\n    } else {\n      // This extend the very limited error message with the value and the path\n      const field = path ? `field at path=\"${path}\"` : 'field'\n      ajvError.message = `The ${field} value (${value}) type ${ajvError.message}`\n\n      // Warn about the issue\n      console.error(ajvError.message)\n    }\n  }\n\n  return ajvError\n}\n"],"mappings":"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"}

package/cjs/extensions/payment-card/utils/CardDesigns.d.ts

@@ -14,214 +14,214 @@ declare namespace Designs {
     export { businessWithVisa };
 }
 export namespace defaultDesign {
-    const name: string;
-    const cardStyle: string;
-    const bankLogo: any;
-    const visa: any;
-    const mastercard: any;
-    const bankAxept: any;
-    const saga: any;
-    const privateBanking: any;
+    let name: string;
+    let cardStyle: string;
+    let bankLogo: any;
+    let visa: any;
+    let mastercard: any;
+    let bankAxept: any;
+    let saga: any;
+    let privateBanking: any;
 }
 export namespace pluss {
-    const name_1: string;
+    let name_1: string;
     export { name_1 as name };
-    const cardStyle_1: string;
+    let cardStyle_1: string;
     export { cardStyle_1 as cardStyle };
-    const bankLogo_1: any;
+    let bankLogo_1: any;
     export { bankLogo_1 as bankLogo };
-    const visa_1: any;
+    let visa_1: any;
     export { visa_1 as visa };
-    const mastercard_1: any;
+    let mastercard_1: any;
     export { mastercard_1 as mastercard };
-    const bankAxept_1: any;
+    let bankAxept_1: any;
     export { bankAxept_1 as bankAxept };
-    const saga_1: any;
+    let saga_1: any;
     export { saga_1 as saga };
-    const privateBanking_1: any;
+    let privateBanking_1: any;
     export { privateBanking_1 as privateBanking };
 }
 export namespace young {
-    const name_2: string;
+    let name_2: string;
     export { name_2 as name };
-    const cardStyle_2: string;
+    let cardStyle_2: string;
     export { cardStyle_2 as cardStyle };
-    const bankLogo_2: any;
+    let bankLogo_2: any;
     export { bankLogo_2 as bankLogo };
-    const visa_2: any;
+    let visa_2: any;
     export { visa_2 as visa };
-    const mastercard_2: any;
+    let mastercard_2: any;
     export { mastercard_2 as mastercard };
-    const bankAxept_2: any;
+    let bankAxept_2: any;
     export { bankAxept_2 as bankAxept };
-    const saga_2: any;
+    let saga_2: any;
     export { saga_2 as saga };
-    const privateBanking_2: any;
+    let privateBanking_2: any;
     export { privateBanking_2 as privateBanking };
     export { ungImg as backgroundImage };
 }
 export namespace myFirst {
-    const name_3: string;
+    let name_3: string;
     export { name_3 as name };
-    const cardStyle_3: string;
+    let cardStyle_3: string;
     export { cardStyle_3 as cardStyle };
-    const bankLogo_3: any;
+    let bankLogo_3: any;
     export { bankLogo_3 as bankLogo };
-    const visa_3: any;
+    let visa_3: any;
     export { visa_3 as visa };
-    const mastercard_3: any;
+    let mastercard_3: any;
     export { mastercard_3 as mastercard };
-    const bankAxept_3: any;
+    let bankAxept_3: any;
     export { bankAxept_3 as bankAxept };
-    const saga_3: any;
+    let saga_3: any;
     export { saga_3 as saga };
-    const privateBanking_3: any;
+    let privateBanking_3: any;
     export { privateBanking_3 as privateBanking };
     export { myFirstImg as backgroundImage };
 }
 export namespace youth {
-    const name_4: string;
+    let name_4: string;
     export { name_4 as name };
-    const cardStyle_4: string;
+    let cardStyle_4: string;
     export { cardStyle_4 as cardStyle };
-    const bankLogo_4: any;
+    let bankLogo_4: any;
     export { bankLogo_4 as bankLogo };
-    const visa_4: any;
+    let visa_4: any;
     export { visa_4 as visa };
-    const mastercard_4: any;
+    let mastercard_4: any;
     export { mastercard_4 as mastercard };
-    const bankAxept_4: any;
+    let bankAxept_4: any;
     export { bankAxept_4 as bankAxept };
-    const saga_4: any;
+    let saga_4: any;
     export { saga_4 as saga };
-    const privateBanking_4: any;
+    let privateBanking_4: any;
     export { privateBanking_4 as privateBanking };
     export { youthImg as backgroundImage };
 }
 export namespace gold {
-    const name_5: string;
+    let name_5: string;
     export { name_5 as name };
-    const cardStyle_5: string;
+    let cardStyle_5: string;
     export { cardStyle_5 as cardStyle };
-    const bankLogo_5: any;
+    let bankLogo_5: any;
     export { bankLogo_5 as bankLogo };
-    const visa_5: any;
+    let visa_5: any;
     export { visa_5 as visa };
-    const mastercard_5: any;
+    let mastercard_5: any;
     export { mastercard_5 as mastercard };
-    const bankAxept_5: any;
+    let bankAxept_5: any;
     export { bankAxept_5 as bankAxept };
-    const saga_5: any;
+    let saga_5: any;
     export { saga_5 as saga };
-    const privateBanking_5: any;
+    let privateBanking_5: any;
     export { privateBanking_5 as privateBanking };
 }
 export namespace saga {
-    const name_6: string;
+    let name_6: string;
     export { name_6 as name };
-    const cardStyle_6: string;
+    let cardStyle_6: string;
     export { cardStyle_6 as cardStyle };
-    const bankLogo_6: any;
+    let bankLogo_6: any;
     export { bankLogo_6 as bankLogo };
-    const visa_6: any;
+    let visa_6: any;
     export { visa_6 as visa };
-    const mastercard_6: any;
+    let mastercard_6: any;
     export { mastercard_6 as mastercard };
-    const bankAxept_6: any;
+    let bankAxept_6: any;
     export { bankAxept_6 as bankAxept };
-    const saga_6: any;
+    let saga_6: any;
     export { saga_6 as saga };
-    const privateBanking_6: any;
+    let privateBanking_6: any;
     export { privateBanking_6 as privateBanking };
 }
 export namespace sagaPlatinum {
-    const name_7: string;
+    let name_7: string;
     export { name_7 as name };
-    const cardStyle_7: string;
+    let cardStyle_7: string;
     export { cardStyle_7 as cardStyle };
-    const bankLogo_7: any;
+    let bankLogo_7: any;
     export { bankLogo_7 as bankLogo };
-    const visa_7: any;
+    let visa_7: any;
     export { visa_7 as visa };
-    const mastercard_7: any;
+    let mastercard_7: any;
     export { mastercard_7 as mastercard };
-    const bankAxept_7: any;
+    let bankAxept_7: any;
     export { bankAxept_7 as bankAxept };
-    const saga_7: any;
+    let saga_7: any;
     export { saga_7 as saga };
-    const privateBanking_7: any;
+    let privateBanking_7: any;
     export { privateBanking_7 as privateBanking };
 }
 export namespace privateBanking {
-    const name_8: string;
+    let name_8: string;
     export { name_8 as name };
-    const cardStyle_8: string;
+    let cardStyle_8: string;
     export { cardStyle_8 as cardStyle };
-    const bankLogo_8: any;
+    let bankLogo_8: any;
     export { bankLogo_8 as bankLogo };
-    const visa_8: any;
+    let visa_8: any;
     export { visa_8 as visa };
-    const mastercard_8: any;
+    let mastercard_8: any;
     export { mastercard_8 as mastercard };
-    const bankAxept_8: any;
+    let bankAxept_8: any;
     export { bankAxept_8 as bankAxept };
-    const saga_8: any;
+    let saga_8: any;
     export { saga_8 as saga };
-    const privateBanking_8: any;
+    let privateBanking_8: any;
     export { privateBanking_8 as privateBanking };
 }
 export namespace mcBlack {
-    const name_9: string;
+    let name_9: string;
     export { name_9 as name };
-    const cardStyle_9: string;
+    let cardStyle_9: string;
     export { cardStyle_9 as cardStyle };
-    const bankLogo_9: any;
+    let bankLogo_9: any;
     export { bankLogo_9 as bankLogo };
-    const visa_9: any;
+    let visa_9: any;
     export { visa_9 as visa };
-    const mastercard_9: any;
+    let mastercard_9: any;
     export { mastercard_9 as mastercard };
-    const bankAxept_9: any;
+    let bankAxept_9: any;
     export { bankAxept_9 as bankAxept };
-    const saga_9: any;
+    let saga_9: any;
     export { saga_9 as saga };
-    const privateBanking_9: any;
+    let privateBanking_9: any;
     export { privateBanking_9 as privateBanking };
 }
 export namespace businessNoVisa {
-    const name_10: string;
+    let name_10: string;
     export { name_10 as name };
-    const cardStyle_10: string;
+    let cardStyle_10: string;
     export { cardStyle_10 as cardStyle };
-    const bankLogo_10: any;
+    let bankLogo_10: any;
     export { bankLogo_10 as bankLogo };
-    const visa_10: any;
+    let visa_10: any;
     export { visa_10 as visa };
-    const mastercard_10: any;
+    let mastercard_10: any;
     export { mastercard_10 as mastercard };
-    const bankAxept_10: any;
+    let bankAxept_10: any;
     export { bankAxept_10 as bankAxept };
-    const saga_10: any;
+    let saga_10: any;
     export { saga_10 as saga };
-    const privateBanking_10: any;
+    let privateBanking_10: any;
     export { privateBanking_10 as privateBanking };
 }
 export namespace businessWithVisa {
-    const name_11: string;
+    let name_11: string;
     export { name_11 as name };
-    const cardStyle_11: string;
+    let cardStyle_11: string;
     export { cardStyle_11 as cardStyle };
-    const bankLogo_11: any;
+    let bankLogo_11: any;
     export { bankLogo_11 as bankLogo };
-    const visa_11: any;
+    let visa_11: any;
     export { visa_11 as visa };
-    const mastercard_11: any;
+    let mastercard_11: any;
     export { mastercard_11 as mastercard };
-    const bankAxept_11: any;
+    let bankAxept_11: any;
     export { bankAxept_11 as bankAxept };
-    const saga_11: any;
+    let saga_11: any;
     export { saga_11 as saga };
-    const privateBanking_11: any;
+    let privateBanking_11: any;
     export { privateBanking_11 as privateBanking };
 }
 import { ungImg } from './backgrounds';

package/cjs/fragments/drawer-list/DrawerListHelpers.d.ts

@@ -55,66 +55,66 @@ export const drawerListPropTypes: {
     ignore_events: PropTypes.Requireable<NonNullable<string | boolean>>;
 };
 export namespace drawerListDefaultProps {
-    export const id: any;
-    export const role: string;
-    export const cache_hash: any;
-    export const triangle_position: string;
-    export const scrollable: boolean;
-    export const focusable: boolean;
-    export const max_height: any;
-    export const direction: string;
-    export const size: string;
-    export const no_animation: boolean;
-    export const no_scroll_animation: boolean;
-    export const prevent_selection: boolean;
-    export const action_menu: boolean;
-    export const is_popup: boolean;
-    export const align_drawer: string;
-    export const wrapper_element: any;
-    export const default_value: any;
-    export const value: string;
-    export const portal_class: any;
-    export const list_class: any;
-    export const skip_portal: any;
-    export const prevent_close: boolean;
-    export const keep_open: boolean;
-    export const prevent_focus: boolean;
-    export const fixed_position: boolean;
-    export const independent_width: boolean;
-    export const skip_keysearch: boolean;
-    export const opened: any;
-    const _class: any;
+    export let id: any;
+    export let role: string;
+    export let cache_hash: any;
+    export let triangle_position: string;
+    export let scrollable: boolean;
+    export let focusable: boolean;
+    export let max_height: any;
+    export let direction: string;
+    export let size: string;
+    export let no_animation: boolean;
+    export let no_scroll_animation: boolean;
+    export let prevent_selection: boolean;
+    export let action_menu: boolean;
+    export let is_popup: boolean;
+    export let align_drawer: string;
+    export let wrapper_element: any;
+    export let default_value: any;
+    export let value: string;
+    export let portal_class: any;
+    export let list_class: any;
+    export let skip_portal: any;
+    export let prevent_close: boolean;
+    export let keep_open: boolean;
+    export let prevent_focus: boolean;
+    export let fixed_position: boolean;
+    export let independent_width: boolean;
+    export let skip_keysearch: boolean;
+    export let opened: any;
+    let _class: any;
     export { _class as class };
-    export const data: any;
-    export const prepared_data: any;
-    export const raw_data: any;
-    export const ignore_events: any;
-    export const className: any;
-    export const children: any;
-    export const on_show: any;
-    export const on_hide: any;
-    export const handle_dismiss_focus: any;
-    export const on_change: any;
-    export const on_pre_change: any;
-    export const on_resize: any;
-    export const on_select: any;
-    export const on_state_update: any;
-    export const options_render: any;
+    export let data: any;
+    export let prepared_data: any;
+    export let raw_data: any;
+    export let ignore_events: any;
+    export let className: any;
+    export let children: any;
+    export let on_show: any;
+    export let on_hide: any;
+    export let handle_dismiss_focus: any;
+    export let on_change: any;
+    export let on_pre_change: any;
+    export let on_resize: any;
+    export let on_select: any;
+    export let on_state_update: any;
+    export let options_render: any;
 }
 export namespace drawerListProviderPropTypes {
-    const enable_body_lock: PropTypes.Requireable<boolean>;
-    const page_offset: PropTypes.Requireable<NonNullable<string | number>>;
-    const observer_element: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
-    const min_height: PropTypes.Requireable<NonNullable<string | number>>;
+    let enable_body_lock: PropTypes.Requireable<boolean>;
+    let page_offset: PropTypes.Requireable<NonNullable<string | number>>;
+    let observer_element: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
+    let min_height: PropTypes.Requireable<NonNullable<string | number>>;
 }
 export namespace drawerListProviderDefaultProps {
-    const enable_body_lock_1: boolean;
+    let enable_body_lock_1: boolean;
     export { enable_body_lock_1 as enable_body_lock };
-    const page_offset_1: any;
+    let page_offset_1: any;
     export { page_offset_1 as page_offset };
-    const observer_element_1: any;
+    let observer_element_1: any;
     export { observer_element_1 as observer_element };
-    const min_height_1: number;
+    let min_height_1: number;
     export { min_height_1 as min_height };
 }
 export function parseContentTitle(dataItem: any, { separator, removeNumericOnlyValues, preferSelectedValue, }?: {

package/cjs/fragments/scroll-view/ScrollView.d.ts

@@ -14,10 +14,10 @@ export type ScrollViewProps = {
 export type ScrollViewAllProps = ScrollViewProps & SpacingProps & Partial<Omit<React.HTMLAttributes<HTMLDivElement>, 'title'>> & {
     innerRef?: React.ForwardedRef<unknown>;
 };
-declare const _default: React.ForwardRefExoticComponent<ScrollViewProps & import("../../shared/types").SpacingElementProps & {
+declare const ScrollViewWithRef: React.ForwardRefExoticComponent<ScrollViewProps & import("../../shared/types").SpacingElementProps & {
     space?: import("../../shared/types").SpaceTypeAll;
     innerSpace?: import("../../shared/types").SpaceTypeAll | import("../../shared/types").SpaceTypeMedia;
 } & Partial<Omit<React.HTMLAttributes<HTMLDivElement>, "title">> & {
     innerRef?: React.ForwardedRef<unknown>;
 } & React.RefAttributes<unknown>>;
-export default _default;
+export default ScrollViewWithRef;

package/cjs/fragments/scroll-view/ScrollView.js

@@ -79,10 +79,13 @@ function useInteractive(_ref) {
     return ref.current.scrollWidth - 1 > ref.current.offsetWidth || ref.current.scrollHeight - 1 > ref.current.offsetHeight;
   }
 }
-var _default = _react.default.forwardRef((props, ref) => {
+const ScrollViewWithRef = _react.default.forwardRef((props, ref) => {
   return _react.default.createElement(ScrollView, _extends({}, props, {
     innerRef: props.innerRef || ref
   }));
 });
+ScrollView._supportsSpacingProps = true;
+ScrollViewWithRef['_supportsSpacingProps'] = true;
+var _default = ScrollViewWithRef;
 exports.default = _default;
 //# sourceMappingURL=ScrollView.js.map