@grasp-labs/ds-react-components 0.15.1 → 0.17.0

package/dist/components/datePicker/datePicker.d.ts

@@ -0,0 +1,35 @@
+import { ComponentProps } from 'react';
+import { DayPicker, Locale } from 'react-day-picker';
+type DayPickerClassNamesConfig = Pick<ComponentProps<typeof DayPicker>, "classNames" | "modifiersClassNames">;
+export type DatePickerProps = {
+    /** Label text displayed nex to the trigger button */
+    labelText: string;
+    /** Text displayed in trigger button, when date is not selected */
+    placeholderText: string;
+    /** Date displayed in trigger button, when date is selected */
+    selectedDate: Date | null;
+    /** Locale used to display texts of date-picker in correct language and present date with correct format */
+    locale?: Locale;
+    /** Min date available to select */
+    minDate?: Date;
+    /** Max date available to select */
+    maxDate?: Date;
+    /** Default month shown when date-picker is open */
+    defaultMonth?: Date;
+    /** Class name used to override default styles of component wrapper */
+    className?: string;
+    /** Config for class names used to override default styles of calendar */
+    dayPickerClassNames?: DayPickerClassNamesConfig;
+    /** Aria label added to the button, when date is selected */
+    nonEmptyButtonAriaLabel: string;
+    /** Callback function called when the date is changed */
+    onSelectedDateChange: (selectedDate: Date | null) => void;
+};
+/**
+ * A flexible date-picker component
+ *
+ * @param props - The props for the DatePicker component
+ * @returns The rendered date-picker
+ */
+export declare const DatePicker: ({ labelText, placeholderText, selectedDate, locale, minDate, maxDate, defaultMonth, className, dayPickerClassNames, nonEmptyButtonAriaLabel, onSelectedDateChange, }: DatePickerProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/datePicker/index.d.ts

@@ -0,0 +1,2 @@
+export { DatePicker } from './datePicker';
+export type { DatePickerProps } from './datePicker';

package/dist/components/menu/Menu.d.ts

@@ -22,8 +22,8 @@ export type MenuRoute = {
 export type MenuProps = {
     /** React element to display as the menu logo (e.g. an SVG component or img element) */
     logo: ReactElement;
-    /** Text to display in the footer */
-    footerText: string;
+    /** Content to display in the footer */
+    footerContent: React.ReactNode;
     /** Array of routes to display in the menu */
     routes: MenuRoute[];
     /** Current user permissions used to filter routes */
@@ -39,7 +39,7 @@ export type MenuProps = {
  * ```tsx
  * <Menu
  *   logo={<MyLogo />}
- *   footerText="© 2025 My Company"
+ *   footerContent="© 2025 My Company"
  *   routes={[
  *     { path: "/dashboard", title: "Dashboard", icon: <DashboardIcon /> },
  *     { path: "/settings", title: "Settings", icon: <SettingsIcon />, permissions: ["admin"] }
@@ -48,4 +48,4 @@ export type MenuProps = {
  * />
  * ```
  */
-export declare const Menu: ({ logo, footerText, routes, permissions, className, }: MenuProps) => JSX.Element;
+export declare const Menu: ({ logo, footerContent, routes, permissions, className, }: MenuProps) => JSX.Element;