@hortiview/shared-components 1.0.0 → 1.1.0

package/CHANGELOG.md

@@ -0,0 +1,26 @@
+# [1.1.0](https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared/compare/v1.0.1...v1.1.0) (2025-03-26)
+
+
+### Bug Fixes
+
+* helpertext does not display form error correctly ([2fb2bcd](https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared/commit/2fb2bcda65e0172e4b278345a975ed077f8ce926))
+* validation of date values ([380e4cf](https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared/commit/380e4cffcc8c9547f2c7886f7752b32d5d4f11e8))
+
+
+### Features
+
+* add emptyView description to BlockViewComponent ([403fad8](https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared/commit/403fad8ce3307e3f7f5a07fb54ac81d15fd608e2))
+* add emtpy view to block view ([45a2045](https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared/commit/45a204586211b42323be1a3cd5988ac5d57caf4c))
+
+## [1.0.1](https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared/compare/v1.0.0...v1.0.1) (2025-03-25)
+
+
+### Bug Fixes
+
+* change styles to fix window resize ([e399faf](https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared/commit/e399faff0d8c59bf13aa951b948bcc1014ec0565))
+
+# 1.0.0 (2025-03-16)
+
+### Features
+
+* Introduce HortiView Shared Components

package/README.md

