@domql/emotion 2.1.0 → 2.3.72

package/LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2016 rackai
+Copyright (c) 2016 symbo.ls
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

package/index.js

@@ -1,34 +1,58 @@
 'use strict'
 
-import { isObjectLike, exec } from '@domql/utils'
-import { define } from '@domql/define'
-import { classList } from '@domql/mixins/classList'
+// import DOM from '../../src'
+import { isObjectLike, exec, isObject, isEqualDeep } from '@domql/utils'
+import { isProduction } from '@domql/env'
+import { applyClassListOnNode } from '@domql/classlist'
+import createEmotion from '@emotion/css/create-instance'
 
-import { css } from '@emotion/css'
-
-const style = (params, element, node) => {
-  const execPareams = exec(params, element)
-  if (params) {
-    if (isObjectLike(element.class)) element.class.style = execPareams
-    else element.class = { style: execPareams }
+export const transformEmotionStyle = (emotion) => {
+  return (params, element, state) => {
+    const execParams = exec(params, element)
+    if (params) {
+      if (isObjectLike(element.class)) element.class.elementStyle = execParams
+      else element.class = { elementStyle: execParams }
+    }
+    transformEmotionClass(emotion)(element.class, element, state, true)
   }
-  classf(element.class, element, node)
 }
 
-const classf = (element, node) => {
-  const params = element.class
-  if (isObjectLike(params)) {
-    const classObjHelper = {}
+export const transformEmotionClass = (emotion) => {
+  return (params, element, state, flag) => {
+    if (element.style && !flag) return
+    const { __ref } = element
+    const { __class, __classNames } = __ref
+
+    if (!isObjectLike(params)) return
+
     for (const key in params) {
       const prop = exec(params[key], element)
-      const CSSed = css(prop)
-      classObjHelper[key] = CSSed
+
+      if (!prop) {
+        delete __class[key]
+        delete __classNames[key]
+        continue
+      }
+
+      const isEqual = isEqualDeep(__class[key], prop)
+      if (!isEqual) {
+        if (!isProduction() && isObject(prop)) prop.label = key || element.key
+
+        const CSSed = emotion.css(prop)
+        __class[key] = prop
+        __classNames[key] = CSSed
+      }
     }
-    classList(classObjHelper, element, node)
+    applyClassListOnNode(__classNames, element, element.node)
+    // return element.class
   }
 }
 
-define({
-  style,
-  class: classf
-}, { overwrite: true })
+export const transformDOMQLEmotion = (emotion, options) => {
+  if (!emotion) emotion = createEmotion(options || { key: 'smbls' })
+
+  return {
+    style: transformEmotionStyle(emotion),
+    class: transformEmotionClass(emotion)
+  }
+}

package/package.json

@@ -1,17 +1,16 @@
 {
   "name": "@domql/emotion",
-  "version": "2.1.0",
+  "version": "2.3.72",
   "main": "index.js",
   "license": "MIT",
   "dependencies": {
-    "@domql/define": "latest",
-    "@domql/mixins": "latest",
-    "@domql/utils": "latest",
-    "@emotion/css": "^11.5.0"
+    "@domql/classlist": "latest",
+    "@domql/env": "latest",
+    "@domql/utils": "latest"
   },
-  "scripts": {
-    "vpatch": "npm version patch && npm publish --access public"
+  "peerDependencies": {
+    "@emotion/css": "latest"
   },
-  "gitHead": "1e384e4a15f44201165f6bd54efb4a0e9c105745",
+  "gitHead": "f3a01922fb7e24ba65ecb8d2dc8f97bd7f142717",
   "source": "index.js"
 }