loon-bulma-react 2023.0.12 → 2023.0.13

package/dist/utils/JSDateTime.class.d.ts

@@ -23,6 +23,20 @@ declare type JSChangeDateTimeType = {
     /** number of seconds to add or subtract */ seconds?: number;
     /** number of milliseconds to add or subtract */ milliseconds?: number;
 };
+declare type JSDateTimeInfoType = {
+    year: JSDateTimeYearInfoType;
+    month: JSDateTimeMonthInfoType;
+};
+declare type JSDateTimeYearInfoType = JSDateTimeMonthInfoType & {
+    isLeapYear: boolean;
+};
+declare type JSDateTimeMonthInfoType = {
+    days: number;
+    hours: number;
+    minutes: number;
+    seconds: number;
+    milliseconds: number;
+};
 /**
  * @class JSDateTime
  * @summary
@@ -161,6 +175,8 @@ declare class JSDateTime {
    * @return
    */
     private intlDtf;
+    /** @return information about this date's year or month. Information like numver of days, hours, etc */
+    get info(): JSDateTimeInfoType;
     /** @return is JSDateTime in a leap-year (true/false) */
     get isLeapYear(): boolean;
     /** @return is JSDateTime AM (true) or PM (false) */

package/dist/utils/JSDuration.class.d.ts

@@ -0,0 +1,82 @@
+import { JSDateTime } from "./JSDateTime.class";
+declare class JSDuration {
+    /** een van de 2 JSDateTimes om te vergelijken */ private jsdate1;
+    /** een van de 2 JSDateTimes om te vergelijken */ private jsdate2;
+    /**
+     * Constructor voor een JSDuration. Gebruik om het verschil in tijd tussen 2 JSDateTimes of Dates te berekenen.
+     *
+     * @param jsd1 de 1e JSDateTime/Date om het verschil mee uit te rekenen.
+     * @param jsd2 (optioneel) de andere JSDateTime/Date om het verschil mee te berekenen (default = Date.now())
+     *
+     * @example
+     * // verschil tussen 01-01-1970 & NU
+     * const dur = new JSDuration(JSDateTime.epoch());
+     * @example
+     * // verschil tussen nu en 1 dag, 30min later
+     * let dur = new JSDuration(JSDateTime.now(), JSDateTime.now().plus({ days: 1, minutes: 30 }));
+     * console.log(dur.inDays); // 1
+     * console.log(dur.differenceIn(['hours', 'minutes']))
+     * // { hours: 24, minutes: 30 }
+     *
+     * let dur = new JSDuration(JSDateTime.now(), JSDateTime.now().plus({ days: 1, minutes: 30, seconds: 30 }));
+     * console.log(dur.differenceIn(['hours', 'minutes']))
+     * // { hours: 24, minutes: 30, rest: 30_000 }
+     */
+    constructor(jsd1: Date | JSDateTime, jsd2?: Date | JSDateTime);
+    /** @returns aantal absolute milliseconden tussen de twee JSDateTimes van deze duration (altijd positief) */
+    private get ms();
+    /** @returns aantal milliseconden tussen de twee datums. */
+    get inMillis(): number;
+    /** @returns aantal HELE seconden tussen de twee datums. */
+    get inSeconds(): number;
+    /** @returns aantal HELE minuten tussen de twee datums. */
+    get inMinutes(): number;
+    /** @returns aantal HELE uren tussen de twee datums. */
+    get inHours(): number;
+    /** @returns aantal HELE dagen tussen de twee datums. */
+    get inDays(): number;
+    /** @returns aantal HELE weken tussen de twee datums. */
+    get inWeeks(): number;
+    /** @returns een overzicht van alle gehele waarden tussen de twee datums  */
+    get inAllTypes(): {
+        milliseconds: number;
+        seconds: number;
+        minutes: number;
+        hours: number;
+        days: number;
+        weeks: number;
+    };
+    /**
+     * Bereken het verschil tussen de twee datums in de gewenste types.
+     * Dat is het verschil tov de inXXX-get-functions, die geven alleen het verschil in gehele
+     * eenheden van dat type
+     * @todo: TODO: maanden en jaren nog niet goed
+     * @param types een array van de gewenste types
+     * @returns {DiffReturnType}een object met daarin de waarden van de gewenste types
+     * @example
+     * const dur = new JSDuration(JSDateTime.now(), JSDateTime.now().plus({ days: 1, minutes: 30 }));
+     * dur.differenceIn(['hours', 'minutes']);  // { hours: 24, minutes: 30 }
+     * dur.differenceIn(['days', 'minutes']);   // { days: 1, minutes: 30 }
+     * dur.differenceIn(['hours']);             // { hours: 24, rest: 1_800_000 }
+     */
+    differenceIn(types: DiffFnType[]): DiffReturnType;
+}
+declare type DiffFnType = 'weeks' | 'days' | 'hours' | 'minutes' | 'seconds' | 'milliseconds';
+declare type DiffReturnType = {
+    /** number of milliseconds in this difference */
+    milliseconds?: number;
+    /** number of seconds in this difference */
+    seconds?: number;
+    /** number of minutes in this difference */
+    minutes?: number;
+    /** number of hours in this difference */
+    hours?: number;
+    /** number of days in this difference */
+    days?: number;
+    /** number of weeks in this difference */
+    weeks?: number;
+    /** number of milliseconds left after subtracting all other wanted date-parts */
+    rest?: number;
+};
+export { JSDuration };
+export type { DiffFnType };

