@hortiview/shared-components 2.20.1 → 2.22.0

package/dist/enums/AvailableCustomIcons.d.ts

@@ -22,25 +22,27 @@ export declare enum AvailableCustomIcons {
     'season-end' = 17,
     'vertical-farming' = 18,
     'crop-independent' = 19,
-    'sunny-check' = 20,
-    bayer = 21,
-    block = 22,
-    cloud = 23,
-    farm = 24,
-    fertigation = 25,
-    glasshouse = 26,
-    greenhouse = 27,
-    hortiview = 28,
-    orchard = 29,
-    potato = 30,
-    season = 31,
-    subscription = 32,
-    tomato = 33,
-    weather = 34,
-    wind = 35,
-    apple = 36,
-    banana = 37,
-    berries = 38,
-    citrus = 39,
-    grapes = 40
+    'crop-protection' = 20,
+    'sunny-check' = 21,
+    'sentiment-very-dissatisfied' = 22,
+    bayer = 23,
+    block = 24,
+    cloud = 25,
+    farm = 26,
+    fertigation = 27,
+    glasshouse = 28,
+    greenhouse = 29,
+    hortiview = 30,
+    orchard = 31,
+    potato = 32,
+    season = 33,
+    subscription = 34,
+    tomato = 35,
+    weather = 36,
+    wind = 37,
+    apple = 38,
+    banana = 39,
+    berries = 40,
+    citrus = 41,
+    grapes = 42
 }

package/dist/enums/AvailableCustomIcons.js

@@ -1,4 +1,4 @@
-var d = /* @__PURE__ */ ((r) => (r[r["battery-0"] = 0] = "battery-0", r[r["battery-100"] = 1] = "battery-100", r[r["battery-20"] = 2] = "battery-20", r[r["battery-50"] = 3] = "battery-50", r[r["battery-80"] = 4] = "battery-80", r[r["block-delete"] = 5] = "block-delete", r[r["cloud-rain"] = 6] = "cloud-rain", r[r["cloud-sunny"] = 7] = "cloud-sunny", r[r["crop-health"] = 8] = "crop-health", r[r["farm-delete"] = 9] = "farm-delete", r[r["farm-management"] = 10] = "farm-management", r[r["greenhouse-delete"] = 11] = "greenhouse-delete", r[r["harvest-quality"] = 12] = "harvest-quality", r[r["manage-labour"] = 13] = "manage-labour", r[r["open-field"] = 14] = "open-field", r[r["other-category"] = 15] = "other-category", r[r["pd-scouting"] = 16] = "pd-scouting", r[r["season-end"] = 17] = "season-end", r[r["vertical-farming"] = 18] = "vertical-farming", r[r["crop-independent"] = 19] = "crop-independent", r[r["sunny-check"] = 20] = "sunny-check", r[r.bayer = 21] = "bayer", r[r.block = 22] = "block", r[r.cloud = 23] = "cloud", r[r.farm = 24] = "farm", r[r.fertigation = 25] = "fertigation", r[r.glasshouse = 26] = "glasshouse", r[r.greenhouse = 27] = "greenhouse", r[r.hortiview = 28] = "hortiview", r[r.orchard = 29] = "orchard", r[r.potato = 30] = "potato", r[r.season = 31] = "season", r[r.subscription = 32] = "subscription", r[r.tomato = 33] = "tomato", r[r.weather = 34] = "weather", r[r.wind = 35] = "wind", r[r.apple = 36] = "apple", r[r.banana = 37] = "banana", r[r.berries = 38] = "berries", r[r.citrus = 39] = "citrus", r[r.grapes = 40] = "grapes", r))(d || {});
+var d = /* @__PURE__ */ ((r) => (r[r["battery-0"] = 0] = "battery-0", r[r["battery-100"] = 1] = "battery-100", r[r["battery-20"] = 2] = "battery-20", r[r["battery-50"] = 3] = "battery-50", r[r["battery-80"] = 4] = "battery-80", r[r["block-delete"] = 5] = "block-delete", r[r["cloud-rain"] = 6] = "cloud-rain", r[r["cloud-sunny"] = 7] = "cloud-sunny", r[r["crop-health"] = 8] = "crop-health", r[r["farm-delete"] = 9] = "farm-delete", r[r["farm-management"] = 10] = "farm-management", r[r["greenhouse-delete"] = 11] = "greenhouse-delete", r[r["harvest-quality"] = 12] = "harvest-quality", r[r["manage-labour"] = 13] = "manage-labour", r[r["open-field"] = 14] = "open-field", r[r["other-category"] = 15] = "other-category", r[r["pd-scouting"] = 16] = "pd-scouting", r[r["season-end"] = 17] = "season-end", r[r["vertical-farming"] = 18] = "vertical-farming", r[r["crop-independent"] = 19] = "crop-independent", r[r["crop-protection"] = 20] = "crop-protection", r[r["sunny-check"] = 21] = "sunny-check", r[r["sentiment-very-dissatisfied"] = 22] = "sentiment-very-dissatisfied", r[r.bayer = 23] = "bayer", r[r.block = 24] = "block", r[r.cloud = 25] = "cloud", r[r.farm = 26] = "farm", r[r.fertigation = 27] = "fertigation", r[r.glasshouse = 28] = "glasshouse", r[r.greenhouse = 29] = "greenhouse", r[r.hortiview = 30] = "hortiview", r[r.orchard = 31] = "orchard", r[r.potato = 32] = "potato", r[r.season = 33] = "season", r[r.subscription = 34] = "subscription", r[r.tomato = 35] = "tomato", r[r.weather = 36] = "weather", r[r.wind = 37] = "wind", r[r.apple = 38] = "apple", r[r.banana = 39] = "banana", r[r.berries = 40] = "berries", r[r.citrus = 41] = "citrus", r[r.grapes = 42] = "grapes", r))(d || {});
 export {
   d as AvailableCustomIcons
 };

