@mailstep/design-system 0.6.28 → 0.6.30

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/package.json +1 -1
  2. package/ui/Blocks/CommonGrid/components/ControlButtons/ControlButtons.js +2 -2
  3. package/ui/Blocks/CommonGrid/components/QuickFilter/QuickFilter.d.ts +2 -1
  4. package/ui/Blocks/CommonGrid/components/QuickFilter/QuickFilter.js +2 -2
  5. package/ui/Blocks/CommonGrid/hooks/useQuickFilter.d.ts +1 -0
  6. package/ui/Blocks/CommonGrid/hooks/useQuickFilter.js +1 -0
  7. package/ui/Blocks/CornerDialog/styles.js +1 -1
  8. package/ui/index.es.js +6740 -6743
  9. package/ui/index.umd.js +324 -323
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mailstep/design-system",
3
- "version": "0.6.28",
3
+ "version": "0.6.30",
4
4
  "license": "ISC",
5
5
  "type": "module",
6
6
  "main": "./ui/index.js",
package/ui/Blocks/CommonGrid/components/ControlButtons/ControlButtons.js CHANGED
@@ -21,7 +21,7 @@ var ControlButtons = function (_a) {
21
21
  quickFilter: quickFilter,
22
22
  displayColumnsDefinitions: displayColumnsDefinitions,
23
23
  filters: filters,
24
- }), searchedValue = _c.searchedValue, translatedValue = _c.translatedValue, onChangeInputValue = _c.onChangeInputValue, onClear = _c.onClear, onResetFilters = _c.onResetFilters, onDisplayInput = _c.onDisplayInput, displayInput = _c.displayInput, isMobileInputView = _c.isMobileInputView, filter = _c.filter;
24
+ }), searchedValue = _c.searchedValue, translatedValue = _c.translatedValue, onChangeInputValue = _c.onChangeInputValue, onClear = _c.onClear, onResetFilters = _c.onResetFilters, onDisplayInput = _c.onDisplayInput, displayInput = _c.displayInput, isMobileInputView = _c.isMobileInputView, isMobile = _c.isMobile, filter = _c.filter;
25
25
  useEffect(function () {
26
26
  setDisplayManageColumnButton(!isMobileInputView);
27
27
  }, [isMobileInputView, setDisplayManageColumnButton]);
@@ -30,7 +30,7 @@ var ControlButtons = function (_a) {
30
30
  id: 'controlButtons.searchPlaceholder',
31
31
  message: "Search ".concat(translatedValue, " ..."),
32
32
  values: { translatedValue: translatedValue },
33
- }), onChange: onChangeInputValue, onClear: onClear, onClick: onDisplayInput, displayInput: displayInput, isMobileInputView: isMobileInputView })), eshopSelect && (_jsx(x.div, { children: _jsx(ExtraControlButtons, { extraControlButtons: eshopSelect, targetPosition: ExtraControlButtonPosition.TopRight }) })), _jsx(ExtraControlButtons, { extraControlButtons: extraControlButtons, targetPosition: ExtraControlButtonPosition.TopLeft }), _jsx(x.div, { children: filtersOn && (_jsx(Button, { type: "button", onClick: onResetFilters, variant: "default", appearance: "secondary", "data-cy": "resetFiltersBtn", children: _jsx(Trans, { id: "dataGrid.buttonClearSettings", message: "Reset filters" }) })) })] }));
33
+ }), onChange: onChangeInputValue, onClear: onClear, onClick: onDisplayInput, displayInput: displayInput, isMobileInputView: isMobileInputView, alwaysShowClear: isMobile })), eshopSelect && (_jsx(x.div, { children: _jsx(ExtraControlButtons, { extraControlButtons: eshopSelect, targetPosition: ExtraControlButtonPosition.TopRight }) })), _jsx(ExtraControlButtons, { extraControlButtons: extraControlButtons, targetPosition: ExtraControlButtonPosition.TopLeft }), _jsx(x.div, { children: filtersOn && (_jsx(Button, { type: "button", onClick: onResetFilters, variant: "default", appearance: "secondary", "data-cy": "resetFiltersBtn", children: _jsx(Trans, { id: "dataGrid.buttonClearSettings", message: "Reset filters" }) })) })] }));
34
34
  };
35
35
  export default ControlButtons;
36
36
  var templateObject_1;
package/ui/Blocks/CommonGrid/components/QuickFilter/QuickFilter.d.ts CHANGED
@@ -7,6 +7,7 @@ type QuickFilterProps = {
7
7
  displayInput: boolean;
8
8
  onClear: () => void;
9
9
  isMobileInputView?: boolean;
10
+ alwaysShowClear?: boolean;
10
11
  };
