@hortiview/shared-components 2.6.1 → 2.8.0

package/dist/main.js

@@ -2,22 +2,22 @@ import { A as e } from "./AlertBanner-JnX0tJGC.js";
 import { LinkBanner as m } from "./components/AlertBanner/LinkBanner.js";
 import { BaseView as f } from "./components/BaseView/BaseView.js";
 import { BasicHeading as a } from "./components/BasicHeading/BasicHeading.js";
-import { BlockView as l } from "./components/BlockView/BlockView.js";
-import { ChipCard as A } from "./components/ChipCard/ChipCard.js";
-import { ContextMenu as d } from "./components/ContextMenu/ContextMenu.js";
-import { DeleteModal as S } from "./components/DeleteModal/DeleteModal.js";
-import { DetailContentWrapper as E } from "./components/DetailContentWrapper/DetailContentWrapper.js";
-import { Disclaimer as _ } from "./components/Disclaimer/Disclaimer.js";
-import { EmptyView as F } from "./components/EmptyView/EmptyView.js";
+import { BlockView as A } from "./components/BlockView/BlockView.js";
+import { ChipCard as n } from "./components/ChipCard/ChipCard.js";
+import { ContextMenu as E } from "./components/ContextMenu/ContextMenu.js";
+import { DeleteModal as c } from "./components/DeleteModal/DeleteModal.js";
+import { DetailContentWrapper as _ } from "./components/DetailContentWrapper/DetailContentWrapper.js";
+import { Disclaimer as s } from "./components/Disclaimer/Disclaimer.js";
+import { EmptyView as G } from "./components/EmptyView/EmptyView.js";
 import { Filter as D } from "./components/Filter/Filter.js";
-import { FormattedNumberDisplay as C } from "./components/FormattedNumberDisplay/FormattedNumberDisplay.js";
-import { GenericTable as b } from "./components/GenericTable/GenericTable.js";
-import { HashTabView as T } from "./components/HashTabView/HashTabView.js";
-import { HeaderFilter as U } from "./components/HeaderFilter/HeaderFilter.js";
-import { HealthCheckFailed as h } from "./components/HealthCheckFailed/HealthCheckFailed.js";
-import { Iconify as O } from "./components/Iconify/Iconify.js";
-import { InfoGroup as k } from "./components/InfoGroup/InfoGroup.js";
-import { ListArea as R } from "./components/ListArea/ListArea.js";
+import { FormattedNumberDisplay as M } from "./components/FormattedNumberDisplay/FormattedNumberDisplay.js";
+import { GenericTable as B } from "./components/GenericTable/GenericTable.js";
+import { HashTabView as O } from "./components/HashTabView/HashTabView.js";
+import { HeaderFilter as u } from "./components/HeaderFilter/HeaderFilter.js";
+import { HealthCheckFailed as H } from "./components/HealthCheckFailed/HealthCheckFailed.js";
+import { Iconify as V } from "./components/Iconify/Iconify.js";
+import { InfoGroup as P } from "./components/InfoGroup/InfoGroup.js";
+import { ListArea as w } from "./components/ListArea/ListArea.js";
 import { LoadingSpinner as y } from "./components/LoadingSpinner/Default/LoadingSpinner.js";
 import { Modal as K } from "./components/Modal/Modal.js";
 import { ModulePadding as W } from "./components/ModulePadding/ModulePadding.js";
@@ -29,76 +29,83 @@ import { SearchBar as tr } from "./components/SearchBar/SearchBar.js";
 import { Select as pr } from "./components/Select/Select.js";
 import { StepperHeader as xr } from "./components/Stepper/components/StepperHeader.js";
 import { StepperIndicator as ir } from "./components/Stepper/components/StepperIndicator.js";
