ywana-core8 0.0.834 → 0.0.835

package/dist/index.umd.js

@@ -225,7 +225,7 @@
      * Icon 
      */
 
-    var Icon = function Icon(_ref) {
+    var Icon$1 = function Icon(_ref) {
       var icon = _ref.icon,
           _ref$size = _ref.size,
           size = _ref$size === void 0 ? "normal" : _ref$size,
@@ -342,12 +342,12 @@
       return /*#__PURE__*/React__default["default"].createElement("section", {
         key: title,
         className: "accordion-section"
-      }, /*#__PURE__*/React__default["default"].createElement("header", null, checkedIcon ? /*#__PURE__*/React__default["default"].createElement(Icon, {
+      }, /*#__PURE__*/React__default["default"].createElement("header", null, checkedIcon ? /*#__PURE__*/React__default["default"].createElement(Icon$1, {
         className: "accordion-section-checker",
         icon: checkedIcon,
         clickable: true,
         action: onCheck
-      }) : '', icon ? /*#__PURE__*/React__default["default"].createElement(Icon, {
+      }) : '', icon ? /*#__PURE__*/React__default["default"].createElement(Icon$1, {
         className: "accordion-section-icon",
         icon: icon
       }) : '', title ? /*#__PURE__*/React__default["default"].createElement("div", {
@@ -358,7 +358,7 @@
         className: "accordion-section--info"
       }, info) : '', toolbar ? /*#__PURE__*/React__default["default"].createElement("div", {
         className: "accordion-section--toolbar"
-      }, toolbar) : '', /*#__PURE__*/React__default["default"].createElement(Icon, {
+      }, toolbar) : '', /*#__PURE__*/React__default["default"].createElement(Icon$1, {
         className: "accordion-section-toggler",
         icon: togglerIcon,
         clickable: true,
@@ -441,7 +441,7 @@
       return /*#__PURE__*/React__default["default"].createElement("button", {
         className: "btn " + style + " " + className,
         onClick: click
-      }, icon ? /*#__PURE__*/React__default["default"].createElement(Icon, {
+      }, icon ? /*#__PURE__*/React__default["default"].createElement(Icon$1, {
         icon: icon,
         size: "small",
         clickable: true,
@@ -524,7 +524,7 @@
       return tooltip ? /*#__PURE__*/React__default["default"].createElement(Tooltip, tooltip, /*#__PURE__*/React__default["default"].createElement("div", {
         className: "chip " + className + " " + style,
         onClick: select
-      }, icon ? /*#__PURE__*/React__default["default"].createElement(Icon, {
+      }, icon ? /*#__PURE__*/React__default["default"].createElement(Icon$1, {
         icon: icon,
         size: "small"
       }) : null, /*#__PURE__*/React__default["default"].createElement("main", null, /*#__PURE__*/React__default["default"].createElement(Text, null, label)), action ? /*#__PURE__*/React__default["default"].createElement("span", {
@@ -532,7 +532,7 @@
       }, action) : null)) : /*#__PURE__*/React__default["default"].createElement("div", {
         className: "chip " + className + " " + style,
         onClick: select
-      }, icon ? /*#__PURE__*/React__default["default"].createElement(Icon, {
+      }, icon ? /*#__PURE__*/React__default["default"].createElement(Icon$1, {
         icon: icon,
         size: "small"
       }) : null, /*#__PURE__*/React__default["default"].createElement("main", null, /*#__PURE__*/React__default["default"].createElement(Text, null, label)), action ? /*#__PURE__*/React__default["default"].createElement("span", {
@@ -675,7 +675,7 @@
       var dense = props.dense ? 'dense' : '';
       var theme = props.primary ? 'primary' : '';
       theme = props.secondary ? 'secondary' : theme;
-      var icon = props.icon ? /*#__PURE__*/React__default["default"].createElement(Icon, {
+      var icon = props.icon ? /*#__PURE__*/React__default["default"].createElement(Icon$1, {
         icon: props.icon,
         clickable: props.clickable,
         action: props.action
@@ -798,7 +798,7 @@
       return /*#__PURE__*/React__default["default"].createElement("li", {
         className: "" + style,
         onClick: select
-      }, icon ? /*#__PURE__*/React__default["default"].createElement(Icon, {
+      }, icon ? /*#__PURE__*/React__default["default"].createElement(Icon$1, {
         icon: icon,
         size: "small",
         tooltip: iconTooltip
@@ -848,7 +848,7 @@
         value: [open, setOpen]
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         className: "menu-icon"
-      }, /*#__PURE__*/React__default["default"].createElement(Icon, {
+      }, /*#__PURE__*/React__default["default"].createElement(Icon$1, {
         icon: icon,
         size: size,
         clickable: true,
@@ -886,7 +886,7 @@
       return /*#__PURE__*/React__default["default"].createElement("li", {
         className: "menu-item " + style,
         onClick: select
-      }, icon ? /*#__PURE__*/React__default["default"].createElement(Icon, {
+      }, icon ? /*#__PURE__*/React__default["default"].createElement(Icon$1, {
         icon: icon
       }) : null, /*#__PURE__*/React__default["default"].createElement("label", null, label), meta ? /*#__PURE__*/React__default["default"].createElement("div", {
         className: "meta"
@@ -909,7 +909,7 @@
     var CircularProgress = function CircularProgress(props) {
       return /*#__PURE__*/React__default["default"].createElement("div", {
         className: "circular-progress"
-      }, /*#__PURE__*/React__default["default"].createElement(Icon, {
+      }, /*#__PURE__*/React__default["default"].createElement(Icon$1, {
         icon: "refresh",
         size: "small"
       }));
@@ -977,7 +977,7 @@
         type: "text",
         value: value2,
         onChange: change
-      }) : value2, editable && value2.length > 0 ? /*#__PURE__*/React__default["default"].createElement(Icon, {
+      }) : value2, editable && value2.length > 0 ? /*#__PURE__*/React__default["default"].createElement(Icon$1, {
         icon: "close",
         size: "small",
         clickable: true,
@@ -1052,7 +1052,7 @@
       }, /*#__PURE__*/React__default["default"].createElement(Header, {
         icon: icon,
         title: title
-      }, actions, canCollapse ? /*#__PURE__*/React__default["default"].createElement(Icon, {
+      }, actions, canCollapse ? /*#__PURE__*/React__default["default"].createElement(Icon$1, {
         icon: "expand_more",
         onIcon: "expand_less",
         clickable: true,
@@ -1110,7 +1110,7 @@
       return /*#__PURE__*/React__default["default"].createElement("div", {
         className: "tab " + style,
         onClick: select
-      }, icon ? /*#__PURE__*/React__default["default"].createElement(Icon, {
+      }, icon ? /*#__PURE__*/React__default["default"].createElement(Icon$1, {
         icon: icon,
         size: "small"
       }) : null, label, actions ? actions : null);
@@ -1444,7 +1444,7 @@
         onBlur: blur,
         readOnly: readOnly,
         step: "any"
-      }), readOnly === false && canClear && value && value.length > 0 ? /*#__PURE__*/React__default["default"].createElement(Icon, {
+      }), readOnly === false && canClear && value && value.length > 0 ? /*#__PURE__*/React__default["default"].createElement(Icon$1, {
         icon: "close",
         clickable: true,
         size: "small",
@@ -1515,7 +1515,7 @@
         onKeyDown: onKeyPress,
         onFocus: focus,
         readOnly: readOnly
-      }), canClear && value && value.length > 0 ? /*#__PURE__*/React__default["default"].createElement(Icon, {
+      }), canClear && value && value.length > 0 ? /*#__PURE__*/React__default["default"].createElement(Icon$1, {
         icon: "close",
         clickable: true,
         size: "small",
@@ -1625,7 +1625,7 @@
               onClick: function onClick() {
                 return select(option.value);
               }
-            }, option.icon ? /*#__PURE__*/React__default["default"].createElement(Icon, {
+            }, option.icon ? /*#__PURE__*/React__default["default"].createElement(Icon$1, {
               icon: option.icon,
               size: "small"
             }) : '', /*#__PURE__*/React__default["default"].createElement(Text, null, option.label));
@@ -1638,7 +1638,7 @@
 
       var title = editable ? /*#__PURE__*/React__default["default"].createElement("div", {
         className: "row"
-      }, props.label, /*#__PURE__*/React__default["default"].createElement(Icon, {
+      }, props.label, /*#__PURE__*/React__default["default"].createElement(Icon$1, {
         className: "decorator",
         icon: "edit",
         size: "small"
@@ -1652,7 +1652,7 @@
         onChange: change,
         onBlur: blur,
         readOnly: !predictive && !editable
-      })), !readOnly ? /*#__PURE__*/React__default["default"].createElement(Icon, {
+      })), !readOnly ? /*#__PURE__*/React__default["default"].createElement(Icon$1, {
         icon: "expand_more",
         clickable: true,
         size: "small",
@@ -1724,7 +1724,7 @@
         label: label,
         value: value,
         onChange: onChange
-      }), /*#__PURE__*/React__default["default"].createElement(Icon, {
+      }), /*#__PURE__*/React__default["default"].createElement(Icon$1, {
         icon: show ? "visibility" : "visibility_off",
         clickable: true,
         size: "small",
@@ -1906,7 +1906,7 @@
         colSpan: 1000
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         className: "empty-message"
-      }, /*#__PURE__*/React__default["default"].createElement(Icon, {
+      }, /*#__PURE__*/React__default["default"].createElement(Icon$1, {
         icon: "search_off"
       }), /*#__PURE__*/React__default["default"].createElement(Text, null, emptyMessage)))))));
     };
@@ -1948,7 +1948,7 @@
           cell: row[column.id],
           editable: editable || column.editable
         });
-      }), row.info ? /*#__PURE__*/React__default["default"].createElement("td", null, /*#__PURE__*/React__default["default"].createElement(Icon, {
+      }), row.info ? /*#__PURE__*/React__default["default"].createElement("td", null, /*#__PURE__*/React__default["default"].createElement(Icon$1, {
         icon: infoIcon,
         clickable: true,
         action: function action() {
@@ -1995,7 +1995,7 @@
         } else if (editable && _onChange) {
           switch (type) {
             case "ICON":
-              return /*#__PURE__*/React__default["default"].createElement(Icon, {
+              return /*#__PURE__*/React__default["default"].createElement(Icon$1, {
                 icon: cell
               });
 
@@ -2091,7 +2091,7 @@
               return /*#__PURE__*/React__default["default"].createElement("span", null, index);
 
             case "ICON":
-              return /*#__PURE__*/React__default["default"].createElement(Icon, {
+              return /*#__PURE__*/React__default["default"].createElement(Icon$1, {
                 icon: cell
               });
 
@@ -2208,7 +2208,7 @@
       var _ref6$value = _ref6.value,
           value = _ref6$value === void 0 ? false : _ref6$value;
       var icon = value === true ? "check_box" : "check_box_outline_blank";
-      return /*#__PURE__*/React__default["default"].createElement(Icon, {
+      return /*#__PURE__*/React__default["default"].createElement(Icon$1, {
         icon: icon
       });
     };
@@ -2405,7 +2405,7 @@
       var sortDir = props.sortDir,
           onChange = props.onChange;
       var icon = sortDir ? sortDir > 0 ? "arrow_upward" : "arrow_downward" : "swap_vert";
-      return /*#__PURE__*/React__default["default"].createElement(Icon, {
+      return /*#__PURE__*/React__default["default"].createElement(Icon$1, {
         icon: icon,
         size: "small",
         clickable: true,
@@ -2511,7 +2511,7 @@
       }, /*#__PURE__*/React__default["default"].createElement(Text, {
         use: "caption",
         tag: "div"
-      }, text), /*#__PURE__*/React__default["default"].createElement(Icon, {
+      }, text), /*#__PURE__*/React__default["default"].createElement(Icon$1, {
         icon: "close",
         clickable: true,
         action: onDelete,
@@ -2548,7 +2548,7 @@
         open: open
       }, /*#__PURE__*/React__default["default"].createElement("summary", {
         className: "tree-item"
-      }, icon ? /*#__PURE__*/React__default["default"].createElement(Icon, {
+      }, icon ? /*#__PURE__*/React__default["default"].createElement(Icon$1, {
         icon: icon,
         size: "small",
         small: true
@@ -2580,7 +2580,7 @@
       return /*#__PURE__*/React__default["default"].createElement("div", {
         className: "tree-item final " + style,
         onClick: select
-      }, /*#__PURE__*/React__default["default"].createElement(Icon, {
+      }, /*#__PURE__*/React__default["default"].createElement(Icon$1, {
         icon: icon,
         size: "small",
         small: true
@@ -2804,7 +2804,7 @@
         disabled: !canForgot()
       }) : null, loading ? /*#__PURE__*/React__default["default"].createElement("div", {
         className: "load-box"
-      }, /*#__PURE__*/React__default["default"].createElement(Icon, {
+      }, /*#__PURE__*/React__default["default"].createElement(Icon$1, {
         icon: "refresh"
       })) : /*#__PURE__*/React__default["default"].createElement(Button, {
         label: tx(loginLabel),
@@ -3101,11 +3101,11 @@
       }, /*#__PURE__*/React__default["default"].createElement(Header, {
         icon: "view",
         title: headerTitle
-      }, onClose ? /*#__PURE__*/React__default["default"].createElement(Icon, {
+      }, onClose ? /*#__PURE__*/React__default["default"].createElement(Icon$1, {
         icon: "close",
         clickable: true,
         action: onClose
-      }) : null, showDetails ? '' : /*#__PURE__*/React__default["default"].createElement(Icon, {
+      }) : null, showDetails ? '' : /*#__PURE__*/React__default["default"].createElement(Icon$1, {
         icon: "info",
         clickable: true,
         action: toggleDetails
@@ -3117,17 +3117,17 @@
         className: "" + (showDetails ? 'open' : '')
       }, /*#__PURE__*/React__default["default"].createElement(Header, {
         title: "Detalles"
-      }, /*#__PURE__*/React__default["default"].createElement(Icon, {
+      }, /*#__PURE__*/React__default["default"].createElement(Icon$1, {
         icon: "close",
         clickable: true,
         action: toggleDetails
-      })), /*#__PURE__*/React__default["default"].createElement("main", null, info)), tools ? /*#__PURE__*/React__default["default"].createElement("footer", null, /*#__PURE__*/React__default["default"].createElement(Icon, {
+      })), /*#__PURE__*/React__default["default"].createElement("main", null, info)), tools ? /*#__PURE__*/React__default["default"].createElement("footer", null, /*#__PURE__*/React__default["default"].createElement(Icon$1, {
         clickable: true,
         icon: "zoom_out"
-      }), /*#__PURE__*/React__default["default"].createElement(Icon, {
+      }), /*#__PURE__*/React__default["default"].createElement(Icon$1, {
         clickable: true,
         icon: "zoom_out_map"
-      }), /*#__PURE__*/React__default["default"].createElement(Icon, {
+      }), /*#__PURE__*/React__default["default"].createElement(Icon$1, {
         clickable: true,
         icon: "zoom_in"
       })) : null);
@@ -3170,14 +3170,14 @@
 
       return min ? /*#__PURE__*/React__default["default"].createElement("div", {
         className: "kanban-column " + id + " min"
-      }, /*#__PURE__*/React__default["default"].createElement("main", null, title), /*#__PURE__*/React__default["default"].createElement("footer", null, /*#__PURE__*/React__default["default"].createElement(Icon, {
+      }, /*#__PURE__*/React__default["default"].createElement("main", null, title), /*#__PURE__*/React__default["default"].createElement("footer", null, /*#__PURE__*/React__default["default"].createElement(Icon$1, {
         icon: "toggle_off",
         onIcon: "toggle_on",
         clickable: true,
         action: toggle
       }))) : /*#__PURE__*/React__default["default"].createElement("div", {
         className: "kanban-column " + id + " " + (disabled ? 'disabled' : '')
-      }, /*#__PURE__*/React__default["default"].createElement("header", null, /*#__PURE__*/React__default["default"].createElement(Icon, {
+      }, /*#__PURE__*/React__default["default"].createElement("header", null, /*#__PURE__*/React__default["default"].createElement(Icon$1, {
         icon: icon
       }), /*#__PURE__*/React__default["default"].createElement("div", {
         className: "title"
@@ -3188,7 +3188,7 @@
         use: "body2"
       }, subtitle)), /*#__PURE__*/React__default["default"].createElement("div", {
         className: "badge"
-      }, badge)), /*#__PURE__*/React__default["default"].createElement("main", null, children), /*#__PURE__*/React__default["default"].createElement("footer", null, /*#__PURE__*/React__default["default"].createElement(Icon, {
+      }, badge)), /*#__PURE__*/React__default["default"].createElement("main", null, children), /*#__PURE__*/React__default["default"].createElement("footer", null, /*#__PURE__*/React__default["default"].createElement(Icon$1, {
         icon: "toggle_off",
         onIcon: "toggle_on",
         clickable: true,
@@ -3512,7 +3512,7 @@
         label: "Esta Semana",
         outlined: true,
         action: showThisWeek
-      }), /*#__PURE__*/React__default["default"].createElement(Icon, {
+      }), /*#__PURE__*/React__default["default"].createElement(Icon$1, {
         icon: "chevron_right",
         clickable: true,
         action: next
@@ -3544,7 +3544,7 @@
         onChange: function onChange(id, value) {
           return setFrom(value);
         }
-      }), /*#__PURE__*/React__default["default"].createElement(Icon, {
+      }), /*#__PURE__*/React__default["default"].createElement(Icon$1, {
         icon: "chevron_left",
         clickable: true,
         action: prev
@@ -3779,7 +3779,7 @@
       return /*#__PURE__*/React__default["default"].createElement("div", {
         className: "upload-icon",
         ref: iconElement
-      }, /*#__PURE__*/React__default["default"].createElement(Icon, {
+      }, /*#__PURE__*/React__default["default"].createElement(Icon$1, {
         icon: icon,
         clickable: true
       }));
@@ -3806,18 +3806,18 @@
           error = file.error;
       return /*#__PURE__*/React__default["default"].createElement(React.Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
         className: "upload-file"
-      }, icon ? /*#__PURE__*/React__default["default"].createElement(Icon, {
+      }, icon ? /*#__PURE__*/React__default["default"].createElement(Icon$1, {
         icon: icon
       }) : null, /*#__PURE__*/React__default["default"].createElement("label", null, name), state === UPLOAD_STATES.RUNNING ? /*#__PURE__*/React__default["default"].createElement("main", null, /*#__PURE__*/React__default["default"].createElement(LinearProgress, {
         progress: progress
-      }), /*#__PURE__*/React__default["default"].createElement(Icon, {
+      }), /*#__PURE__*/React__default["default"].createElement(Icon$1, {
         icon: "close",
         clickable: true
-      })) : '', state === UPLOAD_STATES.SUCCESS ? /*#__PURE__*/React__default["default"].createElement("main", null, /*#__PURE__*/React__default["default"].createElement(Icon, {
+      })) : '', state === UPLOAD_STATES.SUCCESS ? /*#__PURE__*/React__default["default"].createElement("main", null, /*#__PURE__*/React__default["default"].createElement(Icon$1, {
         icon: "done"
       })) : '', state === UPLOAD_STATES.ERROR ? /*#__PURE__*/React__default["default"].createElement("main", null, /*#__PURE__*/React__default["default"].createElement("div", {
         className: "error"
-      }, error), /*#__PURE__*/React__default["default"].createElement(Icon, {
+      }, error), /*#__PURE__*/React__default["default"].createElement(Icon$1, {
         icon: "error"
       })) : ''));
     };
@@ -4273,7 +4273,7 @@
             text: title,
             top: ".5rem",
             left: "2rem"
-          }, /*#__PURE__*/React__default["default"].createElement(Icon, {
+          }, /*#__PURE__*/React__default["default"].createElement(Icon$1, {
             key: id,
             icon: icon,
             clickable: true,
@@ -4284,7 +4284,7 @@
         }), /*#__PURE__*/React__default["default"].createElement("div", {
           className: "section-divider"
         }));
-      })), /*#__PURE__*/React__default["default"].createElement("footer", null, /*#__PURE__*/React__default["default"].createElement(Icon, {
+      })), /*#__PURE__*/React__default["default"].createElement("footer", null, /*#__PURE__*/React__default["default"].createElement(Icon$1, {
         icon: toggleIcon,
         clickable: true,
         action: toggle
@@ -4356,7 +4356,7 @@
         className: "site-console"
       }, /*#__PURE__*/React__default["default"].createElement(Header, null, /*#__PURE__*/React__default["default"].createElement(Tabs, null, /*#__PURE__*/React__default["default"].createElement(Tab, {
         label: "Console"
-      }))), /*#__PURE__*/React__default["default"].createElement("nav", null, /*#__PURE__*/React__default["default"].createElement(Icon, {
+      }))), /*#__PURE__*/React__default["default"].createElement("nav", null, /*#__PURE__*/React__default["default"].createElement(Icon$1, {
         icon: "clear_all",
         size: "small",
         clickable: true,
@@ -4445,17 +4445,17 @@
       return /*#__PURE__*/React__default["default"].createElement("section", {
         id: id,
         className: "view " + className
-      }, /*#__PURE__*/React__default["default"].createElement("header", null, canCollapse ? /*#__PURE__*/React__default["default"].createElement(Icon, {
+      }, /*#__PURE__*/React__default["default"].createElement("header", null, canCollapse ? /*#__PURE__*/React__default["default"].createElement(Icon$1, {
         icon: "expand_more",
         size: "small",
         clickable: true,
         action: toggle
-      }) : null, icon ? /*#__PURE__*/React__default["default"].createElement(Icon, {
+      }) : null, icon ? /*#__PURE__*/React__default["default"].createElement(Icon$1, {
         icon: icon,
         size: "small"
       }) : null, title ? /*#__PURE__*/React__default["default"].createElement("label", null, title) : null, menu ? /*#__PURE__*/React__default["default"].createElement(MenuIcon, {
         align: "alignRight"
-      }, menu) : null, onClose ? /*#__PURE__*/React__default["default"].createElement(Icon, {
+      }, menu) : null, onClose ? /*#__PURE__*/React__default["default"].createElement(Icon$1, {
         icon: "close",
         size: "small",
         clickable: true,
@@ -4570,7 +4570,7 @@
           files = _props$files === void 0 ? [] : _props$files;
       return /*#__PURE__*/React__default["default"].createElement("div", {
         className: "file-explorer"
-      }, /*#__PURE__*/React__default["default"].createElement("header", null, title, /*#__PURE__*/React__default["default"].createElement("nav", null, /*#__PURE__*/React__default["default"].createElement(Icon, {
+      }, /*#__PURE__*/React__default["default"].createElement("header", null, title, /*#__PURE__*/React__default["default"].createElement("nav", null, /*#__PURE__*/React__default["default"].createElement(Icon$1, {
         icon: "info"
       }))), /*#__PURE__*/React__default["default"].createElement("main", null, /*#__PURE__*/React__default["default"].createElement(FilesGrid, {
         files: files
@@ -4635,7 +4635,7 @@
         onClick: select
       }, /*#__PURE__*/React__default["default"].createElement("picture", null, /*#__PURE__*/React__default["default"].createElement("img", {
         src: src
-      })), /*#__PURE__*/React__default["default"].createElement("main", null, icon ? /*#__PURE__*/React__default["default"].createElement(Icon, {
+      })), /*#__PURE__*/React__default["default"].createElement("main", null, icon ? /*#__PURE__*/React__default["default"].createElement(Icon$1, {
         size: "small",
         icon: icon
       }) : null, /*#__PURE__*/React__default["default"].createElement("label", null, label)), footer ? /*#__PURE__*/React__default["default"].createElement("footer", null, footer) : null);
@@ -4650,7 +4650,7 @@
           text = _ref.text;
       return /*#__PURE__*/React__default["default"].createElement("div", {
         className: "empty"
-      }, /*#__PURE__*/React__default["default"].createElement("span", null, /*#__PURE__*/React__default["default"].createElement(Icon, {
+      }, /*#__PURE__*/React__default["default"].createElement("span", null, /*#__PURE__*/React__default["default"].createElement(Icon$1, {
         icon: icon
       })), /*#__PURE__*/React__default["default"].createElement("br", null), /*#__PURE__*/React__default["default"].createElement(Text, {
         use: "subtitle2"
@@ -4897,9 +4897,9 @@
           className: "wizard-step"
         }, /*#__PURE__*/React__default["default"].createElement("div", {
           className: "wizard-step-icon"
-        }, done && /*#__PURE__*/React__default["default"].createElement(Icon, {
+        }, done && /*#__PURE__*/React__default["default"].createElement(Icon$1, {
           icon: "check"
-        }), active && /*#__PURE__*/React__default["default"].createElement(Icon, {
+        }), active && /*#__PURE__*/React__default["default"].createElement(Icon$1, {
           icon: "play_arrow"
         })), /*#__PURE__*/React__default["default"].createElement("div", {
           className: "wizard-step-label"
@@ -4911,86 +4911,6 @@
       }, prevButton, /*#__PURE__*/React__default["default"].createElement("div", null), nextButton)));
     };
 
-    /**
-     * Collection API
-     */
-
-    var CollectionAPI$1 = function CollectionAPI(url, host) {
-      var http = HTTPClient(host || window.API || process.env.REACT_APP_API, Session);
-      /**
-       * objectToQueryParamString
-       * 
-       * @param {*} obj 
-       * @returns 
-       */
-
-      function objectToQueryParamString(obj, likes) {
-        if (isEmpty(obj)) {
-          return "";
-        }
-
-        var notEmptyFields = Object.keys(obj).filter(function (key) {
-          return !isEmpty(obj[key]);
-        });
-        var paramString = notEmptyFields.reduce(function (query, key) {
-          var value = obj[key];
-          var like = likes.includes(key) ? '%' : '';
-
-          if (Array.isArray(value)) {
-            var values = value.map(function (v) {
-              return key + "=" + like + v + like;
-            }).join("&");
-            return "" + query + values + "&";
-          } else if (typeof value === "object") {
-            var params = objectToQueryParamString(value, likes);
-            params.split("&").forEach(function (param) {
-              query = query.concat(key + "." + param + "&");
-            });
-            return query;
-          } else {
-            return "" + query + key + "=" + like + value + like + "&";
-          }
-        }, "");
-        return paramString;
-      }
-
-      return {
-        all: function all(filters, likes, page) {
-          if (likes === void 0) {
-            likes = [];
-          }
-
-          var queryParams = page ? "?page=" + page + "&" : "?";
-          var filterQuery = objectToQueryParamString(filters, likes);
-          queryParams = "" + queryParams + filterQuery;
-          queryParams = queryParams.substring(0, queryParams.length - 1);
-          return http.GET("" + url + queryParams);
-        },
-        find: function find(id) {
-          return http.GET(url + "/" + id);
-        },
-        create: function create(form) {
-          var body = JSON.stringify(form);
-          return http.POST(url, body);
-        },
-        update: function update(form) {
-          var body = JSON.stringify(form);
-          return http.PUT(url + "/" + form.id, body);
-        },
-        updateProperty: function updateProperty(id, propertyName, form) {
-          var body = JSON.stringify(form);
-          return http.PUT(url + "/" + id + "/" + propertyName, body);
-        },
-        patch: function patch(id, form) {
-          var body = JSON.stringify(form);
-          return http.PATCH(url + "/" + id, body);
-        },
-        remove: function remove(id) {
-          return http.DELETE(url + "/" + id);
-        }
-      };
-    };
-
     /**
      * Task Context
      */
@@ -5196,35 +5116,24 @@
           _props$url = props.url,
           url = _props$url === void 0 ? "/tasks" : _props$url,
           _props$frequency = props.frequency,
-          frequency = _props$frequency === void 0 ? 5000 : _props$frequency,
-          children = props.children,
-          _props$listeners = props.listeners,
-          listeners = _props$listeners === void 0 ? {} : _props$listeners;
+          frequency = _props$frequency === void 0 ? 1000 : _props$frequency,
+          children = props.children;
       var API = CollectionAPI$1(url, host);
 
-      var _listeners = Object.assign({}, listeners);
-
-      function addListener(taskID, listener) {
-        _listeners[taskID] = listener;
-      }
-
-      function removeListener(taskID) {
-        delete _listeners[taskID];
-      }
+      var _useState = React.useState({}),
+          listeners = _useState[0],
+          setListeners = _useState[1];
 
       React.useEffect(function () {
-        var interval = setInterval(function () {
+        var _interval = setInterval(function () {
           try {
-            var taskIDs = Object.keys(_listeners);
-            if (taskIDs.length === 0) return Promise.resolve();
+            var taskIDs = Object.keys(listeners);
 
             var _temp2 = _forTo(taskIDs, function (i) {
               var taskID = taskIDs[i];
+              var listener = listeners[taskID];
               return Promise.resolve(task(taskID)).then(function (tsk) {
-                if (tsk) {
-                  var listener = _listeners[taskID];
-                  if (listener) listener(tsk, value);
-                }
+                if (listener) listener(tsk);
               });
             });
 
@@ -5233,17 +5142,34 @@
             return Promise.reject(e);
           }
         }, frequency);
+
         return function () {
-          return clearInterval(interval);
+          return clearInterval(_interval);
         };
-      }, []);
+      }, [listeners]);
+
+      function addListener(taskID, listener) {
+        var _extends2;
+
+        var next = _extends({}, listeners, (_extends2 = {}, _extends2[taskID] = listener, _extends2));
+
+        setListeners(next);
+      }
+
+      function removeListener(taskID) {
+        var next = _extends({}, listeners);
+
+        delete next[taskID];
+        setListeners(next);
+      }
+
       var value = {
         tasks: tasks,
         task: task,
         createTask: createTask,
         updateTask: updateTask,
         removeTask: removeTask,
-        listeners: _listeners,
+        listeners: listeners,
         addListener: addListener,
         removeListener: removeListener
       };
@@ -5278,9 +5204,9 @@
           autoreload = _props$autoreload === void 0 ? true : _props$autoreload,
           onComplete = props.onComplete;
 
-      var _useState = React.useState(0),
-          progress = _useState[0],
-          setProgress = _useState[1];
+      var _useState2 = React.useState(0),
+          progress = _useState2[0],
+          setProgress = _useState2[1];
 
       React.useEffect(function () {
         if (autoreload) {
@@ -5330,10 +5256,10 @@
           frequency = _props$frequency2 === void 0 ? 5000 : _props$frequency2;
       var context = React.useContext(TaskContext);
 
-      var _useState2 = React.useState([]),
-          _useState2$ = _useState2[0],
-          tasks = _useState2$ === void 0 ? [] : _useState2$,
-          setTasks = _useState2[1];
+      var _useState3 = React.useState([]),
+          _useState3$ = _useState3[0],
+          tasks = _useState3$ === void 0 ? [] : _useState3$,
+          setTasks = _useState3[1];
 
       React.useEffect(function () {
         refresh();
@@ -5411,9 +5337,7 @@
       }, /*#__PURE__*/React__default["default"].createElement(Header, {
         icon: "list",
         title: title
-      }, context.listeners ? /*#__PURE__*/React__default["default"].createElement(Chip, {
-        label: Object.keys(context.listeners).length
-      }) : null), /*#__PURE__*/React__default["default"].createElement("main", null, /*#__PURE__*/React__default["default"].createElement(DataTable, table)));
+      }), /*#__PURE__*/React__default["default"].createElement("main", null, /*#__PURE__*/React__default["default"].createElement(DataTable, table)));
     };
     /**
      * Task Info
@@ -5608,7 +5532,7 @@
         type: "password",
         value: value,
         readOnly: true
-      }), /*#__PURE__*/React__default["default"].createElement(Icon, {
+      }), /*#__PURE__*/React__default["default"].createElement(Icon$1, {
         icon: "edit",
         clickable: true,
         action: openDialog,
@@ -5819,7 +5743,7 @@
         return /*#__PURE__*/React__default["default"].createElement(TreeNode, {
           icon: "folder",
           label: node.label,
-          actions: [/*#__PURE__*/React__default["default"].createElement(Icon, {
+          actions: [/*#__PURE__*/React__default["default"].createElement(Icon$1, {
             size: "small",
             icon: "add",
             clickable: true,
@@ -6363,11 +6287,11 @@
         label: ''
       });
       var rows = [{
-        actions: [/*#__PURE__*/React__default["default"].createElement(Icon, {
+        actions: [/*#__PURE__*/React__default["default"].createElement(Icon$1, {
           icon: "done",
           clickable: true,
           action: save
-        }), /*#__PURE__*/React__default["default"].createElement(Icon, {
+        }), /*#__PURE__*/React__default["default"].createElement(Icon$1, {
           icon: "close",
           clickable: true,
           action: toggle
@@ -6442,7 +6366,7 @@
         var items = filter ? filter(data) : data;
         if (items.length === 0) return /*#__PURE__*/React__default["default"].createElement("div", {
           className: "empty-message"
-        }, /*#__PURE__*/React__default["default"].createElement(Icon, {
+        }, /*#__PURE__*/React__default["default"].createElement(Icon$1, {
           icon: "search_off"
         }), /*#__PURE__*/React__default["default"].createElement(Text, null, "No Result Found"));
         var groups = items.reduce(function (groups, item) {
@@ -6481,14 +6405,14 @@
             }),
             rows: groups[groupName].map(function (item, index) {
               item.actions = actions ? actions.map(function (_action) {
-                return _action.filter ? _action.filter(item) ? /*#__PURE__*/React__default["default"].createElement(Icon, {
+                return _action.filter ? _action.filter(item) ? /*#__PURE__*/React__default["default"].createElement(Icon$1, {
                   icon: _action.icon,
                   clickable: true,
                   size: "small",
                   action: function action() {
                     return run(_action, item);
                   }
-                }) : null : /*#__PURE__*/React__default["default"].createElement(Icon, {
+                }) : null : /*#__PURE__*/React__default["default"].createElement(Icon$1, {
                   icon: _action.icon,
                   clickable: true,
                   size: "small",
@@ -6497,7 +6421,7 @@
                   }
                 });
               }) : [];
-              if (canDelete) item.actions.push( /*#__PURE__*/React__default["default"].createElement(Icon, {
+              if (canDelete) item.actions.push( /*#__PURE__*/React__default["default"].createElement(Icon$1, {
                 icon: "delete",
                 size: "small",
                 clickable: true,
@@ -6675,7 +6599,7 @@
       var label = field.label,
           options = field.options;
       var iconName = value === true ? "check_box" : "check_box_outline_blank";
-      var icon = /*#__PURE__*/React__default["default"].createElement(Icon, {
+      var icon = /*#__PURE__*/React__default["default"].createElement(Icon$1, {
         icon: iconName
       });
       return /*#__PURE__*/React__default["default"].createElement(Property, {
@@ -6945,6 +6869,86 @@
       }));
     };
 
+    /**
+     * Collection API
+     */
+
+    var CollectionAPI$1 = function CollectionAPI(url, host) {
+      var http = HTTPClient(host || window.API || process.env.REACT_APP_API, Session);
+      /**
+       * objectToQueryParamString
+       * 
+       * @param {*} obj 
+       * @returns 
+       */
+
+      function objectToQueryParamString(obj, likes) {
+        if (isEmpty(obj)) {
+          return "";
+        }
+
+        var notEmptyFields = Object.keys(obj).filter(function (key) {
+          return !isEmpty(obj[key]);
+        });
+        var paramString = notEmptyFields.reduce(function (query, key) {
+          var value = obj[key];
+          var like = likes.includes(key) ? '%' : '';
+
+          if (Array.isArray(value)) {
+            var values = value.map(function (v) {
+              return key + "=" + like + v + like;
+            }).join("&");
+            return "" + query + values + "&";
+          } else if (typeof value === "object") {
+            var params = objectToQueryParamString(value, likes);
+            params.split("&").forEach(function (param) {
+              query = query.concat(key + "." + param + "&");
+            });
+            return query;
+          } else {
+            return "" + query + key + "=" + like + value + like + "&";
+          }
+        }, "");
+        return paramString;
+      }
+
+      return {
+        all: function all(filters, likes, page) {
+          if (likes === void 0) {
+            likes = [];
+          }
+
+          var queryParams = page ? "?page=" + page + "&" : "?";
+          var filterQuery = objectToQueryParamString(filters, likes);
+          queryParams = "" + queryParams + filterQuery;
+          queryParams = queryParams.substring(0, queryParams.length - 1);
+          return http.GET("" + url + queryParams);
+        },
+        find: function find(id) {
+          return http.GET(url + "/" + id);
+        },
+        create: function create(form) {
+          var body = JSON.stringify(form);
+          return http.POST(url, body);
+        },
+        update: function update(form) {
+          var body = JSON.stringify(form);
+          return http.PUT(url + "/" + form.id, body);
+        },
+        updateProperty: function updateProperty(id, propertyName, form) {
+          var body = JSON.stringify(form);
+          return http.PUT(url + "/" + id + "/" + propertyName, body);
+        },
+        patch: function patch(id, form) {
+          var body = JSON.stringify(form);
+          return http.PATCH(url + "/" + id, body);
+        },
+        remove: function remove(id) {
+          return http.DELETE(url + "/" + id);
+        }
+      };
+    };
+
     /**
      * Collection Page
      */
@@ -7199,12 +7203,12 @@
       return /*#__PURE__*/React__default["default"].createElement(React.Fragment, null, /*#__PURE__*/React__default["default"].createElement(Header, {
         icon: "filter_list",
         className: "filters-header " + expanded
-      }, showFilters ? /*#__PURE__*/React__default["default"].createElement(Icon, {
+      }, showFilters ? /*#__PURE__*/React__default["default"].createElement(Icon$1, {
         icon: "expand_less",
         size: "small",
         clickable: true,
         action: toggleFilters
-      }) : /*#__PURE__*/React__default["default"].createElement(Icon, {
+      }) : /*#__PURE__*/React__default["default"].createElement(Icon$1, {
         icon: "expand_more",
         size: "small",
         clickable: true,
@@ -7231,7 +7235,7 @@
       });
       return /*#__PURE__*/React__default["default"].createElement(React.Fragment, null, fields.length > 0 ? /*#__PURE__*/React__default["default"].createElement(Tooltip, {
         text: "Limpiar Filtros"
-      }, /*#__PURE__*/React__default["default"].createElement(Icon, {
+      }, /*#__PURE__*/React__default["default"].createElement(Icon$1, {
         icon: "clear_all",
         size: "small",
         clickable: true,
@@ -7625,7 +7629,7 @@
       return selected && form ? /*#__PURE__*/React__default["default"].createElement(React.Fragment, null, /*#__PURE__*/React__default["default"].createElement(Header, {
         icon: icon,
         title: renderTitle()
-      }, /*#__PURE__*/React__default["default"].createElement(Icon, {
+      }, /*#__PURE__*/React__default["default"].createElement(Icon$1, {
         icon: "close",
         clickable: true,
         action: clear
@@ -7634,7 +7638,7 @@
       }, /*#__PURE__*/React__default["default"].createElement(Menu, null, canDelete ? /*#__PURE__*/React__default["default"].createElement(MenuItem, {
         label: "Eliminar",
         onSelect: remove
-      }) : null)), /*#__PURE__*/React__default["default"].createElement(Icon, {
+      }) : null)), /*#__PURE__*/React__default["default"].createElement(Icon$1, {
         icon: "refresh",
         clickable: true,
         action: onReload
@@ -8158,7 +8162,7 @@
       }, /*#__PURE__*/React__default["default"].createElement(Header, {
         icon: "local_offer",
         title: name || "Propiedades"
-      }, /*#__PURE__*/React__default["default"].createElement(Icon, {
+      }, /*#__PURE__*/React__default["default"].createElement(Icon$1, {
         icon: "close",
         clickable: true,
         action: onClose
@@ -8284,10 +8288,10 @@
           onClick: function onClick() {
             return select(query);
           }
-        }, /*#__PURE__*/React__default["default"].createElement(Icon, {
+        }, /*#__PURE__*/React__default["default"].createElement(Icon$1, {
           icon: "star",
           size: "small"
-        }), /*#__PURE__*/React__default["default"].createElement("label", null, query.name), /*#__PURE__*/React__default["default"].createElement(Icon, {
+        }), /*#__PURE__*/React__default["default"].createElement("label", null, query.name), /*#__PURE__*/React__default["default"].createElement(Icon$1, {
           icon: "close",
           clickable: true,
           size: "small",
@@ -8383,12 +8387,12 @@
       return /*#__PURE__*/React__default["default"].createElement(React.Fragment, null, /*#__PURE__*/React__default["default"].createElement(Header, {
         className: "table-filters",
         title: /*#__PURE__*/React__default["default"].createElement(Text, null, "Filters")
-      }, /*#__PURE__*/React__default["default"].createElement(Icon, {
+      }, /*#__PURE__*/React__default["default"].createElement(Icon$1, {
         icon: "filter_list_off",
         size: "small",
         clickable: true,
         action: clear
-      }), onSave ? /*#__PURE__*/React__default["default"].createElement(Icon, {
+      }), onSave ? /*#__PURE__*/React__default["default"].createElement(Icon$1, {
         icon: "save",
         size: "small",
         clickable: true,
@@ -8524,7 +8528,7 @@
         var items = filter ? filter(all) : all;
         if (items.length === 0) return /*#__PURE__*/React__default["default"].createElement("div", {
           className: "empty-message"
-        }, /*#__PURE__*/React__default["default"].createElement(Icon, {
+        }, /*#__PURE__*/React__default["default"].createElement(Icon$1, {
           icon: "search_off"
         }), /*#__PURE__*/React__default["default"].createElement(Text, null, "No Result Found"));
         var groups = items.reduce(function (groups, item) {
@@ -8563,14 +8567,14 @@
             rows: groups[groupName].map(function (item) {
               item.checked = pageContext.checked ? pageContext.checked.has(item.id) : false;
               item.actions = actions ? actions.map(function (_action2) {
-                return _action2.filter ? _action2.filter(item) ? /*#__PURE__*/React__default["default"].createElement(Icon, {
+                return _action2.filter ? _action2.filter(item) ? /*#__PURE__*/React__default["default"].createElement(Icon$1, {
                   icon: _action2.icon,
                   clickable: true,
                   size: "small",
                   action: function action() {
                     return run(_action2, item);
                   }
-                }) : null : /*#__PURE__*/React__default["default"].createElement(Icon, {
+                }) : null : /*#__PURE__*/React__default["default"].createElement(Icon$1, {
                   icon: _action2.icon,
                   clickable: true,
                   size: "small",
@@ -8579,7 +8583,7 @@
                   }
                 });
               }) : [];
-              if (canDelete) item.actions.push( /*#__PURE__*/React__default["default"].createElement(Icon, {
+              if (canDelete) item.actions.push( /*#__PURE__*/React__default["default"].createElement(Icon$1, {
                 icon: "delete",
                 size: "small",
                 clickable: true,
@@ -9165,7 +9169,7 @@
       }, /*#__PURE__*/React__default["default"].createElement(Header, {
         icon: "local_offer",
         title: name || "Propiedades"
-      }, /*#__PURE__*/React__default["default"].createElement(Icon, {
+      }, /*#__PURE__*/React__default["default"].createElement(Icon$1, {
         icon: "close",
         clickable: true,
         action: onClose
@@ -9289,10 +9293,10 @@
           onClick: function onClick() {
             return select(query);
           }
-        }, /*#__PURE__*/React__default["default"].createElement(Icon, {
+        }, /*#__PURE__*/React__default["default"].createElement(Icon$1, {
           icon: "star",
           size: "small"
-        }), /*#__PURE__*/React__default["default"].createElement("label", null, query.name), /*#__PURE__*/React__default["default"].createElement(Icon, {
+        }), /*#__PURE__*/React__default["default"].createElement("label", null, query.name), /*#__PURE__*/React__default["default"].createElement(Icon$1, {
           icon: "close",
           clickable: true,
           size: "small",
@@ -9374,12 +9378,12 @@
       return /*#__PURE__*/React__default["default"].createElement(React.Fragment, null, /*#__PURE__*/React__default["default"].createElement(Header, {
         className: "table-filters",
         title: /*#__PURE__*/React__default["default"].createElement(Text, null, "Filters")
-      }, /*#__PURE__*/React__default["default"].createElement(Icon, {
+      }, /*#__PURE__*/React__default["default"].createElement(Icon$1, {
         icon: "filter_list_off",
         size: "small",
         clickable: true,
         action: clear
-      }), onSave ? /*#__PURE__*/React__default["default"].createElement(Icon, {
+      }), onSave ? /*#__PURE__*/React__default["default"].createElement(Icon$1, {
         icon: "save",
         size: "small",
         clickable: true,
@@ -9602,7 +9606,7 @@
       var items = filter ? filter(all) : all;
       if (items.length === 0) return /*#__PURE__*/React__default["default"].createElement("div", {
         className: "empty-message"
-      }, /*#__PURE__*/React__default["default"].createElement(Icon, {
+      }, /*#__PURE__*/React__default["default"].createElement(Icon$1, {
         icon: "search_off"
       }), /*#__PURE__*/React__default["default"].createElement(Text, null, "No Result Found"));
       var groups = items.reduce(function (groups, item) {
@@ -9615,14 +9619,14 @@
         var rows = groups[groupName].map(function (item) {
           item.checked = pageContext.checked ? pageContext.checked.has(item.id) : false;
           item.actions = actions ? actions.map(function (_action2) {
-            return _action2.filter ? _action2.filter(item) ? /*#__PURE__*/React__default["default"].createElement(Icon, {
+            return _action2.filter ? _action2.filter(item) ? /*#__PURE__*/React__default["default"].createElement(Icon$1, {
               icon: _action2.icon,
               clickable: true,
               size: "small",
               action: function action() {
                 return run(_action2, item);
               }
-            }) : null : /*#__PURE__*/React__default["default"].createElement(Icon, {
+            }) : null : /*#__PURE__*/React__default["default"].createElement(Icon$1, {
               icon: _action2.icon,
               clickable: true,
               size: "small",
@@ -9631,7 +9635,7 @@
               }
             });
           }) : [];
-          if (canDelete) item.actions.push( /*#__PURE__*/React__default["default"].createElement(Icon, {
+          if (canDelete) item.actions.push( /*#__PURE__*/React__default["default"].createElement(Icon$1, {
             icon: "delete",
             size: "small",
             clickable: true,
@@ -10295,7 +10299,7 @@
       }, /*#__PURE__*/React__default["default"].createElement(Header, {
         icon: "local_offer",
         title: name || "Propiedades"
-      }, /*#__PURE__*/React__default["default"].createElement(Icon, {
+      }, /*#__PURE__*/React__default["default"].createElement(Icon$1, {
         icon: "close",
         clickable: true,
         action: onClose
@@ -10420,10 +10424,10 @@
           onClick: function onClick() {
             return select(query);
           }
-        }, /*#__PURE__*/React__default["default"].createElement(Icon, {
+        }, /*#__PURE__*/React__default["default"].createElement(Icon$1, {
           icon: "star",
           size: "small"
-        }), /*#__PURE__*/React__default["default"].createElement("label", null, query.name), /*#__PURE__*/React__default["default"].createElement(Icon, {
+        }), /*#__PURE__*/React__default["default"].createElement("label", null, query.name), /*#__PURE__*/React__default["default"].createElement(Icon$1, {
           icon: "close",
           clickable: true,
           size: "small",
@@ -10519,12 +10523,12 @@
       return /*#__PURE__*/React__default["default"].createElement(React.Fragment, null, /*#__PURE__*/React__default["default"].createElement(Header, {
         className: "table-filters",
         title: /*#__PURE__*/React__default["default"].createElement(Text, null, "Filters")
-      }, /*#__PURE__*/React__default["default"].createElement(Icon, {
+      }, /*#__PURE__*/React__default["default"].createElement(Icon$1, {
         icon: "filter_list_off",
         size: "small",
         clickable: true,
         action: clear
-      }), onSave ? /*#__PURE__*/React__default["default"].createElement(Icon, {
+      }), onSave ? /*#__PURE__*/React__default["default"].createElement(Icon$1, {
         icon: "save",
         size: "small",
         clickable: true,
@@ -10661,7 +10665,7 @@
         var items = filter ? filter(all) : all;
         if (items.length === 0) return /*#__PURE__*/React__default["default"].createElement("div", {
           className: "empty-message"
-        }, /*#__PURE__*/React__default["default"].createElement(Icon, {
+        }, /*#__PURE__*/React__default["default"].createElement(Icon$1, {
           icon: "search_off"
         }), /*#__PURE__*/React__default["default"].createElement(Text, null, "No Result Found"));
         var groups = items.reduce(function (groups, item) {
@@ -10697,14 +10701,14 @@
             rows: groups[groupName].map(function (item) {
               item.checked = pageContext.checked ? pageContext.checked.has(item.id) : false;
               item.actions = actions ? actions.map(function (_action2) {
-                return _action2.filter ? _action2.filter(item) ? /*#__PURE__*/React__default["default"].createElement(Icon, {
+                return _action2.filter ? _action2.filter(item) ? /*#__PURE__*/React__default["default"].createElement(Icon$1, {
                   icon: _action2.icon,
                   clickable: true,
                   size: "small",
                   action: function action() {
                     return run(_action2, item);
                   }
-                }) : null : /*#__PURE__*/React__default["default"].createElement(Icon, {
+                }) : null : /*#__PURE__*/React__default["default"].createElement(Icon$1, {
                   icon: _action2.icon,
                   clickable: true,
                   size: "small",
@@ -10713,7 +10717,7 @@
                   }
                 });
               }) : [];
-              if (canDelete) item.actions.push( /*#__PURE__*/React__default["default"].createElement(Icon, {
+              if (canDelete) item.actions.push( /*#__PURE__*/React__default["default"].createElement(Icon$1, {
                 icon: "delete",
                 size: "small",
                 clickable: true,
@@ -11647,7 +11651,7 @@
         className: "custom-filters"
       }, children), /*#__PURE__*/React__default["default"].createElement(CollectionFiltersResume, {
         schema: schema
-      }), /*#__PURE__*/React__default["default"].createElement(Icon, {
+      }), /*#__PURE__*/React__default["default"].createElement(Icon$1, {
         icon: toggleIcon,
         clickable: true,
         action: toggle
@@ -11749,7 +11753,7 @@
         groupRenderer: groupRenderer
       }), searchBy.length > 0 ? /*#__PURE__*/React__default["default"].createElement("div", {
         className: "search-box"
-      }, /*#__PURE__*/React__default["default"].createElement(Icon, {
+      }, /*#__PURE__*/React__default["default"].createElement(Icon$1, {
         icon: "search",
         size: "small"
       }), /*#__PURE__*/React__default["default"].createElement(TextField, {
@@ -11831,6 +11835,7 @@
     exports.Chips = Chips;
     exports.CircularProgress = CircularProgress;
     exports.CollectionAPI = CollectionAPI$1;
+    exports.CollectionAPI2 = CollectionAPI;
     exports.CollectionContext = CollectionContext$1;
     exports.CollectionContext2 = CollectionContext;
     exports.CollectionEditor = CollectionEditor$2;
@@ -11858,7 +11863,7 @@
     exports.Form = Form;
     exports.HTTPClient = HTTPClient;
     exports.Header = Header;
-    exports.Icon = Icon;
+    exports.Icon = Icon$1;
     exports.ImageViewer = ImageViewer;
     exports.Kanban = Kanban;
     exports.KanbanCard = KanbanCard;