@domql/emotion 3.0.7 → 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,7 +2,7 @@
 
 // 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 => {

package/package.json

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