@domql/element 2.5.38 → 2.5.40

package/dist/cjs/utils/component.js

@@ -40,21 +40,22 @@ const checkIfKeyIsComponent = (key) => {
   return /^[A-Z]*$/.test(firstCharKey);
 };
 const addAdditionalExtend = (newExtend, element) => {
-  const { extend } = element;
-  const preserveExtend = (0, import_utils.isArray)(extend) ? extend : [extend];
-  return {
-    ...element,
-    extend: [newExtend].concat(preserveExtend)
-  };
+  const { extend: elementExtend } = element;
+  const originalArray = (0, import_utils.isArray)(elementExtend) ? elementExtend : [elementExtend];
+  const receivedArray = (0, import_utils.isArray)(newExtend) ? newExtend : [newExtend];
+  const extend = (0, import_utils.joinArrays)(receivedArray, originalArray);
+  return { ...element, extend };
 };
 const extendizeByKey = (element, parent, key) => {
-  const { tag, extend, props, state, childExtend, childProps, on, if: condition } = element;
-  const hasComponentAttrs = extend || childExtend || props || state || on || condition;
-  const componentKey = key.includes("_") ? key.split("_")[0] : key.includes(".") ? key.split(".")[0] : key;
-  const extendKey = componentKey || key;
-  if (!hasComponentAttrs || childProps) {
+  const { context, tag, extend, props, attr, state, childExtend, childProps, on, if: condition } = element;
+  const hasComponentAttrs = extend || childExtend || props || state || on || condition || attr;
+  const extendFromKey = key.includes("+") ? key.split("+") : key.includes("_") ? key.split("_")[0] : key.includes(".") ? key.split(".")[0] : key;
+  const isExtendKeyComponent = context == null ? void 0 : context.components[extendFromKey];
+  if (element === isExtendKeyComponent)
+    return element;
+  else if (!hasComponentAttrs || childProps) {
     return {
-      extend: extendKey,
+      extend: extendFromKey,
       tag,
       props: { ...element }
     };
@@ -62,14 +63,13 @@ const extendizeByKey = (element, parent, key) => {
     return {
       ...element,
       tag,
-      extend: extendKey
+      extend: extendFromKey
     };
   } else if (extend) {
-    addAdditionalExtend(extendKey, element);
+    return addAdditionalExtend(extendFromKey, element);
   } else if ((0, import_utils.isFunction)(element)) {
-    console.log(element);
     return {
-      extend: extendKey,
+      extend: extendFromKey,
       tag,
       props: { ...(0, import_utils.exec)(element, parent) }
     };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@domql/element",
-  "version": "2.5.38",
+  "version": "2.5.40",
   "license": "MIT",
   "type": "module",
   "module": "index.js",
@@ -31,7 +31,7 @@
     "@domql/state": "latest",
     "@domql/utils": "latest"
   },
-  "gitHead": "58e7232b8f8553780368bc463000766575565816",
+  "gitHead": "536a661204a0377cb6dbb415eba1081ac156048d",
   "devDependencies": {
     "@babel/core": "^7.12.0"
   }

package/utils/component.js

@@ -1,6 +1,6 @@
 'use strict'
 
-import { exec, isArray, isFunction, isObject, isString, overwriteDeep } from '@domql/utils'
+import { exec, isArray, isFunction, isObject, isString, joinArrays, overwriteDeep } from '@domql/utils'
 import { applyExtend } from '../extend'
 const ENV = process.env.NODE_ENV
 
@@ -12,25 +12,31 @@ export const checkIfKeyIsComponent = (key) => {
 }
 
 export const addAdditionalExtend = (newExtend, element) => {
-  const { extend } = element
-  const preserveExtend = isArray(extend) ? extend : [extend]
-  return {
-    ...element,
-    extend: [newExtend].concat(preserveExtend)
-  }
+  const { extend: elementExtend } = element
+  const originalArray = isArray(elementExtend) ? elementExtend : [elementExtend]
+  const receivedArray = isArray(newExtend) ? newExtend : [newExtend]
+  const extend = joinArrays(receivedArray, originalArray)
+  return { ...element, extend }
 }
 
 export const extendizeByKey = (element, parent, key) => {
-  const { tag, extend, props, state, childExtend, childProps, on, if: condition } = element
-  const hasComponentAttrs = extend || childExtend || props || state || on || condition
-  const componentKey = key.includes('_')
-    ? key.split('_')[0]
-    : key.includes('.') ? key.split('.')[0] : key
-  const extendKey = componentKey || key
-
-  if (!hasComponentAttrs || childProps) {
+  const { context, tag, extend, props, attr, state, childExtend, childProps, on, if: condition } = element
+  const hasComponentAttrs = extend || childExtend || props || state || on || condition || attr
+
+  const extendFromKey = key.includes('+')
+    ? key.split('+')
+    : key.includes('_')
+      ? key.split('_')[0]
+      : key.includes('.')
+        ? key.split('.')[0]
+        : key
+
+  const isExtendKeyComponent = context?.components[extendFromKey]
+
+  if (element === isExtendKeyComponent) return element
+  else if (!hasComponentAttrs || childProps) {
     return {
-      extend: extendKey,
+      extend: extendFromKey,
       tag,
       props: { ...element }
     }
@@ -38,14 +44,13 @@ export const extendizeByKey = (element, parent, key) => {
     return {
       ...element,
       tag,
-      extend: extendKey
+      extend: extendFromKey
     }
   } else if (extend) {
-    addAdditionalExtend(extendKey, element)
+    return addAdditionalExtend(extendFromKey, element)
   } else if (isFunction(element)) {
-    console.log(element)
     return {
-      extend: extendKey,
+      extend: extendFromKey,
       tag,
       props: { ...exec(element, parent) }
     }