@@ -68,6 +68,10 @@ Additionally the library provides form components using [react-hook-form](https:
 
 1. [Languages and countries](#languages-and-countries)
 
+## Changelog
+
+[Changelog](./Changelog.md)
+
 ## Available Components:
 
 ### AlertBanner
@@ -1054,4 +1058,4 @@ The supported countries are:
 const languageCode = 'en' as AVAILABLE_LANGUAGE_CODES;
 const languageCountryCode = LANGUAGE_CODES_MAPPER[languageCode];
 console.log(languageCountryCode); // 'en-US'
-```
+```

package/dist/assets/BlockView.css

@@ -1 +1 @@
-._grid_lihp2_1{display:flex;padding-bottom:0;flex-direction:column;justify-content:center;align-items:center;gap:1rem;align-self:stretch}._black_lihp2_11{color:#000}._blockLayout_lihp2_15{padding:.5rem;gap:.5rem;display:flex;flex-direction:column;border-radius:.5rem;background:var(--lmnt-theme-secondary-200);width:15rem;height:15rem}._blockRow_lihp2_27{display:flex;flex-direction:row;gap:.5rem;height:100%;align-self:stretch}._block_lihp2_15{flex:auto;border-radius:.25rem;background:var(--lmnt-theme-secondary-600);align-items:center;display:flex;justify-content:center;position:relative}._block_lihp2_15._active_lihp2_46{border:2px solid var(--lmnt-theme-primary);background:var(--lmnt-theme-primary-100);margin:-2px}._block_lihp2_15._error_lihp2_52{border:2px solid var(--lmnt-theme-danger);background:var(--lmnt-theme-danger-50);margin:-2px}._block_lihp2_15._empty_lihp2_58{background:var(--lmnt-theme-secondary-200)}._blockText_lihp2_62{display:flex;justify-content:center;position:absolute;width:1vw;height:1vh;align-items:center}
+._grid_17o13_1{display:flex;padding-bottom:0;flex-direction:column;justify-content:center;align-items:center;gap:1rem;align-self:stretch}._black_17o13_11{color:#000}._blockLayout_17o13_15{padding:.5rem;gap:.5rem;display:flex;flex-direction:column;border-radius:.5rem;background:var(--lmnt-theme-secondary-200);width:15rem;height:15rem}._blockRow_17o13_26{display:flex;flex-direction:row;gap:.5rem;height:100%;align-self:stretch}._block_17o13_15{flex:auto;border-radius:.25rem;background:var(--lmnt-theme-secondary-600);align-items:center;display:flex;justify-content:center;position:relative}._block_17o13_15._active_17o13_45{border:2px solid var(--lmnt-theme-primary);background:var(--lmnt-theme-primary-100);margin:-2px}._block_17o13_15._error_17o13_51{border:2px solid var(--lmnt-theme-danger);background:var(--lmnt-theme-danger-50);margin:-2px}._block_17o13_15._empty_17o13_57{background:var(--lmnt-theme-secondary-200)}._blockText_17o13_61{display:flex;justify-content:center;position:absolute;width:1vw;height:1vh;align-items:center}._emptyLayout_17o13_70{display:flex;justify-content:center;align-items:center;background:var(--lmnt-theme-surface-variant);border-radius:.5rem}

package/dist/components/BlockView/BlockView.d.ts

@@ -52,9 +52,13 @@ type BlockViewProps<T extends Block> = {
      * the label of the block, normally 'Block', shown when `hideText` is false
      */
     blockLabel: string;
+    /**
+     * an empty view title to be shown when there are no blocks
+     */
+    emptyViewTitle?: string;
 };
 /**
  * A component that renders a grid of blocks
  */
-export declare const BlockView: <T extends Block>({ rows, columns, hideText, errorBlocks, showNumbers, clickable, size, onClick, currentBlock, blocks, blockViewTitle, blockLabel, }: BlockViewProps<T>) => import("react/jsx-runtime").JSX.Element;
+export declare const BlockView: <T extends Block>({ rows, columns, hideText, errorBlocks, showNumbers, clickable, size, onClick, currentBlock, blocks, blockViewTitle, blockLabel, emptyViewTitle, }: BlockViewProps<T>) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/BlockView/BlockView.js

@@ -1,71 +1,80 @@
-import { jsxs as h, jsx as c } from "react/jsx-runtime";
-import { d as T, T as L } from "../../index.es-CF_xy2ns.js";
-import { useState as R, useEffect as B, useMemo as C } from "react";
-import { getBlockNumberByDto as E } from "../../services/BlockService.js";
-import '../../assets/BlockView.css';const A = "_grid_lihp2_1", D = "_black_lihp2_11", S = "_blockLayout_lihp2_15", M = "_blockRow_lihp2_27", V = "_block_lihp2_15", j = "_active_lihp2_46", q = "_error_lihp2_52", F = "_empty_lihp2_58", G = "_blockText_lihp2_62", o = {
-  grid: A,
-  black: D,
-  blockLayout: S,
-  blockRow: M,
-  block: V,
-  active: j,
-  error: q,
-  empty: F,
-  blockText: G
-}, O = ({
-  rows: s,
-  columns: e,
-  hideText: b = !1,
-  errorBlocks: y = [],
-  showNumbers: v = !0,
-  clickable: f = !0,
-  size: m = 15,
-  onClick: k = null,
-  currentBlock: i,
-  blocks: _,
-  blockViewTitle: N,
-  blockLabel: g
+import { jsxs as h, jsx as t, Fragment as v } from "react/jsx-runtime";
+import { d as C, T as R, a as B } from "../../index.es-CF_xy2ns.js";
+import { useState as A, useEffect as D, useMemo as S } from "react";
+import { getBlockNumberByDto as F } from "../../services/BlockService.js";
+import '../../assets/BlockView.css';const M = "_grid_17o13_1", V = "_black_17o13_11", j = "_blockLayout_17o13_15", q = "_blockRow_17o13_26", G = "_block_17o13_15", H = "_active_17o13_45", I = "_error_17o13_51", J = "_empty_17o13_57", K = "_blockText_17o13_61", O = "_emptyLayout_17o13_70", o = {
+  grid: M,
+  black: V,
+  blockLayout: j,
+  blockRow: q,
+  block: G,
+  active: H,
+  error: I,
+  empty: J,
+  blockText: K,
+  emptyLayout: O
+}, Y = ({
+  rows: e,
+  columns: r,
+  hideText: m = !1,
+  errorBlocks: f = [],
+  showNumbers: g = !0,
+  clickable: N = !0,
+  size: b = 15,
+  onClick: _ = null,
+  currentBlock: a,
+  blocks: d,
+  blockViewTitle: $,
+  blockLabel: w,
+  emptyViewTitle: x
 }) => {
-  const [d, p] = R(0);
-  B(() => {
-    if (!i) return;
-    const l = E(i, e);
-    p(l);
-  }, [i, e]);
-  const w = C(() => s * e, [s, e]), $ = (l) => {
-    k && k(l, i ?? void 0);
-  }, x = ({ row: l, column: r }) => _.length === 0 ? !0 : _.some((a) => a.position?.row === l && a.position?.column === r);
+  const [u, k] = A(0);
+  D(() => {
+    if (!a) return;
+    const l = F(a, r);
+    k(l);
+  }, [a, r]);
+  const L = S(() => e * r, [e, r]), T = (l) => {
+    _ && _(l, a ?? void 0);
+  }, E = ({ row: l, column: i }) => d.length === 0 ? !0 : d.some((n) => n.position?.row === l && n.position?.column === i), y = !e && !r;
   return /* @__PURE__ */ h("div", { "data-testid": "block-view-container", className: o.grid, children: [
-    !b && /* @__PURE__ */ c(T, { level: 1, bold: !0, className: o.black, children: N }),
-    /* @__PURE__ */ c("div", { className: o.blockLayout, style: { width: `${m}rem`, height: `${m}rem` }, children: Array.from({ length: s }).map((l, r) => /* @__PURE__ */ c("div", { className: o.blockRow, children: Array.from({ length: e }).map((a, n) => {
-      const t = e * r + n + 1, u = x({ row: r + 1, column: n + 1 });
-      return /* @__PURE__ */ c(
-        "div",
-        {
-          "data-testid": "block-view-block",
-          className: `${o.block} ${d === t ? o.active : ""} ${u ? "" : o.empty} ${y.includes(t) ? o.error : ""}`,
-          id: `block${t}`,
-          onClick: f ? () => {
-            p(t), $({ row: r + 1, column: n + 1 });
-          } : void 0,
-          children: v && u && /* @__PURE__ */ c(
+    !m && /* @__PURE__ */ t(C, { level: 1, bold: !0, className: o.black, children: $ }),
+    /* @__PURE__ */ t(
+      "div",
+      {
+        className: y ? o.emptyLayout : o.blockLayout,
+        style: { width: `${b}rem`, height: `${b}rem` },
+        children: y ? /* @__PURE__ */ t(P, { emptyViewTitle: x }) : /* @__PURE__ */ t(v, { children: Array.from({ length: e }).map((l, i) => /* @__PURE__ */ t("div", { className: o.blockRow, children: Array.from({ length: r }).map((n, s) => {
+          const c = r * i + s + 1, p = E({ row: i + 1, column: s + 1 });
+          return /* @__PURE__ */ t(
             "div",
             {
-              className: `${o.blockText} ${d === t ? o.black : ""}`,
-              children: t
-            }
-          )
-        },
-        t
-      );
-    }) }, r)) }),
-    !b && /* @__PURE__ */ h(L, { themeColor: "primary", level: 6, children: [
-      w,
+              "data-testid": "block-view-block",
+              className: `${o.block} ${u === c ? o.active : ""} ${p ? "" : o.empty} ${f.includes(c) ? o.error : ""}`,
+              id: `block${c}`,
+              onClick: N ? () => {
+                k(c), T({ row: i + 1, column: s + 1 });
+              } : void 0,
+              children: g && p && /* @__PURE__ */ t(
+                "div",
+                {
+                  className: `${o.blockText} ${u === c ? o.black : ""}`,
+                  children: c
+                }
+              )
+            },
+            c
+          );
+        }) }, i)) })
+      }
+    ),
+    !m && /* @__PURE__ */ h(R, { themeColor: "primary", level: 6, children: [
+      L,
       " ",
-      g
+      w
     ] })
   ] });
-};
+}, P = ({ emptyViewTitle: e }) => e ? /* @__PURE__ */ t(B, { bold: !0, children: e }) : /* @__PURE__ */ t(v, {});
 export {
-  O as BlockView
+  Y as BlockView
 };

package/dist/components/FormComponents/FormDatePicker/FormDatePicker.d.ts

@@ -43,5 +43,5 @@ type DatePickerProps<T extends FieldValues> = {
  *
  * @returns A JSX element that renders a date picker form input.
  */
-export declare const FormDatePicker: <T extends FieldValues>({ propertyName, label, closeLabel, className, minRangeYear, maxRangeYear, locale, rules, ...props }: Omit<ElementDatePickerProps, "locale"> & DatePickerProps<T>) => import("react/jsx-runtime").JSX.Element;
+export declare const FormDatePicker: <T extends FieldValues>({ propertyName, label, closeLabel, className, minRangeYear, maxRangeYear, locale, rules, helperText, ...props }: Omit<ElementDatePickerProps, "locale"> & DatePickerProps<T>) => import("react/jsx-runtime").JSX.Element;
 export {};