@bsol-oss/react-datatable5 13.0.1-beta.7 → 13.0.1-beta.9

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

@@ -1,11 +1,10 @@
-import { DatePickerLabels } from './DatePicker';
-import { TimePickerLabels } from '../Form/components/types/CustomJSONSchema7';
+import { DateTimePickerLabels, TimePickerLabels } from '../Form/components/types/CustomJSONSchema7';
 interface DateTimePickerProps {
     value?: string;
     onChange?: (date?: string) => void;
     format?: 'date-time' | 'iso-date-time';
     showSeconds?: boolean;
-    labels?: DatePickerLabels;
+    labels?: DateTimePickerLabels;
     timePickerLabels?: TimePickerLabels;
     timezone?: string;
     startTime?: string;
@@ -13,18 +12,20 @@ interface DateTimePickerProps {
     maxDate?: Date;
     portalled?: boolean;
     defaultDate?: string;
-    defaultTime?: TimeData;
+    defaultTime?: {
+        hour: number | null;
+        minute: number | null;
+        second?: number | null;
+        meridiem?: 'am' | 'pm' | null;
+    };
+    showQuickActions?: boolean;
+    quickActionLabels?: {
+        yesterday?: string;
+        today?: string;
+        tomorrow?: string;
+        plus7Days?: string;
+    };
+    showTimezoneSelector?: boolean;
 }
-interface TimeData12Hour {
-    hour: number | null;
-    minute: number | null;
-    meridiem: 'am' | 'pm' | null;
-}
-interface TimeData24Hour {
-    hour: number | null;
-    minute: number | null;
-    second?: number | null;
-}
-type TimeData = TimeData12Hour | TimeData24Hour;
-export declare function DateTimePicker({ value, onChange, format, showSeconds, labels, timePickerLabels, timezone, startTime, minDate, maxDate, portalled, defaultDate, defaultTime, }: DateTimePickerProps): import("react/jsx-runtime").JSX.Element;
+export declare function DateTimePicker({ value, onChange, format, showSeconds, labels, timePickerLabels, timezone: tz, startTime, minDate, maxDate, portalled, defaultDate, defaultTime, showQuickActions, quickActionLabels, showTimezoneSelector, }: DateTimePickerProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,9 +1,8 @@
-type FormatType = "date" | "time" | "date-time" | "iso-time" | "iso-date-time" | "duration";
+type FormatType = 'date' | 'time' | 'date-time' | 'iso-time' | 'iso-date-time' | 'duration';
 interface UniversalPickerProps {
     format: FormatType;
     value?: string | null;
     onChange?: (value: string | null) => void;
-    placeholder?: string;
 }
-export declare function UniversalPicker({ format, value, onChange, placeholder, }: UniversalPickerProps): import("react/jsx-runtime").JSX.Element;
+export declare function UniversalPicker({ format, value, onChange, }: UniversalPickerProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,6 +1,5 @@
 export { default as DatePicker } from './DatePicker';
 export { TimePicker } from '../TimePicker/TimePicker';
-export { IsoTimePicker } from './IsoTimePicker';
 export { DateTimePicker } from './DateTimePicker';
 export { DurationPicker } from './DurationPicker';
 export { UniversalPicker } from './UniversalPicker';

package/dist/types/components/Form/components/fields/useIdPickerData.d.ts

@@ -26,6 +26,7 @@ export interface UseIdPickerDataReturn {
     missingIds: string[];
     comboboxItems: Array<{
         label: string;
+        displayLabel: string;
         value: string;
         raw: RecordType;
     }>;
@@ -33,6 +34,7 @@ export interface UseIdPickerDataReturn {
     filter: (text: string) => void;
     set: (items: Array<{
         label: string;
+        displayLabel: string;
         value: string;
         raw: RecordType;
     }>) => void;
@@ -40,6 +42,8 @@ export interface UseIdPickerDataReturn {
     idPickerLabels: any;
     insideDialog: boolean;
     renderDisplay: ((item: RecordType) => React.ReactNode) | undefined;
+    itemToValue: (item: RecordType) => string;
+    itemToString: (item: RecordType) => string;
     loadInitialValues: (params: LoadInitialValuesParams) => Promise<LoadInitialValuesResult>;
     column_ref: string;
     errors: any;

package/dist/types/components/Form/components/types/CustomJSONSchema7.d.ts

@@ -79,6 +79,7 @@ export interface CustomJSONSchema7 extends JSONSchema7 {
     foreign_key?: ForeignKeyProps;
     variant?: string;
     renderDisplay?: (item: unknown) => ReactNode;
+    itemToValue?: (item: unknown) => string;
     loadInitialValues?: (params: LoadInitialValuesParams) => Promise<LoadInitialValuesResult>;
     inputRender?: (props: {
         column: string;

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

@@ -1,13 +1,18 @@
 import { Dispatch, SetStateAction } from 'react';
 import { TimePickerLabels } from '../Form/components/types/CustomJSONSchema7';
-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>>;
-    onChange?: (newValue: {
+type TimePickerProps12h = {
+    format?: '12h';
+    value?: string;
+    onChange?: (value: string | undefined) => void;
+    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>>;
+    second?: never;
+    setSecond?: never;
+    onTimeChange?: (newValue: {
         hour: number | null;
         minute: number | null;
         meridiem: 'am' | 'pm' | null;
@@ -17,6 +22,30 @@ interface TimePickerProps {
     timezone?: string;
     portalled?: boolean;
     labels?: TimePickerLabels;
-}
-export declare const TimePicker: ({ hour, setHour, minute, setMinute, meridiem, setMeridiem, onChange, startTime, selectedDate, timezone, portalled, labels, }: TimePickerProps) => import("react/jsx-runtime").JSX.Element;
+};
+type TimePickerProps24h = {
+    format: '24h';
+    value?: string;
+    onChange?: (value: string | undefined) => void;
+    hour?: number | null;
+    setHour?: Dispatch<SetStateAction<number | null>>;
+    minute?: number | null;
+    setMinute?: Dispatch<SetStateAction<number | null>>;
+    second?: number | null;
+    setSecond?: Dispatch<SetStateAction<number | null>>;
+    meridiem?: never;
+    setMeridiem?: never;
+    onTimeChange?: (newValue: {
+        hour: number | null;
+        minute: number | null;
+        second: number | null;
+    }) => void;
+    startTime?: string;
+    selectedDate?: string;
+    timezone?: string;
+    portalled?: boolean;
+    labels?: TimePickerLabels;
+};
+export type TimePickerProps = TimePickerProps12h | TimePickerProps24h;
+export declare const TimePicker: (props: TimePickerProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/package.json

@@ -1,11 +1,14 @@
 {
   "name": "@bsol-oss/react-datatable5",
-  "version": "13.0.1-beta.7",
+  "version": "13.0.1-beta.9",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
   "types": "dist/index.d.ts",
-  "repository": "https://github.com/bsol-oss/react-datatable5.git",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/bsol-oss/react-datatable5.git"
+  },
   "homepage": "https://github.com/bsol-oss/react-datatable5#react-datatable5",
   "author": "screw123",
   "license": "MIT",
@@ -46,7 +49,7 @@
     "ajv": "^8.12.0",
     "ajv-errors": "^3.0.0",
     "ajv-formats": "^3.0.1",
-    "axios": "^1.7.9",
+    "axios": "^1.13.2",
     "dayjs": "^1.11.13",
     "next-themes": "^0.4.4",
     "react": "^19.0.0",
@@ -80,7 +83,7 @@
     "lint-staged": "^16.2.5",
     "prettier": "3.2.5",
     "rollup-plugin-dts": "^6.1.0",
-    "storybook": "^10.0.7",
+    "storybook": "^10.1.11",
     "typescript": "^5.2.2",
     "vite": "^5.2.0"
   },

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

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