package/dist/hooks/useContainerWidth.d.ts

@@ -0,0 +1,15 @@
+import { RefObject } from 'react';
+
+/**
+ * Hook that observes the width of a referenced element using ResizeObserver.
+ * Useful for making components respond to their own rendered size rather than
+ * the global viewport width (as useBreakpoints does).
+ *
+ * @returns A tuple of [ref, isWide] where ref should be attached to the element
+ * you want to measure, and isWide is true when the element width is >= 600px
+ * (the isWide breakpoint).
+ */
+export declare const useContainerWidth: <T extends HTMLElement>() => {
+    ref: RefObject<T>;
+    isWide: boolean;
+};

package/dist/hooks/useContainerWidth.js

@@ -0,0 +1,17 @@
+import { useRef as u, useState as f, useEffect as d } from "react";
+const o = 600, R = () => {
+  const t = u(null), [c, n] = f(!1);
+  return d(() => {
+    const e = t.current;
+    if (!e) return;
+    n(e.getBoundingClientRect().width >= o);
+    const r = new ResizeObserver((i) => {
+      const s = i[0];
+      s && n(s.contentRect.width >= o);
+    });
+    return r.observe(e), () => r.disconnect();
+  }, []), { ref: t, isWide: c };
+};
+export {
+  R as useContainerWidth
+};

package/dist/main.d.ts

@@ -11,6 +11,7 @@ export { DeleteModal } from './components/DeleteModal/DeleteModal';
 export { DetailContentWrapper } from './components/DetailContentWrapper/DetailContentWrapper';
 export { Disclaimer } from './components/Disclaimer/Disclaimer';
 export { EmptyView } from './components/EmptyView/EmptyView';
+export { ErrorBanner } from './components/ErrorBanner/ErrorBanner';
 export { Filter } from './components/Filter/Filter';
 export { FormattedNumberDisplay } from './components/FormattedNumberDisplay/FormattedNumberDisplay';
 export { GenericTable } from './components/GenericTable/GenericTable';
@@ -44,6 +45,7 @@ export { SafeForm } from './components/SafeForm/SafeForm';
 export { AvailableCustomIcons } from './enums/AvailableCustomIcons';
 export { ThemeColor } from './enums/ThemeColor';
 export { useBreakpoints } from './hooks/useBreakpoints';
