@mw-kit/mw-ui 1.7.82 → 1.7.85

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

@@ -3,8 +3,8 @@ export interface SelectProps extends CommonProps {
     type: 'select';
     name?: string;
     setValue: (value: string, option: Option['data']) => void;
-    onClear?: (value: string) => void;
-    value: string;
+    onClear?: (value: '') => void;
+    value: string | Pick<Option, 'value' | 'data' | 'label'>;
 }
 export declare type ContextInterface = CommonContext<SelectProps>;
 export * from '../interfaces';

package/dist/components/Input/components/Select/hooks/SelectMultiple/components/Label/index.d.ts

@@ -3,5 +3,6 @@ import { SelectOptionLabelProps, Option } from '../../interfaces';
 declare const Label: (props: {
     option: SelectOptionLabelProps;
     label: Option['label'];
+    value: Pick<Option, 'data' | 'value'>[];
 }) => JSX.Element;
 export default Label;

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

@@ -1,12 +1,12 @@
 /// <reference types="react" />
-import { CommonContext, CommonProps } from '../interfaces';
+import { CommonContext, CommonProps, Option } from '../interfaces';
 export interface SelectProps extends CommonProps {
     type: 'select-multiple';
-    setValue: (value: string[]) => void;
-    value: string[];
+    setValue: (value: string[], data: Option['data'][]) => void;
+    value: (Pick<Option, 'value' | 'data'> | string)[];
     selectAll?: boolean;
 }
 export interface ContextInterface extends CommonContext<SelectProps> {
-    checked: [string[], React.Dispatch<React.SetStateAction<string[]>>];
+    checked: [Pick<Option, 'value' | 'data'>[], React.Dispatch<React.SetStateAction<Pick<Option, 'value' | 'data'>[]>>];
 }
 export * from '../interfaces';

package/dist/index.js

@@ -14637,16 +14637,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
     });
 
@@ -14661,13 +14661,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
@@ -14701,11 +14701,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,
@@ -14748,12 +14748,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',
@@ -14823,7 +14829,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
+        };
       });
     });
   };
@@ -14861,7 +14870,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,
@@ -14869,9 +14878,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;
       });
     },
@@ -14885,14 +14904,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) {
@@ -14900,7 +14918,8 @@ var getOptions$1 = function getOptions(options) {
           option: _extends({}, data, {
             disabled: option.disabled
           }),
-          label: _label
+          label: _label,
+          value: value
         });
       },
       onClick: onClick,
@@ -14918,20 +14937,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 = React.useState([]),
       options = _useState[0],
       setOptions = _useState[1];
 
-  var _useState2 = React.useState([].concat(props.value)),
+  var initial = parseValue(props.value);
+
+  var _useState2 = React.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 = {
@@ -14958,7 +14989,7 @@ var useSelectMultiple = function useSelectMultiple(props) {
       }, children);
     },
     onClear: function onClear() {
-      return props.setValue([]);
+      return props.setValue([], []);
     }
   };
   return returnData;
@@ -15020,7 +15051,7 @@ var Select = React__default.forwardRef(function (props, ref) {
     setPage(1);
   };
 
-  var inputProps = filterObject(props, ['type', 'onScrollEnd', 'position', 'value', 'onClear']);
+  var inputProps = filterObject(props, ['type', 'onScrollEnd', 'position', 'value', 'onClear', 'placeholder']);
 
   var _onScrollEnd = props.onScrollEnd || function () {};
 
@@ -15091,6 +15122,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],
@@ -15117,9 +15149,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,