@pagamio/frontend-commons-lib 0.8.361 → 0.8.363

package/lib/components/layout/LayoutContent.js

@@ -5,6 +5,6 @@ const AppLayoutContent = ({ children, isSidebarHidden = false }) => {
     const sidebar = useAppSidebarContext();
     const sidebarStateClassName = sidebar.desktop.isCollapsed ? 'lg:ml-16' : 'lg:ml-64';
     const sidebarClassName = isSidebarHidden ? 'ml' : sidebarStateClassName;
-    return (_jsx("div", { id: "main-content", className: twMerge('relative h-full w-full overflow-y-auto', sidebarClassName), children: _jsx("div", { className: "m-4", children: children }) }));
+    return (_jsx("div", { id: "main-content", className: twMerge('relative h-[calc(100vh-4rem)] w-full overflow-y-auto', sidebarClassName), children: _jsx("div", { className: "m-4", children: children }) }));
 };
 export default AppLayoutContent;

package/lib/components/ui/DateRangePickerWithPresets.js

@@ -111,7 +111,11 @@ const DateRangePickerWithPresets = ({ value, onChange, selectedPreset = 'last_7_
         setPrimaryColor(getPrimaryColorFromTheme());
     }, []);
     const rangeColors = useMemo(() => [primaryColor], [primaryColor]);
-    // Display text for the trigger button
+    // Display text for the trigger button. With no selected range we show the
+    // placeholder, NOT a preset label — a relative preset like "Last 7 Days"
+    // names a concrete range, so it must only label the trigger when a range is
+    // actually applied. `all_time` is the one preset that legitimately has no
+    // range, so it keeps its label.
     const displayText = useMemo(() => {
         if (value?.from) {
             if (value.to) {
@@ -122,11 +126,6 @@ const DateRangePickerWithPresets = ({ value, onChange, selectedPreset = 'last_7_
         if (selectedPreset === ALL_TIME_PRESET_VALUE) {
             return ALL_TIME_PRESET_LABEL;
         }
-        if (selectedPreset && selectedPreset !== 'custom') {
-            const match = PRESET_RANGES.find((p) => p.value === selectedPreset);
-            if (match)
-                return match.label;
-        }
         return placeholder;
     }, [value, dateFormat, placeholder, selectedPreset]);
     // Convert { from, to } to react-date-range format

package/lib/styles.css

@@ -1269,6 +1269,9 @@ video {
 .h-\[60vh\] {
   height: 60vh;
 }
+.h-\[calc\(100vh-4rem\)\] {
+  height: calc(100vh - 4rem);
+}
 .h-\[calc\(100vh-64px\)\] {
   height: calc(100vh - 64px);
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pagamio/frontend-commons-lib",
   "description": "Pagamio library for Frontend reusable components like the form engine and table container",
-  "version": "0.8.361",
+  "version": "0.8.363",
   "publishConfig": {
     "access": "public",
     "provenance": false