@pagamio/frontend-commons-lib 0.8.242 → 0.8.244

package/lib/components/ui/Calendar.js

@@ -3,14 +3,7 @@ import { DayPicker } from 'react-day-picker';
 import { cn } from '../../helpers';
 import { variantStyles } from '../ui';
 const Calendar = ({ className, classNames, showOutsideDays = true, ...props }) => {
-    return (_jsx("div", { style: {
-            // Provide fallback CSS variables for colors
-            ['--primary']: 'var(--primary, hsl(305 38% 54%))',
-            ['--primary-foreground']: 'var(--primary-foreground, hsl(0 0% 100%))',
-            ['--accent']: 'var(--accent, hsl(305 38% 94%))',
-            ['--accent-foreground']: 'var(--accent-foreground, hsl(305 38% 20%))',
-            ['--muted-foreground']: 'var(--muted-foreground, hsl(0 0% 45%))',
-        }, children: _jsx(DayPicker, { showOutsideDays: showOutsideDays, className: cn('p-3', className), classNames: {
+    return (_jsx("div", { style: {}, children: _jsx(DayPicker, { showOutsideDays: showOutsideDays, className: cn('p-3', className), classNames: {
                 months: 'flex flex-col sm:flex-row space-y-4 sm:space-x-4 sm:space-y-0',
                 month: 'space-y-4',
                 caption: 'flex justify-center pt-1 relative items-center',

package/lib/components/ui/DatePicker.d.ts

@@ -1,4 +1,3 @@
-import 'flowbite';
 type DatePickerProps = {
     ref?: any;
     name?: string;

package/lib/components/ui/DatePicker.js

@@ -1,5 +1,4 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import 'flowbite';
 import { Datepicker } from 'flowbite-react';
 import { useEffect, useState } from 'react';
 function DatePicker({ value, disabled, name, onChange }) {

package/lib/components/ui/DateRangePickerWithPresets.js

@@ -149,16 +149,7 @@ const DateRangePickerWithPresets = ({ value, onChange, presets = defaultDatePres
         e.stopPropagation();
         onChange?.(undefined, undefined);
     };
-    return (_jsxs(Popover, { open: isOpen, onOpenChange: setIsOpen, children: [_jsx(PopoverTrigger, { asChild: true, children: _jsxs(Button, { variant: "outline", disabled: disabled, className: cn('w-auto justify-start text-left font-normal', !value && 'text-muted-foreground', className), children: [_jsx(CalendarIcon, { className: "mr-2 h-4 w-4" }), _jsx("span", { children: displayText }), showClearButton && value?.from && (_jsx(X, { className: "ml-2 h-4 w-4 opacity-50 hover:opacity-100 cursor-pointer", onClick: handleClear }))] }) }), _jsx(PopoverContent, { className: "w-auto p-0 bg-background border border-border shadow-lg", align: "start", sideOffset: 8, children: _jsxs("div", { className: "flex", style: {
-                        // Provide fallback CSS variables for colors
-                        ['--primary']: 'var(--primary, hsl(305 38% 54%))',
-                        ['--primary-foreground']: 'var(--primary-foreground, hsl(0 0% 100%))',
-                        ['--accent']: 'var(--accent, hsl(305 38% 94%))',
-                        ['--accent-foreground']: 'var(--accent-foreground, hsl(305 38% 20%))',
-                        ['--background']: 'var(--background, hsl(0 0% 100%))',
-                        ['--border']: 'var(--border, hsl(0 0% 90%))',
-                        ['--muted-foreground']: 'var(--muted-foreground, hsl(0 0% 45%))',
-                    }, children: [_jsx("div", { className: "border-r border-border p-2 min-w-[140px] bg-background", children: _jsx("div", { className: "flex flex-col gap-1", children: presets.map((preset) => (_jsx("button", { type: "button", onClick: () => handlePresetSelect(preset), className: cn('text-left px-3 py-2 text-sm rounded-md transition-colors', 'hover:bg-accent hover:text-accent-foreground', tempPreset === preset.value &&
+    return (_jsxs(Popover, { open: isOpen, onOpenChange: setIsOpen, children: [_jsx(PopoverTrigger, { asChild: true, children: _jsxs(Button, { variant: "outline", disabled: disabled, className: cn('w-auto justify-start text-left font-normal', !value && 'text-muted-foreground', className), children: [_jsx(CalendarIcon, { className: "mr-2 h-4 w-4" }), _jsx("span", { children: displayText }), showClearButton && value?.from && (_jsx(X, { className: "ml-2 h-4 w-4 opacity-50 hover:opacity-100 cursor-pointer", onClick: handleClear }))] }) }), _jsx(PopoverContent, { className: "w-auto p-0 bg-background border border-border shadow-lg", align: "start", sideOffset: 8, children: _jsxs("div", { className: "flex", children: [_jsx("div", { className: "border-r border-border p-2 min-w-[140px] bg-background", children: _jsx("div", { className: "flex flex-col gap-1", children: presets.map((preset) => (_jsx("button", { type: "button", onClick: () => handlePresetSelect(preset), className: cn('text-left px-3 py-2 text-sm rounded-md transition-colors', 'hover:bg-accent hover:text-accent-foreground', tempPreset === preset.value &&
                                         'bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground'), children: preset.label }, preset.value))) }) }), tempPreset === 'custom' && (_jsxs("div", { className: "p-3 bg-background", children: [_jsx(Calendar, { mode: "range", defaultMonth: tempRange?.from || new Date(), selected: tempRange, onSelect: handleCalendarSelect, numberOfMonths: numberOfMonths, disabled: (date) => {
                                         if (minDate && date < minDate)
                                             return true;

package/lib/components/ui/Popover.js

@@ -6,9 +6,9 @@ const Popover = PopoverPrimitive.Root;
 const PopoverTrigger = PopoverPrimitive.Trigger;
 const PopoverAnchor = PopoverPrimitive.Anchor;
 const PopoverContent = React.forwardRef(({ className, align = 'center', sideOffset = 4, ...props }, ref) => (_jsx(PopoverPrimitive.Portal, { children: _jsx(PopoverPrimitive.Content, { ref: ref, align: align, sideOffset: sideOffset, className: cn('z-[70] w-72 rounded-md border p-4 shadow-md outline-none', 'data-[state=open]:animate-in data-[state=closed]:animate-out', 'data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0', 'data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95', 'data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2', 'data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2', className), style: {
-            backgroundColor: 'var(--popover, hsl(0 0% 100%))',
-            color: 'var(--popover-foreground, hsl(240 10% 3.9%))',
-            borderColor: 'var(--border, hsl(240 5.9% 90%))',
+            backgroundColor: 'hsl(var(--popover, 0 0% 100%))',
+            color: 'hsl(var(--popover-foreground, 240 10% 3.9%))',
+            borderColor: 'hsl(var(--border, 240 5.9% 90%))',
         }, ...props }) })));
 PopoverContent.displayName = PopoverPrimitive.Content.displayName;
 export { Popover, PopoverTrigger, PopoverContent, PopoverAnchor };

package/lib/index.d.ts

@@ -20,4 +20,5 @@ export * from './translations';
 export * from './rbac';
 export { useImageUpload } from './shared/hooks/useImageUpload';
 export type { UseImageUploadProps, UploadResponse } from './shared/hooks/useImageUpload';
+export { useAnyDrawerOpen } from './shared/hooks/useAnyDrawerOpen';
 export * from './feedback';

package/lib/index.js

@@ -30,5 +30,6 @@ export * from './translations';
 export * from './rbac';
 // Hooks
 export { useImageUpload } from './shared/hooks/useImageUpload';
+export { useAnyDrawerOpen } from './shared/hooks/useAnyDrawerOpen';
 // Feedback System
 export * from './feedback';

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.242",
+  "version": "0.8.244",
   "publishConfig": {
     "access": "public",
     "provenance": false