@symbo.ls/atoms 2.11.410 → 2.11.421

package/Collection.js

@@ -1,17 +1,18 @@
 'use strict'
 
 import { isState, getChildStateInKey } from '@domql/state'
-import { isString, isNot, isArray, isObject, isObjectLike, deepCloneWithExtend } from '@domql/utils'
+import { isString, isNot, isArray, isObject, isObjectLike, exec, deepCloneWithExtend } from '@domql/utils'
 
 export const Collection = {
   define: {
     $collection: (param, el, state) => {
       const { __ref: ref } = el
       const { children, childrenAs, childrenExtend } = (el.props || {})
-      const hasChildren = isArray(children)
+      const childrenExec = children && exec(children, el, state)
+      const hasChildren = isArray(childrenExec)
 
       if (hasChildren) {
-        param = children
+        param = deepCloneWithExtend(childrenExec)
         if (childrenAs) param = param.map(v => ({ extend: childrenExtend, [childrenAs]: v }))
       } else if (!param) return
 
@@ -79,7 +80,8 @@ export const Collection = {
     },
 
     $stateCollection: (param, el, state, ctx) => {
-      if (!param) return
+      const { children, childrenAs } = (el.props || {})
+      if (!param || children || childrenAs) return
 
       if (isString(param)) {
         if (param === 'state') param = state.parse()
@@ -123,7 +125,8 @@ export const Collection = {
     },
 
     $propsCollection: (param, el, state) => {
-      if (!param) return
+      const { children, childrenAs } = (el.props || {})
+      if (!param || children || childrenAs) return
 
       if (isString(param)) {
         if (param === 'state') param = state.parse()

package/Svg.js

@@ -17,6 +17,7 @@ export const Svg = {
     const SVG = designSystem && designSystem.SVG
     const useSvgSprite = props.spriteId || (context.designSystem && context.designSystem.useSvgSprite)
 
+    if (props.html) return props.html
     if (!useSvgSprite && props.src) return props.src
 
     const useSVGSymbol = icon => `<use xlink:href="#${icon}" />`

package/Text.js

@@ -74,3 +74,5 @@ export const Footnote = {
 export const B = { tag: 'b' }
 
 export const I = { tag: 'i' }
+
+export const Data = { tag: 'data' }

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@symbo.ls/atoms",
-  "version": "2.11.410",
+  "version": "2.11.421",
   "main": "index.js",
   "license": "MIT",
-  "gitHead": "8ea25d0b8ce6086f6892b69b372af85f80391a80",
+  "gitHead": "c8c0374c888db13ddd96d6602f441ab80f13c203",
   "dependencies": {
     "@domql/state": "latest",
     "@domql/utils": "latest",