ywana-core8 0.0.901 → 0.0.903

package/dist/index.umd.js

@@ -435,40 +435,45 @@
         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
       }));
     };
@@ -4355,7 +4360,9 @@
         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];
@@ -4384,7 +4391,11 @@
         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;
@@ -6317,9 +6328,6 @@
 
     /**
      * Content Viewer
-     * 
-     * @param {*} props 
-     * @returns 
      */
     var ContentViewer = function ContentViewer(props) {
       var content = props.content;
@@ -6348,9 +6356,6 @@
 
     /**
      * Field Viewer
-     * 
-     * @param {} props 
-     * @returns 
      */
     var FieldViewer = function FieldViewer(props) {
       var field = props.field,