@firedesktop/react-base 1.27.0 → 1.29.0

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 (6) hide show
  1. package/dist/utils/DateUtils.d.ts +1 -1
  2. package/dist/utils/DateUtils.js +17 -2
  3. package/dist/utils/DateUtils.js.map +1 -1
  4. package/package.json +12 -12
  5. package/src/lib/components/AppInput.tsx +3 -1
  6. package/src/lib/utils/DateUtils.ts +21 -3
package/dist/utils/DateUtils.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  export default function DateUtils(): {
2
2
  dateToString: (inComingDate: string | Date, locale?: string) => String;
3
- dateToString_Italian: (inComingDate: string | Date | undefined, separator: string) => string;
3
+ dateToString_Italian: (inComingDate: string | Date | undefined, separator: string, time: 'HH:mm' | 'HH:mm:ss' | undefined) => string;
4
4
  isoStringToDate: (value: string | undefined) => Date | undefined;
5
5
  };
package/dist/utils/DateUtils.js CHANGED
@@ -10,25 +10,40 @@ export default function DateUtils() {
10
10
  catch (err) { }
11
11
  return '';
12
12
  };
13
- var dateToString_Italian = function (inComingDate, separator) {
13
+ var dateToString_Italian = function (inComingDate, separator, time) {
14
14
  if (!inComingDate)
15
15
  return '';
16
16
  try {
17
17
  var day = 0;
18
18
  var month = 0;
19
19
  var year = 0;
20
+ var hour = 0;
21
+ var minutes = 0;
22
+ var seconds = 0;
20
23
  if (inComingDate instanceof Date) {
21
24
  day = inComingDate.getDate();
22
25
  month = inComingDate.getMonth();
23
26
  year = inComingDate.getFullYear();
27
+ hour = inComingDate.getHours();
28
+ minutes = inComingDate.getMinutes();
29
+ seconds = inComingDate.getSeconds();
24
30
  }
25
31
  else {
26
32
  var newD = new Date(inComingDate);
27
33
  day = newD.getDate();
28
34
  month = newD.getMonth();
29
35
  year = newD.getFullYear();
36
+ hour = newD.getHours();
37
+ minutes = newD.getMinutes();
38
+ seconds = newD.getSeconds();
30
39
  }
31
- return "".concat(('' + day).padStart(2, '0')).concat(separator).concat(('' + (month + 1)).padStart(2, '0')).concat(separator).concat(year);
40
+ var value = "".concat(('' + day).padStart(2, '0')).concat(separator).concat(('' + (month + 1)).padStart(2, '0')).concat(separator).concat(year);
41
+ if (time) {
42
+ value += " ".concat(('' + hour).padStart(2, '0'), ":").concat(('' + minutes).padStart(2, '0'));
43
+ if (time === 'HH:mm:ss')
44
+ value += ":".concat(('' + seconds).padStart(2, '0'));
45
+ }
46
+ return value;
32
47
  }
33
48
  catch (err) { }
34
49
  return '';
package/dist/utils/DateUtils.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"DateUtils.js","sourceRoot":"","sources":["../../src/lib/utils/DateUtils.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,OAAO,UAAU,SAAS;IAW7B,IAAM,YAAY,GAAG,UAAC,YAA2B,EAAE,MAAqB;QAArB,uBAAA,EAAA,aAAqB;QACpE,IAAI;YACA,IAAI,YAAY,YAAY,IAAI;gBAC5B,OAAO,IAAI,IAAI,CAAC,cAAc,CAAC,MAAM,EAAE,EAEtC,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;;gBAExB,OAAO,IAAI,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,IAAI,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC;SAC7E;QAAC,OAAO,GAAG,EAAE,GAAG;QAEjB,OAAO,EAAE,CAAC;IACd,CAAC,CAAC;IAEF,IAAM,oBAAoB,GAAG,UAAC,YAAuC,EAAE,SAAiB;QAEpF,IAAI,CAAC,YAAY;YACb,OAAO,EAAE,CAAC;QAEd,IAAI;YACA,IAAI,GAAG,GAAG,CAAC,CAAC;YACZ,IAAI,KAAK,GAAG,CAAC,CAAC;YACd,IAAI,IAAI,GAAG,CAAC,CAAC;YAEb,IAAI,YAAY,YAAY,IAAI,EAAE;gBAC9B,GAAG,GAAG,YAAY,CAAC,OAAO,EAAE,CAAC;gBAC7B,KAAK,GAAG,YAAY,CAAC,QAAQ,EAAE,CAAC;gBAChC,IAAI,GAAG,YAAY,CAAC,WAAW,EAAE,CAAC;aACrC;iBACI;gBACD,IAAM,IAAI,GAAG,IAAI,IAAI,CAAC,YAAY,CAAC,CAAC;gBACpC,GAAG,GAAG,IAAI,CAAC,OAAO,EAAE,CAAC;gBACrB,KAAK,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC;gBACxB,IAAI,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC;aAC7B;YAED,OAAO,UAAG,CAAC,EAAE,GAAG,GAAG,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,SAAG,SAAS,SAAG,CAAC,EAAE,GAAG,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,SAAG,SAAS,SAAG,IAAI,CAAE,CAAC;SAChH;QAAC,OAAO,GAAG,EAAE,GAAG;QAEjB,OAAO,EAAE,CAAC;IACd,CAAC,CAAC;IAEF,IAAM,eAAe,GAAG,UAAC,KAAyB;QAC9C,IAAI,CAAC,KAAK;YACN,OAAO,SAAS,CAAC;QAErB,IAAI;YACA,OAAO,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC;SAC1B;QAAC,OAAO,GAAG,EAAE,GAAG;QAEjB,OAAO,SAAS,CAAC;IACrB,CAAC,CAAC;IAEF,OAAO;QACH,YAAY,cAAA;QACZ,oBAAoB,sBAAA;QACpB,eAAe,iBAAA;KAClB,CAAC;AACN,CAAC"}
1
+ {"version":3,"file":"DateUtils.js","sourceRoot":"","sources":["../../src/lib/utils/DateUtils.ts"],"names":[],"mappings":"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"}
package/package.json CHANGED
@@ -1,29 +1,29 @@
1
1
  {
2
2
  "name": "@firedesktop/react-base",
3
- "version": "1.27.0",
3
+ "version": "1.29.0",
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.",
7
7
  "author": "alessandro.gambaro",
8
8
  "repository": "https://firedesktopDevOps@dev.azure.com/firedesktopDevOps/baseFEComponents/_git/baseFEComponents",
9
9
  "dependencies": {
10
- "@syncfusion/ej2-popups": "19.4.38",
10
+ "@syncfusion/ej2-popups": "19.4.41",
11
11
  "@syncfusion/ej2-react-notifications": "19.4.38"
12
12
  },
13
13
  "devDependencies": {
14
- "@babel/cli": "7.16.0",
15
- "@babel/core": "7.16.5",
16
- "@babel/plugin-proposal-class-properties": "7.16.5",
17
- "@babel/plugin-transform-arrow-functions": "7.16.5",
18
- "@babel/preset-typescript": "7.16.5",
14
+ "@babel/cli": "7.16.7",
15
+ "@babel/core": "7.16.7",
16
+ "@babel/plugin-proposal-class-properties": "7.16.7",
17
+ "@babel/plugin-transform-arrow-functions": "7.16.7",
18
+ "@babel/preset-typescript": "7.16.7",
19
19
  "@testing-library/jest-dom": "5.16.1",
20
20
  "@testing-library/react": "12.1.2",
21
21
  "@testing-library/user-event": "13.5.0",
22
- "@types/jest": "27.0.3",
23
- "@types/node": "17.0.1",
24
- "@types/react": "17.0.37",
22
+ "@types/jest": "27.4.0",
23
+ "@types/node": "17.0.8",
24
+ "@types/react": "17.0.38",
25
25
  "@types/react-dom": "17.0.11",
26
- "@types/react-redux": "7.1.20",
26
+ "@types/react-redux": "7.1.21",
27
27
  "babel-plugin-minify-builtins": "0.5.0",
28
28
  "babel-preset-minify": "0.5.1",
29
29
  "bootstrap": "4.6.0",
@@ -64,4 +64,4 @@
64
64
  "last 1 safari version"
65
65
  ]
66
66
  }
67
- }
67
+ }
package/src/lib/components/AppInput.tsx CHANGED
@@ -35,11 +35,12 @@ type Proptype = {
35
35
  onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
36
36
  onKeyUp?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
37
37
  placeholder?: string;
38
+ ref?: React.LegacyRef<HTMLInputElement>
38
39
  type?: AppInputType_Type;
39
40
  value?: string | number;
40
41
  };
