@domql/emotion 3.0.6 → 3.0.8

package/classList.js

@@ -0,0 +1,54 @@
+'use strict'
+
+import { exec, isObject, isString } from '@domql/utils'
+
+export const assignKeyAsClassname = element => {
+  const { key } = element
+  if (element.classlist === true) element.classlist = key
+  else if (
+    !element.classlist &&
+    typeof key === 'string' &&
+    key.charAt(0) === '_' &&
+    key.charAt(1) !== '_'
+  ) {
+    element.classlist = key.slice(1)
+  }
+}
+
+// stringifies class object
+export const classify = (obj, element) => {
+  let className = ''
+  for (const item in obj) {
+    const param = obj[item]
+    if (typeof param === 'boolean' && param) className += ` ${item}`
+    else if (typeof param === 'string') className += ` ${param}`
+    else if (typeof param === 'function') {
+      className += ` ${exec(param, element)}`
+    }
+  }
+  return className
+}
+
+export const classList = (params, element) => {
+  if (!params) return
+  const { key } = element
+  if (params === true) params = element.classlist = { key }
+  if (isString(params)) params = element.classlist = { default: params }
+  if (isObject(params)) params = classify(params, element)
+  // TODO: fails on string
+  const className = params.replace(/\s+/g, ' ').trim()
+  return className
+}
+
+// LEGACY (still needed in old domql)
+export const applyClassListOnNode = (params, element, node) => {
+  const className = classList(params, element)
+  node.classList = className
+  return className
+}
+
+export function applyClasslist (params, element, node) {
+  applyClassListOnNode(params, element, node)
+}
+
+export default applyClasslist

package/index.js

@@ -2,16 +2,15 @@
 
 // import DOM from '../../src'
 import { isObjectLike, isString, isNumber, isBoolean, exec } from '@domql/utils'
-import { applyClassListOnNode } from '@domql/classlist'
+import { applyClassListOnNode } from './classList'
 import createEmotion from '@emotion/css/create-instance'
 
 export const transformEmotionStyle = emotion => {
   return (params, element, state) => {
     const execParams = exec(params, element)
     if (params) {
-      if (isObjectLike(element.classlist))
-        element.classlist.elementStyle = execParams
-      else element.classlist = { elementStyle: execParams }
+      const { __ref: ref } = element
+      ref.__class.style = execParams
     }
     transformEmotionClass(emotion)(
       element.classlist,
@@ -68,7 +67,7 @@ export const transformDOMQLEmotion = (emotion, options) => {
   if (!emotion) emotion = createEmotion(options || { key: 'smbls' })
 
   return {
-    styles: transformEmotionStyle(emotion),
+    style: transformEmotionStyle(emotion),
     classlist: transformEmotionClass(emotion)
   }
 }

package/package.json

@@ -1,15 +1,14 @@
 {
   "name": "@domql/emotion",
-  "version": "3.0.6",
+  "version": "3.0.8",
   "main": "index.js",
   "license": "MIT",
   "dependencies": {
-    "@domql/classlist": "latest",
-    "@domql/utils": "^3.0.6"
+    "@domql/utils": "^3.0.7"
   },
   "peerDependencies": {
     "@emotion/css": "*"
   },
-  "gitHead": "ef6f7abdb0a8cdaa28559e377bc10a12e76ef8f0",
+  "gitHead": "27111e6f0edd42aeeb844b89641343f47d113381",
   "source": "index.js"
 }