@firedesktop/react-base 1.22.2 → 1.22.4

package/dist/components/AppInput.d.ts

@@ -9,9 +9,10 @@ declare type Proptype = {
     id?: string;
     name?: string;
     onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    onKeyUp?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
     placeholder?: string;
     type?: AppInputType_Type;
     value?: string | number;
 };
-declare function AppInput({ appIcon, ariadescribedby, autoComplete, className, classNameWrapper, id, name, onChange, placeholder, type, value }: Proptype): JSX.Element;
+declare function AppInput({ appIcon, ariadescribedby, autoComplete, className, classNameWrapper, id, name, onChange, onKeyUp, placeholder, type, value }: Proptype): JSX.Element;
 export default AppInput;

package/dist/components/AppInput.js

@@ -11,9 +11,9 @@ var __assign = (this && this.__assign) || function () {
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 function AppInput(_a) {
-    var appIcon = _a.appIcon, ariadescribedby = _a.ariadescribedby, _b = _a.autoComplete, autoComplete = _b === void 0 ? true : _b, className = _a.className, classNameWrapper = _a.classNameWrapper, id = _a.id, name = _a.name, onChange = _a.onChange, placeholder = _a.placeholder, _c = _a.type, type = _c === void 0 ? 'text' : _c, value = _a.value;
+    var appIcon = _a.appIcon, ariadescribedby = _a.ariadescribedby, _b = _a.autoComplete, autoComplete = _b === void 0 ? true : _b, className = _a.className, classNameWrapper = _a.classNameWrapper, id = _a.id, name = _a.name, onChange = _a.onChange, onKeyUp = _a.onKeyUp, placeholder = _a.placeholder, _c = _a.type, type = _c === void 0 ? 'text' : _c, value = _a.value;
     var classWrap = classNameWrapper ? "form-group AppInput_form " + classNameWrapper : 'form-group AppInput_form';
-    return (_jsxs("div", __assign({ className: classWrap }, { children: [_jsx("input", { autoComplete: autoComplete ? 'on' : 'off', "aria-describedby": ariadescribedby, className: "form-control " + (className !== null && className !== void 0 ? className : ''), id: id, name: name, onChange: onChange, placeholder: placeholder, type: type, value: value }, void 0), appIcon] }), void 0));
+    return (_jsxs("div", __assign({ className: classWrap }, { children: [_jsx("input", { autoComplete: autoComplete ? 'on' : 'off', "aria-describedby": ariadescribedby, className: "form-control " + (className !== null && className !== void 0 ? className : ''), id: id, name: name, onChange: onChange, onKeyUp: onKeyUp, placeholder: placeholder, type: type, value: value }, void 0), appIcon] }), void 0));
 }
 export default AppInput;
 //# sourceMappingURL=AppInput.js.map

package/dist/components/AppInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"AppInput.js","sourceRoot":"","sources":["../../src/lib/components/AppInput.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAwCA,SAAS,QAAQ,CAAC,EAA+I;QAA7I,OAAO,aAAA,EAAE,eAAe,qBAAA,EAAE,oBAAmB,EAAnB,YAAY,mBAAG,IAAI,KAAA,EAAE,SAAS,eAAA,EAAE,gBAAgB,sBAAA,EAAE,EAAE,QAAA,EAAE,IAAI,UAAA,EAAE,QAAQ,cAAA,EAAE,WAAW,iBAAA,EAAE,YAAa,EAAb,IAAI,mBAAG,MAAM,KAAA,EAAE,KAAK,WAAA;IACnJ,IAAM,SAAS,GAAG,gBAAgB,CAAC,CAAC,CAAC,8BAA4B,gBAAkB,CAAC,CAAC,CAAC,0BAA0B,CAAC;IACjH,OAAO,CACL,wBAAK,SAAS,EAAE,SAAS,iBACvB,gBACE,YAAY,EAAE,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,sBACvB,eAAe,EACjC,SAAS,EAAE,mBAAgB,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,EAAE,CAAE,EAC5C,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,WAAI,EACjB,OAAO,aACJ,CACP,CAAC;AACJ,CAAC;AAED,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"AppInput.js","sourceRoot":"","sources":["../../src/lib/components/AppInput.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAyCA,SAAS,QAAQ,CAAC,EAAwJ;QAAtJ,OAAO,aAAA,EAAE,eAAe,qBAAA,EAAE,oBAAmB,EAAnB,YAAY,mBAAG,IAAI,KAAA,EAAE,SAAS,eAAA,EAAE,gBAAgB,sBAAA,EAAE,EAAE,QAAA,EAAE,IAAI,UAAA,EAAE,QAAQ,cAAA,EAAE,OAAO,aAAA,EAAE,WAAW,iBAAA,EAAE,YAAa,EAAb,IAAI,mBAAG,MAAM,KAAA,EAAE,KAAK,WAAA;IAC5J,IAAM,SAAS,GAAG,gBAAgB,CAAC,CAAC,CAAC,8BAA4B,gBAAkB,CAAC,CAAC,CAAC,0BAA0B,CAAC;IACjH,OAAO,CACL,wBAAK,SAAS,EAAE,SAAS,iBACvB,gBACE,YAAY,EAAE,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,sBACvB,eAAe,EACjC,SAAS,EAAE,mBAAgB,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,EAAE,CAAE,EAC5C,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,WAAW,EACxB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,WAAI,EACjB,OAAO,aACJ,CACP,CAAC;AACJ,CAAC;AAED,eAAe,QAAQ,CAAC"}

package/dist/styles/syncfusion_bootstrap4.css

@@ -2,5 +2,9 @@
 .e-spinner-pane {
   background-color: rgba(0, 0, 0, 0.15);
   z-index: 10000;
-  height: 100000px;
+  height: 10000px;
+}
+
+.e-spinner-pane .e-spinner-inner {
+  top: 250px;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@firedesktop/react-base",
-  "version": "1.22.2",
+  "version": "1.22.4",
   "license": "ISC",
   "main": "dist/index.js",
   "description": "This is the FireDesktop base package used to support every React Project in this Company.",
@@ -8,21 +8,21 @@
   "repository": "https://firedesktopDevOps@dev.azure.com/firedesktopDevOps/baseFEComponents/_git/baseFEComponents",
   "dependencies": {
     "@syncfusion/ej2-react-notifications": "19.1.54",
-    "@syncfusion/ej2-popups": "19.1.54"
+    "@syncfusion/ej2-popups": "19.1.59"
   },
   "devDependencies": {
-    "@babel/cli": "7.13.14",
-    "@babel/core": "7.13.14",
+    "@babel/cli": "7.13.16",
+    "@babel/core": "7.14.0",
     "@babel/plugin-proposal-class-properties": "7.13.0",
     "@babel/plugin-transform-arrow-functions": "7.13.0",
     "@babel/preset-typescript": "7.13.0",
-    "@testing-library/jest-dom": "5.11.10",
+    "@testing-library/jest-dom": "5.12.0",
     "@testing-library/react": "11.2.6",
-    "@testing-library/user-event": "13.1.1",
-    "@types/jest": "26.0.22",
-    "@types/node": "14.14.37",
-    "@types/react": "17.0.3",
-    "@types/react-dom": "17.0.3",
+    "@testing-library/user-event": "13.1.8",
+    "@types/jest": "26.0.23",
+    "@types/node": "15.0.2",
+    "@types/react": "17.0.5",
+    "@types/react-dom": "17.0.4",
     "@types/react-redux": "7.1.16",
     "babel-plugin-minify-builtins": "0.5.0",
     "babel-preset-minify": "0.5.1",
@@ -30,10 +30,10 @@
     "copyfiles": "2.4.1",
     "react": "17.0.2",
     "react-dom": "17.0.2",
-    "react-redux": "7.2.3",
+    "react-redux": "7.2.4",
     "react-scripts": "4.0.3",
     "typescript": "4.2.4",
-    "web-vitals": "1.1.1"
+    "web-vitals": "1.1.2"
   },
   "peerDependencies": {
     "bootstrap": ">=4.5.3",

package/src/lib/components/AppInput.tsx

@@ -33,12 +33,13 @@ type Proptype = {
   id?: string;
   name?: string;
   onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+  onKeyUp?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
   placeholder?: string;
   type?: AppInputType_Type;
   value?: string | number;
 };
 
-function AppInput({ appIcon, ariadescribedby, autoComplete = true, className, classNameWrapper, id, name, onChange, placeholder, type = 'text', value }: Proptype) {
+function AppInput({ appIcon, ariadescribedby, autoComplete = true, className, classNameWrapper, id, name, onChange, onKeyUp, placeholder, type = 'text', value }: Proptype) {
   const classWrap = classNameWrapper ? `form-group AppInput_form ${classNameWrapper}` : 'form-group AppInput_form';
   return (
     <div className={classWrap}>
@@ -49,6 +50,7 @@ function AppInput({ appIcon, ariadescribedby, autoComplete = true, className, cl
         id={id}
         name={name}
         onChange={onChange}
+        onKeyUp={onKeyUp}
         placeholder={placeholder}
         type={type}
         value={value} />

package/src/lib/styles/syncfusion_bootstrap4.css

@@ -2,5 +2,9 @@
 .e-spinner-pane {
   background-color: rgba(0, 0, 0, 0.15);
   z-index: 10000;
-  height: 100000px;
+  height: 10000px;
+}
+
+.e-spinner-pane .e-spinner-inner {
+  top: 250px;
 }