-import { Stepper as nr } from "./components/Stepper/Stepper.js";
-import { VerticalDivider as cr } from "./components/VerticalDivider/VerticalDivider.js";
-import { FormCheckBox as Lr } from "./components/FormComponents/FormCheckBox/FormCheckBox.js";
-import { FormDatePicker as sr } from "./components/FormComponents/FormDatePicker/FormDatePicker.js";
-import { FormNumber as Gr } from "./components/FormComponents/FormNumber/FormNumber.js";
-import { FormRadio as Ir } from "./components/FormComponents/FormRadio/FormRadio.js";
-import { FormSelect as Nr } from "./components/FormComponents/FormSelect/FormSelect.js";
-import { FormSlider as Br } from "./components/FormComponents/FormSlider/FormSlider.js";
+import { Stepper as lr } from "./components/Stepper/Stepper.js";
+import { VerticalDivider as dr } from "./components/VerticalDivider/VerticalDivider.js";
+import { FormCheckBox as Sr } from "./components/FormComponents/FormCheckBox/FormCheckBox.js";
+import { FormDatePicker as Lr } from "./components/FormComponents/FormDatePicker/FormDatePicker.js";
+import { FormNumber as Fr } from "./components/FormComponents/FormNumber/FormNumber.js";
+import { FormRadio as Tr } from "./components/FormComponents/FormRadio/FormRadio.js";
+import { FormSelect as Ir } from "./components/FormComponents/FormSelect/FormSelect.js";
+import { FormSlider as Nr } from "./components/FormComponents/FormSlider/FormSlider.js";
 import { FormText as gr } from "./components/FormComponents/FormText/FormText.js";
-import { FormToggle as ur } from "./components/FormComponents/FormToggle/FormToggle.js";
-import { AvailableCustomIcons as Hr } from "./enums/AvailableCustomIcons.js";
-import { ThemeColor as Vr } from "./enums/ThemeColor.js";
-import { u as Mr } from "./useBreakpoints-MzTZ0tCT.js";
-import { capitalizeFirstLetters as Pr, getNumberAsLocaleString as kr, trimLeadingAndTrailingSpaces as wr } from "./services/UtilService.js";
-import { AVAILABLE_COUNTRY_KEYS as vr, AVAILABLE_LOCALES as yr, ENGLISH_LANGUAGE_ID as Yr, GERMAN_LANGUAGE_ID as Kr, LANGUAGE_CODES_MAPPER as zr, LANGUAGE_ID_MAPPER as Wr, SPANISH_LANGUAGE_ID as Xr, TURKISH_LANGUAGE_ID as jr } from "./types/Languages.js";
+import { FormToggle as Cr } from "./components/FormComponents/FormToggle/FormToggle.js";
+import { SafeForm as br } from "./components/SafeForm/SafeForm.js";
+import { AvailableCustomIcons as Rr } from "./enums/AvailableCustomIcons.js";
+import { ThemeColor as Ur } from "./enums/ThemeColor.js";
+import { u as hr } from "./useBreakpoints-MzTZ0tCT.js";
+import { capitalizeFirstLetters as kr, getFormattedDateTime as wr, getNumberAsLocaleString as vr, trimLeadingAndTrailingSpaces as yr } from "./services/UtilService.js";
+import { DATE_FORMAT as Kr, DATE_TIME_FORMAT as zr, TIME_FORMAT as Wr } from "./types/Time.js";
+import { AVAILABLE_COUNTRY_KEYS as jr, AVAILABLE_LOCALES as qr, ENGLISH_LANGUAGE_ID as Jr, GERMAN_LANGUAGE_ID as Qr, LANGUAGE_CODES_MAPPER as Zr, LANGUAGE_ID_MAPPER as $r, SPANISH_LANGUAGE_ID as ro, TURKISH_LANGUAGE_ID as oo } from "./types/Languages.js";
 export {
-  vr as AVAILABLE_COUNTRY_KEYS,
-  yr as AVAILABLE_LOCALES,
+  jr as AVAILABLE_COUNTRY_KEYS,
+  qr as AVAILABLE_LOCALES,
   e as AlertBanner,
-  Hr as AvailableCustomIcons,
+  Rr as AvailableCustomIcons,
   f as BaseView,
   a as BasicHeading,
-  l as BlockView,
-  A as ChipCard,
-  d as ContextMenu,
-  S as DeleteModal,
-  E as DetailContentWrapper,
-  _ as Disclaimer,
-  Yr as ENGLISH_LANGUAGE_ID,
-  F as EmptyView,
+  A as BlockView,
+  n as ChipCard,
+  E as ContextMenu,
+  Kr as DATE_FORMAT,
+  zr as DATE_TIME_FORMAT,
+  c as DeleteModal,
+  _ as DetailContentWrapper,
+  s as Disclaimer,
+  Jr as ENGLISH_LANGUAGE_ID,
+  G as EmptyView,
   D as Filter,
-  Lr as FormCheckBox,
-  sr as FormDatePicker,
-  Gr as FormNumber,
-  Ir as FormRadio,
-  Nr as FormSelect,
-  Br as FormSlider,
+  Sr as FormCheckBox,
+  Lr as FormDatePicker,
+  Fr as FormNumber,
+  Tr as FormRadio,
+  Ir as FormSelect,
+  Nr as FormSlider,
   gr as FormText,
-  ur as FormToggle,
-  C as FormattedNumberDisplay,
-  Kr as GERMAN_LANGUAGE_ID,
-  b as GenericTable,
-  T as HashTabView,
-  U as HeaderFilter,
-  h as HealthCheckFailed,
-  O as Iconify,
-  k as InfoGroup,
-  zr as LANGUAGE_CODES_MAPPER,
-  Wr as LANGUAGE_ID_MAPPER,
+  Cr as FormToggle,
+  M as FormattedNumberDisplay,
+  Qr as GERMAN_LANGUAGE_ID,
+  B as GenericTable,
+  O as HashTabView,
+  u as HeaderFilter,
+  H as HealthCheckFailed,
+  V as Iconify,
+  P as InfoGroup,
+  Zr as LANGUAGE_CODES_MAPPER,
+  $r as LANGUAGE_ID_MAPPER,
   m as LinkBanner,
-  R as ListArea,
+  w as ListArea,
   y as LoadingSpinner,
   K as Modal,
   W as ModulePadding,
   j as OfflineView,
   J as OnboardingBanner,
   Z as OverflowTooltip,
-  Xr as SPANISH_LANGUAGE_ID,
+  ro as SPANISH_LANGUAGE_ID,
+  br as SafeForm,
   rr as ScrollbarX,
   or as ScrollbarY,
   tr as SearchBar,
   pr as Select,
-  nr as Stepper,
+  lr as Stepper,
   xr as StepperHeader,
   ir as StepperIndicator,
-  jr as TURKISH_LANGUAGE_ID,
-  Vr as ThemeColor,
-  cr as VerticalDivider,
-  Pr as capitalizeFirstLetters,
-  kr as getNumberAsLocaleString,
-  wr as trimLeadingAndTrailingSpaces,
-  Mr as useBreakpoints
+  Wr as TIME_FORMAT,
+  oo as TURKISH_LANGUAGE_ID,
+  Ur as ThemeColor,
+  dr as VerticalDivider,
+  kr as capitalizeFirstLetters,
+  wr as getFormattedDateTime,
+  vr as getNumberAsLocaleString,
+  yr as trimLeadingAndTrailingSpaces,
+  hr as useBreakpoints
 };

