@mw-kit/mw-ui 1.7.16 → 1.7.18

package/dist/components/Input/components/Select/hooks/interfaces.d.ts

@@ -11,7 +11,7 @@ export interface CommonOption {
     value: string;
     data?: any;
     disabled?: boolean;
-    disabledText?: string;
+    rules?: MenuOption['rules'];
 }
 export interface CommonProps extends Omit<InputProps, 'type' | 'mask' | 'icon' | 'setValue' | 'name' | 'value' | 'onChange'> {
     onScrollEnd?: () => Promise<void>;

package/dist/components/Menu/interfaces.d.ts

@@ -1,12 +1,9 @@
 import React from 'react';
+import { PopupProps } from 'semantic-ui-react';
 import { ElementOrString, SpacingOrZero, Spacings } from '../../interfaces';
 import { AbsoluteContainerProps } from '../AbsoluteContainer/interfaces';
-interface Rule {
-    /** string de mensagem que sera exibida caso a validacao falhe */
-    message?: ElementOrString;
-    /** funcao que fara a validacao da regra, deve retornar true caso passe na validacao, e false caso contrario */
-    rule: (index: number) => boolean;
-}
+/** funcao que fara a validacao da regra, deve retornar true caso passe na validacao, e false ou o conteudo do popup caso contrario */
+declare type Rule = (index: number, data: Option['data'], label: Exclude<Option['label'], string>) => boolean | Omit<PopupProps, 'trigger'>;
 export interface Option {
     label: string | {
         text: string;
@@ -18,6 +15,7 @@ export interface Option {
     onClick?: (index: number, option: Option, event: React.MouseEvent) => void;
     rules?: Rule[];
     data?: any;
+    disabled?: boolean;
 }
 export interface CommonProps extends Omit<AbsoluteContainerProps, 'children'> {
     bordered?: boolean;

package/dist/index.js

@@ -525,7 +525,7 @@ var Button = styled__default.button(_templateObject$1 || (_templateObject$1 = _t
     return styled.css(_templateObject4$1 || (_templateObject4$1 = _taggedTemplateLiteralLoose(["\n          opacity: 0.3;\n          pointer-events: none;\n        "])));
   }
 
-  return styled.css(_templateObject5$1 || (_templateObject5$1 = _taggedTemplateLiteralLoose(["\n        background-color: ", ";\n        color: ", ";\n        pointer-events: none;\n      "])), theme.getColor('greyishBlue', 10), loading ? 'transparent' : theme.getColor('greyishBlue', 30));
+  return styled.css(_templateObject5$1 || (_templateObject5$1 = _taggedTemplateLiteralLoose(["\n        background-color: ", ";\n        border-color: ", ";\n        color: ", ";\n        pointer-events: none;\n      "])), theme.getColor('greyishBlue', 10), theme.getColor('greyishBlue', 10), loading ? 'transparent' : theme.getColor('greyishBlue', 30));
 }, function (_ref7) {
   var loading = _ref7.loading,
       disabled = _ref7.disabled;
@@ -12413,34 +12413,59 @@ var MenuComponent = function MenuComponent(props, ref) {
     } : option.label;
     var closeMenu = keepOpen ? function () {} : close;
     var onClick;
-    var disabled;
-    var rules = option.rules || [];
-    var rule = rules.find(function (rule) {
-      return !rule.rule(index);
-    });
+    var disabled = option.disabled;
 
-    if (rule === undefined) {
-      var _onClick = option.onClick || function () {};
+    var OptionContent = function OptionContent(_ref) {
+      var children = _ref.children;
+      return children;
+    };
 
-      onClick = function onClick(e) {
-        _onClick(index, option, e);
+    if (!disabled) {
+      var rules = option.rules || [];
+      var rule = rules.map(function (rule) {
+        return rule(index, option.data, label);
+      }).find(function (result) {
+        return result;
+      });
 
-        closeMenu();
-      };
-    } else {
-      disabled = true;
+      if (rule === true || rule === undefined) {
+        var _onClick = option.onClick || function () {};
+
+        onClick = function onClick(e) {
+          _onClick(index, option, e);
+
+          closeMenu();
+        };
+      } else {
+        disabled = true;
+
+        if (rule !== false) {
+          OptionContent = function OptionContent(_ref2) {
+            var children = _ref2.children;
+            return React__default.createElement(semanticUiReact.Popup, Object.assign({
+              on: 'click',
+              position: 'top left',
+              inverted: true,
+              wide: true
+            }, rule, {
+              trigger: React__default.createElement("div", null, children)
+            }));
+          };
+        }
+      }
     }
 
+    OptionContent.displayName = 'OptionContent';
     return React__default.createElement(React__default.Fragment, {
       key: index
-    }, React__default.createElement(Option, {
+    }, React__default.createElement(OptionContent, null, React__default.createElement(Option, {
       onClick: onClick,
       disabled: disabled
     }, isString(label.element) ? React__default.createElement(EllipsisContainer$1, null, label.element) : label.element, caret ? React__default.createElement(Icon, {
       type: 'semantic',
       icon: 'caret right',
       width: '14px'
-    }) : null), delimiter && React__default.createElement(Delimiter, null));
+    }) : null)), delimiter && React__default.createElement(Delimiter, null));
   })), children));
 };
 
@@ -13163,11 +13188,9 @@ var MonthPicker = function MonthPicker(props) {
           setValue(year, index);
           close();
         },
-        rules: [{
-          rule: function rule() {
-            var disabled = min !== undefined && (min.getFullYear() > year || min.getFullYear() === year && min.getMonth() > index) || max !== undefined && (max.getFullYear() < year || max.getFullYear() === year && max.getMonth() < index);
-            return !disabled;
-          }
+        rules: [function () {
+          var disabled = min !== undefined && (min.getFullYear() > year || min.getFullYear() === year && min.getMonth() > index) || max !== undefined && (max.getFullYear() < year || max.getFullYear() === year && max.getMonth() < index);
+          return !disabled;
         }]
       };
     })
@@ -14388,16 +14411,17 @@ var getOptions = function getOptions(props, options) {
       element: option.label
     } : option.label;
     var value = option.value,
-        onClick = option.onClick,
-        data = option.data;
+        onClick = option.onClick;
     return {
       label: label,
-      data: data,
       onClick: onClick ? function (index, _option, event) {
         onClick(index, option, event);
       } : function () {
         props.setValue(value, option);
-      }
+      },
+      data: option.data,
+      disabled: option.disabled,
+      rules: option.rules
     };
   });
 };
@@ -14546,14 +14570,7 @@ var getOptions$1 = function getOptions(options, checked, setChecked) {
           checked: checked.findIndex(function (e) {
             return e.value === option.value;
           }) !== -1,
-          label: option.disabled && option.disabledText ? React__default.createElement(semanticUiReact.Popup, {
-            on: 'click',
-            trigger: React__default.createElement("div", null, label.element),
-            content: option.disabledText,
-            position: 'left center',
-            inverted: true,
-            wide: true
-          }) : label.element,
+          label: label.element,
           disabled: option.disabled,
           onChange: function onChange(event) {
             var isChecked = event.target.checked;
@@ -14573,6 +14590,9 @@ var getOptions$1 = function getOptions(options, checked, setChecked) {
           }
         })
       },
+      data: option.data,
+      disabled: option.disabled,
+      rules: option.rules,
       keepOpen: true
     };
   });