@mantine-vue/table 2.4.0 → 3.0.0

package/cjs/index.cjs

@@ -656,7 +656,7 @@ var MVT_EditCellTextInput = (0, vue.defineComponent)({
 				label: modal ? def.header : void 0,
 				name: cell.id,
 				placeholder: !modal ? def.header : void 0,
-				value: value.value,
+				modelValue: value.value,
 				variant: table.options.editDisplayMode === "table" ? "unstyled" : "default",
 				onClick: (e) => e.stopPropagation(),
 				ref: setRef
@@ -665,30 +665,30 @@ var MVT_EditCellTextInput = (0, vue.defineComponent)({
 				...common,
 				searchable: true,
 				...selectProps,
-				onChange: (newValue, option) => {
+				"onUpdate:modelValue": (newValue) => {
 					value.value = newValue;
-					selectProps.onChange?.(newValue, option);
 				},
+				onChange: selectProps.onChange,
 				onBlur: blur
 			});
 			if (def.editVariant === "multi-select") return (0, vue.h)(_mantine_vue_core.MultiSelect, {
 				...common,
 				searchable: true,
 				...selectProps,
-				onChange: (newValue) => {
+				"onUpdate:modelValue": (newValue) => {
 					value.value = newValue;
-					selectProps.onChange?.(newValue);
 				},
+				onChange: selectProps.onChange,
 				onBlur: blur
 			});
 			return (0, vue.h)(_mantine_vue_core.TextInput, {
 				...common,
-				value: value.value ?? "",
+				modelValue: value.value ?? "",
 				...textProps,
-				onChange: (event) => {
-					value.value = typeof event === "string" ? event : event.target.value;
-					textProps.onChange?.(event);
+				"onUpdate:modelValue": (nextValue) => {
+					value.value = nextValue;
 				},
+				onChange: textProps.onChange,
 				onBlur: blur,
 				onKeydown: (event) => {
 					textProps.onKeyDown?.(event);
@@ -1096,11 +1096,10 @@ var MVT_SelectCheckbox = (0, vue.defineComponent)({
 				size: state.density === "xs" ? "sm" : "md",
 				...checkboxProps,
 				title: void 0,
-				onChange: (event) => {
-					event.stopPropagation();
-					if (event.shiftKey === void 0) event.shiftKey = lastShiftKey;
-					selection(event);
-					checkboxProps.onChange?.(event);
+				onChange: (nextChecked) => {
+					selection({ shiftKey: lastShiftKey }, nextChecked);
+					checkboxProps.onChange?.(nextChecked);
+					lastShiftKey = false;
 				},
 				onClick: (event) => {
 					event.stopPropagation();
@@ -4112,9 +4111,9 @@ var MVT_FilterCheckbox = (0, vue.defineComponent)({
 				size: table.getState().density === "xs" ? "sm" : "md",
 				...checkboxProps,
 				title: void 0,
-				onChange: (e) => {
+				onChange: (checked) => {
 					column.setFilterValue(value === void 0 ? "true" : value === "true" ? "false" : void 0);
-					checkboxProps.onChange?.(e);
+					checkboxProps.onChange?.(checked);
 				},
 				onClick: (e) => {
 					e.stopPropagation();