ywana-core8 0.0.901 → 0.0.903

package/dist/index.cjs

@@ -442,40 +442,45 @@ var Button = function Button(_ref) {
     action: click
   }) : null, /*#__PURE__*/React__default["default"].createElement(Text, null, label));
 };
+
+/**
+ * Action Button
+ */
 var ActionButton = function ActionButton(props) {
-  var icon = props.icon,
-    _props$state = props.state,
-    state = _props$state === void 0 ? "normal" : _props$state,
-    action = props.action,
+  var execute = function execute() {
+    try {
+      var _temp = function () {
+        if (states[_state]) {
+          return Promise.resolve(states[_state].action()).then(function (newState) {
+            if (newState) setState(newState);
+          });
+        }
+      }();
+      return Promise.resolve(_temp && _temp.then ? _temp.then(function () {}) : void 0);
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  };
+  var states = props.states,
+    state = props.state,
     className = props.className;
-  var _useState = React.useState("normal"),
+  var _useState = React.useState(),
     _state = _useState[0],
     setState = _useState[1];
   React.useEffect(function () {
     setState(state);
   }, [state]);
-  function activate() {
-    setState("running");
-    if (action) action();
-  }
-  var actionIcon = icon;
-  switch (_state) {
-    case "normal":
-      actionIcon = icon;
-      break;
-    case "running":
-      actionIcon = "rotate_right";
-      break;
-    case "success":
-      actionIcon = "task_alt";
-      break;
-    case "error":
-      actionIcon = "error";
-      break;
-  }
+  React.useEffect(function () {
+    if (states[_state] && states[_state].autoexec) execute();
+  }, [_state]);
+  if (!_state) return null;
+  var _states$_state = states[_state],
+    icon = _states$_state.icon,
+    label = _states$_state.label;
   return /*#__PURE__*/React__default["default"].createElement(Button, _extends({}, props, {
-    icon: actionIcon,
-    action: activate,
+    icon: icon,
+    label: label,
+    action: execute,
     className: className + " action-btn " + _state
   }));
 };
@@ -4362,7 +4367,9 @@ var FileExplorer = function FileExplorer(props) {
     defaultView = _props$defaultView === void 0 ? "grid" : _props$defaultView,
     defaultFolder = props.defaultFolder,
     _props$filterableColu = props.filterableColumns,
-    filterableColumns = _props$filterableColu === void 0 ? false : _props$filterableColu;
+    filterableColumns = _props$filterableColu === void 0 ? false : _props$filterableColu,
+    _props$searchBy = props.searchBy,
+    searchBy = _props$searchBy === void 0 ? [] : _props$searchBy;
   var _useState = React.useState(),
     selectedFolder = _useState[0],
     setSelectedFolder = _useState[1];
@@ -4391,7 +4398,11 @@ var FileExplorer = function FileExplorer(props) {
     setSearch(value);
   }
   var filteredFiles = search ? files.filter(function (file) {
-    return file.title.toLowerCase().includes(search.toLowerCase());
+    var serchByValues = searchBy.map(function (key) {
+      return file[key];
+    });
+    var searchByString = serchByValues.join(' ');
+    return searchByString.toLowerCase().includes(search.toLowerCase());
   }) : files;
   var selectedFiles = filteredFiles.filter(function (file) {
     return file.folder === selectedFolder;
@@ -6324,9 +6335,6 @@ var TableEditor$3 = function TableEditor(props) {
 
 /**
  * Content Viewer
- * 
- * @param {*} props 
- * @returns 
  */
 var ContentViewer = function ContentViewer(props) {
   var content = props.content;
@@ -6355,9 +6363,6 @@ var ContentViewer = function ContentViewer(props) {
 
 /**
  * Field Viewer
- * 
- * @param {} props 
- * @returns 
  */
 var FieldViewer = function FieldViewer(props) {
   var field = props.field,