@homebound/beam 3.2.0-alpha.1 → 3.2.0-alpha.3

package/dist/index.d.cts

@@ -4735,6 +4735,7 @@ type InfiniteScroll = {
     endOffsetPx?: number;
 };
 
+type GridCellValue = number | string | Date | boolean | Temporal.PlainDate | Temporal.ZonedDateTime | null | undefined;
 /**
  * Allows a cell to be more than just a RectNode, i.e. declare its alignment or
  * primitive value for filtering and sorting.
@@ -4748,9 +4749,9 @@ type GridCellContent = {
     content: MaybeFn<ReactNode>;
     alignment?: GridCellAlignment;
     /** Allow value to be a function in case it's a dynamic value i.e. reading from an inline-edited proxy. */
-    value?: MaybeFn<number | string | Date | boolean | null | undefined>;
+    value?: MaybeFn<GridCellValue>;
     /** The value to use specifically for sorting (i.e. if `value` is used for filtering); defaults to `value`. */
-    sortValue?: MaybeFn<number | string | Date | boolean | null | undefined>;
+    sortValue?: MaybeFn<GridCellValue>;
     colspan?: number;
     typeScale?: Typography;
     /** Allows the cell to stay in place when the user scrolls horizontally, i.e. frozen columns. */
@@ -6411,7 +6412,7 @@ declare function parseDate(str: string, format: DateFieldFormat | "date"): Plain
 declare function parseDateRange(str: string, format: DateFieldFormat | "date"): DateRange | undefined;
 declare function isValidDate(d: PlainDate | undefined): boolean;
 