package/dist/services/UtilService.d.ts

@@ -23,3 +23,24 @@ export declare const trimLeadingAndTrailingSpaces: <T extends Record<string, unk
  * @returns The language-specific formatted number.
  */
 export declare const getNumberAsLocaleString: (locale: AVAILABLE_LANGUAGE_CODES, value?: number, maximumFractionDigits?: number) => string;
+/**
+ * Formats a date using `Intl.DateTimeFormat`.
+ *
+ * @param date - The date to format (ISO string or any valid date string).
+ * @param locale - Locale to use. Defaults to `"en-US"`.
+ * - If it matches an entry in `AVAILABLE_LOCALES` (e.g. `"en"`, `"es"`, `"tr"`),
+ * it's mapped via `LANGUAGE_CODES_MAPPER` to a full tag (e.g. `"en-US"`).
+ * - Otherwise, used directly as a BCP-47 locale (e.g. `"fr-FR"`).
+ * @param options - Optional `Intl.DateTimeFormatOptions`.
+ * @returns The formatted date/time string.
+ *
+ * @example
+ * // Uses the default locale "en-US"
+ * getFormattedDateTime('2025-10-02T14:30:00Z', undefined, { dateStyle: 'medium' });
+ * // → "Oct 2, 2025"
+ *
+ * // Short code is mapped via LANGUAGE_CODES_MAPPER (e.g., "es" → "es-MX")
+ * getFormattedDateTime('2025-10-02', 'es', { dateStyle: 'long' });
+ * // → "2 de octubre de 2025"
+ */
+export declare const getFormattedDateTime: (date: Date | string, locale?: string, options?: Intl.DateTimeFormatOptions) => string;

package/dist/services/UtilService.js

@@ -1,15 +1,19 @@
-import { i as o } from "../isArray-Dub1wGJM.js";
+import { i as m } from "../isArray-Dub1wGJM.js";
 import { i as s, a } from "../isString-BW9UHONv.js";
