@mailstep/design-system 0.6.19 → 0.6.20

package/package.json

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

package/ui/Blocks/CommonGrid/components/QuickFilter/QuickFilter.js

@@ -18,7 +18,7 @@ var StyledInput = styled(Input)(templateObject_1 || (templateObject_1 = __makeTe
 });
 var QuickFilter = function (_a) {
     var searchedValue = _a.searchedValue, placeholderText = _a.placeholderText, onChange = _a.onChange, onClick = _a.onClick, displayInput = _a.displayInput, onClear = _a.onClear, isMobileInputView = _a.isMobileInputView;
-    return (_jsx(x.div, { mr: "12px", children: displayInput ? (_jsx(StyledInput, { icon: "search", type: "text", value: searchedValue, placeholder: placeholderText, onChange: onChange, variant: "gray", onClear: onClear, isMobileInputView: isMobileInputView })) : (_jsx(Button, { variant: "icon", appearance: "secondary", icon: "search", onClick: onClick })) }));
+    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 })) }));
 };
 export default QuickFilter;
 var templateObject_1;

package/ui/Blocks/CommonGrid/storybook/stories/withQuickFilter.stories.d.ts

@@ -0,0 +1,11 @@
+declare const _default: {
+    title: string;
+    decorators: ((story: Function) => JSX.Element)[];
+};
+export default _default;
+export declare const WithQuickFilter: {
+    (): import("react/jsx-runtime").JSX.Element;
+    story: {
+        name: string;
+    };
+};

package/ui/Blocks/CommonGrid/storybook/stories/withQuickFilter.stories.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import CommonGrid from '../../CommonGridContainer';
+import { createRandomData, gridSelectors, gridDummyActions } from '../utils/utils';
+import { columnDefinitions } from '../utils/columnDefinition';
+import withTheme from '../utils/withTheme';
+import withRouter from '../utils/withRouter';
+import withRedux from '../utils/withRedux';
+import { LinguiContainer } from '../utils/linguiContainer';
+export default {
+    title: '@Blocks/CommonGrid',
+    decorators: [withTheme, withRouter, withRedux],
+};
+export var WithQuickFilter = function () {
+    return (_jsx(LinguiContainer, { children: _jsx(CommonGrid, { columnsDefinitions: columnDefinitions, rowsData: createRandomData(10), gridActions: gridDummyActions, gridSelectors: gridSelectors, quickFilter: "numberColumn" }) }));
+};
+WithQuickFilter.story = {
+    name: 'with quick filter',
+};

package/ui/index.es.js

@@ -46857,7 +46857,7 @@ const QAe = ae.div`
   displayInput: i,
   onClear: o,
   isMobileInputView: l
-}) => /* @__PURE__ */ b.jsx(ht.div, { mr: "12px", children: i ? /* @__PURE__ */ b.jsx(CCe, { icon: "search", type: "text", value: e, placeholder: t, onChange: r, variant: "gray", onClear: o, isMobileInputView: l }) : /* @__PURE__ */ b.jsx(oi, { variant: "icon", appearance: "secondary", icon: "search", onClick: n }) }), ECe = () => {
+}) => /* @__PURE__ */ b.jsx(ht.div, { mr: "12px", children: i ? /* @__PURE__ */ b.jsx(CCe, { icon: "search", type: "text", value: e, placeholder: t, onChange: r, variant: "gray", onClear: o, alwaysShowClear: !0, isMobileInputView: l }) : /* @__PURE__ */ b.jsx(oi, { variant: "icon", appearance: "secondary", icon: "search", onClick: n }) }), ECe = () => {
   const [e, t] = He(!1);
   return yt(() => {
     const r = () => {

package/ui/index.umd.js

@@ -3664,7 +3664,7 @@ Avoid returning a new reference inside your input selector, e.g.
   position: ${({isMobileInputView:e})=>e?"absolute":"relative"};
   z-index: ${({isMobileInputView:e})=>e?"3":"1"};
   width: ${({isMobileInputView:e})=>e?"90vw":"auto"};
-`,yxe=({searchedValue:e,placeholderText:t,onChange:r,onClick:n,displayInput:i,onClear:o,isMobileInputView:l})=>b.jsx(ut.div,{mr:"12px",children:i?b.jsx(bxe,{icon:"search",type:"text",value:e,placeholder:t,onChange:r,variant:"gray",onClear:o,isMobileInputView:l}):b.jsx(Pn,{variant:"icon",appearance:"secondary",icon:"search",onClick:n})}),wxe=()=>{const[e,t]=I.useState(!1);return I.useEffect(()=>{const r=()=>{window.innerWidth<1024?t==null||t(!0):t(!1)};return window.addEventListener("resize",r),r(),()=>window.removeEventListener("resize",r)},[]),{isMobile:e}};var iv={exports:{}};/**
+`,yxe=({searchedValue:e,placeholderText:t,onChange:r,onClick:n,displayInput:i,onClear:o,isMobileInputView:l})=>b.jsx(ut.div,{mr:"12px",children:i?b.jsx(bxe,{icon:"search",type:"text",value:e,placeholder:t,onChange:r,variant:"gray",onClear:o,alwaysShowClear:!0,isMobileInputView:l}):b.jsx(Pn,{variant:"icon",appearance:"secondary",icon:"search",onClick:n})}),wxe=()=>{const[e,t]=I.useState(!1);return I.useEffect(()=>{const r=()=>{window.innerWidth<1024?t==null||t(!0):t(!1)};return window.addEventListener("resize",r),r(),()=>window.removeEventListener("resize",r)},[]),{isMobile:e}};var iv={exports:{}};/**
  * @license
  * Lodash <https://lodash.com/>
  * Copyright OpenJS Foundation and other contributors <https://openjsf.org/>