ywana-core8 0.0.135 → 0.0.139

package/dist/index.cjs

@@ -924,7 +924,9 @@ var DropDown = function DropDown(props) {
       _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],
@@ -934,6 +936,10 @@ var DropDown = function DropDown(props) {
       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) {
@@ -943,6 +949,16 @@ var DropDown = function DropDown(props) {
     }
   }, [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({
@@ -965,11 +981,20 @@ var DropDown = function DropDown(props) {
     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,
@@ -977,12 +1002,7 @@ var DropDown = function DropDown(props) {
     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) {
@@ -2945,7 +2965,8 @@ var StringEditor = function StringEditor(_ref6) {
     value: value,
     onChange: change,
     options: buildOptions(),
-    readOnly: !editable
+    readOnly: !editable,
+    canFilter: true
   }) : /*#__PURE__*/React__default["default"].createElement(TextField, {
     outlined: outlined,
     id: id,
@@ -4273,7 +4294,6 @@ var TableSelector = function TableSelector(props) {
   var rows = all.filter(function (item) {
     return checked.has(item.id);
   });
-  console.log(count, rows);
   var table = {
     columns: [{
       id: "idMatricula",
@@ -4281,11 +4301,22 @@ var TableSelector = function TableSelector(props) {
     }],
     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
@@ -4486,20 +4517,20 @@ 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 (_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);
               }
             });
           }) : [];