@helpwave/hightide 0.6.13 → 0.6.15

package/dist/index.d.mts

@@ -1132,7 +1132,7 @@ type TableProviderProps<T> = {
     initialState?: Omit<InitialTableState, 'columnSizing'>;
     onRowClick?: (row: Row<T>, table: Table$1<T>) => void;
     onFillerRowClick?: (index: number, table: Table$1<T>) => void;
-    state?: Omit<TableState, 'columnSizing'>;
+    state?: Partial<Omit<TableState, 'columnSizing'>>;
 } & Partial<TableOptions<T>>;
 declare const TableProvider: <T>({ data, isUsingFillerRows, fillerRowCell, initialState, onRowClick, onFillerRowClick, defaultColumn: defaultColumnOverwrite, state, columns: columnsProp, children, ...tableOptions }: TableProviderProps<T>) => react_jsx_runtime.JSX.Element;
 
@@ -1155,8 +1155,10 @@ declare module '@tanstack/react-table' {
         text: FilterFn<unknown>;
         number: FilterFn<unknown>;
         date: FilterFn<unknown>;
+        dateTime: FilterFn<unknown>;
         boolean: FilterFn<unknown>;
         tags: FilterFn<unknown>;
+        tagsSingle: FilterFn<unknown>;
         generic: FilterFn<unknown>;
     }
 }
