@mw-kit/mw-ui 1.7.82 → 1.7.84

package/dist/index.modern.js

@@ -14634,16 +14634,16 @@ var Header$1 = function Header() {
   }));
 };
 
-var getOptions = function getOptions(props, options) {
+var getOptions = function getOptions(setValue, options, selected) {
   return options.map(function (option) {
     var value = option.value,
         onClick = option.onClick,
         rules = option.rules,
         disabled = option.disabled;
-    var selected = option.value === props.value;
+    var isSelected = option.value === (selected === null || selected === void 0 ? void 0 : selected.value);
 
     var data = _extends({}, option.data, {
-      selected: selected,
+      selected: isSelected,
       value: value
     });
 
@@ -14658,13 +14658,13 @@ var getOptions = function getOptions(props, options) {
         }));
       },
       onClick: onClick || function () {
-        props.setValue(selected ? '' : value, option.data);
+        setValue(isSelected ? '' : value, option.data);
       },
       disabled: disabled,
       rules: rules,
       border: {
         left: {
-          color: selected ? 'blue' : 'transparent'
+          color: isSelected ? 'blue' : 'transparent'
         }
       },
       data: data
@@ -14698,11 +14698,11 @@ var useSelect = function useSelect(props) {
       options = _useState[0],
       setOptions = _useState[1];
 
-  var parsedOptions = getOptions(props, options);
+  var selectedOption = typeof props.value === 'string' ? getSelected(props.value, options) : props.value;
+  var parsedOptions = getOptions(props.setValue, options, selectedOption);
 
   var onReset = function onReset() {};
 
-  var selectedOption = getSelected(props.value, options);
   var inputContent = selectedOption ? getInputContent(props, selectedOption) : props.value;
   var parsed = {
     parsedOptions: parsedOptions,
@@ -14745,12 +14745,18 @@ var Footer$1 = function Footer() {
       setOpen = context.setOpen;
 
   var onClick = function onClick() {
-    setValue([].concat(checked));
+    var _checked$reduce = checked.reduce(function (r, e) {
+      return [[].concat(r[0], [e.value]), [].concat(r[1], [e.data])];
+    }, [[], []]),
+        value = _checked$reduce[0],
+        data = _checked$reduce[1];
+
+    setValue(value, data);
     setOpen(false);
   };
 
   var isDirty = checked.length !== value.length || checked.some(function (e) {
-    return !value.includes(e);
+    return !value.includes(e.value);
   });
   return React__default.createElement(Button$1, {
     type: 'button',
@@ -14820,7 +14826,10 @@ var Header$2 = function Header() {
   var onClick = function onClick() {
     setChecked(function (prev) {
       return prev.length === options.length ? [] : options.map(function (o) {
-        return o.value;
+        return {
+          value: o.value,
+          data: o.data
+        };
       });
     });
   };
@@ -14858,7 +14867,7 @@ var Label$2 = function Label(props) {
   return React__default.createElement(Checkbox, {
     type: 'checkbox',
     checked: checked.findIndex(function (e) {
-      return e === value;
+      return e.value === value;
     }) !== -1,
     label: typeof LabelComponent !== 'function' ? LabelComponent : React__default.createElement(LabelComponent, Object.assign({}, props.option)),
     disabled: disabled,
@@ -14866,9 +14875,19 @@ var Label$2 = function Label(props) {
       var isChecked = event.target.checked;
       setChecked(function (prev) {
         var newState = prev.filter(function (v) {
-          return v !== value;
+          return v.value !== value;
         });
-        if (isChecked) newState.push(value);
+
+        if (isChecked) {
+          var e = props.value.find(function (e) {
+            return e.value === value;
+          });
+          newState.push(e || {
+            data: props.option.data,
+            value: value
+          });
+        }
+
         return newState;
       });
     },
@@ -14882,14 +14901,13 @@ var Label$2 = function Label(props) {
   });
 };
 
-var getOptions$1 = function getOptions(options) {
+var getOptions$1 = function getOptions(options, value) {
   return options.map(function (option) {
     var _label = option.label,
-        value = option.value,
         onClick = option.onClick;
     var data = {
       data: option.data,
-      value: value
+      value: option.value
     };
     var parsed = {
       label: function label(option) {
@@ -14897,7 +14915,8 @@ var getOptions$1 = function getOptions(options) {
           option: _extends({}, data, {
             disabled: option.disabled
           }),
-          label: _label
+          label: _label,
+          value: value
         });
       },
       onClick: onClick,
@@ -14915,20 +14934,32 @@ var getInputContent$1 = function getInputContent(value) {
   return value.length > 1 ? "H\xE1 " + value.length + " sele\xE7\xF5es" : "H\xE1 " + value.length + " sele\xE7\xE3o";
 };
 
+var parseValue = function parseValue(value) {
+  var parsed = value.map(function (value) {
+    return typeof value === 'string' ? {
+      value: value,
+      data: {}
+    } : value;
+  });
+  return parsed;
+};
+
 var useSelectMultiple = function useSelectMultiple(props) {
   var _useState = useState([]),
       options = _useState[0],
       setOptions = _useState[1];
 
-  var _useState2 = useState([].concat(props.value)),
+  var initial = parseValue(props.value);
+
+  var _useState2 = useState([].concat(initial)),
       checked = _useState2[0],
       setChecked = _useState2[1];
 
-  var parsedOptions = getOptions$1(options);
+  var parsedOptions = getOptions$1(options, initial);
   var inputContent = getInputContent$1(props.value);
 
   var onReset = function onReset() {
-    setChecked([].concat(props.value));
+    setChecked([].concat(initial));
   };
 
   var returnData = {
@@ -14955,7 +14986,7 @@ var useSelectMultiple = function useSelectMultiple(props) {
       }, children);
     },
     onClear: function onClear() {
-      return props.setValue([]);
+      return props.setValue([], []);
     }
   };
   return returnData;
@@ -15088,6 +15119,7 @@ var Select = React__default.forwardRef(function (props, ref) {
     });
   };
 
+  var isEmpty = (typeof props.value === 'string' || Array.isArray(props.value)) && props.value.length === 0;
   return getContext({
     setOpen: setOpen,
     search: [search, setSearch],
@@ -15114,9 +15146,12 @@ var Select = React__default.forwardRef(function (props, ref) {
       },
       onClick: onClick
     },
-    ref: ref,
-    clearable: props.value.length > 0 ? onClear : undefined,
-    placeholder: props.value.length === 0 ? props.placeholder : undefined,
+    ref: ref
+  }, isEmpty ? {
+    placeholder: props.placeholder
+  } : {
+    clearable: onClear
+  }, {
     children: loading ? '' : inputContent
   })), React__default.createElement(Menu, Object.assign({}, menuProps, {
     open: open,