@demos-europe/demosplan-ui 0.4.12 → 0.4.13

package/src/lib/validation/utils/assignHandlersForInputs.js

@@ -23,10 +23,10 @@ function assignHandlersForSingleInput (input) {
         const matchers = condition.split(comparisonType === 'isNotEqual' ? '!==' : '===')
         const validationContainer = input.closest('[data-dp-validate]')
         /**
-           Use the form as the validation container. This is necessary because in some cases, such as wizard,
-           the value of the 'data-dp-validate-if' attribute may refer to a different fieldset.
-           By using the form, this condition can be found throughout the entire form.
-        */
+         * Use the form as the validation container. This is necessary because in some cases, such as wizard,
+         * the value of the 'data-dp-validate-if' attribute may refer to a different fieldset.
+         * By using the form, this condition can be found throughout the entire form.
+         */
         const form = validationContainer.tagName === 'FIELDSET' && validationContainer.form ? validationContainer.form : validationContainer
 
         try {
@@ -49,56 +49,56 @@ function assignHandlersForSingleInput (input) {
   }
 
   switch (type) {
-    case 'tiptap':
-      awaitElement('div[contenteditable="true"]', input.parentNode).then(() => {
-        const tiptapField = input.parentNode.querySelector('div[contenteditable="true"]')
-        tiptapField.addEventListener('blur', () => validateTiptap(input))
-        tiptapField.addEventListener('focus', () => {
-          // If input has error remove it on focus
-          if (tiptapField.classList.contains(errorClass)) {
-            tiptapField.classList.remove(errorClass)
-          }
-        })
-        observeValidationRelations(input, () => validateTiptap(input))
-      })
-      break
-    case 'fieldset':
-      checkboxes = Array.from(input.querySelectorAll('input[type="checkbox"]'))
-      radios = Array.from(input.querySelectorAll('input[type="radio"]'))
-
-      if (checkboxes.length > 0) {
-        fieldsToCheck = checkboxes
-      } else if (radios.length > 0) {
-        fieldsToCheck = radios
-      } else {
-        fieldsToCheck = []
-      }
-
-      fieldsToCheck.forEach(checkbox => checkbox.addEventListener('blur', () => validateFieldset(input)))
-      fieldsToCheck.forEach(checkbox => checkbox.addEventListener('change', () => validateFieldset(input)))
-      observeValidationRelations(input, () => validateFieldset(input))
-      break
-    case 'datepicker':
-      input.addEventListener('focus', () => {
+  case 'tiptap':
+    awaitElement('div[contenteditable="true"]', input.parentNode).then(() => {
+      const tiptapField = input.parentNode.querySelector('div[contenteditable="true"]')
+      tiptapField.addEventListener('blur', () => validateTiptap(input))
+      tiptapField.addEventListener('focus', () => {
         // If input has error remove it on focus
-        if (input.classList.contains(errorClass)) {
-          input.classList.remove(errorClass)
+        if (tiptapField.classList.contains(errorClass)) {
+          tiptapField.classList.remove(errorClass)
         }
       })
-      input.addEventListener('blur', () => validateDatepicker(input))
-      observeValidationRelations(input, () => validateDatepicker(input))
-      break
-    case 'input':
-      input.addEventListener('focus', () => {
-        // If input has error remove it on focus
-        if (input.classList.contains(errorClass)) {
-          input.classList.remove(errorClass)
-        }
-      })
-      input.addEventListener('blur', () => validateInput(input))
-      observeValidationRelations(input, () => validateInput(input))
-      break
-    default:
+      observeValidationRelations(input, () => validateTiptap(input))
+    })
+    break
+  case 'fieldset':
+    checkboxes = Array.from(input.querySelectorAll('input[type="checkbox"]'))
+    radios = Array.from(input.querySelectorAll('input[type="radio"]'))
+
+    if (checkboxes.length > 0) {
+      fieldsToCheck = checkboxes
+    } else if (radios.length > 0) {
+      fieldsToCheck = radios
+    } else {
+      fieldsToCheck = []
+    }
+
+    fieldsToCheck.forEach(checkbox => checkbox.addEventListener('blur', () => validateFieldset(input)))
+    fieldsToCheck.forEach(checkbox => checkbox.addEventListener('change', () => validateFieldset(input)))
+    observeValidationRelations(input, () => validateFieldset(input))
+    break
+  case 'datepicker':
+    input.addEventListener('focus', () => {
+      // If input has error remove it on focus
+      if (input.classList.contains(errorClass)) {
+        input.classList.remove(errorClass)
+      }
+    })
+    input.addEventListener('blur', () => validateDatepicker(input))
+    observeValidationRelations(input, () => validateDatepicker(input))
+    break
+  case 'input':
+    input.addEventListener('focus', () => {
+      // If input has error remove it on focus
+      if (input.classList.contains(errorClass)) {
+        input.classList.remove(errorClass)
+      }
+    })
+    input.addEventListener('blur', () => validateInput(input))
+    observeValidationRelations(input, () => validateInput(input))
+    break
+  default:
   }
 }
 

package/src/lib/validation/utils/assignObserver.js

@@ -8,37 +8,37 @@ export default function assignObserver (form) {
     mutations.forEach((mutation) => {
       // Handle mutations here
       switch (mutation.type) {
-        case 'childList':
-          if (mutation.addedNodes.length > 0) {
-            const addedNode = Array.from(mutation.addedNodes).filter(node => node.nodeType === 1)[0]
-            if (!addedNode) {
-              return false
-            }
-            if (shouldValidate(addedNode)) {
-              // If the node itself is an input add handlers directly to it
-              assignHandlersForSingleInput(addedNode)
-            } else if (addedNode.children.length > 0 && getAllInputsArray(addedNode).length > 0) {
-              // If it's not an input then look through its children and find all inputs that we want to validate
-              getAllInputsArray(addedNode).forEach(childNode => {
-                assignHandlersForSingleInput(childNode)
-              })
-            }
+      case 'childList':
+        if (mutation.addedNodes.length > 0) {
+          const addedNode = Array.from(mutation.addedNodes).filter(node => node.nodeType === 1)[0]
+          if (!addedNode) {
+            return false
           }
-          break
-        case 'attributes':
-          if ((mutation.target.tagName === 'INPUT' || mutation.target.tagName === 'TEXTAREA') && (mutation.attributeName === 'required' || mutation.attributeName === 'pattern')) {
-            if (mutation.oldValue === null) { // If required is now set, assign validation handlers
-              assignHandlersForSingleInput(mutation.target)
-            } else if (wasAttributeRemoved(mutation)) { // If required was removed, replace the node with it's clone to remove all event listeners
-              const nodeClone = mutation.target.cloneNode()
-              nodeClone.classList.remove(errorClass)
-              nodeClone.setCustomValidity('')
-              mutation.target.parentNode.replaceChild(nodeClone, mutation.target)
-            }
+          if (shouldValidate(addedNode)) {
+            // If the node itself is an input add handlers directly to it
+            assignHandlersForSingleInput(addedNode)
+          } else if (addedNode.children.length > 0 && getAllInputsArray(addedNode).length > 0) {
+            // If it's not an input then look through its children and find all inputs that we want to validate
+            getAllInputsArray(addedNode).forEach(childNode => {
+              assignHandlersForSingleInput(childNode)
+            })
           }
-          break
-        default:
-          break
+        }
+        break
+      case 'attributes':
+        if ((mutation.target.tagName === 'INPUT' || mutation.target.tagName === 'TEXTAREA') && (mutation.attributeName === 'required' || mutation.attributeName === 'pattern')) {
+          if (mutation.oldValue === null) { // If required is now set, assign validation handlers
+            assignHandlersForSingleInput(mutation.target)
+          } else if (wasAttributeRemoved(mutation)) { // If required was removed, replace the node with it's clone to remove all event listeners
+            const nodeClone = mutation.target.cloneNode()
+            nodeClone.classList.remove(errorClass)
+            nodeClone.setCustomValidity('')
+            mutation.target.parentNode.replaceChild(nodeClone, mutation.target)
+          }
+        }
+        break
+      default:
+        break
       }
     })
   }

package/src/lib/validation/utils/helpers.js

@@ -16,7 +16,7 @@ function shouldValidate (input) {
     isRequired ||
     input.hasAttribute('pattern') ||
     input.getAttribute('type') === 'email' ||
-    input.hasAttribute('data-ad-id') || /* this attribute is used to get the input of the Datepicker */
+    input.hasAttribute('data-ad-id') || /* This attribute is used to get the input of the Datepicker */
     input.hasAttribute('minlength') ||
     input.hasAttribute('maxlength') ||
     input.hasAttribute('data-dp-validate-maxlength') ||
@@ -32,9 +32,9 @@ function validateConditionsFulfilled (input) {
     const matchers = condition.split(comparisonType === 'isNotEqual' ? '!==' : '===')
     const validationContainer = input.closest('[data-dp-validate]')
     /**
-     Use the form as the validation container. This is necessary because in some cases, such as wizard,
-     the value of the 'data-dp-validate-if' attribute may refer to a different fieldset.
-     By using the form, this condition can be found throughout the entire form.
+     *Use the form as the validation container. This is necessary because in some cases, such as wizard,
+     *the value of the 'data-dp-validate-if' attribute may refer to a different fieldset.
+     *By using the form, this condition can be found throughout the entire form.
      */
     const form = validationContainer.tagName === 'FIELDSET' && validationContainer.form ? validationContainer.form : validationContainer
 

package/src/lib/validation/utils/validateForm.js

@@ -13,21 +13,21 @@ export default function validateForm (form) {
     const type = getInputType(input)
     let isInputValid = true
     switch (type) {
-      case 'multiselect':
-        isInputValid = validateMultiselect(input)
-        break
-      case 'tiptap':
-        isInputValid = validateTiptap(input)
-        break
-      case 'fieldset':
-        isInputValid = validateFieldset(input)
-        break
-      case 'datepicker':
-        isInputValid = validateDatepicker(input)
-        break
-      case 'input':
-      default:
-        isInputValid = validateInput(input)
+    case 'multiselect':
+      isInputValid = validateMultiselect(input)
+      break
+    case 'tiptap':
+      isInputValid = validateTiptap(input)
+      break
+    case 'fieldset':
+      isInputValid = validateFieldset(input)
+      break
+    case 'datepicker':
+      isInputValid = validateDatepicker(input)
+      break
+    case 'input':
+    default:
+      isInputValid = validateInput(input)
     }
 
     if (isInputValid === false) {

package/src/lib/validation/utils/validateInputField.js

@@ -82,17 +82,17 @@ export default function validateInput (input) {
       } else if (inputPattern) {
         // Error label based on pattern
         switch (inputPattern) {
-          case '^[0-9]{5}$':
-            input.setCustomValidity(de.validation.error.zipCode)
-            break
-          case '[A-Za-zÄäÜüÖöß ]+':
-            input.setCustomValidity(de.validation.error.city)
-            break
-          case 'email':
-            input.setCustomValidity(de.validation.error.email)
-            break
-          default:
-            input.setCustomValidity(de.validation.error.format)
+        case '^[0-9]{5}$':
+          input.setCustomValidity(de.validation.error.zipCode)
+          break
+        case '[A-Za-zÄäÜüÖöß ]+':
+          input.setCustomValidity(de.validation.error.city)
+          break
+        case 'email':
+          input.setCustomValidity(de.validation.error.email)
+          break
+        default:
+          input.setCustomValidity(de.validation.error.format)
         }
       } else {
         input.setCustomValidity(de.validation.error.default) // Theoretically this must not happen hence its not that helpful

package/src/utils/index.js

@@ -1,7 +1,7 @@
 import { DATE_FORMAT_LONG, formatDate, toDate } from './date'
 import { exactlengthHint, maxlengthHint, minlengthHint } from './lengthHint/lengthHint'
-import { hasPermission, hasAllPermissions, hasAnyPermissions } from './hasPermission'
-import { toggleFullscreen, bindFullScreenChange, unbindFullScreenChange, isActiveFullScreen } from './fullscreen'
+import { hasAllPermissions, hasAnyPermissions, hasPermission } from './hasPermission'
+import { bindFullScreenChange, isActiveFullScreen, toggleFullscreen, unbindFullScreenChange } from './fullscreen'
 import { capitalizeFirstLetter } from './formatString'
 import debounce from './debounce'
 import deepMerge from './deepMerge'

package/tokens/dist/js/boxShadow.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 08 Apr 2025 08:02:44 GMT
+ * Generated on Mon, 14 Apr 2025 10:45:19 GMT
  */
 
 module.exports = {

package/tokens/dist/js/breakpoints.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 08 Apr 2025 08:02:44 GMT
+ * Generated on Mon, 14 Apr 2025 10:45:19 GMT
  */
 
 module.exports = {

package/tokens/dist/js/color.brand.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 08 Apr 2025 08:02:44 GMT
+ * Generated on Mon, 14 Apr 2025 10:45:19 GMT
  */
 
 module.exports = {

package/tokens/dist/js/color.data.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 08 Apr 2025 08:02:44 GMT
+ * Generated on Mon, 14 Apr 2025 10:45:19 GMT
  */
 
 module.exports = {

package/tokens/dist/js/color.palette.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 08 Apr 2025 08:02:44 GMT
+ * Generated on Mon, 14 Apr 2025 10:45:19 GMT
  */
 
 module.exports = {

package/tokens/dist/js/color.ui.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 08 Apr 2025 08:02:44 GMT
+ * Generated on Mon, 14 Apr 2025 10:45:19 GMT
  */
 
 module.exports = {

package/tokens/dist/js/fontSize.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 08 Apr 2025 08:02:44 GMT
+ * Generated on Mon, 14 Apr 2025 10:45:19 GMT
  */
 
 module.exports = {

package/tokens/dist/js/rounded.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 08 Apr 2025 08:02:44 GMT
+ * Generated on Mon, 14 Apr 2025 10:45:19 GMT
  */
 
 module.exports = {

package/tokens/dist/js/space.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 08 Apr 2025 08:02:44 GMT
+ * Generated on Mon, 14 Apr 2025 10:45:19 GMT
  */
 
 module.exports = {

package/tokens/dist/js/zIndex.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 08 Apr 2025 08:02:44 GMT
+ * Generated on Mon, 14 Apr 2025 10:45:19 GMT
  */
 
 module.exports = {

package/tokens/dist/scss/_boxShadow.scss

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Tue, 08 Apr 2025 08:02:44 GMT
+// Generated on Mon, 14 Apr 2025 10:45:19 GMT
 
 
 $dp-box-shadow-xl: 0 0 16px rgb(0 0 0 / 20%), 0 0 3px rgb(0 0 0 / 50%) !default;

package/tokens/dist/scss/_breakpoints.scss

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Tue, 08 Apr 2025 08:02:44 GMT
+// Generated on Mon, 14 Apr 2025 10:45:19 GMT
 
 
 $dp-breakpoints-xl: 1400px;

package/tokens/dist/scss/_color.brand.scss

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Tue, 08 Apr 2025 08:02:44 GMT
+// Generated on Mon, 14 Apr 2025 10:45:19 GMT
 
 
 $dp-color-highlight-contrast: $dp-color-white !default;

package/tokens/dist/scss/_color.data.scss

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Tue, 08 Apr 2025 08:02:44 GMT
+// Generated on Mon, 14 Apr 2025 10:45:19 GMT
 
 
 $dp-color-11-11: #313695;

package/tokens/dist/scss/_color.palette.scss

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Tue, 08 Apr 2025 08:02:44 GMT
+// Generated on Mon, 14 Apr 2025 10:45:19 GMT
 
 
 $dp-color-magenta-dark-2: #650324 !default;

package/tokens/dist/scss/_color.ui.scss

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Tue, 08 Apr 2025 08:02:44 GMT
+// Generated on Mon, 14 Apr 2025 10:45:19 GMT
 
 
 $dp-color-background-medium: $dp-color-neutral-light-3 !default;

package/tokens/dist/scss/_fontSize.scss

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Tue, 08 Apr 2025 08:02:44 GMT
+// Generated on Mon, 14 Apr 2025 10:45:19 GMT
 
 
 $dp-font-size-7: 50px !default;

package/tokens/dist/scss/_rounded.scss

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Tue, 08 Apr 2025 08:02:44 GMT
+// Generated on Mon, 14 Apr 2025 10:45:19 GMT
 
 
 $dp-rounded-full: 9999px;

package/tokens/dist/scss/_space.scss

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Tue, 08 Apr 2025 08:02:44 GMT
+// Generated on Mon, 14 Apr 2025 10:45:19 GMT
 
 
 $dp-space-1_5: 9px;

package/tokens/dist/scss/_zIndex.scss

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Tue, 08 Apr 2025 08:02:44 GMT
+// Generated on Mon, 14 Apr 2025 10:45:19 GMT
 
 
 $dp-z-ultimate: 10000;

package/types/icons.ts

@@ -1,30 +1,30 @@
 export type IconAlias =
-  'ai' // alias for 'robot'
-  | 'cancel' // alias for 'xmark' -> 'x'
-  | 'chevron-down' // alias for 'caret-down'
-  | 'chevron-left' // alias for 'caret-left'
-  | 'chevron-right' // alias for 'caret-right'
-  | 'chevron-up' // alias for 'caret-up'
-  | 'close' // alias for 'xmark' -> 'x'
-  | 'compress' // alias for 'corners-in'
-  | 'delete' // alias for 'trash-simple'
-  | 'download' // alias for 'download-simple'
-  | 'drag-handle' // alias for 'dots-six-vertical'
-  | 'edit' // alias for 'pencil-simple'
-  | 'expand' // alias for 'corners-out'
-  | 'history' // alias for 'clock-counter-clockwise'
-  | 'lock' // alias for 'lock-simple'
-  | 'mail' // alias for 'envelope-simple'
-  | 'refresh' // alias for 'arrows-clockwise'
-  | 'remove' // alias for 'xmark' -> 'x'
-  | 'search' // alias for magnifying-glass
-  | 'settings' // alias for 'gear-six', weight: fill
-  | 'severe' // alias for 'warning-diamond'
-  | 'spinner' // alias for 'circle-notch'
-  | 'success' // alias for 'check-circle'
-  | 'unlock' // alias for 'lock-simple-open'
-  | 'userSolid' // alias for 'user', weight: fill
-  | 'xmark' // alias for 'x'
+  'ai' // Alias for 'robot'
+  | 'cancel' // Alias for 'xmark' -> 'x'
+  | 'chevron-down' // Alias for 'caret-down'
+  | 'chevron-left' // Alias for 'caret-left'
+  | 'chevron-right' // Alias for 'caret-right'
+  | 'chevron-up' // Alias for 'caret-up'
+  | 'close' // Alias for 'xmark' -> 'x'
+  | 'compress' // Alias for 'corners-in'
+  | 'delete' // Alias for 'trash-simple'
+  | 'download' // Alias for 'download-simple'
+  | 'drag-handle' // Alias for 'dots-six-vertical'
+  | 'edit' // Alias for 'pencil-simple'
+  | 'expand' // Alias for 'corners-out'
+  | 'history' // Alias for 'clock-counter-clockwise'
+  | 'lock' // Alias for 'lock-simple'
+  | 'mail' // Alias for 'envelope-simple'
+  | 'refresh' // Alias for 'arrows-clockwise'
+  | 'remove' // Alias for 'xmark' -> 'x'
+  | 'search' // Alias for magnifying-glass
+  | 'settings' // Alias for 'gear-six', weight: fill
+  | 'severe' // Alias for 'warning-diamond'
+  | 'spinner' // Alias for 'circle-notch'
+  | 'success' // Alias for 'check-circle'
+  | 'unlock' // Alias for 'lock-simple-open'
+  | 'userSolid' // Alias for 'user', weight: fill
+  | 'xmark' // Alias for 'x'
 
 export type AliasedPhosphorIconName =
   'arrows-clockwise'

package/coverage/clover.xml

@@ -1,6 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<coverage generated="1733218267203" clover="3.2.0">
-  <project timestamp="1733218267203" name="All files">
-    <metrics statements="0" coveredstatements="0" conditionals="0" coveredconditionals="0" methods="0" coveredmethods="0" elements="0" coveredelements="0" complexity="0" loc="0" ncloc="0" packages="0" files="0" classes="0"/>
-  </project>
-</coverage>

package/coverage/coverage-final.json

@@ -1 +0,0 @@
-{}