@stonecrop/atable 0.35.0 → 0.36.0

package/dist/atable.js

@@ -1,8 +1,9 @@
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, inject, mergeModels, mergeProps, nextTick, normalizeClass, normalizeProps, normalizeStyle, onMounted, onUnmounted, openBlock, reactive, ref, renderList, renderSlot, resolveDynamicComponent, toDisplayString, toValue, unref, useCssVars, useModel, useTemplateRef, vModelCheckbox, vModelSelect, vModelText, vShow, watch, withCtx, withDirectives, withModifiers } from "vue";
-import { defaultKeypressHandlers, useKeyboardNav } from "@stonecrop/utilities";
+import { defaultKeypressHandlers, fromISODate, useKeyboardNav } from "@stonecrop/utilities";
 import { componentCategory, hasBadgeOptions, isBadgeDescriptor } from "@stonecrop/schema";
 import { onClickOutside, useDebounceFn, useDraggable, useElementBounding, useMutationObserver, useResizeObserver } from "@vueuse/core";
 import { defineStore } from "pinia";
+import { Temporal } from "temporal-polyfill";
 import { vOnClickOutside, vResizeObserver } from "@vueuse/components";
 import './assets/index.css';//#region src/linkSearchableText.ts
 /**
@@ -46,6 +47,7 @@ var CATEGORY_FILTER = {
 	boolean: "checkbox",
 	date: "date",
 	datetime: "dateRange",
+	duration: "text",
 	select: "select",
 	code: "text",
 	link: "text",
@@ -121,6 +123,19 @@ function isNodeOpen(rowIndex, treeDisplay) {
 	if (parentIndex < 0 || parentIndex >= treeDisplay.length) return false;
 	return (treeDisplay[parentIndex].childrenOpen || false) && isNodeOpen(parentIndex, treeDisplay);
 }
+/**
+* The `YYYY-MM-DD` day a date cell shows as: a day column's day, a date-time's day in the user's zone,
+* and for a column declaring no date component, the UTC day its value parses to. Undefined when the
+* cell holds no date.
+*/
+function dayOfCell(cellValue, column) {
+	const category = componentCategory(column.component);
+	if (category === "date") return fromISODate(String(cellValue))?.toString();
+	const epochMilliseconds = new Date(String(cellValue)).getTime();
+	if (isNaN(epochMilliseconds)) return void 0;
+	const zone = category === "datetime" ? Temporal.Now.timeZoneId() : "UTC";
+	return Temporal.Instant.fromEpochMilliseconds(epochMilliseconds).toZonedDateTimeISO(zone).toPlainDate().toString();
+}
 function applyFilter(cellValue, filter, column) {
 	const filterType = resolveFilterType(column);
 	const value = filter.value;
@@ -136,28 +151,15 @@ function applyFilter(cellValue, filter, column) {
 		case "checkbox":
 			if (value === true) return !!cellValue;
 			return true;
-		case "date": {
-			let cellDate;
-			if (typeof cellValue === "number") {
-				const originalDate = new Date(cellValue);
-				const currentYear = (/* @__PURE__ */ new Date()).getFullYear();
-				cellDate = new Date(currentYear, originalDate.getMonth(), originalDate.getDate());
-			} else cellDate = new Date(String(cellValue));
-			const filterDate = new Date(String(value));
-			return cellDate.toDateString() === filterDate.toDateString();
-		}
+		case "date": return dayOfCell(cellValue, column) === String(value);
 		case "dateRange": {
 			const startValue = filter.startValue;
 			const endValue = filter.endValue;
 			if (!startValue && !endValue) return true;
-			let cellDateRange;
-			if (typeof cellValue === "number") {
-				const originalDate = new Date(cellValue);
-				const currentYear = (/* @__PURE__ */ new Date()).getFullYear();
-				cellDateRange = new Date(currentYear, originalDate.getMonth(), originalDate.getDate());
-			} else cellDateRange = new Date(String(cellValue));
-			if (startValue && cellDateRange < new Date(String(startValue))) return false;
-			if (endValue && cellDateRange > new Date(String(endValue))) return false;
+			const cellDay = dayOfCell(cellValue, column);
+			if (cellDay === void 0) return false;
+			if (startValue && cellDay < String(startValue)) return false;
+			if (endValue && cellDay > String(endValue)) return false;
 			return true;
 		}
 		default: return true;
@@ -410,7 +412,7 @@ var createTableStore = (initData) => {
 			if (!format) {
 				const category = componentCategory(column.component);
 				if (category === "boolean") return value ? "✓" : "✗";
-				if (category === "date") return value != null ? new Date(String(value)).toLocaleDateString() : value;
+				if (category === "date") return value != null ? fromISODate(String(value))?.toLocaleString() ?? "Invalid Date" : value;
 				if (category === "datetime") return value != null ? new Date(String(value)).toLocaleString() : value;
 				if (category === "quantity") return formatQuantity(value);
 				if (category === "currency") return formatCurrency(value);