+export { useContainerWidth } from './hooks/useContainerWidth';
 export { capitalizeFirstLetters, getFormattedDateTime, getNumberAsLocaleString, trimLeadingAndTrailingSpaces, } from './services/UtilService';
 export type { ActionProps } from './components/ContextMenu/ContextMenu';
 export type { FormSelectOption, FormSelectProps, } from './components/FormComponents/FormSelect/FormSelect';
@@ -51,8 +53,8 @@ export type { FormTextProps } from './components/FormComponents/FormText/FormTex
 export type { InfoCardProps } from './components/InfoCard/InfoCard';
 export type { FieldItem } from './components/InfoGroup/InfoGroup';
 export type { LoadingSpinnerProps } from './components/LoadingSpinner/Default/LoadingSpinner';
-export type { Step, StepperBaseProps, StepperButtonProps, StepperProps, } from './components/Stepper/stepperTypes';
 export { StepperStyle } from './components/Stepper/stepperStyles';
+export type { Step, StepperBaseProps, StepperButtonProps, StepperProps, } from './components/Stepper/stepperTypes';
 export type { FilterData, FilterOption, FilterSelection } from './types/Filter';
 export type { CellTemplate, CellTemplateProps, TableLayoutProps } from './types/GenericTable';
 export type { HashTab } from './types/HashTab';

package/dist/main.js

@@ -9,60 +9,62 @@ import { ConfirmationModal as E } from "./components/ConfirmationModal/Confirmat
 import { ContextMenu as L } from "./components/ContextMenu/ContextMenu.js";
 import { DeleteModal as F } from "./components/DeleteModal/DeleteModal.js";
 import { DetailContentWrapper as T } from "./components/DetailContentWrapper/DetailContentWrapper.js";
