@firedesktop/react-base 1.22.2 → 1.22.3

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 (5) hide show
  1. package/dist/components/AppInput.d.ts +2 -1
  2. package/dist/components/AppInput.js +2 -2
  3. package/dist/components/AppInput.js.map +1 -1
  4. package/package.json +3 -3
  5. package/src/lib/components/AppInput.tsx +3 -1
package/dist/components/AppInput.d.ts CHANGED
@@ -9,9 +9,10 @@ declare type Proptype = {
9
9
  id?: string;
10
10
  name?: string;
11
11
  onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
12
+ onKeyUp?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
12
13
  placeholder?: string;
13
14
  type?: AppInputType_Type;
14
15
  value?: string | number;
15
16
  };
16
- declare function AppInput({ appIcon, ariadescribedby, autoComplete, className, classNameWrapper, id, name, onChange, placeholder, type, value }: Proptype): JSX.Element;
17
+ declare function AppInput({ appIcon, ariadescribedby, autoComplete, className, classNameWrapper, id, name, onChange, onKeyUp, placeholder, type, value }: Proptype): JSX.Element;
17
18
  export default AppInput;
package/dist/components/AppInput.js CHANGED
@@ -11,9 +11,9 @@ var __assign = (this && this.__assign) || function () {
11
11
  };
12
12
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
13
13
  function AppInput(_a) {
14
- 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;
14
+ 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;
15
15
  var classWrap = classNameWrapper ? "form-group AppInput_form " + classNameWrapper : 'form-group AppInput_form';
16
- 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));
16
+ 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));
17
17
  }
18
18
  export default AppInput;
19
19
  //# sourceMappingURL=AppInput.js.map
package/dist/components/AppInput.js.map CHANGED
@@ -1 +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"}
1
+ {"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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@firedesktop/react-base",
3
- "version": "1.22.2",
3
+ "version": "1.22.3",
4
4
  "license": "ISC",
5
5
  "main": "dist/index.js",
6
6
  "description": "This is the FireDesktop base package used to support every React Project in this Company.",
@@ -12,13 +12,13 @@
12
12
  },
13
13
  "devDependencies": {
14
14
  "@babel/cli": "7.13.14",
15
- "@babel/core": "7.13.14",
15
+ "@babel/core": "7.13.15",
16
16
  "@babel/plugin-proposal-class-properties": "7.13.0",
17
17
  "@babel/plugin-transform-arrow-functions": "7.13.0",
18
18
  "@babel/preset-typescript": "7.13.0",
19
19
  "@testing-library/jest-dom": "5.11.10",
20
20
  "@testing-library/react": "11.2.6",
21
- "@testing-library/user-event": "13.1.1",
21
+ "@testing-library/user-event": "13.1.2",
22
22
  "@types/jest": "26.0.22",
23
23
  "@types/node": "14.14.37",
24
24
  "@types/react": "17.0.3",
package/src/lib/components/AppInput.tsx CHANGED
@@ -33,12 +33,13 @@ type Proptype = {
33
33
  id?: string;
34
34
  name?: string;
35
35
  onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
36
+ onKeyUp?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
36
37
  placeholder?: string;
37
38
  type?: AppInputType_Type;
38
39
  value?: string | number;
39
40
  };
40
41
 
41
- function AppInput({ appIcon, ariadescribedby, autoComplete = true, className, classNameWrapper, id, name, onChange, placeholder, type = 'text', value }: Proptype) {
42
+ function AppInput({ appIcon, ariadescribedby, autoComplete = true, className, classNameWrapper, id, name, onChange, onKeyUp, placeholder, type = 'text', value }: Proptype) {
42
43
  const classWrap = classNameWrapper ? `form-group AppInput_form ${classNameWrapper}` : 'form-group AppInput_form';
43
44
  return (
44
45
  <div className={classWrap}>
@@ -49,6 +50,7 @@ function AppInput({ appIcon, ariadescribedby, autoComplete = true, className, cl
49
50
  id={id}
50
51
  name={name}
51
52
  onChange={onChange}
53
+ onKeyUp={onKeyUp}
52
54
  placeholder={placeholder}
53
55
  type={type}
54
56
  value={value} />