@helpwave/hightide 0.6.13 → 0.6.15
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.mts +7 -5
- package/dist/index.d.ts +7 -5
- package/dist/index.js +51 -28
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +51 -28
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.mjs
CHANGED
|
@@ -12525,6 +12525,7 @@ var Tooltip = ({
|
|
|
12525
12525
|
onPointerEnter: openWithDelay,
|
|
12526
12526
|
onPointerLeave: close3,
|
|
12527
12527
|
onPointerCancel: close3,
|
|
12528
|
+
onClick: close3,
|
|
12528
12529
|
onFocus: openWithDelay,
|
|
12529
12530
|
onBlur: close3,
|
|
12530
12531
|
children: [
|
|
@@ -13091,55 +13092,55 @@ function filterDate(value, filterValue) {
|
|
|
13091
13092
|
return false;
|
|
13092
13093
|
}
|
|
13093
13094
|
}
|
|
13094
|
-
function normalizeDatetime(
|
|
13095
|
-
const normalized = new Date(
|
|
13095
|
+
function normalizeDatetime(dateTime) {
|
|
13096
|
+
const normalized = new Date(dateTime);
|
|
13096
13097
|
normalized.setSeconds(0, 0);
|
|
13097
13098
|
return normalized;
|
|
13098
13099
|
}
|
|
13099
13100
|
function filterDatetime(value, filterValue) {
|
|
13100
13101
|
const parameter = filterValue.parameter;
|
|
13101
13102
|
const operator = filterValue.operator;
|
|
13102
|
-
const
|
|
13103
|
-
if (!
|
|
13104
|
-
const normalizedDatetime =
|
|
13103
|
+
const dateTime = parseDate(value);
|
|
13104
|
+
if (!dateTime && !TableFilterOperator.generic.some((o) => o === operator)) return false;
|
|
13105
|
+
const normalizedDatetime = dateTime ? normalizeDatetime(dateTime) : null;
|
|
13105
13106
|
switch (operator) {
|
|
13106
|
-
case "
|
|
13107
|
+
case "dateTimeEquals": {
|
|
13107
13108
|
const filterDatetime2 = parseDate(parameter.compareDatetime);
|
|
13108
13109
|
if (!filterDatetime2 || !normalizedDatetime) return false;
|
|
13109
13110
|
return normalizedDatetime.getTime() === normalizeDatetime(filterDatetime2).getTime();
|
|
13110
13111
|
}
|
|
13111
|
-
case "
|
|
13112
|
+
case "dateTimeNotEquals": {
|
|
13112
13113
|
const filterDatetime2 = parseDate(parameter.compareDatetime);
|
|
13113
13114
|
if (!filterDatetime2 || !normalizedDatetime) return false;
|
|
13114
13115
|
return normalizedDatetime.getTime() !== normalizeDatetime(filterDatetime2).getTime();
|
|
13115
13116
|
}
|
|
13116
|
-
case "
|
|
13117
|
+
case "dateTimeGreaterThan": {
|
|
13117
13118
|
const filterDatetime2 = parseDate(parameter.compareDatetime);
|
|
13118
13119
|
if (!filterDatetime2 || !normalizedDatetime) return false;
|
|
13119
13120
|
return normalizedDatetime > normalizeDatetime(filterDatetime2);
|
|
13120
13121
|
}
|
|
13121
|
-
case "
|
|
13122
|
+
case "dateTimeGreaterThanOrEqual": {
|
|
13122
13123
|
const filterDatetime2 = parseDate(parameter.compareDatetime);
|
|
13123
13124
|
if (!filterDatetime2 || !normalizedDatetime) return false;
|
|
13124
13125
|
return normalizedDatetime >= normalizeDatetime(filterDatetime2);
|
|
13125
13126
|
}
|
|
13126
|
-
case "
|
|
13127
|
+
case "dateTimeLessThan": {
|
|
13127
13128
|
const filterDatetime2 = parseDate(parameter.compareDatetime);
|
|
13128
13129
|
if (!filterDatetime2 || !normalizedDatetime) return false;
|
|
13129
13130
|
return normalizedDatetime < normalizeDatetime(filterDatetime2);
|
|
13130
13131
|
}
|
|
13131
|
-
case "
|
|
13132
|
+
case "dateTimeLessThanOrEqual": {
|
|
13132
13133
|
const filterDatetime2 = parseDate(parameter.compareDatetime);
|
|
13133
13134
|
if (!filterDatetime2 || !normalizedDatetime) return false;
|
|
13134
13135
|
return normalizedDatetime <= normalizeDatetime(filterDatetime2);
|
|
13135
13136
|
}
|
|
13136
|
-
case "
|
|
13137
|
+
case "dateTimeBetween": {
|
|
13137
13138
|
const minDatetime = parseDate(parameter.min);
|
|
13138
13139
|
const maxDatetime = parseDate(parameter.max);
|
|
13139
13140
|
if (!minDatetime || !maxDatetime || !normalizedDatetime) return false;
|
|
13140
13141
|
return normalizedDatetime >= normalizeDatetime(minDatetime) && normalizedDatetime <= normalizeDatetime(maxDatetime);
|
|
13141
13142
|
}
|
|
13142
|
-
case "
|
|
13143
|
+
case "dateTimeNotBetween": {
|
|
13143
13144
|
const minDatetime = parseDate(parameter.min);
|
|
13144
13145
|
const maxDatetime = parseDate(parameter.max);
|
|
13145
13146
|
if (!minDatetime || !maxDatetime || !normalizedDatetime) return false;
|
|
@@ -13241,7 +13242,7 @@ var TableFilterOperator = {
|
|
|
13241
13242
|
text: ["textEquals", "textNotEquals", "textNotWhitespace", "textContains", "textNotContains", "textStartsWith", "textEndsWith"],
|
|
13242
13243
|
number: ["numberEquals", "numberNotEquals", "numberGreaterThan", "numberGreaterThanOrEqual", "numberLessThan", "numberLessThanOrEqual", "numberBetween", "numberNotBetween"],
|
|
13243
13244
|
date: ["dateEquals", "dateNotEquals", "dateGreaterThan", "dateGreaterThanOrEqual", "dateLessThan", "dateLessThanOrEqual", "dateBetween", "dateNotBetween"],
|
|
13244
|
-
|
|
13245
|
+
dateTime: ["dateTimeEquals", "dateTimeNotEquals", "dateTimeGreaterThan", "dateTimeGreaterThanOrEqual", "dateTimeLessThan", "dateTimeLessThanOrEqual", "dateTimeBetween", "dateTimeNotBetween"],
|
|
13245
13246
|
boolean: ["booleanIsTrue", "booleanIsFalse"],
|
|
13246
13247
|
tags: ["tagsEquals", "tagsNotEquals", "tagsContains", "tagsNotContains"],
|
|
13247
13248
|
tagsSingle: ["tagsSingleEquals", "tagsSingleNotEquals", "tagsSingleContains", "tagsSingleNotContains"],
|
|
@@ -13253,22 +13254,25 @@ function isTableFilterCategory(value) {
|
|
|
13253
13254
|
var textFilter = (row, columnId, filterValue) => {
|
|
13254
13255
|
const value = row.getValue(columnId);
|
|
13255
13256
|
return filterText(value, filterValue);
|
|
13257
|
+
return filterText(value, filterValue);
|
|
13256
13258
|
};
|
|
13257
13259
|
var numberFilter = (row, columnId, filterValue) => {
|
|
13258
13260
|
const value = row.getValue(columnId);
|
|
13259
13261
|
return filterNumber(value, filterValue);
|
|
13262
|
+
return filterNumber(value, filterValue);
|
|
13260
13263
|
};
|
|
13261
13264
|
var dateFilter = (row, columnId, filterValue) => {
|
|
13262
13265
|
const value = row.getValue(columnId);
|
|
13263
13266
|
return filterDate(value, filterValue);
|
|
13264
13267
|
};
|
|
13265
|
-
var
|
|
13268
|
+
var dateTimeFilter = (row, columnId, filterValue) => {
|
|
13266
13269
|
const value = row.getValue(columnId);
|
|
13267
13270
|
return filterDatetime(value, filterValue);
|
|
13268
13271
|
};
|
|
13269
13272
|
var booleanFilter = (row, columnId, filterValue) => {
|
|
13270
13273
|
const value = row.getValue(columnId);
|
|
13271
13274
|
return filterBoolean(value, filterValue);
|
|
13275
|
+
return filterBoolean(value, filterValue);
|
|
13272
13276
|
};
|
|
13273
13277
|
var tagsFilter = (row, columnId, filterValue) => {
|
|
13274
13278
|
const value = row.getValue(columnId);
|
|
@@ -13281,12 +13285,13 @@ var tagsSingleFilter = (row, columnId, filterValue) => {
|
|
|
13281
13285
|
var genericFilter = (row, columnId, filterValue) => {
|
|
13282
13286
|
const value = row.getValue(columnId);
|
|
13283
13287
|
return filterGeneric(value, filterValue);
|
|
13288
|
+
return filterGeneric(value, filterValue);
|
|
13284
13289
|
};
|
|
13285
13290
|
var TableFilter = {
|
|
13286
13291
|
text: textFilter,
|
|
13287
13292
|
number: numberFilter,
|
|
13288
13293
|
date: dateFilter,
|
|
13289
|
-
|
|
13294
|
+
dateTime: dateTimeFilter,
|
|
13290
13295
|
boolean: booleanFilter,
|
|
13291
13296
|
tags: tagsFilter,
|
|
13292
13297
|
tagsSingle: tagsSingleFilter,
|
|
@@ -13426,8 +13431,10 @@ var TableProvider = ({
|
|
|
13426
13431
|
text: TableFilter.text,
|
|
13427
13432
|
number: TableFilter.number,
|
|
13428
13433
|
date: TableFilter.date,
|
|
13434
|
+
dateTime: TableFilter.dateTime,
|
|
13429
13435
|
boolean: TableFilter.boolean,
|
|
13430
13436
|
tags: TableFilter.tags,
|
|
13437
|
+
tagsSingle: TableFilter.tagsSingle,
|
|
13431
13438
|
generic: TableFilter.generic
|
|
13432
13439
|
},
|
|
13433
13440
|
onColumnSizingChange: (updaterOrValue) => {
|
|
@@ -14768,13 +14775,13 @@ var getOperatorInfo = (operator) => {
|
|
|
14768
14775
|
return { icon: /* @__PURE__ */ jsx67(SearchCheck, { className: "w-4 h-4" }), translationKey: "contains" };
|
|
14769
14776
|
case "tagsNotContains":
|
|
14770
14777
|
return { icon: /* @__PURE__ */ jsx67(SearchX, { className: "w-4 h-4" }), translationKey: "notContains" };
|
|
14771
|
-
case "
|
|
14778
|
+
case "dateTimeEquals":
|
|
14772
14779
|
return { icon: /* @__PURE__ */ jsx67(Equal, { className: "w-4 h-4" }), translationKey: "equals" };
|
|
14773
|
-
case "
|
|
14780
|
+
case "dateTimeNotEquals":
|
|
14774
14781
|
return { icon: /* @__PURE__ */ jsx67(EqualNot, { className: "w-4 h-4" }), translationKey: "notEquals" };
|
|
14775
|
-
case "
|
|
14782
|
+
case "dateTimeGreaterThan":
|
|
14776
14783
|
return { icon: /* @__PURE__ */ jsx67(ChevronRight4, { className: "w-4 h-4" }), translationKey: "after" };
|
|
14777
|
-
case "
|
|
14784
|
+
case "dateTimeGreaterThanOrEqual":
|
|
14778
14785
|
return {
|
|
14779
14786
|
icon: /* @__PURE__ */ jsxs38("div", { className: "flex-row-0 items-center", children: [
|
|
14780
14787
|
/* @__PURE__ */ jsx67(ChevronRight4, { className: "w-4 h-4" }),
|
|
@@ -14782,9 +14789,9 @@ var getOperatorInfo = (operator) => {
|
|
|
14782
14789
|
] }),
|
|
14783
14790
|
translationKey: "onOrAfter"
|
|
14784
14791
|
};
|
|
14785
|
-
case "
|
|
14792
|
+
case "dateTimeLessThan":
|
|
14786
14793
|
return { icon: /* @__PURE__ */ jsx67(ChevronLeft4, { className: "w-4 h-4" }), translationKey: "before" };
|
|
14787
|
-
case "
|
|
14794
|
+
case "dateTimeLessThanOrEqual":
|
|
14788
14795
|
return {
|
|
14789
14796
|
icon: /* @__PURE__ */ jsxs38("div", { className: "flex-row-0 items-center", children: [
|
|
14790
14797
|
/* @__PURE__ */ jsx67(ChevronLeft4, { className: "w-4 h-4" }),
|
|
@@ -14792,7 +14799,7 @@ var getOperatorInfo = (operator) => {
|
|
|
14792
14799
|
] }),
|
|
14793
14800
|
translationKey: "onOrBefore"
|
|
14794
14801
|
};
|
|
14795
|
-
case "
|
|
14802
|
+
case "dateTimeBetween":
|
|
14796
14803
|
return {
|
|
14797
14804
|
icon: /* @__PURE__ */ jsxs38("div", { className: "flex-row-0 items-center", children: [
|
|
14798
14805
|
/* @__PURE__ */ jsx67(ChevronRight4, { className: "w-4 h-4" }),
|
|
@@ -14800,7 +14807,7 @@ var getOperatorInfo = (operator) => {
|
|
|
14800
14807
|
] }),
|
|
14801
14808
|
translationKey: "between"
|
|
14802
14809
|
};
|
|
14803
|
-
case "
|
|
14810
|
+
case "dateTimeNotBetween":
|
|
14804
14811
|
return {
|
|
14805
14812
|
icon: /* @__PURE__ */ jsxs38("div", { className: "flex-row-0 items-center", children: [
|
|
14806
14813
|
/* @__PURE__ */ jsx67(ChevronLeft4, { className: "w-4 h-4" }),
|
|
@@ -14874,6 +14881,22 @@ var TextFilter = ({ filterValue, onFilterValueChange }) => {
|
|
|
14874
14881
|
className: "min-w-64"
|
|
14875
14882
|
}
|
|
14876
14883
|
),
|
|
14884
|
+
/* @__PURE__ */ jsxs38("div", { className: "flex-row-2 items-center gap-2", children: [
|
|
14885
|
+
/* @__PURE__ */ jsx67(
|
|
14886
|
+
Checkbox,
|
|
14887
|
+
{
|
|
14888
|
+
id,
|
|
14889
|
+
value: parameter.isCaseSensitive ?? false,
|
|
14890
|
+
onValueChange: (isCaseSensitive) => {
|
|
14891
|
+
onFilterValueChange({
|
|
14892
|
+
operator,
|
|
14893
|
+
parameter: { ...parameter, isCaseSensitive }
|
|
14894
|
+
});
|
|
14895
|
+
}
|
|
14896
|
+
}
|
|
14897
|
+
),
|
|
14898
|
+
/* @__PURE__ */ jsx67("label", { htmlFor: id, children: translation("caseSensitive") })
|
|
14899
|
+
] }),
|
|
14877
14900
|
/* @__PURE__ */ jsxs38("div", { className: "flex-row-2 items-center gap-2", children: [
|
|
14878
14901
|
/* @__PURE__ */ jsx67(
|
|
14879
14902
|
Checkbox,
|
|
@@ -15095,15 +15118,15 @@ var DateFilter = ({ filterValue, onFilterValueChange }) => {
|
|
|
15095
15118
|
};
|
|
15096
15119
|
var DatetimeFilter = ({ filterValue, onFilterValueChange }) => {
|
|
15097
15120
|
const translation = useHightideTranslation();
|
|
15098
|
-
const operator = filterValue?.operator ?? "
|
|
15121
|
+
const operator = filterValue?.operator ?? "dateTimeBetween";
|
|
15099
15122
|
const parameter = filterValue?.parameter ?? {};
|
|
15100
15123
|
const [temporaryMinDateValue, setTemporaryMinDateValue] = useState31(null);
|
|
15101
15124
|
const [temporaryMaxDateValue, setTemporaryMaxDateValue] = useState31(null);
|
|
15102
15125
|
const availableOperators = useMemo25(() => [
|
|
15103
|
-
...TableFilterOperator.
|
|
15126
|
+
...TableFilterOperator.dateTime,
|
|
15104
15127
|
...TableFilterOperator.generic
|
|
15105
15128
|
], []);
|
|
15106
|
-
const needsRangeInput = operator === "
|
|
15129
|
+
const needsRangeInput = operator === "dateTimeBetween" || operator === "dateTimeNotBetween";
|
|
15107
15130
|
const needsParameterInput = operator !== "undefined" && operator !== "notUndefined";
|
|
15108
15131
|
return /* @__PURE__ */ jsxs38("div", { className: "flex-col-2 gap-2", children: [
|
|
15109
15132
|
/* @__PURE__ */ jsx67(
|
|
@@ -15375,7 +15398,7 @@ var TableFilterContent = ({ filterType, ...props }) => {
|
|
|
15375
15398
|
return /* @__PURE__ */ jsx67(NumberFilter, { ...props });
|
|
15376
15399
|
case "date":
|
|
15377
15400
|
return /* @__PURE__ */ jsx67(DateFilter, { ...props });
|
|
15378
|
-
case "
|
|
15401
|
+
case "dateTime":
|
|
15379
15402
|
return /* @__PURE__ */ jsx67(DatetimeFilter, { ...props });
|
|
15380
15403
|
case "boolean":
|
|
15381
15404
|
return /* @__PURE__ */ jsx67(BooleanFilter, { ...props });
|