-import { Disclaimer as D } from "./components/Disclaimer/Disclaimer.js";
-import { EmptyView as B } from "./components/EmptyView/EmptyView.js";
-import { Filter as P } from "./components/Filter/Filter.js";
-import { FormattedNumberDisplay as N } from "./components/FormattedNumberDisplay/FormattedNumberDisplay.js";
-import { GenericTable as w } from "./components/GenericTable/GenericTable.js";
-import { HashTabView as O } from "./components/HashTabView/HashTabView.js";
-import { HeaderFilter as V } from "./components/HeaderFilter/HeaderFilter.js";
-import { Iconify as U } from "./components/Iconify/Iconify.js";
-import { InfoCard as k } from "./components/InfoCard/InfoCard.js";
-import { InfoGroup as y } from "./components/InfoGroup/InfoGroup.js";
-import { ListArea as Y } from "./components/ListArea/ListArea.js";
-import { LoadingSpinner as z } from "./components/LoadingSpinner/Default/LoadingSpinner.js";
-import { Modal as j } from "./components/Modal/Modal.js";
-import { ModulePadding as J } from "./components/ModulePadding/ModulePadding.js";
-import { OfflineView as Z } from "./components/OfflineView/OfflineView.js";
-import { OnboardingBanner as rr } from "./components/OnboardingBanner/OnboardingBanner.js";
-import { OverflowTooltip as er } from "./components/OverflowTooltip/OverflowTooltip.js";
-import { ScrollbarX as mr, ScrollbarY as pr } from "./components/Scrollbar/Scrollbar.js";
-import { SearchBar as xr } from "./components/SearchBar/SearchBar.js";
-import { Select as ar } from "./components/Select/Select.js";
-import { StepperHeader as lr } from "./components/Stepper/components/StepperHeader.js";
-import { Stepper as sr } from "./components/Stepper/Stepper.js";
-import { VerticalDivider as Sr } from "./components/VerticalDivider/VerticalDivider.js";
-import { FormCheckBox as cr } from "./components/FormComponents/FormCheckBox/FormCheckBox.js";
-import { FormDatePicker as _r } from "./components/FormComponents/FormDatePicker/FormDatePicker.js";
-import { FormNumber as Ir } from "./components/FormComponents/FormNumber/FormNumber.js";
-import { FormRadio as Gr } from "./components/FormComponents/FormRadio/FormRadio.js";
+import { Disclaimer as B } from "./components/Disclaimer/Disclaimer.js";
+import { EmptyView as D } from "./components/EmptyView/EmptyView.js";
+import { ErrorBanner as u } from "./components/ErrorBanner/ErrorBanner.js";
+import { Filter as N } from "./components/Filter/Filter.js";
+import { FormattedNumberDisplay as w } from "./components/FormattedNumberDisplay/FormattedNumberDisplay.js";
+import { GenericTable as O } from "./components/GenericTable/GenericTable.js";
+import { HashTabView as V } from "./components/HashTabView/HashTabView.js";
+import { HeaderFilter as H } from "./components/HeaderFilter/HeaderFilter.js";
+import { Iconify as k } from "./components/Iconify/Iconify.js";
+import { InfoCard as y } from "./components/InfoCard/InfoCard.js";
+import { InfoGroup as Y } from "./components/InfoGroup/InfoGroup.js";
+import { ListArea as z } from "./components/ListArea/ListArea.js";
+import { LoadingSpinner as j } from "./components/LoadingSpinner/Default/LoadingSpinner.js";
+import { Modal as J } from "./components/Modal/Modal.js";
+import { ModulePadding as Z } from "./components/ModulePadding/ModulePadding.js";
+import { OfflineView as rr } from "./components/OfflineView/OfflineView.js";
+import { OnboardingBanner as er } from "./components/OnboardingBanner/OnboardingBanner.js";
+import { OverflowTooltip as mr } from "./components/OverflowTooltip/OverflowTooltip.js";
+import { ScrollbarX as fr, ScrollbarY as xr } from "./components/Scrollbar/Scrollbar.js";
+import { SearchBar as ar } from "./components/SearchBar/SearchBar.js";
+import { Select as lr } from "./components/Select/Select.js";
+import { StepperHeader as sr } from "./components/Stepper/components/StepperHeader.js";
+import { Stepper as Sr } from "./components/Stepper/Stepper.js";
+import { VerticalDivider as cr } from "./components/VerticalDivider/VerticalDivider.js";
+import { FormCheckBox as _r } from "./components/FormComponents/FormCheckBox/FormCheckBox.js";
+import { FormDatePicker as Ir } from "./components/FormComponents/FormDatePicker/FormDatePicker.js";
+import { FormNumber as Gr } from "./components/FormComponents/FormNumber/FormNumber.js";
+import { FormRadio as Cr } from "./components/FormComponents/FormRadio/FormRadio.js";
 import { FormSelect as Mr } from "./components/FormComponents/FormSelect/FormSelect.js";
