openstack-uicore-foundation 6.0.0-beta.2 → 6.0.0-beta.3

package/lib/components/mui/grid-filter.js

@@ -1,2 +1,2 @@
-!function(e,r){"object"==typeof exports&&"object"==typeof module?module.exports=r():"function"==typeof define&&define.amd?define("openstack-uicore-foundation",[],r):"object"==typeof exports?exports["openstack-uicore-foundation"]=r():e["openstack-uicore-foundation"]=r()}(this,(()=>(()=>{"use strict";var e={8313:(e,r,t)=>{t.d(r,{default:()=>g});var l=t(6031),n=t.n(l),i=t(2462),o=t.n(i),a=t(2015),s=t.n(a),u=t(6842),c=t.n(u),p=t(8619),d=t(9825),f=t.n(d);const b=["id","value","options","placeholder","label","onChange"],v=e=>{let{id:r,value:t,options:l,placeholder:i,label:a,onChange:u}=e,d=o()(e,b);const f=i||c().translate("general.select_an_option");return s().createElement(p.FormControl,{fullWidth:!0},a&&s().createElement(p.InputLabel,{id:`${r}-label`},a),s().createElement(p.Select,n()({value:t,label:a,onChange:u,labelId:`${r}-label`,displayEmpty:!0},d,{renderValue:e=>{if(null==e||""===e||Array.isArray(e)&&0===e.length)return s().createElement("em",null,f);if(Array.isArray(e)){const r=Object.fromEntries(l.map((e=>[e.value,e.label])));return e.map((e=>r[e])).filter(Boolean).join(", ")}const r=l.find((({value:r})=>r===e));return r?r.label:""}}),null==l?void 0:l.map((e=>s().createElement(p.MenuItem,{key:`selectop-${e.value}`,value:e.value,disabled:e.disabled},e.label)))))};v.propTypes={id:f().string.isRequired,value:f().oneOfType([f().string,f().number,f().array]),options:f().arrayOf(f().shape({value:f().oneOfType([f().string,f().number]).isRequired,label:f().string.isRequired,disabled:f().bool})).isRequired,label:f().string,placeholder:f().string,onChange:f().func.isRequired},v.defaultProps={value:null,label:"",placeholder:""};const g=v},7902:(e,r,t)=>{t.d(r,{default:()=>O});var l=t(6031),n=t.n(l),i=t(1116),o=t.n(i),a=t(2462),s=t.n(a),u=t(2015),c=t.n(u),p=t(8619),d=t(9825),f=t.n(d);const b=["children","sx"];function v(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);r&&(l=l.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,l)}return t}function g(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?v(Object(t),!0).forEach((function(r){o()(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):v(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}const y=e=>{let{children:r,sx:t={}}=e,l=s()(e,b);return c().createElement(p.Button,n()({},l,{sx:g({width:40,height:40,minWidth:"auto",borderRadius:"50%",padding:0},t)}),r)};y.propTypes={children:f().node.isRequired,sx:f().object},y.defaultProps={sx:{}};const O=y},3977:(e,r,t)=>{t.d(r,{default:()=>u});var l=t(2015),n=t.n(l),i=t(8619),o=t(9825),a=t.n(o);const s=({options:e,value:r,onChange:t,color:l="primary"})=>n().createElement(i.ToggleButtonGroup,{value:r,color:l,exclusive:!0,onChange:(e,r)=>{null!==r&&t(r)},sx:e=>{var r;const t=(null===(r=e.palette[l])||void 0===r?void 0:r.main)??e.palette.primary.main;return{border:`1px solid ${t}`,overflow:"hidden","& .MuiToggleButtonGroup-grouped":{color:t,fontSize:"14px",padding:"2px 16px","&.Mui-selected":{backgroundColor:t,color:"#fff","&:hover":{backgroundColor:t}},"&:hover":{backgroundColor:`${t}18`}}}}},e.map((e=>n().createElement(i.ToggleButton,{key:`toggle-btn-${e}`,value:e,disableRipple:!0},e))));s.propTypes={options:a().arrayOf(a().string).isRequired,value:a().string,color:a().string,onChange:a().func.isRequired},s.defaultProps={value:null,color:"primary"};const u=s},5097:(e,r,t)=>{t.d(r,{LOGOUT_USER:()=>l});t(1116),t(6842),t(9087),t(9558),t(2183);const l="LOGOUT_USER"},2183:(e,r,t)=>{t(9558),t(5812),t(806);const l=require("browser-tabs-lock");var n=t.n(l);require("js-cookie");t(8041),t(9891),t(5097),t(8853);new(n())},9087:(e,r,t)=>{t.d(r,{createAction:()=>i});t(2462),t(1116),t(806);var l=t(8041),n=t.n(l);t(9236),t(6842),t(9558),t(5097),t(2183),t(3209);n().escapeQuerySpace=!1;const i=e=>r=>({type:e,payload:r});i("RESET_LOADING"),i("START_LOADING"),i("STOP_LOADING")},3209:(e,r,t)=>{},8853:()=>{require("spark-md5"),require("crypto-js/sha256"),require("crypto-js/enc-base64url"),require("crypto-js/enc-hex"),"undefined"!=typeof window&&(window.crypto||window.msCrypto)},9558:(e,r,t)=>{t(5812),t(8041)},1116:e=>{e.exports=require("@babel/runtime/helpers/defineProperty")},6031:e=>{e.exports=require("@babel/runtime/helpers/extends")},2462:e=>{e.exports=require("@babel/runtime/helpers/objectWithoutProperties")},6084:e=>{e.exports=require("@mui/icons-material/Delete")},8619:e=>{e.exports=require("@mui/material")},7633:e=>{e.exports=require("@mui/material/TextField")},6842:e=>{e.exports=require("i18n-react/dist/i18n-react")},9891:e=>{e.exports=require("idtoken-verifier")},5812:e=>{e.exports=require("moment-timezone")},9825:e=>{e.exports=require("prop-types")},2015:e=>{e.exports=require("react")},2544:e=>{e.exports=require("react-redux")},806:e=>{e.exports=require("superagent/lib/client")},9236:e=>{e.exports=require("sweetalert2")},8041:e=>{e.exports=require("urijs")}},r={};function t(l){var n=r[l];if(void 0!==n)return n.exports;var i=r[l]={exports:{}};return e[l](i,i.exports,t),i.exports}(()=>{t.n=e=>{var r=e&&e.__esModule?()=>e.default:()=>e;return t.d(r,{a:r}),r}})(),(()=>{t.d=(e,r)=>{for(var l in r)t.o(r,l)&&!t.o(e,l)&&Object.defineProperty(e,l,{enumerable:!0,get:r[l]})}})(),(()=>{t.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r)})(),(()=>{t.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}})();var l={};t.r(l),t.d(l,{EMPTY_FILTER:()=>C,GridFilter:()=>X,JOIN_OPERATORS:()=>T,OPERATORS:()=>A,SAVE_FILTERS:()=>N,allFiltersReducer:()=>ae,saveFilters:()=>W,useGridFilter:()=>H});var n=t(1116),i=t.n(n),o=t(2015),a=t.n(o),s=t(9825),u=t.n(s),c=t(2544),p=t(6842),d=t.n(p),f=t(8619),b=t(3977),v=t(6031),g=t.n(v),y=t(6084),O=t.n(y);const m=require("@mui/icons-material/Add");var h=t.n(m),j=t(8313),E=t(2462),_=t.n(E),x=t(7633);const P=["type"],q={text:t.n(x)(),select:j.default},R=e=>{let{type:r}=e,t=_()(e,P);const l=r?q[r]:j.default;return l?a().createElement(l,t):null};R.propTypes={id:u().string.isRequired,type:u().string.isRequired,value:u().oneOfType([u().string,u().number,u().array]),options:u().arrayOf(u().shape({value:u().oneOfType([u().string,u().number]).isRequired,label:u().string.isRequired,disabled:u().bool})),label:u().string,placeholder:u().string,onChange:u().func.isRequired},R.defaultProps={value:null,label:"",placeholder:"",options:null};const w=R;var S=t(7902);const A={IS:{value:"==",label:d().translate("grid_filter.operators.is")},IS_NOT:{value:"<>",label:d().translate("grid_filter.operators.is_not")},LIKE:{value:"=@",label:d().translate("grid_filter.operators.like")},LIKE_START:{value:"@@",label:d().translate("grid_filter.operators.like_start")},HAS:{value:">>",label:d().translate("grid_filter.operators.has")},HAS_NOT:{value:"!>>",label:d().translate("grid_filter.operators.has_not")},LESS:{value:"<",label:d().translate("grid_filter.operators.less")},LESS_OR_EQUAL:{value:"<=",label:d().translate("grid_filter.operators.less_or_equal")},GREATER:{value:">",label:d().translate("grid_filter.operators.greater")},GREATER_OR_EQUAL:{value:">=",label:d().translate("grid_filter.operators.greater_or_equal")},BETWEEN:{value:"[]",label:d().translate("grid_filter.operators.between")},BETWEEN_STRICT:{value:"()",label:d().translate("grid_filter.operators.between_strict")}},T={ALL:d().translate("grid_filter.operators.all"),ANY:d().translate("grid_filter.operators.any")},C={criteria:null,operator:null,value:null,id:"new"};function D(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);r&&(l=l.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,l)}return t}function k(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?D(Object(t),!0).forEach((function(r){i()(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):D(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}const L=Object.values(A).map((e=>e.value)),F=({id:e,value:r,criterias:t,onChange:l,onAdd:n,onDelete:i})=>{var s,u,c;const p=t.map((({key:e,label:r})=>({value:e,label:r}))),b=t.find((({key:e})=>e===(null==r?void 0:r.criteria))),v=(null==b?void 0:b.operators)||[],y=(null==b?void 0:b.values)||{},m=null!==(s=y.props)&&void 0!==s&&s.multiple?[]:"",E="function"==typeof(null===(u=y.props)||void 0===u?void 0:u.options)?y.props.options(null==r?void 0:r.value):null===(c=y.props)||void 0===c?void 0:c.options,_=(e,t)=>{l(k(k({},r),{},{[e]:t}))};(0,o.useEffect)((()=>{1!==v.length||null!=r&&r.operator||_("operator",v[0].value)}),[v.length,null==r?void 0:r.criteria]),(0,o.useEffect)((()=>{1===(null==E?void 0:E.length)&&null==(null==r?void 0:r.value)&&_("value",E[0].value)}),[null==E?void 0:E.length,null==r?void 0:r.criteria]);const x=null==(null==r?void 0:r.criteria)||null==(null==r?void 0:r.operator)||null==(null==r?void 0:r.value)||""===(null==r?void 0:r.value)||Array.isArray(null==r?void 0:r.value)&&0===r.value.length;return a().createElement(f.Grid,{container:!0,spacing:2,sx:{alignItems:"center",mb:2}},a().createElement(f.Grid,{size:11},a().createElement(f.Box,{sx:{display:"flex",alignItems:"center",gap:"14px"}},a().createElement(j.default,{id:`${e}-column`,value:(null==r?void 0:r.criteria)||"",placeholder:d().translate("grid_filter.select_criteria"),options:p,onChange:e=>{const t=e.target.value;l(k(k({},r),{},{criteria:t,operator:null,value:null}))}}),a().createElement(j.default,{id:`${e}-operator`,value:(null==r?void 0:r.operator)||"",placeholder:d().translate("grid_filter.select_operator"),options:v,disabled:!(null!=r&&r.criteria),onChange:e=>{const t=e.target.value;l(k(k({},r),{},{operator:t,value:null}))}}),a().createElement(w,g()({id:`${e}-value`,value:(null==r?void 0:r.value)??m,type:y.type,placeholder:d().translate("grid_filter.select_values"),disabled:!(null!=r&&r.criteria)},y.props,{options:E,onChange:e=>{const r=e.target.value;_("value",r)}})))),a().createElement(f.Grid,{size:1},"new"!==(null==r?void 0:r.id)?a().createElement(f.IconButton,{"aria-label":"delete-filter",onClick:()=>i(r),size:"large"},a().createElement(O(),{fontSize:"large"})):a().createElement(S.default,{variant:"contained","aria-label":"add-filter",onClick:()=>n(),disabled:x,sx:{ml:"4px"}},a().createElement(h(),{fontSize:"large"}))))};F.propTypes={id:u().string.isRequired,value:u().shape({id:u().string,criteria:u().string,operator:u().string,value:u().oneOfType([u().string,u().number,u().bool,u().array])}),criterias:u().arrayOf(u().shape({key:u().string.isRequired,label:u().string.isRequired,operators:u().arrayOf(u().shape({value:u().oneOf(L).isRequired,label:u().string.isRequired})),values:u().shape({type:u().string.isRequired,props:u().shape({options:u().oneOfType([u().arrayOf(u().object),u().func]),multiple:u().bool,placeholder:u().string})})})).isRequired,onChange:u().func.isRequired,onAdd:u().func.isRequired,onDelete:u().func.isRequired},F.defaultProps={value:null};const I=F,$=require("@mui/icons-material/FilterList");var G=t.n($);const B=({filterCount:e,onClick:r,onDelete:t})=>e>0?a().createElement(f.Chip,{icon:a().createElement(G(),{fontSize:"large"}),label:`${e} ${d().translate("grid_filter.filters")}`,onClick:r,onDelete:t,sx:{"& .MuiChip-label":{fontSize:"13px"},backgroundColor:"grey.700",color:"white","& .MuiChip-icon":{color:"white"},"& .MuiChip-deleteIcon":{color:"rgba(255,255,255,0.7)","&:hover":{color:"white"}}}}):a().createElement(f.IconButton,{size:"large","aria-label":d().translate("grid_filter.open_filters"),onClick:r,sx:{mr:1,top:"-6px",position:"relative"}},a().createElement(G(),{fontSize:"large"}));B.propTypes={filterCount:u().number.isRequired,onClick:u().func.isRequired,onDelete:u().func.isRequired};const z=B;var M=t(9087);const N="SAVE_FILTERS",W=(e,r=[],t=T.ALL)=>l=>{l((0,M.createAction)(N)({id:e,filters:r,joinOperator:t}))};function U(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);r&&(l=l.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,l)}return t}function V(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?U(Object(t),!0).forEach((function(r){i()(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):U(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}const H=e=>{const r=(0,c.useDispatch)(),t=(0,c.useSelector)((e=>{var r;return(null===(r=e.allGridFiltersState)||void 0===r?void 0:r.allFilters)??[]})).find((r=>r.id===e))||{},{filterValues:l=[],joinOperator:n=T.ALL,parsedFilter:i=[]}=t,o=l.map(((e,r)=>V(V({},e),{},{id:`${e.criteria}-${r}`})));return{filterValues:l,filterCount:l.length,joinOperator:n,parsedFilter:i,valuesWithIds:o,resetFilters:()=>r(W(e))}};function J(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);r&&(l=l.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,l)}return t}function Q(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?J(Object(t),!0).forEach((function(r){i()(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):J(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}const Y=Object.values(A).map((e=>e.value)),K=({id:e,criterias:r,hideJoinOperators:t=!1,onApply:l,saveFilters:n})=>{const{joinOperator:i,filterCount:s,valuesWithIds:u}=H(e),c=(0,o.useMemo)((()=>u.map((e=>e.id)).join(",")),[u]),[p,v]=(0,o.useState)(!1),[g,y]=(0,o.useState)([]),[O,m]=(0,o.useState)(i);(0,o.useEffect)((()=>{p&&(y([...u,C]),m(i))}),[c,i,p]);const h=e=>{var t;const l=null===(t=r.find((({key:r})=>r===e.criteria)))||void 0===t?void 0:t.customParser;if(l)return l(e);const n=Array.isArray(e.value)?e.value.join("||"):e.value;return null!=n&&""!==n?[`${e.criteria}${e.operator}${n}`]:void 0},j=e=>{y((r=>r.map((r=>r.id===e.id?e:r))))},E=()=>{y((e=>[...e.map(((e,r)=>Q(Q({},e),{},{id:`${e.criteria}-${r}`}))),C]))},_=e=>{y((r=>r.filter((r=>r.id!==e.id))))};return a().createElement(a().Fragment,null,a().createElement(z,{filterCount:s,onClick:()=>v(!0),onDelete:()=>{n(e),l([],T.ALL)}}),a().createElement(f.Dialog,{open:p,onClose:()=>v(!1),maxWidth:"md",fullWidth:!0},a().createElement(f.DialogContent,null,a().createElement(f.Box,{sx:{display:"flex",gap:1}},a().createElement(f.Typography,{variant:"body1",sx:{fontSize:16,lineHeight:"32px"}},d().translate("grid_filter.filter_by")),!t&&a().createElement(b.default,{options:Object.values(T),value:O,onChange:m,name:"and-or-any"}),a().createElement(f.Typography,{variant:"body1",sx:{fontSize:16,lineHeight:"32px"}},d().translate("grid_filter.following"))),a().createElement(f.Divider,{sx:{m:"10px -24px"}}),a().createElement(f.Box,null,g.map((e=>a().createElement(I,{id:e.id,key:`grid-filter-${e.id}`,criterias:r,value:e,onChange:j,onAdd:E,onDelete:_}))))),a().createElement(f.Divider,null),a().createElement(f.DialogActions,{sx:{p:2}},a().createElement(f.Button,{variant:"text",onClick:()=>(()=>{y([C])})(),sx:{mr:"auto"}},d().translate("grid_filter.clear_filters")),a().createElement(f.Button,{variant:"outlined",onClick:()=>v(!1)},d().translate("grid_filter.cancel")),a().createElement(f.Button,{variant:"contained",onClick:()=>(()=>{const r=g.filter((e=>null!=e.criteria&&null!=e.operator&&null!=e.value&&""!==e.value&&!(Array.isArray(e.value)&&0===e.value.length))).map((e=>Q(Q({},e),{},{parsed:h(e)})));n(e,r,O),l(r,O),v(!1)})()},d().translate("grid_filter.apply_filters")))))};K.propTypes={id:u().string.isRequired,criterias:u().arrayOf(u().shape({key:u().string.isRequired,label:u().string.isRequired,operators:u().arrayOf(u().shape({value:u().oneOf(Y).isRequired,label:u().string.isRequired})),values:u().shape({type:u().string.isRequired,props:u().object.isRequired})})).isRequired,hideJoinOperators:u().bool,onApply:u().func,saveFilters:u().func.isRequired},K.defaultProps={hideJoinOperators:!1,onApply:()=>{}};const X=(0,c.connect)(null,{saveFilters:W})(K);var Z=t(5097);function ee(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);r&&(l=l.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,l)}return t}function re(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?ee(Object(t),!0).forEach((function(r){i()(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ee(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}const te={id:null,joinOperator:T.ALL,filterValues:[],parsedFilter:[]},le=(e=te,r)=>{const{type:t,payload:l}=r;if(t===`FIL_${N}`){const{id:r,filters:t,joinOperator:n}=l,i=Array.isArray(t)?t:[];let o=i.flatMap((e=>(null==e?void 0:e.parsed)??[]));return n===T.ANY&&(o=o.map((e=>`or(${e})`))),re(re({},e),{},{id:r,filterValues:i,joinOperator:n,parsedFilter:o})}return e};function ne(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);r&&(l=l.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,l)}return t}function ie(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?ne(Object(t),!0).forEach((function(r){i()(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ne(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}const oe={allFilters:[]},ae=(e=oe,r)=>{const{type:t,payload:l}=r;switch(t){case Z.LOGOUT_USER:return oe;case N:{const{id:n}=l,{allFilters:i}=e;let o;return o=i.find((e=>e.id===n))?i.map((e=>e.id===n?le(e,ie(ie({},r),{},{type:`FIL_${t}`})):e)):[...i,le(null,ie(ie({},r),{},{type:`FIL_${t}`}))],ie(ie({},e),{},{allFilters:o})}default:return e}};return l})()));
+!function(e,r){"object"==typeof exports&&"object"==typeof module?module.exports=r():"function"==typeof define&&define.amd?define("openstack-uicore-foundation",[],r):"object"==typeof exports?exports["openstack-uicore-foundation"]=r():e["openstack-uicore-foundation"]=r()}(this,(()=>(()=>{"use strict";var e={8313:(e,r,t)=>{t.d(r,{default:()=>g});var l=t(6031),n=t.n(l),i=t(2462),o=t.n(i),a=t(2015),s=t.n(a),u=t(6842),c=t.n(u),p=t(8619),d=t(9825),f=t.n(d);const b=["id","value","options","placeholder","label","onChange"],v=e=>{let{id:r,value:t,options:l,placeholder:i,label:a,onChange:u}=e,d=o()(e,b);const f=i||c().translate("general.select_an_option");return s().createElement(p.FormControl,{fullWidth:!0},a&&s().createElement(p.InputLabel,{id:`${r}-label`},a),s().createElement(p.Select,n()({value:t,label:a,onChange:u,labelId:`${r}-label`,displayEmpty:!0},d,{renderValue:e=>{if(null==e||""===e||Array.isArray(e)&&0===e.length)return s().createElement("em",null,f);if(Array.isArray(e)){const r=Object.fromEntries(l.map((e=>[e.value,e.label])));return e.map((e=>r[e])).filter(Boolean).join(", ")}const r=l.find((({value:r})=>r===e));return r?r.label:""}}),null==l?void 0:l.map((e=>s().createElement(p.MenuItem,{key:`selectop-${e.value}`,value:e.value,disabled:e.disabled},e.label)))))};v.propTypes={id:f().string.isRequired,value:f().oneOfType([f().string,f().number,f().array]),options:f().arrayOf(f().shape({value:f().oneOfType([f().string,f().number]).isRequired,label:f().string.isRequired,disabled:f().bool})).isRequired,label:f().string,placeholder:f().string,onChange:f().func.isRequired},v.defaultProps={value:null,label:"",placeholder:""};const g=v},7902:(e,r,t)=>{t.d(r,{default:()=>O});var l=t(6031),n=t.n(l),i=t(1116),o=t.n(i),a=t(2462),s=t.n(a),u=t(2015),c=t.n(u),p=t(8619),d=t(9825),f=t.n(d);const b=["children","sx"];function v(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);r&&(l=l.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,l)}return t}function g(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?v(Object(t),!0).forEach((function(r){o()(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):v(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}const y=e=>{let{children:r,sx:t={}}=e,l=s()(e,b);return c().createElement(p.Button,n()({},l,{sx:g({width:40,height:40,minWidth:"auto",borderRadius:"50%",padding:0},t)}),r)};y.propTypes={children:f().node.isRequired,sx:f().object},y.defaultProps={sx:{}};const O=y},3977:(e,r,t)=>{t.d(r,{default:()=>u});var l=t(2015),n=t.n(l),i=t(8619),o=t(9825),a=t.n(o);const s=({options:e,value:r,onChange:t,color:l="primary"})=>n().createElement(i.ToggleButtonGroup,{value:r,color:l,exclusive:!0,onChange:(e,r)=>{null!==r&&t(r)},sx:e=>{var r;const t=(null===(r=e.palette[l])||void 0===r?void 0:r.main)??e.palette.primary.main;return{border:`1px solid ${t}`,overflow:"hidden","& .MuiToggleButtonGroup-grouped":{color:t,fontSize:"14px",padding:"2px 16px","&.Mui-selected":{backgroundColor:t,color:"#fff","&:hover":{backgroundColor:t}},"&:hover":{backgroundColor:`${t}18`}}}}},e.map((e=>n().createElement(i.ToggleButton,{key:`toggle-btn-${e}`,value:e,disableRipple:!0},e))));s.propTypes={options:a().arrayOf(a().string).isRequired,value:a().string,color:a().string,onChange:a().func.isRequired},s.defaultProps={value:null,color:"primary"};const u=s},5097:(e,r,t)=>{t.d(r,{LOGOUT_USER:()=>l});t(1116),t(6842),t(9087),t(9558),t(2183);const l="LOGOUT_USER"},2183:(e,r,t)=>{t(9558),t(5812),t(806);const l=require("browser-tabs-lock");var n=t.n(l);require("js-cookie");t(8041),t(9891),t(5097),t(8853);new(n())},9087:(e,r,t)=>{t.d(r,{createAction:()=>i});t(2462),t(1116),t(806);var l=t(8041),n=t.n(l);t(9236),t(6842),t(9558),t(5097),t(2183),t(3209);n().escapeQuerySpace=!1;const i=e=>r=>({type:e,payload:r});i("RESET_LOADING"),i("START_LOADING"),i("STOP_LOADING")},3209:(e,r,t)=>{},8853:()=>{require("spark-md5"),require("crypto-js/sha256"),require("crypto-js/enc-base64url"),require("crypto-js/enc-hex"),"undefined"!=typeof window&&(window.crypto||window.msCrypto)},9558:(e,r,t)=>{t(5812),t(8041)},1116:e=>{e.exports=require("@babel/runtime/helpers/defineProperty")},6031:e=>{e.exports=require("@babel/runtime/helpers/extends")},2462:e=>{e.exports=require("@babel/runtime/helpers/objectWithoutProperties")},6084:e=>{e.exports=require("@mui/icons-material/Delete")},8619:e=>{e.exports=require("@mui/material")},7633:e=>{e.exports=require("@mui/material/TextField")},6842:e=>{e.exports=require("i18n-react/dist/i18n-react")},9891:e=>{e.exports=require("idtoken-verifier")},5812:e=>{e.exports=require("moment-timezone")},9825:e=>{e.exports=require("prop-types")},2015:e=>{e.exports=require("react")},2544:e=>{e.exports=require("react-redux")},806:e=>{e.exports=require("superagent/lib/client")},9236:e=>{e.exports=require("sweetalert2")},8041:e=>{e.exports=require("urijs")}},r={};function t(l){var n=r[l];if(void 0!==n)return n.exports;var i=r[l]={exports:{}};return e[l](i,i.exports,t),i.exports}(()=>{t.n=e=>{var r=e&&e.__esModule?()=>e.default:()=>e;return t.d(r,{a:r}),r}})(),(()=>{t.d=(e,r)=>{for(var l in r)t.o(r,l)&&!t.o(e,l)&&Object.defineProperty(e,l,{enumerable:!0,get:r[l]})}})(),(()=>{t.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r)})(),(()=>{t.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}})();var l={};t.r(l),t.d(l,{EMPTY_FILTER:()=>C,GridFilter:()=>X,JOIN_OPERATORS:()=>T,OPERATORS:()=>A,SAVE_FILTERS:()=>N,allFiltersReducer:()=>ae,saveFilters:()=>W,useGridFilter:()=>H});var n=t(1116),i=t.n(n),o=t(2015),a=t.n(o),s=t(9825),u=t.n(s),c=t(2544),p=t(6842),d=t.n(p),f=t(8619),b=t(3977),v=t(6031),g=t.n(v),y=t(6084),O=t.n(y);const m=require("@mui/icons-material/Add");var h=t.n(m),j=t(8313),E=t(2462),_=t.n(E),x=t(7633);const P=["type"],q={text:t.n(x)(),select:j.default},R=e=>{let{type:r}=e,t=_()(e,P);const l=r?q[r]:j.default;return l?a().createElement(l,t):null};R.propTypes={id:u().string.isRequired,type:u().string.isRequired,value:u().oneOfType([u().string,u().number,u().array]),options:u().arrayOf(u().shape({value:u().oneOfType([u().string,u().number]).isRequired,label:u().string.isRequired,disabled:u().bool})),label:u().string,placeholder:u().string,onChange:u().func.isRequired},R.defaultProps={value:null,label:"",placeholder:"",options:null};const w=R;var S=t(7902);const A={IS:{value:"==",label:d().translate("grid_filter.operators.is")},IS_NOT:{value:"<>",label:d().translate("grid_filter.operators.is_not")},LIKE:{value:"=@",label:d().translate("grid_filter.operators.like")},LIKE_START:{value:"@@",label:d().translate("grid_filter.operators.like_start")},HAS:{value:">>",label:d().translate("grid_filter.operators.has")},HAS_NOT:{value:"!>>",label:d().translate("grid_filter.operators.has_not")},LESS:{value:"<",label:d().translate("grid_filter.operators.less")},LESS_OR_EQUAL:{value:"<=",label:d().translate("grid_filter.operators.less_or_equal")},GREATER:{value:">",label:d().translate("grid_filter.operators.greater")},GREATER_OR_EQUAL:{value:">=",label:d().translate("grid_filter.operators.greater_or_equal")},BETWEEN:{value:"[]",label:d().translate("grid_filter.operators.between")},BETWEEN_STRICT:{value:"()",label:d().translate("grid_filter.operators.between_strict")}},T={ALL:d().translate("grid_filter.operators.all"),ANY:d().translate("grid_filter.operators.any")},C={criteria:null,operator:null,value:null,id:"new"};function D(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);r&&(l=l.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,l)}return t}function k(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?D(Object(t),!0).forEach((function(r){i()(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):D(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}const L=Object.values(A).map((e=>e.value)),F=({id:e,value:r,criterias:t,onChange:l,onAdd:n,onDelete:i})=>{var s,u,c;const p=t.map((({key:e,label:r})=>({value:e,label:r}))),b=t.find((({key:e})=>e===(null==r?void 0:r.criteria))),v=(null==b?void 0:b.operators)||[],y=(null==b?void 0:b.values)||{},m=null!==(s=y.props)&&void 0!==s&&s.multiple?[]:"",E="function"==typeof(null===(u=y.props)||void 0===u?void 0:u.options)?y.props.options(null==r?void 0:r.value):null===(c=y.props)||void 0===c?void 0:c.options,_=(e,t)=>{l(k(k({},r),{},{[e]:t}))};(0,o.useEffect)((()=>{1!==v.length||null!=r&&r.operator||_("operator",v[0].value)}),[v.length,null==r?void 0:r.criteria]),(0,o.useEffect)((()=>{1===(null==E?void 0:E.length)&&null==(null==r?void 0:r.value)&&_("value",E[0].value)}),[null==E?void 0:E.length,null==r?void 0:r.criteria]);const x=null==(null==r?void 0:r.criteria)||null==(null==r?void 0:r.operator)||null==(null==r?void 0:r.value)||""===(null==r?void 0:r.value)||Array.isArray(null==r?void 0:r.value)&&0===r.value.length;return a().createElement(f.Grid2,{container:!0,spacing:2,sx:{alignItems:"center",mb:2}},a().createElement(f.Grid2,{size:11},a().createElement(f.Box,{sx:{display:"flex",alignItems:"center",gap:"14px"}},a().createElement(j.default,{id:`${e}-column`,value:(null==r?void 0:r.criteria)||"",placeholder:d().translate("grid_filter.select_criteria"),options:p,onChange:e=>{const t=e.target.value;l(k(k({},r),{},{criteria:t,operator:null,value:null}))}}),a().createElement(j.default,{id:`${e}-operator`,value:(null==r?void 0:r.operator)||"",placeholder:d().translate("grid_filter.select_operator"),options:v,disabled:!(null!=r&&r.criteria),onChange:e=>{const t=e.target.value;l(k(k({},r),{},{operator:t,value:null}))}}),a().createElement(w,g()({id:`${e}-value`,value:(null==r?void 0:r.value)??m,type:y.type,placeholder:d().translate("grid_filter.select_values"),disabled:!(null!=r&&r.criteria)},y.props,{options:E,onChange:e=>{const r=e.target.value;_("value",r)}})))),a().createElement(f.Grid2,{size:1},"new"!==(null==r?void 0:r.id)?a().createElement(f.IconButton,{"aria-label":"delete-filter",onClick:()=>i(r),size:"large"},a().createElement(O(),{fontSize:"large"})):a().createElement(S.default,{variant:"contained","aria-label":"add-filter",onClick:()=>n(),disabled:x,sx:{ml:"4px"}},a().createElement(h(),{fontSize:"large"}))))};F.propTypes={id:u().string.isRequired,value:u().shape({id:u().string,criteria:u().string,operator:u().string,value:u().oneOfType([u().string,u().number,u().bool,u().array])}),criterias:u().arrayOf(u().shape({key:u().string.isRequired,label:u().string.isRequired,operators:u().arrayOf(u().shape({value:u().oneOf(L).isRequired,label:u().string.isRequired})),values:u().shape({type:u().string.isRequired,props:u().shape({options:u().oneOfType([u().arrayOf(u().object),u().func]),multiple:u().bool,placeholder:u().string})})})).isRequired,onChange:u().func.isRequired,onAdd:u().func.isRequired,onDelete:u().func.isRequired},F.defaultProps={value:null};const I=F,$=require("@mui/icons-material/FilterList");var G=t.n($);const B=({filterCount:e,onClick:r,onDelete:t})=>e>0?a().createElement(f.Chip,{icon:a().createElement(G(),{fontSize:"large"}),label:`${e} ${d().translate("grid_filter.filters")}`,onClick:r,onDelete:t,sx:{"& .MuiChip-label":{fontSize:"13px"},backgroundColor:"grey.700",color:"white","& .MuiChip-icon":{color:"white"},"& .MuiChip-deleteIcon":{color:"rgba(255,255,255,0.7)","&:hover":{color:"white"}}}}):a().createElement(f.IconButton,{size:"large","aria-label":d().translate("grid_filter.open_filters"),onClick:r,sx:{mr:1,top:"-6px",position:"relative"}},a().createElement(G(),{fontSize:"large"}));B.propTypes={filterCount:u().number.isRequired,onClick:u().func.isRequired,onDelete:u().func.isRequired};const z=B;var M=t(9087);const N="SAVE_FILTERS",W=(e,r=[],t=T.ALL)=>l=>{l((0,M.createAction)(N)({id:e,filters:r,joinOperator:t}))};function U(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);r&&(l=l.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,l)}return t}function V(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?U(Object(t),!0).forEach((function(r){i()(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):U(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}const H=e=>{const r=(0,c.useDispatch)(),t=(0,c.useSelector)((e=>{var r;return(null===(r=e.allGridFiltersState)||void 0===r?void 0:r.allFilters)??[]})).find((r=>r.id===e))||{},{filterValues:l=[],joinOperator:n=T.ALL,parsedFilter:i=[]}=t,o=l.map(((e,r)=>V(V({},e),{},{id:`${e.criteria}-${r}`})));return{filterValues:l,filterCount:l.length,joinOperator:n,parsedFilter:i,valuesWithIds:o,resetFilters:()=>r(W(e))}};function J(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);r&&(l=l.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,l)}return t}function Q(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?J(Object(t),!0).forEach((function(r){i()(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):J(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}const Y=Object.values(A).map((e=>e.value)),K=({id:e,criterias:r,hideJoinOperators:t=!1,onApply:l,saveFilters:n})=>{const{joinOperator:i,filterCount:s,valuesWithIds:u}=H(e),c=(0,o.useMemo)((()=>u.map((e=>e.id)).join(",")),[u]),[p,v]=(0,o.useState)(!1),[g,y]=(0,o.useState)([]),[O,m]=(0,o.useState)(i);(0,o.useEffect)((()=>{p&&(y([...u,C]),m(i))}),[c,i,p]);const h=e=>{var t;const l=null===(t=r.find((({key:r})=>r===e.criteria)))||void 0===t?void 0:t.customParser;if(l)return l(e);const n=Array.isArray(e.value)?e.value.join("||"):e.value;return null!=n&&""!==n?[`${e.criteria}${e.operator}${n}`]:void 0},j=e=>{y((r=>r.map((r=>r.id===e.id?e:r))))},E=()=>{y((e=>[...e.map(((e,r)=>Q(Q({},e),{},{id:`${e.criteria}-${r}`}))),C]))},_=e=>{y((r=>r.filter((r=>r.id!==e.id))))};return a().createElement(a().Fragment,null,a().createElement(z,{filterCount:s,onClick:()=>v(!0),onDelete:()=>{n(e),l([],T.ALL)}}),a().createElement(f.Dialog,{open:p,onClose:()=>v(!1),maxWidth:"md",fullWidth:!0},a().createElement(f.DialogContent,null,a().createElement(f.Box,{sx:{display:"flex",gap:1}},a().createElement(f.Typography,{variant:"body1",sx:{fontSize:16,lineHeight:"32px"}},d().translate("grid_filter.filter_by")),!t&&a().createElement(b.default,{options:Object.values(T),value:O,onChange:m,name:"and-or-any"}),a().createElement(f.Typography,{variant:"body1",sx:{fontSize:16,lineHeight:"32px"}},d().translate("grid_filter.following"))),a().createElement(f.Divider,{sx:{m:"10px -24px"}}),a().createElement(f.Box,null,g.map((e=>a().createElement(I,{id:e.id,key:`grid-filter-${e.id}`,criterias:r,value:e,onChange:j,onAdd:E,onDelete:_}))))),a().createElement(f.Divider,null),a().createElement(f.DialogActions,{sx:{p:2}},a().createElement(f.Button,{variant:"text",onClick:()=>(()=>{y([C])})(),sx:{mr:"auto"}},d().translate("grid_filter.clear_filters")),a().createElement(f.Button,{variant:"outlined",onClick:()=>v(!1)},d().translate("grid_filter.cancel")),a().createElement(f.Button,{variant:"contained",onClick:()=>(()=>{const r=g.filter((e=>null!=e.criteria&&null!=e.operator&&null!=e.value&&""!==e.value&&!(Array.isArray(e.value)&&0===e.value.length))).map((e=>Q(Q({},e),{},{parsed:h(e)})));n(e,r,O),l(r,O),v(!1)})()},d().translate("grid_filter.apply_filters")))))};K.propTypes={id:u().string.isRequired,criterias:u().arrayOf(u().shape({key:u().string.isRequired,label:u().string.isRequired,operators:u().arrayOf(u().shape({value:u().oneOf(Y).isRequired,label:u().string.isRequired})),values:u().shape({type:u().string.isRequired,props:u().object.isRequired})})).isRequired,hideJoinOperators:u().bool,onApply:u().func,saveFilters:u().func.isRequired},K.defaultProps={hideJoinOperators:!1,onApply:()=>{}};const X=(0,c.connect)(null,{saveFilters:W})(K);var Z=t(5097);function ee(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);r&&(l=l.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,l)}return t}function re(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?ee(Object(t),!0).forEach((function(r){i()(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ee(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}const te={id:null,joinOperator:T.ALL,filterValues:[],parsedFilter:[]},le=(e=te,r)=>{const{type:t,payload:l}=r;if(t===`FIL_${N}`){const{id:r,filters:t,joinOperator:n}=l,i=Array.isArray(t)?t:[];let o=i.flatMap((e=>(null==e?void 0:e.parsed)??[]));return n===T.ANY&&(o=o.map((e=>`or(${e})`))),re(re({},e),{},{id:r,filterValues:i,joinOperator:n,parsedFilter:o})}return e};function ne(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);r&&(l=l.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,l)}return t}function ie(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?ne(Object(t),!0).forEach((function(r){i()(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ne(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}const oe={allFilters:[]},ae=(e=oe,r)=>{const{type:t,payload:l}=r;switch(t){case Z.LOGOUT_USER:return oe;case N:{const{id:n}=l,{allFilters:i}=e;let o;return o=i.find((e=>e.id===n))?i.map((e=>e.id===n?le(e,ie(ie({},r),{},{type:`FIL_${t}`})):e)):[...i,le(null,ie(ie({},r),{},{type:`FIL_${t}`}))],ie(ie({},e),{},{allFilters:o})}default:return e}};return l})()));
 //# sourceMappingURL=grid-filter.js.map