-import { LANGUAGE_CODES_MAPPER as c } from "../types/Languages.js";
-const A = (r) => r.split(" ").map((t) => t.charAt(0).toUpperCase() + t.slice(1).toLowerCase()).join(" "), m = (r) => Object.fromEntries(
-  Object.entries(r).map(([t, i]) => [t, n(i)])
-), n = (r) => o(r) ? r.map(n) : s(r) ? m(r) : a(r) ? r.trim() : r, L = (r, t, i = 2) => {
-  if (!t) return "0";
-  const e = c[r];
-  return t.toLocaleString(e, { maximumFractionDigits: i });
-};
+import { AVAILABLE_LOCALES as c, LANGUAGE_CODES_MAPPER as n } from "../types/Languages.js";
+const L = (t) => t.split(" ").map((r) => r.charAt(0).toUpperCase() + r.slice(1).toLowerCase()).join(" "), f = (t) => Object.fromEntries(
+  Object.entries(t).map(([r, e]) => [r, i(e)])
+), i = (t) => m(t) ? t.map(i) : s(t) ? f(t) : a(t) ? t.trim() : t, S = (t, r, e = 2) => {
+  if (!r) return "0";
+  const o = n[t];
+  return r.toLocaleString(o, { maximumFractionDigits: e });
+}, u = (t, r = "en-US", e) => c.includes(r) ? new Intl.DateTimeFormat(
+  n[r],
+  e
+).format(new Date(t)) : new Intl.DateTimeFormat(r, e).format(new Date(t));
 export {
-  A as capitalizeFirstLetters,
-  L as getNumberAsLocaleString,
-  m as trimLeadingAndTrailingSpaces
+  L as capitalizeFirstLetters,
+  u as getFormattedDateTime,
+  S as getNumberAsLocaleString,
+  f as trimLeadingAndTrailingSpaces
 };

package/dist/services/services.test.js