-type DateFieldBaseProps = Pick<TextFieldBaseProps<Properties>, "borderless" | "visuallyDisabled" | "labelStyle" | "compact" | "fullWidth"> & {
+type DateFieldCommonProps = Pick<TextFieldBaseProps<Properties>, "borderless" | "visuallyDisabled" | "labelStyle" | "compact" | "fullWidth"> & {
     label: string;
     /** Called when the component loses focus */
     onBlur?: () => void;
@@ -6435,30 +6436,22 @@ type DateFieldBaseProps = Pick<TextFieldBaseProps<Properties>, "borderless" | "v
     onEnter?: VoidFunction;
     /** for storybook */
     defaultOpen?: boolean;
-    onChange: ((value: PlainDate | undefined) => void) | ((value: DateRange | undefined) => void);
-    mode: DateFieldMode;
     /** Range filters should only allow a full DateRange or nothing */
     isRangeFilterField?: boolean;
     /** Render header that skips years in addition to months */
     useYearPicker?: boolean;
 };
-type DateSingleFieldBaseProps = DateFieldBaseProps & {
-    mode: "single";
+type DateFieldProps = DateFieldCommonProps & {
     value: PlainDate | undefined;
     onChange: (value: PlainDate | undefined) => void;
 };
-type DateRangeFieldBaseProps = DateFieldBaseProps & {
-    mode: "range";
+type DateRangeFieldProps = DateFieldCommonProps & {
     value: DateRange | undefined;
     onChange: (value: DateRange | undefined) => void;
 };
 
-interface DateFieldProps extends Omit<DateSingleFieldBaseProps, "mode"> {
-}
 declare const DateField: (props: DateFieldProps) => JSX.Element;
 
-interface DateRangeFieldProps extends Omit<DateRangeFieldBaseProps, "mode"> {
-}
 declare function DateRangeField(props: DateRangeFieldProps): JSX.Element;
 
 interface ErrorMessageProps {

package/dist/index.d.ts

@@ -4735,6 +4735,7 @@ type InfiniteScroll = {
     endOffsetPx?: number;
 };
 
+type GridCellValue = number | string | Date | boolean | Temporal.PlainDate | Temporal.ZonedDateTime | null | undefined;
 /**
  * Allows a cell to be more than just a RectNode, i.e. declare its alignment or
  * primitive value for filtering and sorting.
@@ -4748,9 +4749,9 @@ type GridCellContent = {
     content: MaybeFn<ReactNode>;
     alignment?: GridCellAlignment;
     /** Allow value to be a function in case it's a dynamic value i.e. reading from an inline-edited proxy. */
-    value?: MaybeFn<number | string | Date | boolean | null | undefined>;
+    value?: MaybeFn<GridCellValue>;
     /** The value to use specifically for sorting (i.e. if `value` is used for filtering); defaults to `value`. */
-    sortValue?: MaybeFn<number | string | Date | boolean | null | undefined>;
+    sortValue?: MaybeFn<GridCellValue>;
     colspan?: number;
     typeScale?: Typography;
     /** Allows the cell to stay in place when the user scrolls horizontally, i.e. frozen columns. */
@@ -6411,7 +6412,7 @@ declare function parseDate(str: string, format: DateFieldFormat | "date"): Plain
 declare function parseDateRange(str: string, format: DateFieldFormat | "date"): DateRange | undefined;
 declare function isValidDate(d: PlainDate | undefined): boolean;
 
-type DateFieldBaseProps = Pick<TextFieldBaseProps<Properties>, "borderless" | "visuallyDisabled" | "labelStyle" | "compact" | "fullWidth"> & {
+type DateFieldCommonProps = Pick<TextFieldBaseProps<Properties>, "borderless" | "visuallyDisabled" | "labelStyle" | "compact" | "fullWidth"> & {
     label: string;
     /** Called when the component loses focus */
     onBlur?: () => void;
@@ -6435,30 +6436,22 @@ type DateFieldBaseProps = Pick<TextFieldBaseProps<Properties>, "borderless" | "v
     onEnter?: VoidFunction;
     /** for storybook */
     defaultOpen?: boolean;
-    onChange: ((value: PlainDate | undefined) => void) | ((value: DateRange | undefined) => void);
-    mode: DateFieldMode;
     /** Range filters should only allow a full DateRange or nothing */
     isRangeFilterField?: boolean;
     /** Render header that skips years in addition to months */
     useYearPicker?: boolean;
 };
-type DateSingleFieldBaseProps = DateFieldBaseProps & {
-    mode: "single";
+type DateFieldProps = DateFieldCommonProps & {
     value: PlainDate | undefined;
     onChange: (value: PlainDate | undefined) => void;
 };
-type DateRangeFieldBaseProps = DateFieldBaseProps & {
-    mode: "range";
+type DateRangeFieldProps = DateFieldCommonProps & {
     value: DateRange | undefined;
     onChange: (value: DateRange | undefined) => void;
 };
 
-interface DateFieldProps extends Omit<DateSingleFieldBaseProps, "mode"> {
-}
 declare const DateField: (props: DateFieldProps) => JSX.Element;
 
-interface DateRangeFieldProps extends Omit<DateRangeFieldBaseProps, "mode"> {
-}
 declare function DateRangeField(props: DateRangeFieldProps): JSX.Element;
 
 interface ErrorMessageProps {

package/dist/index.js

@@ -7516,6 +7516,7 @@ var RowState = class {
 };
 
 // src/components/Table/utils/sortRows.ts
+import { Temporal as Temporal2 } from "temporal-polyfill";
 function sortRows(columns, rows, sortState, caseSensitive) {
   const fn = sortFn(columns, sortState, caseSensitive);
   const sorted = [...rows].sort(fn);
@@ -7580,7 +7581,7 @@ function sortValue(value, caseSensitive) {
   if (maybeFn instanceof Function) {
     maybeFn = maybeFn();
   }
-  return typeof maybeFn === "string" && !caseSensitive ? maybeFn.toLowerCase() : maybeFn;
+  return normalizeSortValue(maybeFn, caseSensitive);
 }
 function ensureClientSideSortValueIsSortable(sortOn, isHeader, column2, idx, maybeContent) {
   if (process.env.NODE_ENV !== "production" && !isHeader && sortOn === "client" && column2.clientSideSort !== false) {
@@ -7595,7 +7596,24 @@ function ensureClientSideSortValueIsSortable(sortOn, isHeader, column2, idx, may
 }
 function canClientSideSort(value) {
   const t = typeof value;
-  return value === null || t === "undefined" || t === "number" || t === "string" || t === "boolean" || value instanceof Date;
+  return value === null || t === "undefined" || t === "number" || t === "string" || t === "bigint" || t === "boolean" || value instanceof Date || isPlainDate2(value) || isZonedDateTime(value);
+}
+function normalizeSortValue(value, caseSensitive) {
+  if (isPlainDate2(value)) {
+    return value.toString();
+  } else if (isZonedDateTime(value)) {
+    return value.epochNanoseconds;
+  } else if (typeof value === "string" && !caseSensitive) {
+    return value.toLowerCase();
+  } else {
+    return value;
+  }
+}
+function isPlainDate2(value) {
+  return value instanceof Temporal2.PlainDate;
+}
+function isZonedDateTime(value) {
+  return value instanceof Temporal2.ZonedDateTime;
 }
 
 // src/components/Table/components/Row.tsx
@@ -12209,7 +12227,7 @@ function CheckboxGroupItem(props) {
 import { useState as useState20 } from "react";
 
 // src/inputs/DateFields/utils.ts
-import { Temporal as Temporal2 } from "temporal-polyfill";
+import { Temporal as Temporal3 } from "temporal-polyfill";
 var dateFormats = {
   short: "shortDate",
   medium: "shortWeekdayMonthDay",
@@ -12236,7 +12254,7 @@ function parseDateRange(str, format) {
   const [from = "", to = ""] = str.split("-");
   const fromDate = parseDateString(from.trim(), format);
   const toDate = parseDateString(to.trim(), format);
-  if (toDate && fromDate && Temporal2.PlainDate.compare(toDate, fromDate) < 0) {
+  if (toDate && fromDate && Temporal3.PlainDate.compare(toDate, fromDate) < 0) {
     return { from: toDate, to: fromDate };
   }
   if (toDate === void 0 && fromDate === void 0) {
@@ -12263,7 +12281,7 @@ function parseDateString(str, format) {
     return void 0;
   }
   try {
-    return Temporal2.PlainDate.from({
+    return Temporal3.PlainDate.from({
       year: yearLength === 2 ? normalizeTwoDigitYear(year, todayPlainDate().year) : year,
       month,
       day