@jielga/tmdatagrid 1.0.0-beta.0 → 1.0.0

package/dist/index.js

@@ -2655,19 +2655,21 @@ var Wr = {
 	stickyEdgeIn: "_stickyEdgeIn_6z1iq_1",
 	stickyEdgeOut: "_stickyEdgeOut_6z1iq_1"
 }, Kr = {
-	headerCell: "_headerCell_1b6k8_1",
-	headerTitle: "_headerTitle_1b6k8_32",
-	headerActions: "_headerActions_1b6k8_55",
-	headerAction: "_headerAction_1b6k8_55",
-	headerCellSortable: "_headerCellSortable_1b6k8_84",
-	sortIndex: "_sortIndex_1b6k8_90",
-	headerCellDragging: "_headerCellDragging_1b6k8_102",
-	headerCellDropBefore: "_headerCellDropBefore_1b6k8_106",
-	headerCellDropAfter: "_headerCellDropAfter_1b6k8_107",
-	columnSeparator: "_columnSeparator_1b6k8_127",
-	columnSeparatorResizable: "_columnSeparatorResizable_1b6k8_139",
-	columnSeparatorActive: "_columnSeparatorActive_1b6k8_162",
-	menuItemActive: "_menuItemActive_1b6k8_168"
+	headerCell: "_headerCell_ikfbg_1",
+	headerCellFiltered: "_headerCellFiltered_ikfbg_35",
+	headerTitle: "_headerTitle_ikfbg_35",
+	headerActions: "_headerActions_ikfbg_58",
+	headerAction: "_headerAction_ikfbg_58",
+	headerCellSortable: "_headerCellSortable_ikfbg_87",
+	sortAction: "_sortAction_ikfbg_93",
+	sortIndex: "_sortIndex_ikfbg_103",
+	headerCellDragging: "_headerCellDragging_ikfbg_115",
+	headerCellDropBefore: "_headerCellDropBefore_ikfbg_119",
+	headerCellDropAfter: "_headerCellDropAfter_ikfbg_120",
+	columnSeparator: "_columnSeparator_ikfbg_140",
+	columnSeparatorResizable: "_columnSeparatorResizable_ikfbg_152",
+	columnSeparatorActive: "_columnSeparatorActive_ikfbg_175",
+	menuItemActive: "_menuItemActive_ikfbg_181"
 }, qr = 30, Jr = 2;
 function Yr(e) {
 	let t = document.createRange();
@@ -2748,7 +2750,7 @@ function ri({ table: e, columnId: t, direction: n }) {
 //#endregion
 //#region src/tmdatagrid/components/TMDataGridHeaderCell.tsx
 function ii(t) {
-	let n = e(265), { header: r, layout: i } = t, a = $(), { table: l, features: u, labels: d } = a, f = r.column, [p, m] = s(!1), [g, _] = s(!1), [v, y] = s(null), b = o(null), x = o(!1), S;
+	let n = e(266), { header: r, layout: i } = t, a = $(), { table: l, features: u, labels: d } = a, f = r.column, [p, m] = s(!1), [g, _] = s(!1), [v, y] = s(null), b = o(null), x = o(!1), S;
 	n[0] === Symbol.for("react.memo_cache_sentinel") ? (S = { compare: he }, n[0] = S) : S = n[0];
 	let { sorting: C, columnFilters: w, resizingColumnId: T, columnPinning: E, grouping: O } = A(l.store, di, S), k = A(a.ui, ui), M = r.subHeaders.length === 0, R, z, B, G, K, oe, se, ce, le, ue, de, fe, pe, me, ge, _e, Y, X, ve, ye;
 	if (n[1] !== a || n[2] !== f || n[3] !== w || n[4] !== E || n[5] !== k || n[6] !== v || n[7] !== u || n[8] !== O || n[9] !== M || n[10] !== d || n[11] !== i.pinnedAt || n[12] !== T || n[13] !== C || n[14] !== l) {
@@ -3091,35 +3093,36 @@ function ii(t) {
 	} else R = n[15], z = n[16], B = n[17], G = n[18], K = n[19], oe = n[20], se = n[21], ce = n[22], le = n[23], ue = n[24], de = n[25], fe = n[26], pe = n[27], me = n[28], ge = n[29], _e = n[30], Y = n[31], X = n[32], ve = n[33], ye = n[34];
 	let Z;
 	n[190] !== f.id || n[191] !== M || n[192] !== Y ? (Z = M && Y.length > 0 && !nn(f.id), n[190] = f.id, n[191] = M, n[192] = Y, n[193] = Z) : Z = n[193];
-	let be = Z, xe = K ? Kr.headerCellSortable : "", Se = de ? Kr.headerCellDragging : "", Ce = v === "before" ? Kr.headerCellDropBefore : "", we = v === "after" ? Kr.headerCellDropAfter : "", Te = i.isBoundary && X === "left" ? Gr.stickyLeft : "", Ee = i.isBoundary && X === "right" ? Gr.stickyRight : "", De;
-	n[194] !== xe || n[195] !== Se || n[196] !== Ce || n[197] !== we || n[198] !== Te || n[199] !== Ee ? (De = [
+	let be = Z, xe = K ? Kr.headerCellSortable : "", Se = pe ? Kr.headerCellFiltered : "", Ce = de ? Kr.headerCellDragging : "", we = v === "before" ? Kr.headerCellDropBefore : "", Te = v === "after" ? Kr.headerCellDropAfter : "", Ee = i.isBoundary && X === "left" ? Gr.stickyLeft : "", De = i.isBoundary && X === "right" ? Gr.stickyRight : "", Oe;
+	n[194] !== xe || n[195] !== Se || n[196] !== Ce || n[197] !== we || n[198] !== Te || n[199] !== Ee || n[200] !== De ? (Oe = [
 		Kr.headerCell,
 		xe,
 		Se,
 		Ce,
 		we,
 		Te,
-		Ee
-	].filter(Boolean), n[194] = xe, n[195] = Se, n[196] = Ce, n[197] = we, n[198] = Te, n[199] = Ee, n[200] = De) : De = n[200];
-	let Oe = De.join(" "), ke = f.id, Ae = ge || pe, je;
-	n[201] === f.id ? je = n[202] : (je = nn(f.id), n[201] = f.id, n[202] = je);
-	let Ne = K ? ge ? ve ? "descending" : "ascending" : "none" : void 0, Pe = B && !me, Fe = B ? le : void 0, Ie = B ? oe : void 0, Le = fe ? ce : void 0, Re = fe ? se : void 0, ze = fe ? ue : void 0, Be = X === "left" ? i.offset : void 0, Ve = X === "right" ? i.offset : void 0, He = X ? "sticky" : void 0, Ue = X ? "var(--dg-z-header-pinned-cell, 7)" : void 0, We;
-	n[203] !== Be || n[204] !== Ve || n[205] !== He || n[206] !== Ue ? (We = {
-		left: Be,
-		right: Ve,
-		position: He,
-		zIndex: Ue
-	}, n[203] = Be, n[204] = Ve, n[205] = He, n[206] = Ue, n[207] = We) : We = n[207];
-	let Ge = K ? li : void 0, Ke;
-	n[208] !== K || n[209] !== f ? (Ke = K ? (e) => {
+		Ee,
+		De
+	].filter(Boolean), n[194] = xe, n[195] = Se, n[196] = Ce, n[197] = we, n[198] = Te, n[199] = Ee, n[200] = De, n[201] = Oe) : Oe = n[201];
+	let ke = Oe.join(" "), Ae = f.id, je = ge || pe, Ne;
+	n[202] === f.id ? Ne = n[203] : (Ne = nn(f.id), n[202] = f.id, n[203] = Ne);
+	let Pe = K ? ge ? ve ? "descending" : "ascending" : "none" : void 0, Fe = B && !me, Ie = B ? le : void 0, Le = B ? oe : void 0, Re = fe ? ce : void 0, ze = fe ? se : void 0, Be = fe ? ue : void 0, Ve = X === "left" ? i.offset : void 0, He = X === "right" ? i.offset : void 0, Ue = X ? "sticky" : void 0, We = X ? "var(--dg-z-header-pinned-cell, 7)" : void 0, Ge;
+	n[204] !== Ve || n[205] !== He || n[206] !== Ue || n[207] !== We ? (Ge = {
+		left: Ve,
+		right: He,
+		position: Ue,
+		zIndex: We
+	}, n[204] = Ve, n[205] = He, n[206] = Ue, n[207] = We, n[208] = Ge) : Ge = n[208];
+	let Ke = K ? li : void 0, Q;
+	n[209] !== K || n[210] !== f ? (Q = K ? (e) => {
 		if (x.current) {
 			x.current = !1;
 			return;
 		}
 		f.getToggleSortingHandler()?.(e);
-	} : void 0, n[208] = K, n[209] = f, n[210] = Ke) : Ke = n[210];
-	let Q;
-	n[211] !== f.columnDef || n[212] !== r || n[213] !== M || n[214] !== _e ? (Q = r.isPlaceholder ? null : /* @__PURE__ */ q(D, {
+	} : void 0, n[209] = K, n[210] = f, n[211] = Q) : Q = n[211];
+	let qe;
+	n[212] !== f.columnDef || n[213] !== r || n[214] !== M || n[215] !== _e ? (qe = r.isPlaceholder ? null : /* @__PURE__ */ q(D, {
 		label: _e,
 		openDelay: 600,
 		withinPortal: !0,
@@ -3129,9 +3132,9 @@ function ii(t) {
 			"data-dg-header-title": !0,
 			children: Me(f.columnDef.header, r.getContext())
 		})
-	}), n[211] = f.columnDef, n[212] = r, n[213] = M, n[214] = _e, n[215] = Q) : Q = n[215];
-	let qe;
-	n[216] !== a || n[217] !== K || n[218] !== f || n[219] !== g || n[220] !== be || n[221] !== pe || n[222] !== M || n[223] !== ge || n[224] !== _e || n[225] !== d || n[226] !== Y || n[227] !== p || n[228] !== ve || n[229] !== ye ? (qe = M && /* @__PURE__ */ J("div", {
+	}), n[212] = f.columnDef, n[213] = r, n[214] = M, n[215] = _e, n[216] = qe) : qe = n[216];
+	let Je;
+	n[217] !== a || n[218] !== K || n[219] !== f || n[220] !== g || n[221] !== be || n[222] !== pe || n[223] !== M || n[224] !== ge || n[225] !== _e || n[226] !== d || n[227] !== Y || n[228] !== p || n[229] !== ve || n[230] !== ye ? (Je = M && /* @__PURE__ */ J("div", {
 		className: Kr.headerActions,
 		children: [
 			pe && /* @__PURE__ */ q(c, {
@@ -3152,10 +3155,11 @@ function ii(t) {
 				})
 			}),
 			K && /* @__PURE__ */ q(c, {
-				className: Kr.headerAction,
+				className: `${Kr.headerAction} ${Kr.sortAction}`,
 				"data-pinned-visible": ge,
+				"data-sorted": ge,
 				variant: "subtle",
-				color: "gray",
+				color: ge ? void 0 : "gray",
 				size: "xs",
 				"aria-label": d.sortColumn(_e),
 				"data-dg-part": "header-sort",
@@ -3200,9 +3204,9 @@ function ii(t) {
 				})]
 			})
 		]
-	}), n[216] = a, n[217] = K, n[218] = f, n[219] = g, n[220] = be, n[221] = pe, n[222] = M, n[223] = ge, n[224] = _e, n[225] = d, n[226] = Y, n[227] = p, n[228] = ve, n[229] = ye, n[230] = qe) : qe = n[230];
-	let Je;
-	n[231] !== z || n[232] !== G || n[233] !== f.id || n[234] !== r || n[235] !== me ? (Je = !nn(f.id) && /* @__PURE__ */ q("div", {
+	}), n[217] = a, n[218] = K, n[219] = f, n[220] = g, n[221] = be, n[222] = pe, n[223] = M, n[224] = ge, n[225] = _e, n[226] = d, n[227] = Y, n[228] = p, n[229] = ve, n[230] = ye, n[231] = Je) : Je = n[231];
+	let Ye;
+	n[232] !== z || n[233] !== G || n[234] !== f.id || n[235] !== r || n[236] !== me ? (Ye = !nn(f.id) && /* @__PURE__ */ q("div", {
 		className: [
 			Kr.columnSeparator,
 			G ? Kr.columnSeparatorResizable : "",
@@ -3217,56 +3221,56 @@ function ii(t) {
 		onDoubleClick: G ? (e) => {
 			e.stopPropagation(), z();
 		} : void 0
-	}), n[231] = z, n[232] = G, n[233] = f.id, n[234] = r, n[235] = me, n[236] = Je) : Je = n[236];
-	let Ye;
-	n[237] !== R || n[238] !== Oe || n[239] !== f.id || n[240] !== Ae || n[241] !== je || n[242] !== Ne || n[243] !== Pe || n[244] !== Fe || n[245] !== Ie || n[246] !== Le || n[247] !== Re || n[248] !== ze || n[249] !== We || n[250] !== Ge || n[251] !== Ke || n[252] !== Q || n[253] !== qe || n[254] !== Je ? (Ye = /* @__PURE__ */ J("div", {
+	}), n[232] = z, n[233] = G, n[234] = f.id, n[235] = r, n[236] = me, n[237] = Ye) : Ye = n[237];
+	let Xe;
+	n[238] !== R || n[239] !== ke || n[240] !== f.id || n[241] !== je || n[242] !== Ne || n[243] !== Pe || n[244] !== Fe || n[245] !== Ie || n[246] !== Le || n[247] !== Re || n[248] !== ze || n[249] !== Be || n[250] !== Ge || n[251] !== Ke || n[252] !== Q || n[253] !== qe || n[254] !== Je || n[255] !== Ye ? (Xe = /* @__PURE__ */ J("div", {
 		ref: b,
 		role: "columnheader",
 		"data-dg-part": "header",
-		"data-column-id": ke,
-		"data-active": Ae,
+		"data-column-id": Ae,
+		"data-active": je,
 		"data-align": R,
-		"data-control-column": je,
-		"aria-sort": Ne,
-		className: Oe,
-		draggable: Pe,
-		onDragStart: Fe,
-		onDragEnd: Ie,
-		onDragOver: Le,
-		onDragLeave: Re,
-		onDrop: ze,
-		style: We,
-		onMouseDown: Ge,
-		onClick: Ke,
+		"data-control-column": Ne,
+		"aria-sort": Pe,
+		className: ke,
+		draggable: Fe,
+		onDragStart: Ie,
+		onDragEnd: Le,
+		onDragOver: Re,
+		onDragLeave: ze,
+		onDrop: Be,
+		style: Ge,
+		onMouseDown: Ke,
+		onClick: Q,
 		children: [
-			Q,
 			qe,
-			Je
+			Je,
+			Ye
 		]
-	}), n[237] = R, n[238] = Oe, n[239] = f.id, n[240] = Ae, n[241] = je, n[242] = Ne, n[243] = Pe, n[244] = Fe, n[245] = Ie, n[246] = Le, n[247] = Re, n[248] = ze, n[249] = We, n[250] = Ge, n[251] = Ke, n[252] = Q, n[253] = qe, n[254] = Je, n[255] = Ye) : Ye = n[255];
-	let Xe = Ye;
-	if (!be) return Xe;
-	let Ze;
-	n[256] === Symbol.for("react.memo_cache_sentinel") ? (Ze = (e) => {
-		_(e), e && m(!1);
-	}, n[256] = Ze) : Ze = n[256];
+	}), n[238] = R, n[239] = ke, n[240] = f.id, n[241] = je, n[242] = Ne, n[243] = Pe, n[244] = Fe, n[245] = Ie, n[246] = Le, n[247] = Re, n[248] = ze, n[249] = Be, n[250] = Ge, n[251] = Ke, n[252] = Q, n[253] = qe, n[254] = Je, n[255] = Ye, n[256] = Xe) : Xe = n[256];
+	let Ze = Xe;
+	if (!be) return Ze;
 	let Qe;
-	n[257] === Xe ? Qe = n[258] : (Qe = /* @__PURE__ */ q(h.ContextMenu, { children: Xe }), n[257] = Xe, n[258] = Qe);
+	n[257] === Symbol.for("react.memo_cache_sentinel") ? (Qe = (e) => {
+		_(e), e && m(!1);
+	}, n[257] = Qe) : Qe = n[257];
 	let $e;
-	n[259] === Y ? $e = n[260] : ($e = /* @__PURE__ */ q(h.Dropdown, {
+	n[258] === Ze ? $e = n[259] : ($e = /* @__PURE__ */ q(h.ContextMenu, { children: Ze }), n[258] = Ze, n[259] = $e);
+	let et;
+	n[260] === Y ? et = n[261] : (et = /* @__PURE__ */ q(h.Dropdown, {
 		onClick: ai,
 		children: Y
-	}), n[259] = Y, n[260] = $e);
-	let et;
-	return n[261] !== g || n[262] !== Qe || n[263] !== $e ? (et = /* @__PURE__ */ J(h, {
+	}), n[260] = Y, n[261] = et);
+	let tt;
+	return n[262] !== g || n[263] !== $e || n[264] !== et ? (tt = /* @__PURE__ */ J(h, {
 		opened: g,
-		onChange: Ze,
+		onChange: Qe,
 		position: "bottom-start",
 		shadow: "md",
 		width: 220,
 		withinPortal: !0,
-		children: [Qe, $e]
-	}), n[261] = g, n[262] = Qe, n[263] = $e, n[264] = et) : et = n[264], et;
+		children: [$e, et]
+	}), n[262] = g, n[263] = $e, n[264] = et, n[265] = tt) : tt = n[265], tt;
 }
 function ai(e) {
 	return e.stopPropagation();