@bsol-oss/react-datatable5 12.0.0-beta.89 → 12.0.0-beta.90

package/dist/types/components/DataTable/display/DataDisplay.d.ts

@@ -1,6 +1,6 @@
-import { UseTranslationResponse } from "react-i18next";
+import { UseTranslationResponse } from 'react-i18next';
 export interface DataDisplayProps {
-    variant?: "horizontal" | "stats" | "";
+    variant?: 'horizontal' | 'stats' | '';
     translate?: UseTranslationResponse<any, any>;
 }
 export declare const DataDisplay: ({ variant }: DataDisplayProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/DataTable/display/TableDataDisplay.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from "react";
+import { ReactNode } from 'react';
 export interface TableDataDisplayProps {
     colorPalette?: string;
     emptyComponent?: ReactNode;

package/dist/types/components/DatePicker/DateTimePicker.d.ts

@@ -1,11 +1,12 @@
-import { DatePickerLabels } from "./DatePicker";
+import { DatePickerLabels } from './DatePicker';
 interface DateTimePickerProps {
     value?: string;
     onChange?: (date?: string) => void;
-    format?: "date-time" | "iso-date-time";
+    format?: 'date-time' | 'iso-date-time';
     showSeconds?: boolean;
     labels?: DatePickerLabels;
     timezone?: string;
+    startTime?: string;
 }
-export declare function DateTimePicker({ value, onChange, format, showSeconds, labels, timezone, }: DateTimePickerProps): import("react/jsx-runtime").JSX.Element;
+export declare function DateTimePicker({ value, onChange, format, showSeconds, labels, timezone, startTime, }: DateTimePickerProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/types/components/DatePicker/IsoTimePicker.d.ts

@@ -1,4 +1,4 @@
-import { Dispatch, SetStateAction } from "react";
+import { Dispatch, SetStateAction } from 'react';
 interface IsoTimePickerProps {
     hour: number | null;
     setHour: Dispatch<SetStateAction<number | null>>;
@@ -11,6 +11,9 @@ interface IsoTimePickerProps {
         minute: number | null;
         second: number | null;
     }) => void;
+    startTime?: string;
+    selectedDate?: string;
+    timezone?: string;
 }
-export declare function IsoTimePicker({ hour, setHour, minute, setMinute, second, setSecond, onChange, }: IsoTimePickerProps): import("react/jsx-runtime").JSX.Element;
+export declare function IsoTimePicker({ hour, setHour, minute, setMinute, second, setSecond, onChange, startTime, selectedDate, timezone, }: IsoTimePickerProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/types/components/DatePicker/RangeDatePicker.d.ts

@@ -1,5 +1,5 @@
-import { Props, RenderProps } from "@bsol-oss/dayzed-react19";
-import React from "react";
+import { Props, RenderProps } from '@bsol-oss/dayzed-react19';
+import React from 'react';
 export interface RangeCalendarProps extends RenderProps {
     firstDayOfWeek?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
     selected?: Date[];
@@ -10,9 +10,65 @@ export interface GetStyleProps {
     unavailable: boolean;
     isInRange: boolean;
 }
-export interface RangeDatePickerProps extends Props, RangeCalendarProps {
+export interface RangeDatePickerLabels {
+    monthNamesFull: string[];
+    weekdayNamesShort: string[];
+    backButtonLabel?: string;
+    forwardButtonLabel?: string;
 }
-declare class RangeDatePicker extends React.Component<RangeDatePickerProps> {
-    render(): import("react/jsx-runtime").JSX.Element;
+export interface RangeDatePickerProps extends Props {
+    onDateSelected?: (obj: {
+        selected: Date[];
+        selectable: boolean;
+        date: Date;
+    }) => void;
+    selected?: Date[];
+    firstDayOfWeek?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+    showOutsideDays?: boolean;
+    date?: Date;
+    minDate?: Date;
+    maxDate?: Date;
+    monthsToDisplay?: number;
+    labels?: RangeDatePickerLabels;
+    /**
+     * Whether to render the calendar in a popover with a trigger button.
+     * @default true
+     */
+    withPopover?: boolean;
+    /**
+     * Controlled open state for the popover.
+     */
+    open?: boolean;
+    /**
+     * Callback when the popover open state changes.
+     */
+    onOpenChange?: (details: {
+        open: boolean;
+    }) => void;
+    /**
+     * The trigger button element. If not provided, a default button will be rendered.
+     */
+    trigger?: React.ReactNode;
+    /**
+     * Format string for displaying the selected date range in the trigger button.
+     * @default "YYYY-MM-DD"
+     */
+    displayFormat?: string;
+    /**
+     * Placeholder text for the trigger button when no dates are selected.
+     */
+    placeholder?: string;
+    /**
+     * Whether to close the popover when clicking outside.
+     * @default true
+     */
+    closeOnInteractOutside?: boolean;
+    /**
+     * Whether to portal the popover content.
+     * @default true
+     */
+    portalled?: boolean;
+    render?: (dayzedData: RenderProps) => React.ReactNode;
 }
+declare const RangeDatePicker: React.FC<RangeDatePickerProps>;
 export default RangeDatePicker;

package/dist/types/components/Filter/TagFilter.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+import React from 'react';
 interface TagFilterProps {
     availableTags: {
         label?: string;

package/dist/types/components/TimePicker/TimePicker.d.ts

@@ -1,21 +1,23 @@
-import { Dispatch, SetStateAction } from "react";
+import { Dispatch, SetStateAction } from 'react';
 interface TimePickerProps {
     hour: number | null;
     setHour: Dispatch<SetStateAction<number | null>>;
     minute: number | null;
     setMinute: Dispatch<SetStateAction<number | null>>;
-    meridiem: "am" | "pm" | null;
-    setMeridiem: Dispatch<SetStateAction<"am" | "pm" | null>>;
+    meridiem: 'am' | 'pm' | null;
+    setMeridiem: Dispatch<SetStateAction<'am' | 'pm' | null>>;
     onChange?: (newValue: {
         hour: number | null;
         minute: number | null;
-        meridiem: "am" | "pm" | null;
+        meridiem: 'am' | 'pm' | null;
     }) => void;
     meridiemLabel?: {
         am: string;
         pm: string;
     };
     timezone?: string;
+    startTime?: string;
+    selectedDate?: string;
 }
-export declare function TimePicker({ hour, setHour, minute, setMinute, meridiem, setMeridiem, meridiemLabel, onChange, timezone, }: TimePickerProps): import("react/jsx-runtime").JSX.Element;
+export declare function TimePicker({ hour, setHour, minute, setMinute, meridiem, setMeridiem, meridiemLabel: _meridiemLabel, onChange, timezone, startTime, selectedDate, }: TimePickerProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bsol-oss/react-datatable5",
-  "version": "12.0.0-beta.89",
+  "version": "12.0.0-beta.90",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -60,13 +60,8 @@
   "devDependencies": {
     "@rollup/plugin-alias": "^5.1.1",
     "@rollup/plugin-typescript": "^11.1.6",
-    "@storybook/addon-essentials": "^8.4.7",
-    "@storybook/addon-interactions": "^8.4.7",
     "@storybook/addon-onboarding": "^10.0.7",
-    "@storybook/blocks": "^8.4.7",
-    "@storybook/react": "^10.0.7",
     "@storybook/react-vite": "^10.0.7",
-    "@storybook/test": "^8.4.7",
     "@types/ajv-errors": "^2.0.0",
     "@types/json-schema": "^7.0.15",
     "@types/react": "19.0.2",
@@ -88,7 +83,8 @@
     "rollup-plugin-dts": "^6.1.0",
     "storybook": "^10.0.7",
     "typescript": "^5.2.2",
-    "vite": "^5.2.0"
+    "vite": "^5.2.0",
+    "@storybook/addon-docs": "^10.0.7"
   },
   "lint-staged": {
     "*.{ts,js,json,md,tsx}": [

package/dist/types/components/ui/popover.d.ts

@@ -1,17 +0,0 @@
-import { Popover as ChakraPopover } from "@chakra-ui/react";
-import * as React from "react";
-interface PopoverContentProps extends ChakraPopover.ContentProps {
-    portalled?: boolean;
-    portalRef?: React.RefObject<HTMLElement>;
-}
-export declare const PopoverContent: React.ForwardRefExoticComponent<PopoverContentProps & React.RefAttributes<HTMLDivElement>>;
-export declare const PopoverArrow: React.ForwardRefExoticComponent<ChakraPopover.ArrowProps & React.RefAttributes<HTMLDivElement>>;
-export declare const PopoverCloseTrigger: React.ForwardRefExoticComponent<ChakraPopover.CloseTriggerProps & React.RefAttributes<HTMLButtonElement>>;
-export declare const PopoverTitle: React.ForwardRefExoticComponent<ChakraPopover.TitleProps & React.RefAttributes<HTMLDivElement>>;
-export declare const PopoverDescription: React.ForwardRefExoticComponent<ChakraPopover.DescriptionProps & React.RefAttributes<HTMLDivElement>>;
-export declare const PopoverFooter: React.ForwardRefExoticComponent<ChakraPopover.FooterProps & React.RefAttributes<HTMLDivElement>>;
-export declare const PopoverHeader: React.ForwardRefExoticComponent<ChakraPopover.HeaderProps & React.RefAttributes<HTMLDivElement>>;
-export declare const PopoverRoot: React.FC<ChakraPopover.RootProps>;
-export declare const PopoverBody: React.ForwardRefExoticComponent<ChakraPopover.BodyProps & React.RefAttributes<HTMLDivElement>>;
-export declare const PopoverTrigger: React.ForwardRefExoticComponent<ChakraPopover.TriggerProps & React.RefAttributes<HTMLButtonElement>>;
-export {};