package/dist/utils/JSDuration.d.ts

@@ -50,6 +50,7 @@ declare class JSDuration {
      * Bereken het verschil tussen de twee datums in de gewenste types.
      * Dat is het verschil tov de inXXX-get-functions, die geven alleen het verschil in gehele
      * eenheden van dat type
+     * @todo: TODO: maanden en jaren nog niet goed
      * @param types een array van de gewenste types
      * @returns {DiffReturnType}een object met daarin de waarden van de gewenste types
      * @example
@@ -60,7 +61,7 @@ declare class JSDuration {
      */
     differenceIn(types: DiffFnType[]): DiffReturnType;
 }
-declare type DiffFnType = 'years' | 'months' | 'weeks' | 'days' | 'hours' | 'minutes' | 'seconds' | 'milliseconds';
+declare type DiffFnType = 'weeks' | 'days' | 'hours' | 'minutes' | 'seconds' | 'milliseconds';
 declare type DiffReturnType = {
     /** number of milliseconds in this difference */
     milliseconds?: number;
@@ -74,10 +75,6 @@ declare type DiffReturnType = {
     days?: number;
     /** number of weeks in this difference */
     weeks?: number;
-    /** number of months in this difference */
-    months?: number;
-    /** number of years in this difference */
-    years?: number;
     /** number of milliseconds left after subtracting all other wanted date-parts */
     rest?: number;
 };

package/dist/utils/index.d.ts

@@ -1,3 +1,4 @@
 export * from './JSDateTime.class';
+export * from './JSDuration.class';
 export * from './hasBSN.function';
 export * from './calculateTxtColor.function';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "loon-bulma-react",
-  "version": "2023.0.12",
+  "version": "2023.0.13",
   "description": "Bulma & ReactJS componenten voor Loon Salarissoftware",
   "author": "timroos1990",
   "license": "MIT",
@@ -39,12 +39,12 @@
     "@testing-library/react": "^13.4.0",
     "@testing-library/user-event": "^14.4.3",
     "@types/jest": "^29.2.4",
-    "@types/node": "^18.11.11",
+    "@types/node": "^18.11.15",
     "@types/react": "^18.0.26",
     "@types/react-dom": "^18.0.9",
     "@types/warning": "^3.0.0",
-    "@typescript-eslint/eslint-plugin": "^5.45.1",
-    "@typescript-eslint/parser": "^5.45.1",
+    "@typescript-eslint/eslint-plugin": "^5.46.1",
+    "@typescript-eslint/parser": "^5.46.1",
     "@yaireo/ui-range": "^2.1.15",
     "cross-env": "^7.0.3",
     "eslint": "^8.29.0",
@@ -63,12 +63,12 @@
     "npm-run-all": "^4.1.5",
     "postcss-normalize": "^10.0.1",
     "postcss-preset-env": "^7.8.3",
-    "prettier": "^2.8.0",
+    "prettier": "^2.8.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
-    "sass": "^1.56.1",
-    "typescript": "^4.9.3",
+    "sass": "^1.56.2",
+    "typescript": "^4.9.4",
     "warning": "^4.0.3",
     "webpack-bundle-analyzer": "^4.7.0"
   },