ywana-core8 0.0.135 → 0.0.139

package/dist/index.umd.js

@@ -921,7 +921,9 @@
         _props$options = props.options,
         options = _props$options === void 0 ? [] : _props$options,
         value = props.value,
-        onChange = props.onChange;
+        onChange = props.onChange,
+        _props$canFilter = props.canFilter,
+        canFilter = _props$canFilter === void 0 ? false : _props$canFilter;
 
     var _useState = React.useState(false),
         open = _useState[0],
@@ -931,6 +933,10 @@
         label = _useState2[0],
         setLabel = _useState2[1];
 
+    var _useState3 = React.useState(),
+        filter = _useState3[0],
+        setFilter = _useState3[1];
+
     React.useEffect(function () {
       if (Array.isArray(options)) {
         var option = options.find(function (option) {
@@ -940,6 +946,16 @@
       }
     }, [value]);
 
+    function change(id, value) {
+      console.log('dropdown change > canFilter:', canFilter, id, value);
+
+      if (canFilter) {
+        setFilter(value);
+      } else {
+        if (onChange) onChange(id, value);
+      }
+    }
+
     function toggle() {
       if (site) {
         site.changeFocus({
@@ -962,11 +978,20 @@
       setOpen(false);
     }
 
+    var items = open == true && Array.isArray(options) ? options.filter(function (option) {
+      return canFilter === false || filter.toUpperCase().indexOf(option.label.toUpperCase()) >= 0;
+    }).map(function (option) {
+      return /*#__PURE__*/React__default["default"].createElement("li", {
+        key: option.value,
+        value: option.value
+      }, option.label);
+    }) : null;
     return /*#__PURE__*/React__default["default"].createElement("div", {
       className: "dropdown"
     }, /*#__PURE__*/React__default["default"].createElement(TextField, _extends({}, props, {
       onClick: toggle,
-      value: label
+      value: label,
+      onChange: change
     })), /*#__PURE__*/React__default["default"].createElement(Icon, {
       icon: "expand_more",
       clickable: true,
@@ -974,12 +999,7 @@
       action: toggle
     }), open == true ? /*#__PURE__*/React__default["default"].createElement("menu", null, /*#__PURE__*/React__default["default"].createElement("ul", {
       onClick: select
-    }, Array.isArray(options) ? options.map(function (option) {
-      return /*#__PURE__*/React__default["default"].createElement("li", {
-        key: option.value,
-        value: option.value
-      }, option.label);
-    }) : null)) : null);
+    }, items)) : null);
   };
 
   var isFunction$1 = function isFunction(value) {
@@ -2942,7 +2962,8 @@
       value: value,
       onChange: change,
       options: buildOptions(),
-      readOnly: !editable
+      readOnly: !editable,
+      canFilter: true
     }) : /*#__PURE__*/React__default["default"].createElement(TextField, {
       outlined: outlined,
       id: id,
@@ -4270,7 +4291,6 @@
     var rows = all.filter(function (item) {
       return checked.has(item.id);
     });
-    console.log(count, rows);
     var table = {
       columns: [{
         id: "idMatricula",
@@ -4278,11 +4298,22 @@
       }],
       rows: rows || []
     };
+    var buttons = actions.map(function (_ref) {
+      var label = _ref.label,
+          _action = _ref.action;
+      return /*#__PURE__*/React__default["default"].createElement(Button$1, {
+        label: label,
+        raised: true,
+        action: function action() {
+          return _action(rows);
+        }
+      });
+    });
     return /*#__PURE__*/React__default["default"].createElement("div", {
       className: "table-selector"
     }, /*#__PURE__*/React__default["default"].createElement(Header, {
       title: "Selection"
-    }, count), /*#__PURE__*/React__default["default"].createElement("main", null, /*#__PURE__*/React__default["default"].createElement(DataTable, table)), /*#__PURE__*/React__default["default"].createElement("footer", null, actions));
+    }, count), /*#__PURE__*/React__default["default"].createElement("main", null, /*#__PURE__*/React__default["default"].createElement(DataTable, table)), /*#__PURE__*/React__default["default"].createElement("footer", null, buttons));
   };
   /**
    * Table Queries
@@ -4483,20 +4514,20 @@
           }),
           rows: groups[groupName].map(function (item) {
             item.checked = pageContext.checked ? pageContext.checked.has(item.id) : false;
-            item.actions = actions ? actions.map(function (_action) {
-              return _action.filter ? _action.filter(item) ? /*#__PURE__*/React__default["default"].createElement(Icon, {
-                icon: _action.icon,
+            item.actions = actions ? actions.map(function (_action2) {
+              return _action2.filter ? _action2.filter(item) ? /*#__PURE__*/React__default["default"].createElement(Icon, {
+                icon: _action2.icon,
                 clickable: true,
                 size: "small",
                 action: function action() {
-                  return run(_action, item);
+                  return run(_action2, item);
                 }
               }) : null : /*#__PURE__*/React__default["default"].createElement(Icon, {
-                icon: _action.icon,
+                icon: _action2.icon,
                 clickable: true,
                 size: "small",
                 action: function action() {
-                  return run(_action, item);
+                  return run(_action2, item);
                 }
               });
             }) : [];