sygnal 2.1.1 → 2.4.0

package/.babelrc

@@ -1,3 +1,6 @@
 {
-  "presets": ["@babel/preset-env"]
+  "presets": [["@babel/preset-env", {
+    "modules": false
+  }]],
+  "sourceMaps": true
 }

package/README.md

@@ -114,11 +114,11 @@ Alternatively, you can use any other bundler of your choice (Webpack, Babel, Rol
   ...,
   esbuild: {
     // add the import for Sygnal's JSX and Fragment handler to the top of each .jsx and .tsx page automatically
-    jsxInject: `import { jsx, Fragment } from 'sygnal/jsx'`
+    jsxInject: `import { jsx, Fragment } from 'sygnal/jsx'`,
     // tell the transpiler to use Sygnal's 'jsx' funtion to render JSX elements
     jsxFactory: `jsx`,
     // tell the transpiler to use Sygnal's 'Fragment' funtion to render JSX fragments (<>...</>)
-    jsxFragment: 'Fragment',
+    jsxFragment: 'Fragment'
   },
 }
 ```

package/dist/collection.js

@@ -1,16 +1,5 @@
 'use strict';
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = collection;
-
-var _isolate = _interopRequireDefault(require("@cycle/isolate"));
-
-var _state = require("@cycle/state");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
@@ -25,11 +14,23 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-function collection(component, stateLense) {
-  var combineList = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : ['DOM'];
-  var globalList = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : ['EVENTS'];
-  var stateSourceName = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 'STATE';
+import isolate from '@cycle/isolate';
+import { makeCollection } from '@cycle/state';
+export default function collection(component, stateLense) {
+  var opts = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+  var _opts$combineList = opts.combineList,
+      combineList = _opts$combineList === void 0 ? ['DOM'] : _opts$combineList,
+      _opts$globalList = opts.globalList,
+      globalList = _opts$globalList === void 0 ? ['EVENTS'] : _opts$globalList,
+      _opts$stateSourceName = opts.stateSourceName,
+      stateSourceName = _opts$stateSourceName === void 0 ? 'STATE' : _opts$stateSourceName,
+      _opts$domSourceName = opts.domSourceName,
+      domSourceName = _opts$domSourceName === void 0 ? 'DOM' : _opts$domSourceName,
+      _opts$container = opts.container,
+      container = _opts$container === void 0 ? 'div' : _opts$container,
+      containerClass = opts.containerClass;
   return function (sources) {
+    var key = Date.now();
     var collectionOpts = {
       item: component,
       itemKey: function itemKey(state, ind) {
@@ -46,7 +47,28 @@ function collection(component, stateLense) {
               stream = _ref2[1];
 
           if (combineList.includes(name)) {
-            acc[name] = instances.pickCombine(name);
+            var combined = instances.pickCombine(name);
+
+            if (name === domSourceName && container) {
+              acc.DOM = combined.map(function (children) {
+                var data = containerClass ? {
+                  props: {
+                    className: containerClass
+                  }
+                } : {};
+                return {
+                  sel: container,
+                  data: data,
+                  children: children,
+                  key: key,
+                  text: undefined,
+                  elm: undefined
+                };
+              });
+            } else {
+              console.warn('Collections without wrapping containers will fail in unpredictable ways when used inside JSX fragments');
+              acc[name] = combined;
+            }
           } else {
             acc[name] = instances.pickMerge(name);
           }
@@ -77,7 +99,6 @@ function collection(component, stateLense) {
  * @return {Object} collection of component sinks
  */
 
-
 function makeIsolatedCollection(collectionOpts, isolateOpts, sources) {
-  return (0, _isolate["default"])((0, _state.makeCollection)(collectionOpts), isolateOpts)(sources);
+  return isolate(makeCollection(collectionOpts), isolateOpts)(sources);
 }