@mailstep/design-system 0.8.8-beta.1 → 0.8.8-beta.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mailstep/design-system",
-  "version": "0.8.8-beta.1",
+  "version": "0.8.8-beta.2",
   "license": "ISC",
   "type": "module",
   "main": "./ui/index.js",

package/ui/Blocks/CommonGrid/components/Filters/GridSelect/GridSelect.d.ts

@@ -14,6 +14,7 @@ type Props = {
     onlyInComparator?: boolean;
     disabled?: boolean;
     placeholder?: string;
+    showValue?: boolean;
 };
 declare const SelectFilter: FC<Props>;
 export default SelectFilter;

package/ui/Blocks/CommonGrid/components/Filters/GridSelect/GridSelect.js

@@ -63,9 +63,9 @@ import isArray from 'lodash/isArray';
 import uniqBy from 'lodash/uniqBy';
 import { isOptionArray } from './guards';
 var SelectFilter = function (_a) {
-    var onChange = _a.onChange, _b = _a.isClearable, isClearable = _b === void 0 ? true : _b, disabled = _a.disabled, placeholder = _a.placeholder, isMulti = _a.isMulti, value = _a.value, options = _a.options, checkAllButton = _a.checkAllButton, asyncLoadKey = _a.asyncLoadKey, onAsyncLoadFilterOptions = _a.onAsyncLoadFilterOptions, _c = _a.onlyInComparator, onlyInComparator = _c === void 0 ? false : _c;
-    var _d = useState([]), loadedOptions = _d[0], setLoadedOptions = _d[1];
-    var _e = useState(false), isNotEqNoValue = _e[0], setIsNotEqNoValue = _e[1];
+    var onChange = _a.onChange, _b = _a.isClearable, isClearable = _b === void 0 ? true : _b, disabled = _a.disabled, placeholder = _a.placeholder, _c = _a.showValue, showValue = _c === void 0 ? true : _c, isMulti = _a.isMulti, value = _a.value, options = _a.options, checkAllButton = _a.checkAllButton, asyncLoadKey = _a.asyncLoadKey, onAsyncLoadFilterOptions = _a.onAsyncLoadFilterOptions, _d = _a.onlyInComparator, onlyInComparator = _d === void 0 ? false : _d;
+    var _e = useState([]), loadedOptions = _e[0], setLoadedOptions = _e[1];
+    var _f = useState(false), isNotEqNoValue = _f[0], setIsNotEqNoValue = _f[1];
     var isAsync = !!asyncLoadKey;
     var isNotEq = useMemo(function () { return (isOptionArray(value) ? value.some(function (option) { return option.isNotEq; }) : isNotEqNoValue); }, [value, isNotEqNoValue]);
     var handleOnMultiChange = useCallback(function (options) {
@@ -101,7 +101,8 @@ var SelectFilter = function (_a) {
     var defaultOptions = useMemo(function () { return (isMulti && isAsync && isOptionArray(value) ? uniqBy(__spreadArray(__spreadArray([], loadedOptions, true), value, true), 'value') : undefined); }, [isAsync, value, loadedOptions]);
     if (isMulti) {
         var placerholderValue = placeholder || (isAsync ? i18n._({ id: 'dataGrid.filterCell', message: 'Type to filter' }) : undefined);
-        return (_jsx(Select, { maxMenuHeight: 250, onChange: handleOnMultiChange, value: isOptionArray(value) ? value.map(function (option) { return String(option.value); }) : value, options: defaultOptions || options, showSelectAllButton: checkAllButton, style: "gridFilter", loadOptions: isAsync ? handleLoadOptions : undefined, defaultOptions: defaultOptions, placeholder: placerholderValue, noOptionsMessage: function () { return null; }, containerVariant: isAsync ? 'search' : undefined, placeholderIcon: isNotEq ? 'notEqual' : 'equals', onIconClick: !onlyInComparator ? handleIconClick : undefined, optionVariant: "checkbox", multiLabelVariant: "count", isMulti: true, disabled: disabled }));
+        var selectValue = showValue ? (isOptionArray(value) ? value.map(function (option) { return String(option.value); }) : value) : undefined;
+        return (_jsx(Select, { maxMenuHeight: 250, onChange: handleOnMultiChange, value: selectValue, options: defaultOptions || options, showSelectAllButton: checkAllButton, style: "gridFilter", loadOptions: isAsync ? handleLoadOptions : undefined, defaultOptions: defaultOptions, placeholder: placerholderValue, noOptionsMessage: function () { return null; }, containerVariant: isAsync ? 'search' : undefined, placeholderIcon: isNotEq ? 'notEqual' : 'equals', onIconClick: !onlyInComparator ? handleIconClick : undefined, optionVariant: "checkbox", multiLabelVariant: "count", isMulti: true, disabled: disabled }));
     }
     return (_jsx(SingleSelect, { maxMenuHeight: 250, onChange: onChange, value: value, options: options, style: "gridFilter", loadOptions: isAsync ? handleLoadOptions : undefined, placeholder: isAsync ? i18n._({ id: 'dataGrid.filterCell', message: 'Type to filter' }) : undefined, isClearable: isClearable }));
 };

package/ui/Blocks/CommonGrid/storybook/utils/columnDefinition.js

@@ -43,6 +43,7 @@ export var columnDefinitions = [
             checkAllButton: true,
             disabled: true,
             placeholder: 'test',
+            showValue: false,
         },
         filtering: true,
         sorting: true,

package/ui/Blocks/CommonGrid/types.d.ts

@@ -108,6 +108,7 @@ export type ColumnDefinition<ColumnName extends string = string> = ColumnBasePro
         isMulti?: boolean;
         disabled?: boolean;
         placeholder?: string;
+        showValue?: boolean;
         comparators?: Comparator[];
         filterTime?: boolean;
         decimals?: number;