@paygreen/pgui 3.0.0 → 3.0.1

package/dist/components/date-picker/date-picker.d.ts

@@ -12,9 +12,9 @@ export interface DatePickerProps {
     isRange?: boolean;
     /** Whether to enable time selection */
     isDateTime?: boolean;
-    /** Placeholder text for the input */
-    placeholderText?: string;
-    /** Locale string for date formatting and translations ('en', 'fr', 'en-gb') */
+    /** Custom placeholder text for the input (overrides default format placeholder) */
+    placeholder?: string;
+    /** Locale string for date formatting and translations ('en', 'fr') */
     locale?: 'en' | 'fr';
     /** Minimum selectable date */
     minDate?: Date;
@@ -26,17 +26,44 @@ export interface DatePickerProps {
     onBlur?: () => void;
     /** Whether the input is disabled */
     isDisabled?: boolean;
+    /** Whether to show a clear button when there's a value (default: true) */
+    clearable?: boolean;
 }
 /**
  * A reusable date picker component with floating label and range selection support
  *
  * @example
  * ```tsx
+ * // Default behavior - shows format as placeholder (mm/dd/yyyy)
  * <DatePicker
  *   label="Birthdate"
  *   value={date}
  *   onChange={setDate}
  * />
+ *
+ * // French locale - shows French format (jj/mm/aaaa)
+ * <DatePicker
+ *   label="Date de naissance"
+ *   value={date}
+ *   onChange={setDate}
+ *   locale="fr"
+ * />
+ *
+ * // With custom placeholder (overrides default format)
+ * <DatePicker
+ *   label="Birthdate"
+ *   value={date}
+ *   onChange={setDate}
+ *   placeholderText="Choose your birthdate"
+ * />
+ *
+ * // To disable the clear button:
+ * <DatePicker
+ *   label="Birthdate"
+ *   value={date}
+ *   onChange={setDate}
+ *   clearable={false}
+ * />
  * ```
  */
 declare const DatePicker: import('react').ForwardRefExoticComponent<DatePickerProps & import('react').RefAttributes<HTMLInputElement>>;

package/dist/components/input-search/input-search.d.ts

@@ -6,7 +6,7 @@ type CustomProps = {
     onChange?(value?: string): void;
     delay?: number;
     clearLabel?: string;
-    inputProps?: object;
+    inputProps?: InputProps;
     isDisabled?: boolean;
     customEndElement?: React.ReactNode;
 };

package/dist/components/select/select.d.ts

@@ -32,6 +32,7 @@ export interface SingleSelectProps extends Omit<ReactSelectProps<SelectOptionTyp
     name?: string;
     /** Whether the select is in invalid state */
     invalid?: boolean;
+    disabled?: boolean;
 }
 /**
  * Props for multi-select mode
@@ -55,6 +56,7 @@ export interface MultiSelectProps extends Omit<ReactSelectProps<SelectOptionType
     name?: string;
     /** Whether the select is in invalid state */
     invalid?: boolean;
+    disabled?: boolean;
 }
 /**
  * Union type for Select component props

package/dist/components/sidebar/sidebar.d.ts

@@ -3,7 +3,7 @@ import { BoxProps, DrawerRootProps } from '@chakra-ui/react';
 /**
  * Theme configuration for sidebar styling
  */
-interface SidebarTheme {
+export interface SidebarTheme {
     /** Width of the sidebar in desktop mode */
     width?: string;
     /** Background color */
@@ -20,7 +20,7 @@ interface SidebarTheme {
 /**
  * Props for individual navigation items in the sidebar
  */
-interface NavItemProps {
+export interface NavItemProps {
     /** Icon component to display before the label */
     icon?: React.ElementType;
     /** Text label for the navigation item */
@@ -45,7 +45,7 @@ interface NavItemProps {
 /**
  * Props for navigation sections that group related navigation items
  */
-interface NavSectionProps {
+export interface NavSectionProps {
     /** Optional title for the navigation section */
     title?: string;
     /** Array of navigation items to display in this section */
@@ -58,14 +58,24 @@ interface NavSectionProps {
 /**
  * Props for the sidebar body component that contains navigation sections
  */
-interface SidebarBodyProps {
+export interface SidebarBodyProps {
     navSections: NavSectionProps[] | null;
 }
+/**
+ * Context type for the sidebar
+ */
+export interface SidebarContextType {
+    pathname: string;
+    displayDrawer: boolean;
+    navItemsAs?: React.ElementType;
+    navItemsProps?: (item: NavItemProps) => Record<string, any>;
+}
 /**
  * Props for the sidebar root component
  */
-interface SidebarRootProps extends SidebarProps {
+export interface SidebarRootProps extends SidebarProps {
     pathname: string;
+    displayDrawer: boolean;
     navItemsAs?: React.ElementType;
     navItemsProps?: (item: NavItemProps) => Record<string, any>;
 }
@@ -73,14 +83,12 @@ interface SidebarRootProps extends SidebarProps {
  * Main props for the Sidebar component
  */
 export interface SidebarProps extends Omit<DrawerRootProps, 'open'> {
-    /** Custom breakpoint configuration for responsive behavior */
-    breakpoints?: any[] | Partial<Record<string, any>>;
     /** Whether the sidebar is currently open/visible */
     open: boolean;
     /** Function to control the sidebar open/close state */
     setOpen: (val: boolean) => void;
     /** Reference to the container element where the drawer portal should be rendered */
-    containerRef: RefObject<HTMLElement | null> | undefined;
+    containerRef?: RefObject<HTMLElement | null>;
     /** Path to the active item */
     activePath?: string;
     /** Child components (Header, Body, Footer) to render inside the sidebar */
@@ -102,7 +110,7 @@ export interface SidebarProps extends Omit<DrawerRootProps, 'open'> {
  * ```
  */
 declare const Sidebar: {
-    ({ breakpoints, open, setOpen, containerRef, children, theme, ...props }: SidebarProps): import("react/jsx-runtime").JSX.Element;
+    ({ open, setOpen, containerRef, children, theme, ...props }: SidebarProps): import("react/jsx-runtime").JSX.Element;
     NavItem: import('react').NamedExoticComponent<NavItemProps>;
     NavSection: import('react').NamedExoticComponent<NavSectionProps>;
     Body: import('react').NamedExoticComponent<SidebarBodyProps>;
@@ -112,6 +120,6 @@ declare const Sidebar: {
     Footer({ children, ...props }: {
         children: ReactNode;
     } & Partial<BoxProps>): import("react/jsx-runtime").JSX.Element;
-    Root: ({ pathname, navItemsAs, navItemsProps, ...props }: SidebarRootProps) => import("react/jsx-runtime").JSX.Element;
+    Root: ({ pathname, navItemsAs, navItemsProps, displayDrawer, ...props }: SidebarRootProps) => import("react/jsx-runtime").JSX.Element;
 };
 export { Sidebar };