@@ -1358,7 +1360,7 @@ declare const TableFilterOperator: {
     readonly text: readonly ["textEquals", "textNotEquals", "textNotWhitespace", "textContains", "textNotContains", "textStartsWith", "textEndsWith"];
     readonly number: readonly ["numberEquals", "numberNotEquals", "numberGreaterThan", "numberGreaterThanOrEqual", "numberLessThan", "numberLessThanOrEqual", "numberBetween", "numberNotBetween"];
     readonly date: readonly ["dateEquals", "dateNotEquals", "dateGreaterThan", "dateGreaterThanOrEqual", "dateLessThan", "dateLessThanOrEqual", "dateBetween", "dateNotBetween"];
-    readonly datetime: readonly ["datetimeEquals", "datetimeNotEquals", "datetimeGreaterThan", "datetimeGreaterThanOrEqual", "datetimeLessThan", "datetimeLessThanOrEqual", "datetimeBetween", "datetimeNotBetween"];
+    readonly dateTime: readonly ["dateTimeEquals", "dateTimeNotEquals", "dateTimeGreaterThan", "dateTimeGreaterThanOrEqual", "dateTimeLessThan", "dateTimeLessThanOrEqual", "dateTimeBetween", "dateTimeNotBetween"];
     readonly boolean: readonly ["booleanIsTrue", "booleanIsFalse"];
     readonly tags: readonly ["tagsEquals", "tagsNotEquals", "tagsContains", "tagsNotContains"];
     readonly tagsSingle: readonly ["tagsSingleEquals", "tagsSingleNotEquals", "tagsSingleContains", "tagsSingleNotContains"];
@@ -1368,7 +1370,7 @@ type TableGenericFilter = (typeof TableFilterOperator.generic)[number];
 type TableTextFilter = (typeof TableFilterOperator.text)[number] | TableGenericFilter;
 type TableNumberFilter = (typeof TableFilterOperator.number)[number] | TableGenericFilter;
 type TableDateFilter = (typeof TableFilterOperator.date)[number] | TableGenericFilter;
-type TableDatetimeFilter = (typeof TableFilterOperator.datetime)[number] | TableGenericFilter;
+type TableDatetimeFilter = (typeof TableFilterOperator.dateTime)[number] | TableGenericFilter;
 type TableBooleanFilter = (typeof TableFilterOperator.boolean)[number] | TableGenericFilter;
 type TableTagsFilter = (typeof TableFilterOperator.tags)[number] | TableGenericFilter;
 type TableTagsSingleFilter = (typeof TableFilterOperator.tagsSingle)[number] | TableGenericFilter;
@@ -1440,7 +1442,7 @@ declare const TableFilter: {
     text: FilterFn<unknown>;
     number: FilterFn<unknown>;
     date: FilterFn<unknown>;
-    datetime: FilterFn<unknown>;
+    dateTime: FilterFn<unknown>;
     boolean: FilterFn<unknown>;
     tags: FilterFn<unknown>;
     tagsSingle: FilterFn<unknown>;
@@ -2690,7 +2692,7 @@ declare function filterNumber(value: unknown, filterValue: NumberFilterValue): b
  */
 declare function filterDate(value: unknown, filterValue: DateFilterValue): boolean;
 /**
- * Filters a datetime value based on the provided filter value.
+ * Filters a dateTime value based on the provided filter value.
  */
 declare function filterDatetime(value: unknown, filterValue: DatetimeFilterValue): boolean;
 /**

package/dist/index.d.ts

@@ -1132,7 +1132,7 @@ type TableProviderProps<T> = {
     initialState?: Omit<InitialTableState, 'columnSizing'>;
     onRowClick?: (row: Row<T>, table: Table$1<T>) => void;
     onFillerRowClick?: (index: number, table: Table$1<T>) => void;
-    state?: Omit<TableState, 'columnSizing'>;
+    state?: Partial<Omit<TableState, 'columnSizing'>>;
 } & Partial<TableOptions<T>>;
 declare const TableProvider: <T>({ data, isUsingFillerRows, fillerRowCell, initialState, onRowClick, onFillerRowClick, defaultColumn: defaultColumnOverwrite, state, columns: columnsProp, children, ...tableOptions }: TableProviderProps<T>) => react_jsx_runtime.JSX.Element;
 
@@ -1155,8 +1155,10 @@ declare module '@tanstack/react-table' {
         text: FilterFn<unknown>;
         number: FilterFn<unknown>;
         date: FilterFn<unknown>;
+        dateTime: FilterFn<unknown>;
         boolean: FilterFn<unknown>;
         tags: FilterFn<unknown>;
+        tagsSingle: FilterFn<unknown>;
         generic: FilterFn<unknown>;
     }
 }
@@ -1358,7 +1360,7 @@ declare const TableFilterOperator: {
     readonly text: readonly ["textEquals", "textNotEquals", "textNotWhitespace", "textContains", "textNotContains", "textStartsWith", "textEndsWith"];
     readonly number: readonly ["numberEquals", "numberNotEquals", "numberGreaterThan", "numberGreaterThanOrEqual", "numberLessThan", "numberLessThanOrEqual", "numberBetween", "numberNotBetween"];
     readonly date: readonly ["dateEquals", "dateNotEquals", "dateGreaterThan", "dateGreaterThanOrEqual", "dateLessThan", "dateLessThanOrEqual", "dateBetween", "dateNotBetween"];
-    readonly datetime: readonly ["datetimeEquals", "datetimeNotEquals", "datetimeGreaterThan", "datetimeGreaterThanOrEqual", "datetimeLessThan", "datetimeLessThanOrEqual", "datetimeBetween", "datetimeNotBetween"];
+    readonly dateTime: readonly ["dateTimeEquals", "dateTimeNotEquals", "dateTimeGreaterThan", "dateTimeGreaterThanOrEqual", "dateTimeLessThan", "dateTimeLessThanOrEqual", "dateTimeBetween", "dateTimeNotBetween"];
     readonly boolean: readonly ["booleanIsTrue", "booleanIsFalse"];
     readonly tags: readonly ["tagsEquals", "tagsNotEquals", "tagsContains", "tagsNotContains"];
     readonly tagsSingle: readonly ["tagsSingleEquals", "tagsSingleNotEquals", "tagsSingleContains", "tagsSingleNotContains"];
@@ -1368,7 +1370,7 @@ type TableGenericFilter = (typeof TableFilterOperator.generic)[number];
 type TableTextFilter = (typeof TableFilterOperator.text)[number] | TableGenericFilter;
 type TableNumberFilter = (typeof TableFilterOperator.number)[number] | TableGenericFilter;
 type TableDateFilter = (typeof TableFilterOperator.date)[number] | TableGenericFilter;
-type TableDatetimeFilter = (typeof TableFilterOperator.datetime)[number] | TableGenericFilter;
+type TableDatetimeFilter = (typeof TableFilterOperator.dateTime)[number] | TableGenericFilter;
 type TableBooleanFilter = (typeof TableFilterOperator.boolean)[number] | TableGenericFilter;
 type TableTagsFilter = (typeof TableFilterOperator.tags)[number] | TableGenericFilter;
 type TableTagsSingleFilter = (typeof TableFilterOperator.tagsSingle)[number] | TableGenericFilter;
@@ -1440,7 +1442,7 @@ declare const TableFilter: {
     text: FilterFn<unknown>;
     number: FilterFn<unknown>;
     date: FilterFn<unknown>;
-    datetime: FilterFn<unknown>;
+    dateTime: FilterFn<unknown>;
     boolean: FilterFn<unknown>;
     tags: FilterFn<unknown>;
     tagsSingle: FilterFn<unknown>;
@@ -2690,7 +2692,7 @@ declare function filterNumber(value: unknown, filterValue: NumberFilterValue): b
  */
 declare function filterDate(value: unknown, filterValue: DateFilterValue): boolean;
 /**
- * Filters a datetime value based on the provided filter value.
+ * Filters a dateTime value based on the provided filter value.
  */
 declare function filterDatetime(value: unknown, filterValue: DatetimeFilterValue): boolean;
 /**

package/dist/index.js

@@ -12779,6 +12779,7 @@ var Tooltip = ({
       onPointerEnter: openWithDelay,
       onPointerLeave: close3,
       onPointerCancel: close3,
+      onClick: close3,
       onFocus: openWithDelay,
       onBlur: close3,
       children: [
@@ -13345,55 +13346,55 @@ function filterDate(value, filterValue) {
       return false;
   }
 }
-function normalizeDatetime(datetime) {
-  const normalized = new Date(datetime);
+function normalizeDatetime(dateTime) {
+  const normalized = new Date(dateTime);
   normalized.setSeconds(0, 0);
   return normalized;
 }
 function filterDatetime(value, filterValue) {
   const parameter = filterValue.parameter;
   const operator = filterValue.operator;
-  const datetime = parseDate(value);
-  if (!datetime && !TableFilterOperator.generic.some((o) => o === operator)) return false;
-  const normalizedDatetime = datetime ? normalizeDatetime(datetime) : null;
+  const dateTime = parseDate(value);
+  if (!dateTime && !TableFilterOperator.generic.some((o) => o === operator)) return false;
+  const normalizedDatetime = dateTime ? normalizeDatetime(dateTime) : null;
   switch (operator) {
-    case "datetimeEquals": {
+    case "dateTimeEquals": {
       const filterDatetime2 = parseDate(parameter.compareDatetime);
       if (!filterDatetime2 || !normalizedDatetime) return false;
       return normalizedDatetime.getTime() === normalizeDatetime(filterDatetime2).getTime();
     }
-    case "datetimeNotEquals": {
+    case "dateTimeNotEquals": {
       const filterDatetime2 = parseDate(parameter.compareDatetime);
       if (!filterDatetime2 || !normalizedDatetime) return false;
       return normalizedDatetime.getTime() !== normalizeDatetime(filterDatetime2).getTime();
     }
-    case "datetimeGreaterThan": {
+    case "dateTimeGreaterThan": {
       const filterDatetime2 = parseDate(parameter.compareDatetime);
       if (!filterDatetime2 || !normalizedDatetime) return false;
       return normalizedDatetime > normalizeDatetime(filterDatetime2);
     }
-    case "datetimeGreaterThanOrEqual": {
+    case "dateTimeGreaterThanOrEqual": {
       const filterDatetime2 = parseDate(parameter.compareDatetime);
       if (!filterDatetime2 || !normalizedDatetime) return false;
       return normalizedDatetime >= normalizeDatetime(filterDatetime2);
     }
-    case "datetimeLessThan": {
+    case "dateTimeLessThan": {
       const filterDatetime2 = parseDate(parameter.compareDatetime);
       if (!filterDatetime2 || !normalizedDatetime) return false;
       return normalizedDatetime < normalizeDatetime(filterDatetime2);
     }
-    case "datetimeLessThanOrEqual": {
+    case "dateTimeLessThanOrEqual": {
       const filterDatetime2 = parseDate(parameter.compareDatetime);
       if (!filterDatetime2 || !normalizedDatetime) return false;
       return normalizedDatetime <= normalizeDatetime(filterDatetime2);
     }
-    case "datetimeBetween": {
+    case "dateTimeBetween": {
       const minDatetime = parseDate(parameter.min);
       const maxDatetime = parseDate(parameter.max);
       if (!minDatetime || !maxDatetime || !normalizedDatetime) return false;
       return normalizedDatetime >= normalizeDatetime(minDatetime) && normalizedDatetime <= normalizeDatetime(maxDatetime);
     }
-    case "datetimeNotBetween": {
+    case "dateTimeNotBetween": {
       const minDatetime = parseDate(parameter.min);
       const maxDatetime = parseDate(parameter.max);
       if (!minDatetime || !maxDatetime || !normalizedDatetime) return false;
@@ -13495,7 +13496,7 @@ var TableFilterOperator = {
   text: ["textEquals", "textNotEquals", "textNotWhitespace", "textContains", "textNotContains", "textStartsWith", "textEndsWith"],
   number: ["numberEquals", "numberNotEquals", "numberGreaterThan", "numberGreaterThanOrEqual", "numberLessThan", "numberLessThanOrEqual", "numberBetween", "numberNotBetween"],
   date: ["dateEquals", "dateNotEquals", "dateGreaterThan", "dateGreaterThanOrEqual", "dateLessThan", "dateLessThanOrEqual", "dateBetween", "dateNotBetween"],
-  datetime: ["datetimeEquals", "datetimeNotEquals", "datetimeGreaterThan", "datetimeGreaterThanOrEqual", "datetimeLessThan", "datetimeLessThanOrEqual", "datetimeBetween", "datetimeNotBetween"],
+  dateTime: ["dateTimeEquals", "dateTimeNotEquals", "dateTimeGreaterThan", "dateTimeGreaterThanOrEqual", "dateTimeLessThan", "dateTimeLessThanOrEqual", "dateTimeBetween", "dateTimeNotBetween"],
   boolean: ["booleanIsTrue", "booleanIsFalse"],
   tags: ["tagsEquals", "tagsNotEquals", "tagsContains", "tagsNotContains"],
   tagsSingle: ["tagsSingleEquals", "tagsSingleNotEquals", "tagsSingleContains", "tagsSingleNotContains"],
@@ -13507,22 +13508,25 @@ function isTableFilterCategory(value) {
 var textFilter = (row, columnId, filterValue) => {
   const value = row.getValue(columnId);
   return filterText(value, filterValue);
+  return filterText(value, filterValue);
 };
 var numberFilter = (row, columnId, filterValue) => {
   const value = row.getValue(columnId);
   return filterNumber(value, filterValue);
+  return filterNumber(value, filterValue);
 };
 var dateFilter = (row, columnId, filterValue) => {
   const value = row.getValue(columnId);
   return filterDate(value, filterValue);
 };
-var datetimeFilter = (row, columnId, filterValue) => {
+var dateTimeFilter = (row, columnId, filterValue) => {
   const value = row.getValue(columnId);
   return filterDatetime(value, filterValue);
 };
 var booleanFilter = (row, columnId, filterValue) => {
   const value = row.getValue(columnId);
   return filterBoolean(value, filterValue);
+  return filterBoolean(value, filterValue);
 };
 var tagsFilter = (row, columnId, filterValue) => {
   const value = row.getValue(columnId);
@@ -13535,12 +13539,13 @@ var tagsSingleFilter = (row, columnId, filterValue) => {
 var genericFilter = (row, columnId, filterValue) => {
   const value = row.getValue(columnId);
   return filterGeneric(value, filterValue);
+  return filterGeneric(value, filterValue);
 };
 var TableFilter = {
   text: textFilter,
   number: numberFilter,
   date: dateFilter,
-  datetime: datetimeFilter,
+  dateTime: dateTimeFilter,
   boolean: booleanFilter,
   tags: tagsFilter,
   tagsSingle: tagsSingleFilter,
@@ -13680,8 +13685,10 @@ var TableProvider = ({
       text: TableFilter.text,
       number: TableFilter.number,
       date: TableFilter.date,
+      dateTime: TableFilter.dateTime,
       boolean: TableFilter.boolean,
       tags: TableFilter.tags,
+      tagsSingle: TableFilter.tagsSingle,
       generic: TableFilter.generic
     },
     onColumnSizingChange: (updaterOrValue) => {
@@ -15008,13 +15015,13 @@ var getOperatorInfo = (operator) => {
       return { icon: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_lucide_react18.SearchCheck, { className: "w-4 h-4" }), translationKey: "contains" };
     case "tagsNotContains":
       return { icon: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_lucide_react18.SearchX, { className: "w-4 h-4" }), translationKey: "notContains" };
-    case "datetimeEquals":
+    case "dateTimeEquals":
       return { icon: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_lucide_react18.Equal, { className: "w-4 h-4" }), translationKey: "equals" };
-    case "datetimeNotEquals":
+    case "dateTimeNotEquals":
       return { icon: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_lucide_react18.EqualNot, { className: "w-4 h-4" }), translationKey: "notEquals" };
-    case "datetimeGreaterThan":
+    case "dateTimeGreaterThan":
       return { icon: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_lucide_react18.ChevronRight, { className: "w-4 h-4" }), translationKey: "after" };
-    case "datetimeGreaterThanOrEqual":
+    case "dateTimeGreaterThanOrEqual":
       return {
         icon: /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "flex-row-0 items-center", children: [
           /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_lucide_react18.ChevronRight, { className: "w-4 h-4" }),
@@ -15022,9 +15029,9 @@ var getOperatorInfo = (operator) => {
         ] }),
         translationKey: "onOrAfter"
       };
-    case "datetimeLessThan":
+    case "dateTimeLessThan":
       return { icon: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_lucide_react18.ChevronLeft, { className: "w-4 h-4" }), translationKey: "before" };
-    case "datetimeLessThanOrEqual":
+    case "dateTimeLessThanOrEqual":
       return {
         icon: /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "flex-row-0 items-center", children: [
           /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_lucide_react18.ChevronLeft, { className: "w-4 h-4" }),
@@ -15032,7 +15039,7 @@ var getOperatorInfo = (operator) => {
         ] }),
         translationKey: "onOrBefore"
       };
-    case "datetimeBetween":
+    case "dateTimeBetween":
       return {
         icon: /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "flex-row-0 items-center", children: [
           /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_lucide_react18.ChevronRight, { className: "w-4 h-4" }),
@@ -15040,7 +15047,7 @@ var getOperatorInfo = (operator) => {
         ] }),
         translationKey: "between"
       };
-    case "datetimeNotBetween":
+    case "dateTimeNotBetween":
       return {
         icon: /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "flex-row-0 items-center", children: [
           /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_lucide_react18.ChevronLeft, { className: "w-4 h-4" }),
@@ -15114,6 +15121,22 @@ var TextFilter = ({ filterValue, onFilterValueChange }) => {
           className: "min-w-64"
         }
       ),
+      /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "flex-row-2 items-center gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+          Checkbox,
+          {
+            id,
+            value: parameter.isCaseSensitive ?? false,
+            onValueChange: (isCaseSensitive) => {
+              onFilterValueChange({
+                operator,
+                parameter: { ...parameter, isCaseSensitive }
+              });
+            }
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("label", { htmlFor: id, children: translation("caseSensitive") })
+      ] }),
       /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "flex-row-2 items-center gap-2", children: [
         /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
           Checkbox,
@@ -15335,15 +15358,15 @@ var DateFilter = ({ filterValue, onFilterValueChange }) => {
 };
 var DatetimeFilter = ({ filterValue, onFilterValueChange }) => {
   const translation = useHightideTranslation();
-  const operator = filterValue?.operator ?? "datetimeBetween";
+  const operator = filterValue?.operator ?? "dateTimeBetween";
   const parameter = filterValue?.parameter ?? {};
   const [temporaryMinDateValue, setTemporaryMinDateValue] = (0, import_react67.useState)(null);
   const [temporaryMaxDateValue, setTemporaryMaxDateValue] = (0, import_react67.useState)(null);
   const availableOperators = (0, import_react67.useMemo)(() => [
-    ...TableFilterOperator.datetime,
+    ...TableFilterOperator.dateTime,
     ...TableFilterOperator.generic
   ], []);
-  const needsRangeInput = operator === "datetimeBetween" || operator === "datetimeNotBetween";
+  const needsRangeInput = operator === "dateTimeBetween" || operator === "dateTimeNotBetween";
   const needsParameterInput = operator !== "undefined" && operator !== "notUndefined";
   return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "flex-col-2 gap-2", children: [
     /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
@@ -15615,7 +15638,7 @@ var TableFilterContent = ({ filterType, ...props }) => {
       return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(NumberFilter, { ...props });
     case "date":
       return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(DateFilter, { ...props });
-    case "datetime":
+    case "dateTime":
       return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(DatetimeFilter, { ...props });
     case "boolean":
       return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(BooleanFilter, { ...props });