ywana-core8 0.0.834 → 0.0.835

package/dist/index.cjs

@@ -232,7 +232,7 @@ var Tooltip = function Tooltip(props) {
  * 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,
@@ -349,12 +349,12 @@ var AccordionSection = function AccordionSection(props) {
   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", {
@@ -365,7 +365,7 @@ var AccordionSection = function AccordionSection(props) {
     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,
@@ -448,7 +448,7 @@ var Button = function Button(_ref) {
   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,
@@ -531,7 +531,7 @@ var Chip = function Chip(props) {
   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", {
@@ -539,7 +539,7 @@ var Chip = function Chip(props) {
   }, 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", {
@@ -682,7 +682,7 @@ var Header = function Header(props) {
   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
@@ -805,7 +805,7 @@ var ListItem = function ListItem(_ref) {
   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
@@ -855,7 +855,7 @@ var MenuIcon = function MenuIcon(props) {
     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,
@@ -893,7 +893,7 @@ var MenuItem = function MenuItem(props) {
   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"
@@ -916,7 +916,7 @@ var MenuSeparator = function MenuSeparator(props) {
 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"
   }));
@@ -984,7 +984,7 @@ var Property = function Property(props) {
     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,
@@ -1059,7 +1059,7 @@ var Section = function Section(props) {
   }, /*#__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,
@@ -1117,7 +1117,7 @@ var Tab = function Tab(props) {
   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);
@@ -1451,7 +1451,7 @@ var TextField = function TextField(props) {
     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",
@@ -1522,7 +1522,7 @@ var TextArea = function TextArea(props) {
     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",
@@ -1632,7 +1632,7 @@ var DropDown = function DropDown(props) {
           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));
@@ -1645,7 +1645,7 @@ var DropDown = function DropDown(props) {
 
   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"
@@ -1659,7 +1659,7 @@ var DropDown = function DropDown(props) {
     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",
@@ -1731,7 +1731,7 @@ var PasswordField = function PasswordField(props) {
     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",
@@ -1913,7 +1913,7 @@ var DataTable = function DataTable(props) {
     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)))))));
 };
@@ -1955,7 +1955,7 @@ var DataTableRow = function DataTableRow(props) {
       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() {
@@ -2002,7 +2002,7 @@ var DataTableCell = function DataTableCell(_ref4) {
     } 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
           });
 
@@ -2098,7 +2098,7 @@ var DataTableCell = function DataTableCell(_ref4) {
           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
           });
 
@@ -2215,7 +2215,7 @@ var BooleanCellViewer = function BooleanCellViewer(_ref6) {
   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
   });
 };
@@ -2412,7 +2412,7 @@ var SortIcon = function SortIcon(props) {
   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,
@@ -2518,7 +2518,7 @@ var Token = function Token(_ref2) {
   }, /*#__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,
@@ -2555,7 +2555,7 @@ var TreeNode = function TreeNode(_ref2) {
     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
@@ -2587,7 +2587,7 @@ var TreeItem = function TreeItem(_ref3) {
   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
@@ -2811,7 +2811,7 @@ var LoginBox = function LoginBox(_ref) {
     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),
@@ -3108,11 +3108,11 @@ var Viewer = function Viewer(_ref) {
   }, /*#__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
@@ -3124,17 +3124,17 @@ var Viewer = function Viewer(_ref) {
     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);
@@ -3177,14 +3177,14 @@ var KanbanColumn = function KanbanColumn(_ref2) {
 
   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"
@@ -3195,7 +3195,7 @@ var KanbanColumn = function KanbanColumn(_ref2) {
     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,
@@ -3519,7 +3519,7 @@ var Planner = function Planner(_ref) {
     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
@@ -3551,7 +3551,7 @@ var Planner = function Planner(_ref) {
     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
@@ -3786,7 +3786,7 @@ var UploadIcon = function UploadIcon(_ref) {
   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
   }));
@@ -3813,18 +3813,18 @@ var UploadFile$1 = function UploadFile(_ref) {
       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"
   })) : ''));
 };
@@ -4280,7 +4280,7 @@ var SiteMenu = function SiteMenu(_ref6) {
         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,
@@ -4291,7 +4291,7 @@ var SiteMenu = function SiteMenu(_ref6) {
     }), /*#__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
@@ -4363,7 +4363,7 @@ var SiteConsole = function SiteConsole() {
     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,
@@ -4452,17 +4452,17 @@ var View = function View(props) {
   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,
@@ -4577,7 +4577,7 @@ var FileExplorer = function FileExplorer(props) {
       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
@@ -4642,7 +4642,7 @@ var FileIcon = function FileIcon(props) {
     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);
@@ -4657,7 +4657,7 @@ var EmptyMessage = function EmptyMessage(_ref) {
       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"
@@ -4904,9 +4904,9 @@ var Wizard = function Wizard(props) {
       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"
@@ -4918,86 +4918,6 @@ var Wizard = function Wizard(props) {
   }, 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
  */
@@ -5203,35 +5123,24 @@ var TaskContextProvider = function TaskContextProvider(props) {
       _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);
           });
         });
 
@@ -5240,17 +5149,34 @@ var TaskContextProvider = function TaskContextProvider(props) {
         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
   };
@@ -5285,9 +5211,9 @@ var TaskProgress = function TaskProgress(props) {
       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) {
@@ -5337,10 +5263,10 @@ var TaskMonitor = function TaskMonitor(props) {
       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();
@@ -5418,9 +5344,7 @@ var TaskMonitor = function TaskMonitor(props) {
   }, /*#__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
@@ -5615,7 +5539,7 @@ var PasswordEditor = function PasswordEditor(props) {
     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,
@@ -5826,7 +5750,7 @@ var TreededContentEditor = function TreededContentEditor(_ref4) {
     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,
@@ -6370,11 +6294,11 @@ var CollectionAdder = function CollectionAdder(_ref12) {
     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
@@ -6449,7 +6373,7 @@ var TableEditor$3 = function TableEditor(props) {
     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) {
@@ -6488,14 +6412,14 @@ var TableEditor$3 = function TableEditor(props) {
         }),
         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",
@@ -6504,7 +6428,7 @@ var TableEditor$3 = function TableEditor(props) {
               }
             });
           }) : [];
-          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,
@@ -6682,7 +6606,7 @@ var BooleanViewer = function BooleanViewer(props) {
   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, {
@@ -6952,6 +6876,86 @@ var EditContentDialog = function EditContentDialog(_ref) {
   }));
 };
 
+/**
+ * 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
  */
@@ -7206,12 +7210,12 @@ var CollectionFilters$1 = function CollectionFilters(props) {
   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,
@@ -7238,7 +7242,7 @@ var FilterResume = function FilterResume(props) {
   });
   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,
@@ -7632,7 +7636,7 @@ var CollectionEditor$1 = function CollectionEditor(props) {
   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
@@ -7641,7 +7645,7 @@ var CollectionEditor$1 = function CollectionEditor(props) {
   }, /*#__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
@@ -8165,7 +8169,7 @@ var TableRowEditor$2 = function TableRowEditor(props) {
   }, /*#__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
@@ -8291,10 +8295,10 @@ var TableQueries$2 = function TableQueries(props) {
       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",
@@ -8390,12 +8394,12 @@ var TableFilters$2 = function TableFilters(props) {
   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,
@@ -8531,7 +8535,7 @@ var TableEditor$2 = function TableEditor(props) {
     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) {
@@ -8570,14 +8574,14 @@ var TableEditor$2 = function TableEditor(props) {
         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",
@@ -8586,7 +8590,7 @@ var TableEditor$2 = function TableEditor(props) {
               }
             });
           }) : [];
-          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,
@@ -9172,7 +9176,7 @@ var TableRowEditor$1 = function TableRowEditor(props) {
   }, /*#__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
@@ -9296,10 +9300,10 @@ var TableQueries$1 = function TableQueries(props) {
       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",
@@ -9381,12 +9385,12 @@ var TableFilters$1 = function TableFilters(props) {
   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,
@@ -9609,7 +9613,7 @@ var TableEditor$1 = function TableEditor(props) {
   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) {
@@ -9622,14 +9626,14 @@ var TableEditor$1 = function TableEditor(props) {
     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",
@@ -9638,7 +9642,7 @@ var TableEditor$1 = function TableEditor(props) {
           }
         });
       }) : [];
-      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,
@@ -10302,7 +10306,7 @@ var TableRowEditor = function TableRowEditor(props) {
   }, /*#__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
@@ -10427,10 +10431,10 @@ var TableQueries = function TableQueries(props) {
       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",
@@ -10526,12 +10530,12 @@ var TableFilters = function TableFilters(props) {
   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,
@@ -10668,7 +10672,7 @@ var TableEditor = function TableEditor(props) {
     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) {
@@ -10704,14 +10708,14 @@ var TableEditor = function TableEditor(props) {
         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",
@@ -10720,7 +10724,7 @@ var TableEditor = function TableEditor(props) {
               }
             });
           }) : [];
-          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,
@@ -11654,7 +11658,7 @@ var CollectionFilters = function CollectionFilters(props) {
     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
@@ -11756,7 +11760,7 @@ var CollectionList = function CollectionList(props) {
     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, {
@@ -11838,6 +11842,7 @@ exports.Chip = Chip;
 exports.Chips = Chips;
 exports.CircularProgress = CircularProgress;
 exports.CollectionAPI = CollectionAPI$1;
+exports.CollectionAPI2 = CollectionAPI;
 exports.CollectionContext = CollectionContext$1;
 exports.CollectionContext2 = CollectionContext;
 exports.CollectionEditor = CollectionEditor$2;
@@ -11865,7 +11870,7 @@ exports.FilesGrid = FilesGrid;
 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;