11
- declare const QuickFilter: ({ searchedValue, placeholderText, onChange, onClick, displayInput, onClear, isMobileInputView, }: QuickFilterProps) => import("react/jsx-runtime").JSX.Element;
12
+ declare const QuickFilter: ({ searchedValue, placeholderText, onChange, onClick, displayInput, onClear, isMobileInputView, alwaysShowClear, }: QuickFilterProps) => import("react/jsx-runtime").JSX.Element;
12
13
  export default QuickFilter;
package/ui/Blocks/CommonGrid/components/QuickFilter/QuickFilter.js CHANGED
@@ -17,8 +17,8 @@ var StyledInput = styled(Input)(templateObject_1 || (templateObject_1 = __makeTe
17
17
  return (isMobileInputView ? '90vw' : 'auto');
18
18
  });
19
19
  var QuickFilter = function (_a) {
20
- var searchedValue = _a.searchedValue, placeholderText = _a.placeholderText, onChange = _a.onChange, onClick = _a.onClick, displayInput = _a.displayInput, onClear = _a.onClear, isMobileInputView = _a.isMobileInputView;
21
- return (_jsx(x.div, { mr: "12px", children: displayInput ? (_jsx(StyledInput, { icon: "search", type: "text", value: searchedValue, placeholder: placeholderText, onChange: onChange, variant: "gray", onClear: onClear, alwaysShowClear: true, isMobileInputView: isMobileInputView })) : (_jsx(Button, { variant: "icon", appearance: "secondary", icon: "search", onClick: onClick })) }));
20
+ var searchedValue = _a.searchedValue, placeholderText = _a.placeholderText, onChange = _a.onChange, onClick = _a.onClick, displayInput = _a.displayInput, onClear = _a.onClear, isMobileInputView = _a.isMobileInputView, alwaysShowClear = _a.alwaysShowClear;
21
+ return (_jsx(x.div, { mr: "12px", children: displayInput ? (_jsx(StyledInput, { icon: "search", type: "text", value: searchedValue, placeholder: placeholderText, onChange: onChange, variant: "gray", onClear: onClear, alwaysShowClear: alwaysShowClear, isMobileInputView: isMobileInputView })) : (_jsx(Button, { variant: "icon", appearance: "secondary", icon: "search", onClick: onClick })) }));
22
22
  };
23
23
  export default QuickFilter;
24
24
  var templateObject_1;
package/ui/Blocks/CommonGrid/hooks/useQuickFilter.d.ts CHANGED
@@ -17,6 +17,7 @@ declare const useQuickFilter: ({ gridActions, gridSelectors, quickFilter, displa
17
17
  displayInput: boolean;
18
18
  onClear: () => void;
19
19
  isMobileInputView: boolean;
20
+ isMobile: boolean;
20
21
  filter: {
21
22
  [column: string]: {
22
23
  value: any;
package/ui/Blocks/CommonGrid/hooks/useQuickFilter.js CHANGED
@@ -81,6 +81,7 @@ var useQuickFilter = function (_a) {
81
81
  displayInput: displayInput,
82
82
  onClear: onClear,
83
83
  isMobileInputView: isMobileInputView,
84
+ isMobile: isMobile,
84
85
  filter: filter,
85
86
  };
86
87
  };
package/ui/Blocks/CornerDialog/styles.js CHANGED
@@ -3,7 +3,7 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
3
3
  return cooked;
4
4
  };
5
5
  import styled, { th } from '@xstyled/styled-components';
6
- export var Container = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n position: fixed;\n z-index: 10;\n bottom: 3rem;\n right: 3rem;\n background: white;\n border-radius: 12px;\n box-shadow: cornerDialogShadow;\n width: 400px;\n padding: 50px 30px 30px;\n color: typoPrimary;\n transition: opacity 225ms linear;\n opacity: ", ";\n"], ["\n position: fixed;\n z-index: 10;\n bottom: 3rem;\n right: 3rem;\n background: white;\n border-radius: 12px;\n box-shadow: cornerDialogShadow;\n width: 400px;\n padding: 50px 30px 30px;\n color: typoPrimary;\n transition: opacity 225ms linear;\n opacity: ", ";\n"])), function (_a) {
6
+ export var Container = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n position: fixed;\n z-index: 10;\n bottom: 3rem;\n right: 3rem;\n background: white;\n border-radius: 12px;\n box-shadow: cornerDialogShadow;\n width: auto;\n max-width: 400px;\n padding: 50px 30px 30px;\n color: typoPrimary;\n transition: opacity 225ms linear;\n opacity: ", ";\n"], ["\n position: fixed;\n z-index: 10;\n bottom: 3rem;\n right: 3rem;\n background: white;\n border-radius: 12px;\n box-shadow: cornerDialogShadow;\n width: auto;\n max-width: 400px;\n padding: 50px 30px 30px;\n color: typoPrimary;\n transition: opacity 225ms linear;\n opacity: ", ";\n"])), function (_a) {
7
7
  var $mounted = _a.$mounted;
8
8
  return ($mounted ? 1 : 0);
9
9
  });