openstack-uicore-foundation/lib/components/inputs/operator-input.js

ui reactjs components for openstack marketing site

!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define("openstack-uicore-foundation",[],t):"object"==typeof exports?exports["openstack-uicore-foundation"]=t():e["openstack-uicore-foundation"]=t()}(this,(()=>(()=>{"use strict";var e={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")},2015:e=>{e.exports=require("react")},8466:e=>{e.exports=require("react-select")}},t={};function r(a){var l=t[a];if(void 0!==l)return l.exports;var o=t[a]={exports:{}};return e[a](o,o.exports,r),o.exports}(()=>{r.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return r.d(t,{a:t}),t}})(),(()=>{r.d=(e,t)=>{for(var a in t)r.o(t,a)&&!r.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,get:t[a]})}})(),(()=>{r.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t)})(),(()=>{r.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}})();var a={};r.r(a),r.d(a,{default:()=>g});var l=r(6031),o=r.n(l),n=r(1116),s=r.n(n),u=r(2462),i=r.n(u),p=r(2015),c=r.n(p),b=r(8466),d=r.n(b);const f=["error","label","value","onChange","id","multi","isMulti","className","isDisabled","isClearable","options","selectStyles","customStyle"];function y(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,a)}return r}function v(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?y(Object(r),!0).forEach((function(t){s()(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):y(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}const m=e=>{let{error:t,label:r,value:a,onChange:l,id:n,multi:s,isMulti:u,className:b,isDisabled:y,isClearable:m,options:g,selectStyles:O,customStyle:h}=e,j=i()(e,f);const[w,S]=(0,p.useState)(a?Array.isArray(a)?{value:"between",label:"Between"}:g.find((e=>e.value===a.replace(/\d/g,""))):{value:null,label:""}),[x,P]=(0,p.useState)(a?Array.isArray(a)?a[0]:a.replace(/\D/g,""):""),[E,C]=(0,p.useState)(Array.isArray(a)?a[1]:""),[D,q]=(0,p.useState)(v({control:(e,t)=>v(v({},e),{},{width:175})},O)),[A,N]=(0,p.useState)(t);(0,p.useEffect)((()=>{N(t)}),[t]);const M=e=>{const t=e.target.value.replace(/\D/g,"");if("between"===w.value){"operator-input"===e.target.id?P(t):C(t);let r={target:{id:n,value:"operator-input"===e.target.id?[t,E]:[x,t],type:"operatorinput",operator:w.value}};l(r)}else{P(t);let e={target:{id:n,value:t,type:"operatorinput",operator:w.value}};l(e)}};let k=b;return c().createElement("div",{className:b,style:h||{display:"flex",justifyContent:"space-between",alignItems:"baseline"}},c().createElement("label",null,r),c().createElement(d(),o()({className:k,value:w,options:g,onChange:e=>{C(""),S({value:e.value,label:e.label});let t={target:{id:n,value:"between"===e.value?[x,E]:x,type:"operatorinput",operator:e.value}};l(t)},isClearable:m,isDisabled:y,styles:D},j)),c().createElement("input",o()({id:"operator-input",value:x,onChange:M,className:"form-control",disabled:y,style:{width:"auto"}},j)),"between"===w.value&&c().createElement(c().Fragment,null,c().createElement("span",null,"And"),c().createElement("input",o()({id:"operator-input-between",value:E,onChange:M,className:"form-control",disabled:y,style:{width:"auto"}},j))),A&&c().createElement("p",{className:"error-label"},t))},g=m;return m.defaultProps={options:[{value:">",label:"Greater than"},{value:"<",label:"Less than"},{value:">=",label:"Greater or Equal"},{value:"<=",label:"Less or Equal"},{value:"==",label:"Equal"},{value:"between",label:"Between"}]},a})()));
//# sourceMappingURL=operator-input.js.map