@@ -1,47 +1,48 @@
-import { getBlockNumberByDto as r } from "./BlockService.js";
-import { capitalizeFirstLetters as a, trimLeadingAndTrailingSpaces as o } from "./UtilService.js";
-import { d as n, t as e, g as s } from "../vi.CjhMlMwf-CKxPQtd6.js";
-n("Services Test", () => {
-  n("capitalizeFirstLetters", () => {
+import { getBlockNumberByDto as i } from "./BlockService.js";
+import { capitalizeFirstLetters as d, trimLeadingAndTrailingSpaces as a, getFormattedDateTime as r } from "./UtilService.js";
+import { DATE_FORMAT as n, TIME_FORMAT as l } from "../types/Time.js";
+import { d as c, t as e, g as o } from "../vi.CjhMlMwf-CKxPQtd6.js";
+c("Services Test", () => {
+  c("capitalizeFirstLetters", () => {
     e("should capitalize first letters of a lower case string", () => {
-      const t = a("farm location");
-      s(t).toBe("Farm Location");
+      const t = d("farm location");
+      o(t).toBe("Farm Location");
     }), e("should turn other letters of an all caps string into lower case", () => {
-      const t = a("FARM LOCATION");
-      s(t).toBe("Farm Location");
+      const t = d("FARM LOCATION");
+      o(t).toBe("Farm Location");
     });
-  }), n("getBlockNumberByDto", () => {
+  }), c("getBlockNumberByDto", () => {
     e("should get zero", () => {
-      const t = r({ position: void 0 }, 3);
-      s(t).toBe(0);
+      const t = i({ position: void 0 }, 3);
+      o(t).toBe(0);
     }), e("should get 3", () => {
-      const t = r({ position: { row: 1, column: 3 } }, 3);
-      s(t).toBe(3);
+      const t = i({ position: { row: 1, column: 3 } }, 3);
+      o(t).toBe(3);
     });
-  }), n("Test trimLeadingAndTrailingSpaces", () => {
+  }), c("Test trimLeadingAndTrailingSpaces", () => {
     e("should remove leading spaces", () => {
-      s(o({ test: "   test-1" })).toEqual({ test: "test-1" });
+      o(a({ test: "   test-1" })).toEqual({ test: "test-1" });
     }), e("should remove trailing spaces", () => {
-      s(o({ test: "test-1   " })).toEqual({ test: "test-1" });
+      o(a({ test: "test-1   " })).toEqual({ test: "test-1" });
     }), e("should not remove other spaces than the leading and trailing once", () => {
-      s(o({ test: "  t e s t 1   " })).toEqual({ test: "t e s t 1" });
+      o(a({ test: "  t e s t 1   " })).toEqual({ test: "t e s t 1" });
     }), e("should remove leading and trailing spaces", () => {
-      s(o({ test1: "  test-1   ", test2: "test-2   " })).toEqual({
+      o(a({ test1: "  test-1   ", test2: "test-2   " })).toEqual({
         test1: "test-1",
         test2: "test-2"
       });
     }), e("should not change other values than strings", () => {
-      s(o({ test1: "  test-1   ", test2: 123456 })).toEqual({
+      o(a({ test1: "  test-1   ", test2: 123456 })).toEqual({
         test1: "test-1",
         test2: 123456
       });
     }), e("should remove spaces from strings in an nested object", () => {
-      s(o({ test1: "  test-1   ", test2: { nestedObjectKey: "test-2   " } })).toEqual({
+      o(a({ test1: "  test-1   ", test2: { nestedObjectKey: "test-2   " } })).toEqual({
         test1: "test-1",
         test2: { nestedObjectKey: "test-2" }
       });
     }), e("should remove spaces from strings of an array", () => {
-      s(o({
+      o(a({
         test1: "  test-1   ",
         test2: { nestedObjectKey: ["test-2   ", "  test-3 ", 2345] }
       })).toEqual({
@@ -50,7 +51,53 @@ n("Services Test", () => {
       });
     }), e("should not trim date instances", () => {
       const t = { date: /* @__PURE__ */ new Date() };
-      s(o(t)).toEqual(t);
+      o(a(t)).toEqual(t);
+    });
+  }), c("getFormattedDateTime", () => {
+    const t = "2025-01-20T16:01:50.097Z";
+    e('should format date correctly for locale "undefined"', () => {
+      const s = r(t, void 0, n);
+      o(s).toBe("01/20/2025");
+    }), e('should format date correctly for locale "de"', () => {
+      const s = r(t, "de", {
+        day: "2-digit",
+        month: "2-digit",
+        year: "numeric"
+      });
+      o(s).toBe("20.01.2025");
+    }), e('should format date correctly for locale "en"', () => {
+      const s = r(t, "en", n);
+      o(s).toBe("01/20/2025");
+    }), e('should format datetime correctly for local "en"', () => {
+      const s = r(t, "en", {
+        ...l,
+        timeZone: "America/New_York"
+      });
+      o(s).toBe("11:01 AM");
+    }), e('should format date correctly for locale "es', () => {
+      const s = r(t, "es", n);
+      o(s).toBe("20/01/2025");
+    }), e('should format datetime correctly for local "es"', () => {
+      const s = r(t, "es", {
+        ...l,
+        timeZone: "America/Mexico_City"
+      });
+      o(s).toBe("10:01 a.m.");
+    }), e('should format date correctly for locale "tr', () => {
+      const s = r(t, "tr", n);
+      o(s).toBe("20.01.2025");
+    }), e('should format datetime correctly for local "tr"', () => {
+      const s = r(t, "tr", {
+        ...l,
+        timeZone: "Europe/Istanbul"
+      });
+      o(s).toBe("ÖS 07:01");
+    }), e('should format date correctly for locale "gb', () => {
+      const s = r(t, "en-GB", n);
+      o(s).toBe("20/01/2025");
+    }), e('should format date correctly for locale "fr', () => {
+      const s = r(t, "fr", n);
+      o(s).toBe("20/01/2025");
     });
   });
 });

package/dist/types/Time.d.ts

@@ -0,0 +1,21 @@
+/**
+ * Date and time format options to be used in the {@link getFormattedDateTime} function.
+ */
+export declare const DATE_FORMAT: {
+    readonly day: "2-digit";
+    readonly month: "2-digit";
+    readonly year: "numeric";
+};
+export declare const TIME_FORMAT: {
+    readonly hour: "2-digit";
+    readonly minute: "2-digit";
+    readonly hour12: true;
+};
+export declare const DATE_TIME_FORMAT: {
+    readonly hour: "2-digit";
+    readonly minute: "2-digit";
+    readonly hour12: true;
+    readonly day: "2-digit";
+    readonly month: "2-digit";
+    readonly year: "numeric";
+};

package/dist/types/Time.js

@@ -0,0 +1,17 @@
+const t = {
+  day: "2-digit",
+  month: "2-digit",
+  year: "numeric"
+}, i = {
+  hour: "2-digit",
+  minute: "2-digit",
+  hour12: !0
+}, o = {
+  ...t,
+  ...i
+};
+export {
+  t as DATE_FORMAT,
+  o as DATE_TIME_FORMAT,
+  i as TIME_FORMAT
+};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@hortiview/shared-components",
   "description": "This is a shared component library. It should used in the HortiView platform and its modules.",
-  "version": "2.6.1",
+  "version": "2.8.0",
   "type": "module",
   "repository": "https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared",
   "author": "Falk Menge <falk.menge.ext@bayer.com>",