@salesgenterp/ui-components 0.4.323 → 0.4.324

package/dist/index.js

@@ -33,6 +33,7 @@ var tfi = require('react-icons/tfi');
 var go = require('react-icons/go');
 var ri = require('react-icons/ri');
 var bi = require('react-icons/bi');
+var Checkbox = _interopDefault(require('@mui/material/Checkbox'));
 var FormControl = _interopDefault(require('@mui/material/FormControl'));
 var InputLabel = _interopDefault(require('@mui/material/InputLabel'));
 var MenuItem = _interopDefault(require('@mui/material/MenuItem'));
@@ -49,7 +50,6 @@ var reactSpinners = require('react-spinners');
 var Box = _interopDefault(require('@mui/material/Box'));
 var TableSortLabel = _interopDefault(require('@mui/material/TableSortLabel'));
 var hi2 = require('react-icons/hi2');
-var Checkbox = _interopDefault(require('@mui/material/Checkbox'));
 var InputBase = _interopDefault(require('@mui/material/InputBase'));
 var reactSelect = require('react-select');
 var ReactAsyncSelect = _interopDefault(require('react-select/async'));
@@ -3567,7 +3567,7 @@ var SideMenu = function SideMenu(props) {
 };
 
 var _templateObject$g, _templateObject2$8;
-var _excluded$3 = ["label", "onChange", "defaultValue", "options", "valueKey", "labelKey", "addNone", "fontColor"];
+var _excluded$3 = ["label", "onChange", "defaultValue", "options", "valueKey", "labelKey", "addNone", "fontColor", "maxWidth", "checkAllOption", "multiple"];
 function MuiSelect(_ref) {
   var label = _ref.label,
     onChange = _ref.onChange,
@@ -3579,18 +3579,34 @@ function MuiSelect(_ref) {
     labelKey = _ref$labelKey === void 0 ? 'name' : _ref$labelKey,
     addNone = _ref.addNone,
     fontColor = _ref.fontColor,
+    maxWidth = _ref.maxWidth,
+    checkAllOption = _ref.checkAllOption,
+    multiple = _ref.multiple,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$3);
   var _React$useState = React.useState(defaultValue),
     value = _React$useState[0],
     setValue = _React$useState[1];
-  var handleChange = function handleChange(e) {
-    setValue(e.target.value);
-    onChange && onChange(e.target.value);
+  var checkAll = (options === null || options === void 0 ? void 0 : options.length) === (value === null || value === void 0 ? void 0 : value.length);
+  var indeterminate = (value === null || value === void 0 ? void 0 : value.length) > 0 && (value === null || value === void 0 ? void 0 : value.length) < (options === null || options === void 0 ? void 0 : options.length);
+  var handleChange = function handleChange(event) {
+    var value = event.target.value;
+    if (checkAllOption && value[(value === null || value === void 0 ? void 0 : value.length) - 1] === 'all') {
+      var updateValue = (value === null || value === void 0 ? void 0 : value.length) - 1 === (options === null || options === void 0 ? void 0 : options.length) ? [] : options === null || options === void 0 ? void 0 : options.map(function (value) {
+        return valueKey ? value[valueKey] : value;
+      });
+      setValue(updateValue);
+      onChange && onChange(updateValue);
+      return;
+    } else {
+      setValue(value);
+      onChange && onChange(value);
+    }
   };
   return /*#__PURE__*/React.createElement(FormControl, {
     sx: {
       m: 1,
-      minWidth: 160
+      minWidth: 160,
+      maxWidth: maxWidth
     },
     size: "small"
   }, /*#__PURE__*/React.createElement(InputContainer$1, {
@@ -3602,20 +3618,28 @@ function MuiSelect(_ref) {
     value: value,
     label: label,
     onChange: handleChange,
-    fontColor: fontColor
+    fontColor: fontColor,
+    multiple: multiple
   }, props), addNone && /*#__PURE__*/React.createElement(MenuItem, {
     value: ""
-  }, /*#__PURE__*/React.createElement("em", null, "None")), options === null || options === void 0 ? void 0 : options.map(function (data) {
+  }, /*#__PURE__*/React.createElement("em", null, "None")), checkAllOption && multiple && /*#__PURE__*/React.createElement(MenuItem, {
+    value: 'all'
+  }, /*#__PURE__*/React.createElement(Checkbox, {
+    checked: checkAll,
+    indeterminate: indeterminate
+  }), "All"), options === null || options === void 0 ? void 0 : options.map(function (data) {
     return /*#__PURE__*/React.createElement(MenuItem, {
       value: valueKey ? data[valueKey] : data,
       disabled: data === null || data === void 0 ? void 0 : data.disabled
-    }, getLabelValue({
+    }, checkAllOption && multiple && /*#__PURE__*/React.createElement(Checkbox, {
+      checked: value.indexOf(valueKey ? data[valueKey] : data) > -1
+    }), getLabelValue({
       labelKey: labelKey,
       option: data
     }));
   })));
 }
-var SelectContainer = styled__default(Select$1)(_templateObject$g || (_templateObject$g = _taggedTemplateLiteralLoose(["\n  color: ", " !important;\n  svg,\n  input {\n    color: ", " !important;\n  }\n  fieldset {\n    border-color: ", " !important;\n  }\n"])), function (props) {
+var SelectContainer = styled__default(Select$1)(_templateObject$g || (_templateObject$g = _taggedTemplateLiteralLoose(["\n  color: ", " !important;\n  svg,\n  input {\n    color: ", " !important;\n  }\n  fieldset {\n    border-color: ", " !important;\n  }\n  .MuiCheckbox-root {\n    padding: 0;\n  }\n"])), function (props) {
   return props.fontColor;
 }, function (props) {
   return props.fontColor;
@@ -3822,7 +3846,9 @@ var Statement = function Statement(_ref) {
       labelKey: "${firstName} ${lastName} (${company})",
       multiple: true,
       fontColor: fontColor,
-      primaryColor: primaryColor
+      primaryColor: primaryColor,
+      maxWidth: 300,
+      checkAllOption: true
     })), /*#__PURE__*/React__default.createElement(material.Grid, {
       item: true
     }, /*#__PURE__*/React__default.createElement(DateRangePicker, {