41
42
 
42
- function AppInput({ appIcon, ariadescribedby, autoComplete = true, className, classNameWrapper, id, name, onChange, onKeyUp, placeholder, type = 'text', value }: Proptype) {
43
+ function AppInput({ appIcon, ariadescribedby, autoComplete = true, className, classNameWrapper, id, name, onChange, onKeyUp, placeholder, ref, type = 'text', value }: Proptype) {
43
44
  const classWrap = classNameWrapper ? `form-group AppInput_form ${classNameWrapper}` : 'form-group AppInput_form';
44
45
  return (
45
46
  <div className={classWrap}>
@@ -52,6 +53,7 @@ function AppInput({ appIcon, ariadescribedby, autoComplete = true, className, cl
52
53
  onChange={onChange}
53
54
  onKeyUp={onKeyUp}
54
55
  placeholder={placeholder}
56
+ ref={ref}
55
57
  type={type}
56
58
  value={value} />
57
59
  {appIcon}
package/src/lib/utils/DateUtils.ts CHANGED
@@ -22,8 +22,8 @@ export default function DateUtils() {
22
22
  return '';
23
23
  };
24
24
 
25
- const dateToString_Italian = (inComingDate: string | Date | undefined, separator: string): string => {
26
-
25
+ const dateToString_Italian = (inComingDate: string | Date | undefined, separator: string,
26
+ time: 'HH:mm' | 'HH:mm:ss' | undefined): string => {
27
27
  if (!inComingDate)
28
28
  return '';
29
29
 
@@ -31,20 +31,38 @@ export default function DateUtils() {
31
31
  let day = 0;
32
32
  let month = 0;
33
33
  let year = 0;
34
+ let hour = 0;
35
+ let minutes = 0;
36
+ let seconds = 0;
34
37
 
35
38
  if (inComingDate instanceof Date) {
36
39
  day = inComingDate.getDate();
37
40
  month = inComingDate.getMonth();
38
41
  year = inComingDate.getFullYear();
42
+
43
+ hour = inComingDate.getHours();
44
+ minutes = inComingDate.getMinutes();
45
+ seconds = inComingDate.getSeconds();
39
46
  }
40
47
  else {
41
48
  const newD = new Date(inComingDate);
42
49
  day = newD.getDate();
43
50
  month = newD.getMonth();
44
51
  year = newD.getFullYear();
52
+
53
+ hour = newD.getHours();
54
+ minutes = newD.getMinutes();
55
+ seconds = newD.getSeconds();
45
56
  }
46
57
 
47
- return `${('' + day).padStart(2, '0')}${separator}${('' + (month + 1)).padStart(2, '0')}${separator}${year}`;
58
+ let value = `${('' + day).padStart(2, '0')}${separator}${('' + (month + 1)).padStart(2, '0')}${separator}${year}`;
59
+
60
+ if (time) {
61
+ value += ` ${('' + hour).padStart(2, '0')}:${('' + minutes).padStart(2, '0')}`;
62
+ if (time === 'HH:mm:ss')
63
+ value += `:${('' + seconds).padStart(2, '0')}`;
64
+ }
65
+ return value;
48
66
  } catch (err) { }
49
67
 
50
68
  return '';