sygnal 2.5.0 → 2.6.0

package/dist/jsx.cjs.js

@@ -3,7 +3,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _extend = require('extend');
-var snabbdom = require('snabbdom');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -23,7 +22,7 @@ const object = (v) => typeof v === 'object' && v !== null;
 
 const fun = (v) => typeof v === 'function';
 
-const vnode = (v) => object(v) && 'sel' in v && 'data' in v && 'children' in v && 'text' in v;
+const vnode$1 = (v) => object(v) && 'sel' in v && 'data' in v && 'children' in v && 'text' in v;
 
 const svgPropsMap = { svg: 1, circle: 1, ellipse: 1, line: 1, polygon: 1,
   polyline: 1, rect: 1, g: 1, path: 1, text: 1 };
@@ -135,8 +134,8 @@ const sanitizeData = (data, modules) => considerSvg(rewriteModules(deepifyKeys(d
 const sanitizeText = (children) => children.length > 1 || !text(children[0]) ? undefined : children[0].toString();
 
 const sanitizeChildren = (children) => reduceDeep(children, (acc, child) => {
-  const vnode$1 = vnode(child) ? child : createTextElement(child);
-  acc.push(vnode$1);
+  const vnode = vnode$1(child) ? child : createTextElement(child);
+  acc.push(vnode);
   return acc
 }
 , []);
@@ -180,8 +179,53 @@ const createElementWithModules = (modules) => {
 
 const createElement = createElementWithModules(defaultModules);
 
-Object.defineProperty(exports, 'Fragment', {
-  enumerable: true,
-  get: function () { return snabbdom.Fragment; }
-});
+function vnode(sel, data, children, text, elm) {
+    const key = data === undefined ? undefined : data.key;
+    return { sel, data, children, text, elm, key };
+}
+
+vnode("", {}, [], undefined, undefined);
+
+// Bindig `requestAnimationFrame` like this fixes a bug in IE/Edge. See #360 and #409.
+(typeof window !== "undefined" &&
+    window.requestAnimationFrame.bind(window)) ||
+    setTimeout;
+
+/* eslint-disable @typescript-eslint/no-namespace, import/export */
+function Fragment(data, ...children) {
+    const flatChildren = flattenAndFilter(children, []);
+    if (flatChildren.length === 1 &&
+        !flatChildren[0].sel &&
+        flatChildren[0].text) {
+        // only child is a simple text node, pass as text for a simpler vtree
+        return vnode(undefined, undefined, undefined, flatChildren[0].text, undefined);
+    }
+    else {
+        return vnode(undefined, data !== null && data !== void 0 ? data : {}, flatChildren, undefined, undefined);
+    }
+}
+function flattenAndFilter(children, flattened) {
+    for (const child of children) {
+        // filter out falsey children, except 0 since zero can be a valid value e.g inside a chart
+        if (child !== undefined &&
+            child !== null &&
+            child !== false &&
+            child !== "") {
+            if (Array.isArray(child)) {
+                flattenAndFilter(child, flattened);
+            }
+            else if (typeof child === "string" ||
+                typeof child === "number" ||
+                typeof child === "boolean") {
+                flattened.push(vnode(undefined, undefined, undefined, String(child), undefined));
+            }
+            else {
+                flattened.push(child);
+            }
+        }
+    }
+    return flattened;
+}
+
+exports.Fragment = Fragment;
 exports.jsx = createElement;

package/dist/jsx.esm.js

@@ -1,5 +1,4 @@
 import _extend from 'extend';
-export { Fragment } from 'snabbdom';
 
 const undefinedv = (v) => v === undefined;
 
@@ -15,7 +14,7 @@ const object = (v) => typeof v === 'object' && v !== null;
 
 const fun = (v) => typeof v === 'function';
 
-const vnode = (v) => object(v) && 'sel' in v && 'data' in v && 'children' in v && 'text' in v;
+const vnode$1 = (v) => object(v) && 'sel' in v && 'data' in v && 'children' in v && 'text' in v;
 
 const svgPropsMap = { svg: 1, circle: 1, ellipse: 1, line: 1, polygon: 1,
   polyline: 1, rect: 1, g: 1, path: 1, text: 1 };
@@ -127,8 +126,8 @@ const sanitizeData = (data, modules) => considerSvg(rewriteModules(deepifyKeys(d
 const sanitizeText = (children) => children.length > 1 || !text(children[0]) ? undefined : children[0].toString();
 
 const sanitizeChildren = (children) => reduceDeep(children, (acc, child) => {
-  const vnode$1 = vnode(child) ? child : createTextElement(child);
-  acc.push(vnode$1);
+  const vnode = vnode$1(child) ? child : createTextElement(child);
+  acc.push(vnode);
   return acc
 }
 , []);
@@ -172,4 +171,52 @@ const createElementWithModules = (modules) => {
 
 const createElement = createElementWithModules(defaultModules);
 
-export { createElement as jsx };
+function vnode(sel, data, children, text, elm) {
+    const key = data === undefined ? undefined : data.key;
+    return { sel, data, children, text, elm, key };
+}
+
+vnode("", {}, [], undefined, undefined);
+
+// Bindig `requestAnimationFrame` like this fixes a bug in IE/Edge. See #360 and #409.
+(typeof window !== "undefined" &&
+    window.requestAnimationFrame.bind(window)) ||
+    setTimeout;
+
+/* eslint-disable @typescript-eslint/no-namespace, import/export */
+function Fragment(data, ...children) {
+    const flatChildren = flattenAndFilter(children, []);
+    if (flatChildren.length === 1 &&
+        !flatChildren[0].sel &&
+        flatChildren[0].text) {
+        // only child is a simple text node, pass as text for a simpler vtree
+        return vnode(undefined, undefined, undefined, flatChildren[0].text, undefined);
+    }
+    else {
+        return vnode(undefined, data !== null && data !== void 0 ? data : {}, flatChildren, undefined, undefined);
+    }
+}
+function flattenAndFilter(children, flattened) {
+    for (const child of children) {
+        // filter out falsey children, except 0 since zero can be a valid value e.g inside a chart
+        if (child !== undefined &&
+            child !== null &&
+            child !== false &&
+            child !== "") {
+            if (Array.isArray(child)) {
+                flattenAndFilter(child, flattened);
+            }
+            else if (typeof child === "string" ||
+                typeof child === "number" ||
+                typeof child === "boolean") {
+                flattened.push(vnode(undefined, undefined, undefined, String(child), undefined));
+            }
+            else {
+                flattened.push(child);
+            }
+        }
+    }
+    return flattened;
+}
+
+export { Fragment, createElement as jsx };