-import { FormSlider as Cr } from "./components/FormComponents/FormSlider/FormSlider.js";
-import { FormText as ur } from "./components/FormComponents/FormText/FormText.js";
-import { FormToggle as gr } 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 Hr } from "./enums/ThemeColor.js";
-import { useBreakpoints as hr } from "./hooks/useBreakpoints.js";
-import { capitalizeFirstLetters as vr, getFormattedDateTime as yr, getNumberAsLocaleString as Wr, trimLeadingAndTrailingSpaces as Yr } from "./services/UtilService.js";
-import { StepperStyle as zr } from "./components/Stepper/stepperStyles.js";
-import { DATE_FORMAT as jr, DATE_TIME_FORMAT as qr, TIME_FORMAT as Jr } from "./types/Time.js";
-import { AVAILABLE_COUNTRY_KEYS as Zr, AVAILABLE_LOCALES as $r, ENGLISH_LANGUAGE_ID as ro, GERMAN_LANGUAGE_ID as oo, LANGUAGE_CODES_MAPPER as eo, LANGUAGE_ID_MAPPER as to, SPANISH_LANGUAGE_ID as mo, TURKISH_LANGUAGE_ID as po } from "./types/Languages.js";
-import { Allowed as xo } from "./components/Allowed/Allowed.js";
-import { AllowedButton as ao } from "./components/AllowedButton/AllowedButton.js";
-import { AllowedIconButton as lo } from "./components/AllowedIconButton/AllowedIconButton.js";
-import { getPermissionsFromModulePermissionToken as so, useIsAllowed as So } from "./components/PermissionChecks/PermissionService.js";
-import { SharedComponentsPermissionProvider as co } from "./components/SharedComponentsPermissionProvider/SharedComponentsPermissionProvider.js";
-import { createPermissionWrapper as _o, renderWithPermissions as Fo } from "./test-utils.js";
-import { HVMainPermissions as To } from "./types/Permission.js";
+import { FormSlider as Pr } from "./components/FormComponents/FormSlider/FormSlider.js";
+import { FormText as gr } from "./components/FormComponents/FormText/FormText.js";
+import { FormToggle as br } from "./components/FormComponents/FormToggle/FormToggle.js";
+import { SafeForm as Rr } from "./components/SafeForm/SafeForm.js";
+import { AvailableCustomIcons as hr } from "./enums/AvailableCustomIcons.js";
+import { ThemeColor as Ur } from "./enums/ThemeColor.js";
+import { useBreakpoints as vr } from "./hooks/useBreakpoints.js";
+import { useContainerWidth as Wr } from "./hooks/useContainerWidth.js";
+import { capitalizeFirstLetters as Kr, getFormattedDateTime as zr, getNumberAsLocaleString as Xr, trimLeadingAndTrailingSpaces as jr } from "./services/UtilService.js";
+import { StepperStyle as Jr } from "./components/Stepper/stepperStyles.js";
+import { DATE_FORMAT as Zr, DATE_TIME_FORMAT as $r, TIME_FORMAT as ro } from "./types/Time.js";
+import { AVAILABLE_COUNTRY_KEYS as eo, AVAILABLE_LOCALES as to, ENGLISH_LANGUAGE_ID as mo, GERMAN_LANGUAGE_ID as po, LANGUAGE_CODES_MAPPER as fo, LANGUAGE_ID_MAPPER as xo, SPANISH_LANGUAGE_ID as io, TURKISH_LANGUAGE_ID as ao } from "./types/Languages.js";
+import { Allowed as lo } from "./components/Allowed/Allowed.js";
+import { AllowedButton as so } from "./components/AllowedButton/AllowedButton.js";
+import { AllowedIconButton as Eo } from "./components/AllowedIconButton/AllowedIconButton.js";
+import { getPermissionsFromModulePermissionToken as Lo, useIsAllowed as _o } from "./components/PermissionChecks/PermissionService.js";
+import { SharedComponentsPermissionProvider as Io } from "./components/SharedComponentsPermissionProvider/SharedComponentsPermissionProvider.js";
+import { createPermissionWrapper as Go, renderWithPermissions as Bo } from "./test-utils.js";
+import { HVMainPermissions as Do } from "./types/Permission.js";
 export {
-  Zr as AVAILABLE_COUNTRY_KEYS,
-  $r as AVAILABLE_LOCALES,
+  eo as AVAILABLE_COUNTRY_KEYS,
+  to as AVAILABLE_LOCALES,
   e as AlertBanner,
-  xo as Allowed,
-  ao as AllowedButton,
-  lo as AllowedIconButton,
-  Rr as AvailableCustomIcons,
+  lo as Allowed,
+  so as AllowedButton,
+  Eo as AllowedIconButton,
+  hr as AvailableCustomIcons,
   f as BaseView,
   i as BasicHeading,
   n as BlockView,
@@ -70,62 +72,64 @@ export {
   d as ChipCard,
   E as ConfirmationModal,
   L as ContextMenu,
-  jr as DATE_FORMAT,
-  qr as DATE_TIME_FORMAT,
+  Zr as DATE_FORMAT,
+  $r as DATE_TIME_FORMAT,
   F as DeleteModal,
   T as DetailContentWrapper,
-  D as Disclaimer,
-  ro as ENGLISH_LANGUAGE_ID,
-  B as EmptyView,
-  P as Filter,
-  cr as FormCheckBox,
-  _r as FormDatePicker,
-  Ir as FormNumber,
-  Gr as FormRadio,
+  B as Disclaimer,
+  mo as ENGLISH_LANGUAGE_ID,
+  D as EmptyView,
+  u as ErrorBanner,
+  N as Filter,
+  _r as FormCheckBox,
+  Ir as FormDatePicker,
+  Gr as FormNumber,
+  Cr as FormRadio,
   Mr as FormSelect,
-  Cr as FormSlider,
-  ur as FormText,
-  gr as FormToggle,
-  N as FormattedNumberDisplay,
-  oo as GERMAN_LANGUAGE_ID,
-  w as GenericTable,
-  To as HVMainPermissions,
-  O as HashTabView,
-  V as HeaderFilter,
-  U as Iconify,
-  k as InfoCard,
-  y as InfoGroup,
-  eo as LANGUAGE_CODES_MAPPER,
-  to as LANGUAGE_ID_MAPPER,
+  Pr as FormSlider,
+  gr as FormText,
+  br as FormToggle,
+  w as FormattedNumberDisplay,
+  po as GERMAN_LANGUAGE_ID,
+  O as GenericTable,
+  Do as HVMainPermissions,
+  V as HashTabView,
+  H as HeaderFilter,
+  k as Iconify,
+  y as InfoCard,
+  Y as InfoGroup,
+  fo as LANGUAGE_CODES_MAPPER,
+  xo as LANGUAGE_ID_MAPPER,
   m as LinkBanner,
-  Y as ListArea,
-  z as LoadingSpinner,
-  j as Modal,
-  J as ModulePadding,
-  Z as OfflineView,
-  rr as OnboardingBanner,
-  er as OverflowTooltip,
-  mo as SPANISH_LANGUAGE_ID,
-  br as SafeForm,
-  mr as ScrollbarX,
-  pr as ScrollbarY,
-  xr as SearchBar,
-  ar as Select,
-  co as SharedComponentsPermissionProvider,
-  sr as Stepper,
-  lr as StepperHeader,
-  zr as StepperStyle,
-  Jr as TIME_FORMAT,
-  po as TURKISH_LANGUAGE_ID,
-  Hr as ThemeColor,
-  Sr as VerticalDivider,
-  vr as capitalizeFirstLetters,
-  _o as createPermissionWrapper,
-  yr as getFormattedDateTime,
-  Wr as getNumberAsLocaleString,
-  so as getPermissionsFromModulePermissionToken,
-  Fo as renderWithPermissions,
-  Yr as trimLeadingAndTrailingSpaces,
-  hr as useBreakpoints,
-  So as useIsAllowed
+  z as ListArea,
+  j as LoadingSpinner,
+  J as Modal,
+  Z as ModulePadding,
+  rr as OfflineView,
+  er as OnboardingBanner,
+  mr as OverflowTooltip,
+  io as SPANISH_LANGUAGE_ID,
+  Rr as SafeForm,
+  fr as ScrollbarX,
+  xr as ScrollbarY,
+  ar as SearchBar,
+  lr as Select,
+  Io as SharedComponentsPermissionProvider,
+  Sr as Stepper,
+  sr as StepperHeader,
+  Jr as StepperStyle,
+  ro as TIME_FORMAT,
+  ao as TURKISH_LANGUAGE_ID,
+  Ur as ThemeColor,
+  cr as VerticalDivider,
+  Kr as capitalizeFirstLetters,
+  Go as createPermissionWrapper,
+  zr as getFormattedDateTime,
+  Xr as getNumberAsLocaleString,
+  Lo as getPermissionsFromModulePermissionToken,
+  Bo as renderWithPermissions,
+  jr as trimLeadingAndTrailingSpaces,
+  vr as useBreakpoints,
+  Wr as useContainerWidth,
+  _o as useIsAllowed
 };

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.20.1",
+  "version": "2.22.0",
   "type": "module",
   "repository": "https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared",
   "author": "Falk Menge <falk.menge.ext@bayer.com>",