ywana-core8 0.0.835 → 0.0.836

package/dist/index.cjs

@@ -232,7 +232,7 @@ var Tooltip = function Tooltip(props) {
  * Icon 
  */
 
-var Icon$1 = function Icon(_ref) {
+var Icon = 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$1, {
+  }, /*#__PURE__*/React__default["default"].createElement("header", null, checkedIcon ? /*#__PURE__*/React__default["default"].createElement(Icon, {
     className: "accordion-section-checker",
     icon: checkedIcon,
     clickable: true,
     action: onCheck
-  }) : '', icon ? /*#__PURE__*/React__default["default"].createElement(Icon$1, {
+  }) : '', icon ? /*#__PURE__*/React__default["default"].createElement(Icon, {
     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$1, {
+  }, toolbar) : '', /*#__PURE__*/React__default["default"].createElement(Icon, {
     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$1, {
+  }, icon ? /*#__PURE__*/React__default["default"].createElement(Icon, {
     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$1, {
+  }, icon ? /*#__PURE__*/React__default["default"].createElement(Icon, {
     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$1, {
+  }, icon ? /*#__PURE__*/React__default["default"].createElement(Icon, {
     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$1, {
+  var icon = props.icon ? /*#__PURE__*/React__default["default"].createElement(Icon, {
     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$1, {
+  }, icon ? /*#__PURE__*/React__default["default"].createElement(Icon, {
     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$1, {
+  }, /*#__PURE__*/React__default["default"].createElement(Icon, {
     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$1, {
+  }, icon ? /*#__PURE__*/React__default["default"].createElement(Icon, {
     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$1, {
+  }, /*#__PURE__*/React__default["default"].createElement(Icon, {
     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$1, {
+  }) : value2, editable && value2.length > 0 ? /*#__PURE__*/React__default["default"].createElement(Icon, {
     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$1, {
+  }, actions, canCollapse ? /*#__PURE__*/React__default["default"].createElement(Icon, {
     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$1, {
+  }, icon ? /*#__PURE__*/React__default["default"].createElement(Icon, {
     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$1, {
+  }), readOnly === false && canClear && value && value.length > 0 ? /*#__PURE__*/React__default["default"].createElement(Icon, {
     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$1, {
+  }), canClear && value && value.length > 0 ? /*#__PURE__*/React__default["default"].createElement(Icon, {
     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$1, {
+        }, option.icon ? /*#__PURE__*/React__default["default"].createElement(Icon, {
           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$1, {
+  }, props.label, /*#__PURE__*/React__default["default"].createElement(Icon, {
     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$1, {
+  })), !readOnly ? /*#__PURE__*/React__default["default"].createElement(Icon, {
     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$1, {
+  }), /*#__PURE__*/React__default["default"].createElement(Icon, {
     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$1, {
+  }, /*#__PURE__*/React__default["default"].createElement(Icon, {
     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$1, {
+  }), row.info ? /*#__PURE__*/React__default["default"].createElement("td", null, /*#__PURE__*/React__default["default"].createElement(Icon, {
     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$1, {
+          return /*#__PURE__*/React__default["default"].createElement(Icon, {
             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$1, {
+          return /*#__PURE__*/React__default["default"].createElement(Icon, {
             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$1, {
+  return /*#__PURE__*/React__default["default"].createElement(Icon, {
     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$1, {
+  return /*#__PURE__*/React__default["default"].createElement(Icon, {
     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$1, {
+  }, text), /*#__PURE__*/React__default["default"].createElement(Icon, {
     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$1, {
+  }, icon ? /*#__PURE__*/React__default["default"].createElement(Icon, {
     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$1, {
+  }, /*#__PURE__*/React__default["default"].createElement(Icon, {
     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$1, {
+  }, /*#__PURE__*/React__default["default"].createElement(Icon, {
     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$1, {
+  }, onClose ? /*#__PURE__*/React__default["default"].createElement(Icon, {
     icon: "close",
     clickable: true,
     action: onClose
-  }) : null, showDetails ? '' : /*#__PURE__*/React__default["default"].createElement(Icon$1, {
+  }) : null, showDetails ? '' : /*#__PURE__*/React__default["default"].createElement(Icon, {
     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$1, {
+  }, /*#__PURE__*/React__default["default"].createElement(Icon, {
     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$1, {
+  })), /*#__PURE__*/React__default["default"].createElement("main", null, info)), tools ? /*#__PURE__*/React__default["default"].createElement("footer", null, /*#__PURE__*/React__default["default"].createElement(Icon, {
     clickable: true,
     icon: "zoom_out"
-  }), /*#__PURE__*/React__default["default"].createElement(Icon$1, {
+  }), /*#__PURE__*/React__default["default"].createElement(Icon, {
     clickable: true,
     icon: "zoom_out_map"
-  }), /*#__PURE__*/React__default["default"].createElement(Icon$1, {
+  }), /*#__PURE__*/React__default["default"].createElement(Icon, {
     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$1, {
+  }, /*#__PURE__*/React__default["default"].createElement("main", null, title), /*#__PURE__*/React__default["default"].createElement("footer", null, /*#__PURE__*/React__default["default"].createElement(Icon, {
     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$1, {
+  }, /*#__PURE__*/React__default["default"].createElement("header", null, /*#__PURE__*/React__default["default"].createElement(Icon, {
     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$1, {
+  }, badge)), /*#__PURE__*/React__default["default"].createElement("main", null, children), /*#__PURE__*/React__default["default"].createElement("footer", null, /*#__PURE__*/React__default["default"].createElement(Icon, {
     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$1, {
+  }), /*#__PURE__*/React__default["default"].createElement(Icon, {
     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$1, {
+  }), /*#__PURE__*/React__default["default"].createElement(Icon, {
     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$1, {
+  }, /*#__PURE__*/React__default["default"].createElement(Icon, {
     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$1, {
+  }, icon ? /*#__PURE__*/React__default["default"].createElement(Icon, {
     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$1, {
+  }), /*#__PURE__*/React__default["default"].createElement(Icon, {
     icon: "close",
     clickable: true
-  })) : '', state === UPLOAD_STATES.SUCCESS ? /*#__PURE__*/React__default["default"].createElement("main", null, /*#__PURE__*/React__default["default"].createElement(Icon$1, {
+  })) : '', state === UPLOAD_STATES.SUCCESS ? /*#__PURE__*/React__default["default"].createElement("main", null, /*#__PURE__*/React__default["default"].createElement(Icon, {
     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$1, {
+  }, error), /*#__PURE__*/React__default["default"].createElement(Icon, {
     icon: "error"
   })) : ''));
 };
@@ -4280,7 +4280,7 @@ var SiteMenu = function SiteMenu(_ref6) {
         text: title,
         top: ".5rem",
         left: "2rem"
-      }, /*#__PURE__*/React__default["default"].createElement(Icon$1, {
+      }, /*#__PURE__*/React__default["default"].createElement(Icon, {
         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$1, {
+  })), /*#__PURE__*/React__default["default"].createElement("footer", null, /*#__PURE__*/React__default["default"].createElement(Icon, {
     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$1, {
+  }))), /*#__PURE__*/React__default["default"].createElement("nav", null, /*#__PURE__*/React__default["default"].createElement(Icon, {
     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$1, {
+  }, /*#__PURE__*/React__default["default"].createElement("header", null, canCollapse ? /*#__PURE__*/React__default["default"].createElement(Icon, {
     icon: "expand_more",
     size: "small",
     clickable: true,
     action: toggle
-  }) : null, icon ? /*#__PURE__*/React__default["default"].createElement(Icon$1, {
+  }) : null, icon ? /*#__PURE__*/React__default["default"].createElement(Icon, {
     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$1, {
+  }, menu) : null, onClose ? /*#__PURE__*/React__default["default"].createElement(Icon, {
     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$1, {
+  }, /*#__PURE__*/React__default["default"].createElement("header", null, title, /*#__PURE__*/React__default["default"].createElement("nav", null, /*#__PURE__*/React__default["default"].createElement(Icon, {
     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$1, {
+  })), /*#__PURE__*/React__default["default"].createElement("main", null, icon ? /*#__PURE__*/React__default["default"].createElement(Icon, {
     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$1, {
+  }, /*#__PURE__*/React__default["default"].createElement("span", null, /*#__PURE__*/React__default["default"].createElement(Icon, {
     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$1, {
+    }, done && /*#__PURE__*/React__default["default"].createElement(Icon, {
       icon: "check"
-    }), active && /*#__PURE__*/React__default["default"].createElement(Icon$1, {
+    }), active && /*#__PURE__*/React__default["default"].createElement(Icon, {
       icon: "play_arrow"
     })), /*#__PURE__*/React__default["default"].createElement("div", {
       className: "wizard-step-label"
@@ -5539,7 +5539,7 @@ var PasswordEditor = function PasswordEditor(props) {
     type: "password",
     value: value,
     readOnly: true
-  }), /*#__PURE__*/React__default["default"].createElement(Icon$1, {
+  }), /*#__PURE__*/React__default["default"].createElement(Icon, {
     icon: "edit",
     clickable: true,
     action: openDialog,
@@ -5750,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$1, {
+      actions: [/*#__PURE__*/React__default["default"].createElement(Icon, {
         size: "small",
         icon: "add",
         clickable: true,
@@ -6294,11 +6294,11 @@ var CollectionAdder = function CollectionAdder(_ref12) {
     label: ''
   });
   var rows = [{
-    actions: [/*#__PURE__*/React__default["default"].createElement(Icon$1, {
+    actions: [/*#__PURE__*/React__default["default"].createElement(Icon, {
       icon: "done",
       clickable: true,
       action: save
-    }), /*#__PURE__*/React__default["default"].createElement(Icon$1, {
+    }), /*#__PURE__*/React__default["default"].createElement(Icon, {
       icon: "close",
       clickable: true,
       action: toggle
@@ -6373,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$1, {
+    }, /*#__PURE__*/React__default["default"].createElement(Icon, {
       icon: "search_off"
     }), /*#__PURE__*/React__default["default"].createElement(Text, null, "No Result Found"));
     var groups = items.reduce(function (groups, item) {
@@ -6412,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$1, {
+            return _action.filter ? _action.filter(item) ? /*#__PURE__*/React__default["default"].createElement(Icon, {
               icon: _action.icon,
               clickable: true,
               size: "small",
               action: function action() {
                 return run(_action, item);
               }
-            }) : null : /*#__PURE__*/React__default["default"].createElement(Icon$1, {
+            }) : null : /*#__PURE__*/React__default["default"].createElement(Icon, {
               icon: _action.icon,
               clickable: true,
               size: "small",
@@ -6428,7 +6428,7 @@ var TableEditor$3 = function TableEditor(props) {
               }
             });
           }) : [];
-          if (canDelete) item.actions.push( /*#__PURE__*/React__default["default"].createElement(Icon$1, {
+          if (canDelete) item.actions.push( /*#__PURE__*/React__default["default"].createElement(Icon, {
             icon: "delete",
             size: "small",
             clickable: true,
@@ -6606,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$1, {
+  var icon = /*#__PURE__*/React__default["default"].createElement(Icon, {
     icon: iconName
   });
   return /*#__PURE__*/React__default["default"].createElement(Property, {
@@ -7210,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$1, {
+  }, showFilters ? /*#__PURE__*/React__default["default"].createElement(Icon, {
     icon: "expand_less",
     size: "small",
     clickable: true,
     action: toggleFilters
-  }) : /*#__PURE__*/React__default["default"].createElement(Icon$1, {
+  }) : /*#__PURE__*/React__default["default"].createElement(Icon, {
     icon: "expand_more",
     size: "small",
     clickable: true,
@@ -7242,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$1, {
+  }, /*#__PURE__*/React__default["default"].createElement(Icon, {
     icon: "clear_all",
     size: "small",
     clickable: true,
@@ -7636,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$1, {
+  }, /*#__PURE__*/React__default["default"].createElement(Icon, {
     icon: "close",
     clickable: true,
     action: clear
@@ -7645,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$1, {
+  }) : null)), /*#__PURE__*/React__default["default"].createElement(Icon, {
     icon: "refresh",
     clickable: true,
     action: onReload
@@ -8169,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$1, {
+  }, /*#__PURE__*/React__default["default"].createElement(Icon, {
     icon: "close",
     clickable: true,
     action: onClose
@@ -8295,10 +8295,10 @@ var TableQueries$2 = function TableQueries(props) {
       onClick: function onClick() {
         return select(query);
       }
-    }, /*#__PURE__*/React__default["default"].createElement(Icon$1, {
+    }, /*#__PURE__*/React__default["default"].createElement(Icon, {
       icon: "star",
       size: "small"
-    }), /*#__PURE__*/React__default["default"].createElement("label", null, query.name), /*#__PURE__*/React__default["default"].createElement(Icon$1, {
+    }), /*#__PURE__*/React__default["default"].createElement("label", null, query.name), /*#__PURE__*/React__default["default"].createElement(Icon, {
       icon: "close",
       clickable: true,
       size: "small",
@@ -8394,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$1, {
+  }, /*#__PURE__*/React__default["default"].createElement(Icon, {
     icon: "filter_list_off",
     size: "small",
     clickable: true,
     action: clear
-  }), onSave ? /*#__PURE__*/React__default["default"].createElement(Icon$1, {
+  }), onSave ? /*#__PURE__*/React__default["default"].createElement(Icon, {
     icon: "save",
     size: "small",
     clickable: true,
@@ -8535,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$1, {
+    }, /*#__PURE__*/React__default["default"].createElement(Icon, {
       icon: "search_off"
     }), /*#__PURE__*/React__default["default"].createElement(Text, null, "No Result Found"));
     var groups = items.reduce(function (groups, item) {
@@ -8574,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$1, {
+            return _action2.filter ? _action2.filter(item) ? /*#__PURE__*/React__default["default"].createElement(Icon, {
               icon: _action2.icon,
               clickable: true,
               size: "small",
               action: function action() {
                 return run(_action2, item);
               }
-            }) : null : /*#__PURE__*/React__default["default"].createElement(Icon$1, {
+            }) : null : /*#__PURE__*/React__default["default"].createElement(Icon, {
               icon: _action2.icon,
               clickable: true,
               size: "small",
@@ -8590,7 +8590,7 @@ var TableEditor$2 = function TableEditor(props) {
               }
             });
           }) : [];
-          if (canDelete) item.actions.push( /*#__PURE__*/React__default["default"].createElement(Icon$1, {
+          if (canDelete) item.actions.push( /*#__PURE__*/React__default["default"].createElement(Icon, {
             icon: "delete",
             size: "small",
             clickable: true,
@@ -9176,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$1, {
+  }, /*#__PURE__*/React__default["default"].createElement(Icon, {
     icon: "close",
     clickable: true,
     action: onClose
@@ -9300,10 +9300,10 @@ var TableQueries$1 = function TableQueries(props) {
       onClick: function onClick() {
         return select(query);
       }
-    }, /*#__PURE__*/React__default["default"].createElement(Icon$1, {
+    }, /*#__PURE__*/React__default["default"].createElement(Icon, {
       icon: "star",
       size: "small"
-    }), /*#__PURE__*/React__default["default"].createElement("label", null, query.name), /*#__PURE__*/React__default["default"].createElement(Icon$1, {
+    }), /*#__PURE__*/React__default["default"].createElement("label", null, query.name), /*#__PURE__*/React__default["default"].createElement(Icon, {
       icon: "close",
       clickable: true,
       size: "small",
@@ -9385,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$1, {
+  }, /*#__PURE__*/React__default["default"].createElement(Icon, {
     icon: "filter_list_off",
     size: "small",
     clickable: true,
     action: clear
-  }), onSave ? /*#__PURE__*/React__default["default"].createElement(Icon$1, {
+  }), onSave ? /*#__PURE__*/React__default["default"].createElement(Icon, {
     icon: "save",
     size: "small",
     clickable: true,
@@ -9613,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$1, {
+  }, /*#__PURE__*/React__default["default"].createElement(Icon, {
     icon: "search_off"
   }), /*#__PURE__*/React__default["default"].createElement(Text, null, "No Result Found"));
   var groups = items.reduce(function (groups, item) {
@@ -9626,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$1, {
+        return _action2.filter ? _action2.filter(item) ? /*#__PURE__*/React__default["default"].createElement(Icon, {
           icon: _action2.icon,
           clickable: true,
           size: "small",
           action: function action() {
             return run(_action2, item);
           }
-        }) : null : /*#__PURE__*/React__default["default"].createElement(Icon$1, {
+        }) : null : /*#__PURE__*/React__default["default"].createElement(Icon, {
           icon: _action2.icon,
           clickable: true,
           size: "small",
@@ -9642,7 +9642,7 @@ var TableEditor$1 = function TableEditor(props) {
           }
         });
       }) : [];
-      if (canDelete) item.actions.push( /*#__PURE__*/React__default["default"].createElement(Icon$1, {
+      if (canDelete) item.actions.push( /*#__PURE__*/React__default["default"].createElement(Icon, {
         icon: "delete",
         size: "small",
         clickable: true,
@@ -10306,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$1, {
+  }, /*#__PURE__*/React__default["default"].createElement(Icon, {
     icon: "close",
     clickable: true,
     action: onClose
@@ -10431,10 +10431,10 @@ var TableQueries = function TableQueries(props) {
       onClick: function onClick() {
         return select(query);
       }
-    }, /*#__PURE__*/React__default["default"].createElement(Icon$1, {
+    }, /*#__PURE__*/React__default["default"].createElement(Icon, {
       icon: "star",
       size: "small"
-    }), /*#__PURE__*/React__default["default"].createElement("label", null, query.name), /*#__PURE__*/React__default["default"].createElement(Icon$1, {
+    }), /*#__PURE__*/React__default["default"].createElement("label", null, query.name), /*#__PURE__*/React__default["default"].createElement(Icon, {
       icon: "close",
       clickable: true,
       size: "small",
@@ -10530,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$1, {
+  }, /*#__PURE__*/React__default["default"].createElement(Icon, {
     icon: "filter_list_off",
     size: "small",
     clickable: true,
     action: clear
-  }), onSave ? /*#__PURE__*/React__default["default"].createElement(Icon$1, {
+  }), onSave ? /*#__PURE__*/React__default["default"].createElement(Icon, {
     icon: "save",
     size: "small",
     clickable: true,
@@ -10672,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$1, {
+    }, /*#__PURE__*/React__default["default"].createElement(Icon, {
       icon: "search_off"
     }), /*#__PURE__*/React__default["default"].createElement(Text, null, "No Result Found"));
     var groups = items.reduce(function (groups, item) {
@@ -10708,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$1, {
+            return _action2.filter ? _action2.filter(item) ? /*#__PURE__*/React__default["default"].createElement(Icon, {
               icon: _action2.icon,
               clickable: true,
               size: "small",
               action: function action() {
                 return run(_action2, item);
               }
-            }) : null : /*#__PURE__*/React__default["default"].createElement(Icon$1, {
+            }) : null : /*#__PURE__*/React__default["default"].createElement(Icon, {
               icon: _action2.icon,
               clickable: true,
               size: "small",
@@ -10724,7 +10724,7 @@ var TableEditor = function TableEditor(props) {
               }
             });
           }) : [];
-          if (canDelete) item.actions.push( /*#__PURE__*/React__default["default"].createElement(Icon$1, {
+          if (canDelete) item.actions.push( /*#__PURE__*/React__default["default"].createElement(Icon, {
             icon: "delete",
             size: "small",
             clickable: true,
@@ -11658,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$1, {
+  }), /*#__PURE__*/React__default["default"].createElement(Icon, {
     icon: toggleIcon,
     clickable: true,
     action: toggle
@@ -11760,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$1, {
+  }, /*#__PURE__*/React__default["default"].createElement(Icon, {
     icon: "search",
     size: "small"
   }), /*#__PURE__*/React__default["default"].createElement(TextField, {
@@ -11870,7 +11870,7 @@ exports.FilesGrid = FilesGrid;
 exports.Form = Form;
 exports.HTTPClient = HTTPClient;
 exports.Header = Header;
-exports.Icon = Icon$1;
+exports.Icon = Icon;
 exports.ImageViewer = ImageViewer;
 exports.Kanban = Kanban;
 exports.KanbanCard = KanbanCard;