@citizenplatform/core 1.0.4 → 1.0.6

package/dist/index891.js

@@ -0,0 +1,301 @@
+"use client";
+import { __toESM as e } from "./index2.js";
+import t from "./index29.js";
+import { require_prop_types as n } from "./index62.js";
+import r from "./index76.js";
+import { clsx as i } from "./index93.js";
+import a from "./index113.js";
+import o from "./index119.js";
+import s from "./index170.js";
+import { formatErrorMessage as c } from "./index247.js";
+import l from "./index248.js";
+import { forwardRef as u } from "./index678.js";
+import { useGridRootProps as d } from "./index682.js";
+import { useGridApiContext as ee } from "./index685.js";
+import { vars as f } from "./index687.js";
+import { getDataGridUtilityClass as p } from "./index688.js";
+import { useGridSelector as m } from "./index690.js";
+import { GridLogicOperator as h } from "./index744.js";
+import { gridColumnLookupSelector as te, gridFilterableColumnDefinitionsSelector as ne } from "./index753.js";
+import { getValueFromValueOptions as g, getValueOptions as re } from "./index790.js";
+import { gridPivotActiveSelector as _, gridPivotInitialColumnsSelector as v } from "./index809.js";
+import * as y from "react";
+import { createElement as b } from "react";
+import { jsx as x, jsxs as ie } from "react/jsx-runtime";
+//#region node_modules/@mui/x-data-grid/components/panel/filterPanel/GridFilterFormBase.mjs
+var S = /* @__PURE__ */ e(n(), 1), ae = [
+	"item",
+	"hasMultipleFilters",
+	"deleteFilter",
+	"applyFilterChanges",
+	"showMultiFilterOperators",
+	"disableMultiFilterOperator",
+	"applyMultiFilterOperatorChanges",
+	"focusElementRef",
+	"logicOperators",
+	"columnsSort",
+	"filterColumns",
+	"deleteIconProps",
+	"logicOperatorInputProps",
+	"operatorInputProps",
+	"columnInputProps",
+	"valueInputProps",
+	"disableDebounce",
+	"readOnly",
+	"filterModel",
+	"children"
+], oe = ["InputComponentProps"], se = (e) => {
+	let { classes: t } = e;
+	return o({
+		root: ["filterForm"],
+		deleteIcon: ["filterFormDeleteIcon"],
+		logicOperatorInput: ["filterFormLogicOperatorInput"],
+		columnInput: ["filterFormColumnInput"],
+		operatorInput: ["filterFormOperatorInput"],
+		valueInput: ["filterFormValueInput"]
+	}, p, t);
+}, ce = s("div", {
+	name: "MuiDataGrid",
+	slot: "FilterForm"
+})({
+	display: "flex",
+	gap: f.spacing(1.5)
+}), le = s("div", {
+	name: "MuiDataGrid",
+	slot: "FilterFormDeleteIcon"
+})({
+	flexShrink: 0,
+	display: "flex",
+	justifyContent: "center",
+	alignItems: "center"
+}), C = s("div", {
+	name: "MuiDataGrid",
+	slot: "FilterFormLogicOperatorInput"
+})({
+	minWidth: 75,
+	justifyContent: "end"
+}), w = s("div", {
+	name: "MuiDataGrid",
+	slot: "FilterFormColumnInput"
+})({ width: 150 }), ue = s("div", {
+	name: "MuiDataGrid",
+	slot: "FilterFormOperatorInput"
+})({ width: 150 }), de = s("div", {
+	name: "MuiDataGrid",
+	slot: "FilterFormValueInput"
+})({ width: 190 }), fe = (e) => {
+	switch (e) {
+		case h.And: return "filterPanelOperatorAnd";
+		case h.Or: return "filterPanelOperatorOr";
+		default: throw Error(process.env.NODE_ENV === "production" ? c(71) : "MUI X: Invalid `logicOperator` property in the `GridFilterPanel`.");
+	}
+}, T = (e) => e.headerName || e.field, E = new Intl.Collator(), D = u(function(e, n) {
+	let { item: o, hasMultipleFilters: s, deleteFilter: c, applyFilterChanges: u, showMultiFilterOperators: f, disableMultiFilterOperator: p, applyMultiFilterOperatorChanges: S, focusElementRef: D, logicOperators: O = [h.And, h.Or], columnsSort: k, filterColumns: A, deleteIconProps: j = {}, logicOperatorInputProps: M = {}, operatorInputProps: N = {}, columnInputProps: P = {}, valueInputProps: F = {}, disableDebounce: pe = !1, readOnly: I, filterModel: L } = e, R = l(e, ae), z = ee(), B = m(z, te), V = m(z, ne), me = a(), he = a(), ge = a(), _e = a(), H = d(), U = se(H), W = y.useRef(null), G = y.useRef(null), ve = L.logicOperator ?? h.And, ye = s && O.length > 0, K = (H.slotProps?.baseSelect || {}).native ?? !1, q = H.slotProps?.baseSelectOption || {}, { InputComponentProps: be } = F, J = l(F, oe), Y = m(z, _), X = m(z, v), { filteredColumns: Z, selectedField: xe } = y.useMemo(() => {
+		let e = o.field, t = B[o.field].filterable === !1 ? B[o.field] : null;
+		if (t) return {
+			filteredColumns: [t],
+			selectedField: e
+		};
+		if (Y) return {
+			filteredColumns: V.filter((e) => X.get(e.field) !== void 0),
+			selectedField: e
+		};
+		if (A === void 0 || typeof A != "function") return {
+			filteredColumns: V,
+			selectedField: e
+		};
+		let n = A({
+			field: o.field,
+			columns: V,
+			currentFilters: L?.items || []
+		});
+		return {
+			filteredColumns: V.filter((t) => {
+				let r = n.includes(t.field);
+				return t.field === o.field && !r && (e = void 0), r;
+			}),
+			selectedField: e
+		};
+	}, [
+		o.field,
+		B,
+		Y,
+		A,
+		V,
+		L?.items,
+		X
+	]), Se = y.useMemo(() => {
+		switch (k) {
+			case "asc": return Z.sort((e, t) => E.compare(T(e), T(t)));
+			case "desc": return Z.sort((e, t) => -E.compare(T(e), T(t)));
+			default: return Z;
+		}
+	}, [Z, k]), Q = o.field ? z.current.getColumn(o.field) : null, $ = y.useMemo(() => !o.operator || !Q ? null : Q.filterOperators?.find((e) => e.value === o.operator), [o, Q]), Ce = y.useCallback((e) => {
+		let n = e.target.value, r = z.current.getColumn(n);
+		if (r.field === Q.field) return;
+		let i = r.filterOperators.find((e) => e.value === o.operator) || r.filterOperators[0], a = !i.InputComponent || i.InputComponent !== $?.InputComponent || r.type !== Q.type ? void 0 : o.value;
+		if (r.type === "singleSelect" && a !== void 0) {
+			let e = r, t = re(e);
+			Array.isArray(a) ? a = a.filter((n) => g(n, t, e?.getOptionValue) !== void 0) : g(o.value, t, e?.getOptionValue) === void 0 && (a = void 0);
+		}
+		u(t({}, o, {
+			field: n,
+			operator: i.value,
+			value: a
+		}));
+	}, [
+		z,
+		u,
+		o,
+		Q,
+		$
+	]), we = y.useCallback((e) => {
+		let n = e.target.value, r = Q?.filterOperators.find((e) => e.value === n), i = !r?.InputComponent || r?.InputComponent !== $?.InputComponent;
+		u(t({}, o, {
+			operator: n,
+			value: i ? void 0 : o.value
+		}));
+	}, [
+		u,
+		o,
+		Q,
+		$
+	]), Te = y.useCallback((e) => {
+		let t = e.target.value === h.And.toString() ? h.And : h.Or;
+		S(t);
+	}, [S]);
+	return y.useImperativeHandle(D, () => ({ focus: () => {
+		$?.InputComponent ? W?.current?.focus() : G.current.focus();
+	} }), [$]), /*#__PURE__*/ ie(ce, t({
+		className: U.root,
+		"data-id": o.id,
+		ownerState: H
+	}, R, {
+		ref: n,
+		children: [
+			/*#__PURE__*/ x(le, t({}, j, {
+				className: i(U.deleteIcon, j.className),
+				ownerState: H,
+				children: /*#__PURE__*/ x(H.slots.baseIconButton, t({
+					"aria-label": z.current.getLocaleText("filterPanelDeleteIconLabel"),
+					title: z.current.getLocaleText("filterPanelDeleteIconLabel"),
+					onClick: () => {
+						c(o);
+					},
+					size: "small",
+					disabled: I
+				}, H.slotProps?.baseIconButton, { children: /*#__PURE__*/ x(H.slots.filterPanelDeleteIcon, { fontSize: "small" }) }))
+			})),
+			/*#__PURE__*/ x(C, t({
+				as: H.slots.baseSelect,
+				sx: [
+					ye ? { display: "flex" } : { display: "none" },
+					f ? { visibility: "visible" } : { visibility: "hidden" },
+					M.sx
+				],
+				className: i(U.logicOperatorInput, M.className),
+				ownerState: H
+			}, M, {
+				size: "small",
+				slotProps: { htmlInput: { "aria-label": z.current.getLocaleText("filterPanelLogicOperator") } },
+				value: ve ?? "",
+				onChange: Te,
+				disabled: !!p || O.length === 1,
+				native: K
+			}, H.slotProps?.baseSelect, { children: O.map((e) => /*#__PURE__*/ b(H.slots.baseSelectOption, t({}, q, {
+				native: K,
+				key: e.toString(),
+				value: e.toString()
+			}), z.current.getLocaleText(fe(e)))) })),
+			/*#__PURE__*/ x(w, t({ as: H.slots.baseSelect }, P, {
+				className: i(U.columnInput, P.className),
+				ownerState: H,
+				size: "small",
+				labelId: he,
+				id: me,
+				label: z.current.getLocaleText("filterPanelColumn"),
+				value: xe ?? "",
+				onChange: Ce,
+				native: K,
+				disabled: I
+			}, H.slotProps?.baseSelect, { children: Se.map((e) => /*#__PURE__*/ b(H.slots.baseSelectOption, t({}, q, {
+				native: K,
+				key: e.field,
+				value: e.field
+			}), T(e))) })),
+			/*#__PURE__*/ x(ue, t({
+				as: H.slots.baseSelect,
+				size: "small"
+			}, N, {
+				className: i(U.operatorInput, N.className),
+				ownerState: H,
+				labelId: _e,
+				label: z.current.getLocaleText("filterPanelOperator"),
+				id: ge,
+				value: o.operator,
+				onChange: we,
+				native: K,
+				inputRef: G,
+				disabled: I
+			}, H.slotProps?.baseSelect, { children: Q?.filterOperators?.map((e) => /*#__PURE__*/ b(H.slots.baseSelectOption, t({}, q, {
+				native: K,
+				key: e.value,
+				value: e.value
+			}), e.label || z.current.getLocaleText(`filterOperator${r(e.value)}`))) })),
+			/*#__PURE__*/ x(de, t({}, J, {
+				className: i(U.valueInput, J.className),
+				ownerState: H,
+				children: $?.InputComponent ? /*#__PURE__*/ x($.InputComponent, t({
+					apiRef: z,
+					item: o,
+					applyValue: u,
+					focusElementRef: W,
+					disabled: I,
+					disableDebounce: pe,
+					slotProps: { root: { size: "small" } }
+				}, $.InputComponentProps, be), o.field) : null
+			}))
+		]
+	}));
+});
+process.env.NODE_ENV !== "production" && (D.displayName = "GridFilterFormBase"), process.env.NODE_ENV !== "production" && (D.propTypes = {
+	applyFilterChanges: S.default.func.isRequired,
+	applyMultiFilterOperatorChanges: S.default.func.isRequired,
+	children: S.default.node,
+	columnInputProps: S.default.any,
+	columnsSort: S.default.oneOf(["asc", "desc"]),
+	deleteFilter: S.default.func.isRequired,
+	deleteIconProps: S.default.any,
+	disableMultiFilterOperator: S.default.bool,
+	filterColumns: S.default.func,
+	filterModel: S.default.shape({
+		items: S.default.arrayOf(S.default.shape({
+			field: S.default.string.isRequired,
+			id: S.default.oneOfType([S.default.number, S.default.string]),
+			operator: S.default.string.isRequired,
+			value: S.default.any
+		})).isRequired,
+		logicOperator: S.default.oneOf(["and", "or"]),
+		quickFilterExcludeHiddenColumns: S.default.bool,
+		quickFilterLogicOperator: S.default.oneOf(["and", "or"]),
+		quickFilterValues: S.default.array
+	}).isRequired,
+	focusElementRef: S.default.oneOfType([S.default.func, S.default.object]),
+	hasMultipleFilters: S.default.bool.isRequired,
+	item: S.default.shape({
+		field: S.default.string.isRequired,
+		id: S.default.oneOfType([S.default.number, S.default.string]),
+		operator: S.default.string.isRequired,
+		value: S.default.any
+	}).isRequired,
+	logicOperatorInputProps: S.default.any,
+	logicOperators: S.default.arrayOf(S.default.oneOf(["and", "or"]).isRequired),
+	operatorInputProps: S.default.any,
+	readOnly: S.default.bool,
+	showMultiFilterOperators: S.default.bool,
+	valueInputProps: S.default.any
+});
+//#endregion
+export { D as GridFilterFormBase };
+
+//# sourceMappingURL=index891.js.map

package/dist/index891.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index891.js","names":["_formatErrorMessage","forwardRef","React","PropTypes"],"sources":["../node_modules/@mui/x-data-grid/components/panel/filterPanel/GridFilterFormBase.mjs"],"sourcesContent":["'use client';\n\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nimport _formatErrorMessage from \"@mui/x-internals/formatErrorMessage\";\nconst _excluded = [\"item\", \"hasMultipleFilters\", \"deleteFilter\", \"applyFilterChanges\", \"showMultiFilterOperators\", \"disableMultiFilterOperator\", \"applyMultiFilterOperatorChanges\", \"focusElementRef\", \"logicOperators\", \"columnsSort\", \"filterColumns\", \"deleteIconProps\", \"logicOperatorInputProps\", \"operatorInputProps\", \"columnInputProps\", \"valueInputProps\", \"disableDebounce\", \"readOnly\", \"filterModel\", \"children\"],\n  _excluded2 = [\"InputComponentProps\"];\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport composeClasses from '@mui/utils/composeClasses';\nimport useId from '@mui/utils/useId';\nimport capitalize from '@mui/utils/capitalize';\nimport { styled } from '@mui/material/styles';\nimport { forwardRef } from '@mui/x-internals/forwardRef';\nimport { vars } from \"../../../constants/cssVariables.mjs\";\nimport { gridFilterableColumnDefinitionsSelector, gridColumnLookupSelector } from \"../../../hooks/features/columns/gridColumnsSelector.mjs\";\nimport { useGridSelector } from \"../../../hooks/utils/useGridSelector.mjs\";\nimport { GridLogicOperator } from \"../../../models/gridFilterItem.mjs\";\nimport { useGridApiContext } from \"../../../hooks/utils/useGridApiContext.mjs\";\nimport { useGridRootProps } from \"../../../hooks/utils/useGridRootProps.mjs\";\nimport { getDataGridUtilityClass } from \"../../../constants/gridClasses.mjs\";\nimport { getValueFromValueOptions, getValueOptions } from \"./filterPanelUtils.mjs\";\nimport { gridPivotActiveSelector, gridPivotInitialColumnsSelector } from \"../../../hooks/features/pivoting/index.mjs\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { createElement as _createElement } from \"react\";\nconst useUtilityClasses = ownerState => {\n  const {\n    classes\n  } = ownerState;\n  const slots = {\n    root: ['filterForm'],\n    deleteIcon: ['filterFormDeleteIcon'],\n    logicOperatorInput: ['filterFormLogicOperatorInput'],\n    columnInput: ['filterFormColumnInput'],\n    operatorInput: ['filterFormOperatorInput'],\n    valueInput: ['filterFormValueInput']\n  };\n  return composeClasses(slots, getDataGridUtilityClass, classes);\n};\nconst GridFilterFormRoot = styled('div', {\n  name: 'MuiDataGrid',\n  slot: 'FilterForm'\n})({\n  display: 'flex',\n  gap: vars.spacing(1.5)\n});\nconst FilterFormDeleteIcon = styled('div', {\n  name: 'MuiDataGrid',\n  slot: 'FilterFormDeleteIcon'\n})({\n  flexShrink: 0,\n  display: 'flex',\n  justifyContent: 'center',\n  alignItems: 'center'\n});\nconst FilterFormLogicOperatorInput = styled('div', {\n  name: 'MuiDataGrid',\n  slot: 'FilterFormLogicOperatorInput'\n})({\n  minWidth: 75,\n  justifyContent: 'end'\n});\nconst FilterFormColumnInput = styled('div', {\n  name: 'MuiDataGrid',\n  slot: 'FilterFormColumnInput'\n})({\n  width: 150\n});\nconst FilterFormOperatorInput = styled('div', {\n  name: 'MuiDataGrid',\n  slot: 'FilterFormOperatorInput'\n})({\n  width: 150\n});\nconst FilterFormValueInput = styled('div', {\n  name: 'MuiDataGrid',\n  slot: 'FilterFormValueInput'\n})({\n  width: 190\n});\nconst getLogicOperatorLocaleKey = logicOperator => {\n  switch (logicOperator) {\n    case GridLogicOperator.And:\n      return 'filterPanelOperatorAnd';\n    case GridLogicOperator.Or:\n      return 'filterPanelOperatorOr';\n    default:\n      throw new Error(process.env.NODE_ENV !== \"production\" ? 'MUI X: Invalid `logicOperator` property in the `GridFilterPanel`.' : _formatErrorMessage(71));\n  }\n};\nconst getColumnLabel = col => col.headerName || col.field;\nconst collator = new Intl.Collator();\nconst GridFilterFormBase = forwardRef(function GridFilterFormBase(props, ref) {\n  const {\n      item,\n      hasMultipleFilters,\n      deleteFilter,\n      applyFilterChanges,\n      showMultiFilterOperators,\n      disableMultiFilterOperator,\n      applyMultiFilterOperatorChanges,\n      focusElementRef,\n      logicOperators = [GridLogicOperator.And, GridLogicOperator.Or],\n      columnsSort,\n      filterColumns,\n      deleteIconProps = {},\n      logicOperatorInputProps = {},\n      operatorInputProps = {},\n      columnInputProps = {},\n      valueInputProps = {},\n      disableDebounce = false,\n      readOnly,\n      filterModel\n    } = props,\n    other = _objectWithoutPropertiesLoose(props, _excluded);\n  const apiRef = useGridApiContext();\n  const columnLookup = useGridSelector(apiRef, gridColumnLookupSelector);\n  const filterableColumns = useGridSelector(apiRef, gridFilterableColumnDefinitionsSelector);\n  const columnSelectId = useId();\n  const columnSelectLabelId = useId();\n  const operatorSelectId = useId();\n  const operatorSelectLabelId = useId();\n  const rootProps = useGridRootProps();\n  const classes = useUtilityClasses(rootProps);\n  const valueRef = React.useRef(null);\n  const filterSelectorRef = React.useRef(null);\n  const multiFilterOperator = filterModel.logicOperator ?? GridLogicOperator.And;\n  const hasLogicOperatorColumn = hasMultipleFilters && logicOperators.length > 0;\n  const baseSelectProps = rootProps.slotProps?.baseSelect || {};\n  const isBaseSelectNative = baseSelectProps.native ?? false;\n  const baseSelectOptionProps = rootProps.slotProps?.baseSelectOption || {};\n  const {\n      InputComponentProps\n    } = valueInputProps,\n    valueInputPropsOther = _objectWithoutPropertiesLoose(valueInputProps, _excluded2);\n  const pivotActive = useGridSelector(apiRef, gridPivotActiveSelector);\n  const initialColumns = useGridSelector(apiRef, gridPivotInitialColumnsSelector);\n  const {\n    filteredColumns,\n    selectedField\n  } = React.useMemo(() => {\n    let itemField = item.field;\n\n    // Yields a valid value if the current filter belongs to a column that is not filterable\n    const selectedNonFilterableColumn = columnLookup[item.field].filterable === false ? columnLookup[item.field] : null;\n    if (selectedNonFilterableColumn) {\n      return {\n        filteredColumns: [selectedNonFilterableColumn],\n        selectedField: itemField\n      };\n    }\n    if (pivotActive) {\n      return {\n        filteredColumns: filterableColumns.filter(column => initialColumns.get(column.field) !== undefined),\n        selectedField: itemField\n      };\n    }\n    if (filterColumns === undefined || typeof filterColumns !== 'function') {\n      return {\n        filteredColumns: filterableColumns,\n        selectedField: itemField\n      };\n    }\n    const filteredFields = filterColumns({\n      field: item.field,\n      columns: filterableColumns,\n      currentFilters: filterModel?.items || []\n    });\n    return {\n      filteredColumns: filterableColumns.filter(column => {\n        const isFieldIncluded = filteredFields.includes(column.field);\n        if (column.field === item.field && !isFieldIncluded) {\n          itemField = undefined;\n        }\n        return isFieldIncluded;\n      }),\n      selectedField: itemField\n    };\n  }, [item.field, columnLookup, pivotActive, filterColumns, filterableColumns, filterModel?.items, initialColumns]);\n  const sortedFilteredColumns = React.useMemo(() => {\n    switch (columnsSort) {\n      case 'asc':\n        return filteredColumns.sort((a, b) => collator.compare(getColumnLabel(a), getColumnLabel(b)));\n      case 'desc':\n        return filteredColumns.sort((a, b) => -collator.compare(getColumnLabel(a), getColumnLabel(b)));\n      default:\n        return filteredColumns;\n    }\n  }, [filteredColumns, columnsSort]);\n  const currentColumn = item.field ? apiRef.current.getColumn(item.field) : null;\n  const currentOperator = React.useMemo(() => {\n    if (!item.operator || !currentColumn) {\n      return null;\n    }\n    return currentColumn.filterOperators?.find(operator => operator.value === item.operator);\n  }, [item, currentColumn]);\n  const changeColumn = React.useCallback(event => {\n    const field = event.target.value;\n    const column = apiRef.current.getColumn(field);\n    if (column.field === currentColumn.field) {\n      // column did not change\n      return;\n    }\n\n    // try to keep the same operator when column change\n    const newOperator = column.filterOperators.find(operator => operator.value === item.operator) || column.filterOperators[0];\n\n    // Erase filter value if the input component or filtered column type is modified\n    const eraseFilterValue = !newOperator.InputComponent || newOperator.InputComponent !== currentOperator?.InputComponent || column.type !== currentColumn.type;\n    let filterValue = eraseFilterValue ? undefined : item.value;\n\n    // Check filter value against the new valueOptions\n    if (column.type === 'singleSelect' && filterValue !== undefined) {\n      const colDef = column;\n      const valueOptions = getValueOptions(colDef);\n      if (Array.isArray(filterValue)) {\n        filterValue = filterValue.filter(val => {\n          return (\n            // Only keep values that are in the new value options\n            getValueFromValueOptions(val, valueOptions, colDef?.getOptionValue) !== undefined\n          );\n        });\n      } else if (getValueFromValueOptions(item.value, valueOptions, colDef?.getOptionValue) === undefined) {\n        // Reset the filter value if it is not in the new value options\n        filterValue = undefined;\n      }\n    }\n    applyFilterChanges(_extends({}, item, {\n      field,\n      operator: newOperator.value,\n      value: filterValue\n    }));\n  }, [apiRef, applyFilterChanges, item, currentColumn, currentOperator]);\n  const changeOperator = React.useCallback(event => {\n    const operator = event.target.value;\n    const newOperator = currentColumn?.filterOperators.find(op => op.value === operator);\n    const eraseItemValue = !newOperator?.InputComponent || newOperator?.InputComponent !== currentOperator?.InputComponent;\n    applyFilterChanges(_extends({}, item, {\n      operator,\n      value: eraseItemValue ? undefined : item.value\n    }));\n  }, [applyFilterChanges, item, currentColumn, currentOperator]);\n  const changeLogicOperator = React.useCallback(event => {\n    const logicOperator = event.target.value === GridLogicOperator.And.toString() ? GridLogicOperator.And : GridLogicOperator.Or;\n    applyMultiFilterOperatorChanges(logicOperator);\n  }, [applyMultiFilterOperatorChanges]);\n  const handleDeleteFilter = () => {\n    deleteFilter(item);\n  };\n  React.useImperativeHandle(focusElementRef, () => ({\n    focus: () => {\n      if (currentOperator?.InputComponent) {\n        valueRef?.current?.focus();\n      } else {\n        filterSelectorRef.current.focus();\n      }\n    }\n  }), [currentOperator]);\n  return /*#__PURE__*/_jsxs(GridFilterFormRoot, _extends({\n    className: classes.root,\n    \"data-id\": item.id,\n    ownerState: rootProps\n  }, other, {\n    ref: ref,\n    children: [/*#__PURE__*/_jsx(FilterFormDeleteIcon, _extends({}, deleteIconProps, {\n      className: clsx(classes.deleteIcon, deleteIconProps.className),\n      ownerState: rootProps,\n      children: /*#__PURE__*/_jsx(rootProps.slots.baseIconButton, _extends({\n        \"aria-label\": apiRef.current.getLocaleText('filterPanelDeleteIconLabel'),\n        title: apiRef.current.getLocaleText('filterPanelDeleteIconLabel'),\n        onClick: handleDeleteFilter,\n        size: \"small\",\n        disabled: readOnly\n      }, rootProps.slotProps?.baseIconButton, {\n        children: /*#__PURE__*/_jsx(rootProps.slots.filterPanelDeleteIcon, {\n          fontSize: \"small\"\n        })\n      }))\n    })), /*#__PURE__*/_jsx(FilterFormLogicOperatorInput, _extends({\n      as: rootProps.slots.baseSelect,\n      sx: [hasLogicOperatorColumn ? {\n        display: 'flex'\n      } : {\n        display: 'none'\n      }, showMultiFilterOperators ? {\n        visibility: 'visible'\n      } : {\n        visibility: 'hidden'\n      }, logicOperatorInputProps.sx],\n      className: clsx(classes.logicOperatorInput, logicOperatorInputProps.className),\n      ownerState: rootProps\n    }, logicOperatorInputProps, {\n      size: \"small\",\n      slotProps: {\n        htmlInput: {\n          'aria-label': apiRef.current.getLocaleText('filterPanelLogicOperator')\n        }\n      },\n      value: multiFilterOperator ?? '',\n      onChange: changeLogicOperator,\n      disabled: !!disableMultiFilterOperator || logicOperators.length === 1,\n      native: isBaseSelectNative\n    }, rootProps.slotProps?.baseSelect, {\n      children: logicOperators.map(logicOperator => /*#__PURE__*/_createElement(rootProps.slots.baseSelectOption, _extends({}, baseSelectOptionProps, {\n        native: isBaseSelectNative,\n        key: logicOperator.toString(),\n        value: logicOperator.toString()\n      }), apiRef.current.getLocaleText(getLogicOperatorLocaleKey(logicOperator))))\n    })), /*#__PURE__*/_jsx(FilterFormColumnInput, _extends({\n      as: rootProps.slots.baseSelect\n    }, columnInputProps, {\n      className: clsx(classes.columnInput, columnInputProps.className),\n      ownerState: rootProps,\n      size: \"small\",\n      labelId: columnSelectLabelId,\n      id: columnSelectId,\n      label: apiRef.current.getLocaleText('filterPanelColumn'),\n      value: selectedField ?? '',\n      onChange: changeColumn,\n      native: isBaseSelectNative,\n      disabled: readOnly\n    }, rootProps.slotProps?.baseSelect, {\n      children: sortedFilteredColumns.map(col => /*#__PURE__*/_createElement(rootProps.slots.baseSelectOption, _extends({}, baseSelectOptionProps, {\n        native: isBaseSelectNative,\n        key: col.field,\n        value: col.field\n      }), getColumnLabel(col)))\n    })), /*#__PURE__*/_jsx(FilterFormOperatorInput, _extends({\n      as: rootProps.slots.baseSelect,\n      size: \"small\"\n    }, operatorInputProps, {\n      className: clsx(classes.operatorInput, operatorInputProps.className),\n      ownerState: rootProps,\n      labelId: operatorSelectLabelId,\n      label: apiRef.current.getLocaleText('filterPanelOperator'),\n      id: operatorSelectId,\n      value: item.operator,\n      onChange: changeOperator,\n      native: isBaseSelectNative,\n      inputRef: filterSelectorRef,\n      disabled: readOnly\n    }, rootProps.slotProps?.baseSelect, {\n      children: currentColumn?.filterOperators?.map(operator => /*#__PURE__*/_createElement(rootProps.slots.baseSelectOption, _extends({}, baseSelectOptionProps, {\n        native: isBaseSelectNative,\n        key: operator.value,\n        value: operator.value\n      }), operator.label || apiRef.current.getLocaleText(`filterOperator${capitalize(operator.value)}`)))\n    })), /*#__PURE__*/_jsx(FilterFormValueInput, _extends({}, valueInputPropsOther, {\n      className: clsx(classes.valueInput, valueInputPropsOther.className),\n      ownerState: rootProps,\n      children: currentOperator?.InputComponent ? /*#__PURE__*/_jsx(currentOperator.InputComponent, _extends({\n        apiRef: apiRef,\n        item: item,\n        applyValue: applyFilterChanges,\n        focusElementRef: valueRef,\n        disabled: readOnly,\n        disableDebounce: disableDebounce,\n        slotProps: {\n          root: {\n            size: 'small'\n          }\n        }\n      }, currentOperator.InputComponentProps, InputComponentProps), item.field) : null\n    }))]\n  }));\n});\nif (process.env.NODE_ENV !== \"production\") GridFilterFormBase.displayName = \"GridFilterFormBase\";\nprocess.env.NODE_ENV !== \"production\" ? GridFilterFormBase.propTypes /* remove-proptypes */ = {\n  // ----------------------------- Warning --------------------------------\n  // | These PropTypes are generated from the TypeScript type definitions |\n  // | To update them edit the TypeScript types and run \"pnpm proptypes\"  |\n  // ----------------------------------------------------------------------\n  /**\n   * Callback called when the operator, column field or value is changed.\n   * @param {GridFilterItem} item The updated [[GridFilterItem]].\n   */\n  applyFilterChanges: PropTypes.func.isRequired,\n  /**\n   * Callback called when the logic operator is changed.\n   * @param {GridLogicOperator} operator The new logic operator.\n   */\n  applyMultiFilterOperatorChanges: PropTypes.func.isRequired,\n  /**\n   * @ignore - do not document.\n   */\n  children: PropTypes.node,\n  /**\n   * Props passed to the column input component.\n   * @default {}\n   */\n  columnInputProps: PropTypes.any,\n  /**\n   * Changes how the options in the columns selector should be ordered.\n   * If not specified, the order is derived from the `columns` prop.\n   */\n  columnsSort: PropTypes.oneOf(['asc', 'desc']),\n  /**\n   * Callback called when the delete button is clicked.\n   * @param {GridFilterItem} item The deleted [[GridFilterItem]].\n   */\n  deleteFilter: PropTypes.func.isRequired,\n  /**\n   * Props passed to the delete icon.\n   * @default {}\n   */\n  deleteIconProps: PropTypes.any,\n  /**\n   * If `true`, disables the logic operator field but still renders it.\n   */\n  disableMultiFilterOperator: PropTypes.bool,\n  /**\n   * Allows to filter the columns displayed in the filter form.\n   * @param {FilterColumnsArgs} args The columns of the grid and name of field.\n   * @returns {GridColDef['field'][]} The filtered fields array.\n   */\n  filterColumns: PropTypes.func,\n  /**\n   * The filter model that populates the form.\n   * Its `logicOperator` drives the logic operator field and its `items` are used to compute the\n   * columns available in the column selector (e.g. via the `filterColumns` callback).\n   */\n  filterModel: PropTypes.shape({\n    items: PropTypes.arrayOf(PropTypes.shape({\n      field: PropTypes.string.isRequired,\n      id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n      operator: PropTypes.string.isRequired,\n      value: PropTypes.any\n    })).isRequired,\n    logicOperator: PropTypes.oneOf(['and', 'or']),\n    quickFilterExcludeHiddenColumns: PropTypes.bool,\n    quickFilterLogicOperator: PropTypes.oneOf(['and', 'or']),\n    quickFilterValues: PropTypes.array\n  }).isRequired,\n  /**\n   * A ref allowing to set imperative focus.\n   * It can be passed to the el\n   */\n  focusElementRef: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.func, PropTypes.object]),\n  /**\n   * If `true`, the logic operator field is rendered.\n   * The field will be invisible if `showMultiFilterOperators` is also `true`.\n   */\n  hasMultipleFilters: PropTypes.bool.isRequired,\n  /**\n   * The [[GridFilterItem]] representing this form.\n   */\n  item: PropTypes.shape({\n    field: PropTypes.string.isRequired,\n    id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n    operator: PropTypes.string.isRequired,\n    value: PropTypes.any\n  }).isRequired,\n  /**\n   * Props passed to the logic operator input component.\n   * @default {}\n   */\n  logicOperatorInputProps: PropTypes.any,\n  /**\n   * Sets the available logic operators.\n   * @default [GridLogicOperator.And, GridLogicOperator.Or]\n   */\n  logicOperators: PropTypes.arrayOf(PropTypes.oneOf(['and', 'or']).isRequired),\n  /**\n   * Props passed to the operator input component.\n   * @default {}\n   */\n  operatorInputProps: PropTypes.any,\n  /**\n   * `true` if the filter is disabled/read only.\n   * i.e. `colDef.fiterable = false` but passed in `filterModel`\n   * @default false\n   */\n  readOnly: PropTypes.bool,\n  /**\n   * If `true`, the logic operator field is visible.\n   */\n  showMultiFilterOperators: PropTypes.bool,\n  /**\n   * Props passed to the value input component.\n   * @default {}\n   */\n  valueInputProps: PropTypes.any\n} : void 0;\n\n/**\n * The lower-level filter form rendered by `GridFilterForm` and `GridFilterPanelBase`.\n * It is controlled through the `filterModel` prop instead of reading the grid filter state.\n * This is an internal component that is not part of the public API.\n */\nexport { GridFilterFormBase };"],"x_google_ignoreList":[0],"mappings":"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"}

package/dist/index892.js

@@ -0,0 +1,192 @@
+"use client";
+import { __toESM as e } from "./index2.js";
+import t from "./index29.js";
+import { require_prop_types as n } from "./index62.js";
+import r from "./index248.js";
+import { forwardRef as i } from "./index678.js";
+import { useGridRootProps as a } from "./index682.js";
+import { useGridApiContext as o } from "./index685.js";
+import { useGridSelector as s } from "./index690.js";
+import { GridLogicOperator as c } from "./index744.js";
+import { gridFilterableColumnDefinitionsSelector as l, gridFilterableColumnLookupSelector as u } from "./index753.js";
+import { deleteFilterItemFromModel as d, setFilterLogicOperatorInModel as f, upsertFilterItemInModel as p, upsertFilterItemsInModel as m } from "./index754.js";
+import { GridPanelWrapper as h } from "./index886.js";
+import { GridPanelContent as g } from "./index889.js";
+import { GridPanelFooter as _ } from "./index890.js";
+import { GridFilterFormBase as v } from "./index891.js";
+import * as y from "react";
+import { jsx as b, jsxs as x } from "react/jsx-runtime";
+//#region node_modules/@mui/x-data-grid/components/panel/filterPanel/GridFilterPanelBase.mjs
+var S = /* @__PURE__ */ e(n(), 1), C = [
+	"logicOperators",
+	"columnsSort",
+	"filterFormProps",
+	"getColumnForNewFilter",
+	"children",
+	"disableAddFilterButton",
+	"disableRemoveAllButton",
+	"disableDebounce",
+	"filterModel",
+	"onFilterModelChange",
+	"onClose"
+], w = (e) => ({
+	field: e.field,
+	operator: e.filterOperators[0].value,
+	id: Math.round(Math.random() * 1e5)
+}), T = i(function(e, n) {
+	let i = o(), S = a(), T = s(i, l), E = s(i, u), D = y.useRef(null), O = y.useRef(null), { logicOperators: k = [c.And, c.Or], columnsSort: A, filterFormProps: j, getColumnForNewFilter: M, disableAddFilterButton: N = !1, disableRemoveAllButton: P = !1, disableDebounce: F = !0, filterModel: I, onFilterModelChange: L, onClose: R } = e, z = r(e, C), B = y.useCallback((e) => {
+		L(p(I, e), "upsertFilterItem");
+	}, [I, L]), V = y.useCallback((e) => {
+		L(f(I, e), "changeLogicOperator");
+	}, [I, L]), H = y.useCallback(() => {
+		let e;
+		if (M && typeof M == "function") {
+			let t = M({
+				currentFilters: I?.items || [],
+				columns: T
+			});
+			if (t === null) return null;
+			e = T.find(({ field: e }) => e === t);
+		} else e = T.find((e) => e.filterOperators?.length);
+		return e ? w(e) : null;
+	}, [
+		I?.items,
+		T,
+		M
+	]), U = y.useCallback(() => {
+		if (M === void 0 || typeof M != "function") return H();
+		let e = I.items.length ? I.items : [H()].filter(Boolean), t = M({
+			currentFilters: e,
+			columns: T
+		});
+		if (t === null) return null;
+		let n = T.find(({ field: e }) => e === t);
+		return n ? w(n) : null;
+	}, [
+		I.items,
+		T,
+		M,
+		H
+	]), W = y.useMemo(() => I.items.length ? I.items : (O.current ||= H(), O.current ? [O.current] : []), [I.items, H]), G = W.length > 1, { readOnlyFilters: K, validFilters: q } = y.useMemo(() => W.reduce((e, t) => (E[t.field] ? e.validFilters.push(t) : e.readOnlyFilters.push(t), e), {
+		readOnlyFilters: [],
+		validFilters: []
+	}), [W, E]), J = y.useCallback(() => {
+		let e = U();
+		e && L(m(I, [...W, e]), "upsertFilterItems");
+	}, [
+		I,
+		L,
+		U,
+		W
+	]), Y = y.useCallback((e) => {
+		let t = q.length === 1;
+		L(d(I, e), "deleteFilterItem"), t && R?.();
+	}, [
+		I,
+		L,
+		R,
+		q.length
+	]), X = y.useCallback(() => {
+		if (q.length === 1 && q[0].value === void 0) {
+			L(d(I, q[0]), "deleteFilterItem"), R?.();
+			return;
+		}
+		L(t({}, I, { items: K }), "removeAllFilterItems");
+	}, [
+		I,
+		L,
+		R,
+		K,
+		q
+	]);
+	return y.useEffect(() => {
+		k.length > 0 && I.logicOperator && !k.includes(I.logicOperator) && V(k[0]);
+	}, [
+		k,
+		V,
+		I.logicOperator
+	]), y.useEffect(() => {
+		q.length > 0 && D.current.focus();
+	}, [q.length]), /*#__PURE__*/ x(h, t({}, z, {
+		ref: n,
+		children: [/*#__PURE__*/ x(g, { children: [K.map((e, n) => /*#__PURE__*/ b(v, t({
+			item: e,
+			filterModel: I,
+			applyFilterChanges: B,
+			deleteFilter: Y,
+			hasMultipleFilters: G,
+			showMultiFilterOperators: n > 0,
+			disableMultiFilterOperator: n !== 1,
+			applyMultiFilterOperatorChanges: V,
+			focusElementRef: null,
+			readOnly: !0,
+			logicOperators: k,
+			columnsSort: A,
+			disableDebounce: F
+		}, j), e.id == null ? n : e.id)), q.map((e, n) => /*#__PURE__*/ b(v, t({
+			item: e,
+			filterModel: I,
+			applyFilterChanges: B,
+			deleteFilter: Y,
+			hasMultipleFilters: G,
+			showMultiFilterOperators: K.length + n > 0,
+			disableMultiFilterOperator: K.length + n !== 1,
+			applyMultiFilterOperatorChanges: V,
+			focusElementRef: n === q.length - 1 ? D : null,
+			logicOperators: k,
+			columnsSort: A,
+			disableDebounce: F
+		}, j), e.id == null ? n + K.length : e.id))] }), !S.disableMultipleColumnsFiltering && !(N && P) ? /*#__PURE__*/ x(_, { children: [N ? /*#__PURE__*/ b("span", {}) : /*#__PURE__*/ b(S.slots.baseButton, t({
+			onClick: J,
+			startIcon: /*#__PURE__*/ b(S.slots.filterPanelAddIcon, {})
+		}, S.slotProps?.baseButton, { children: i.current.getLocaleText("filterPanelAddFilter") })), !P && q.length > 0 ? /*#__PURE__*/ b(S.slots.baseButton, t({
+			onClick: X,
+			startIcon: /*#__PURE__*/ b(S.slots.filterPanelRemoveAllIcon, {})
+		}, S.slotProps?.baseButton, { children: i.current.getLocaleText("filterPanelRemoveAll") })) : null] }) : null]
+	}));
+});
+process.env.NODE_ENV !== "production" && (T.displayName = "GridFilterPanelBase"), process.env.NODE_ENV !== "production" && (T.propTypes = {
+	children: S.default.node,
+	columnsSort: S.default.oneOf(["asc", "desc"]),
+	disableAddFilterButton: S.default.bool,
+	disableDebounce: S.default.bool,
+	disableRemoveAllButton: S.default.bool,
+	filterFormProps: S.default.shape({
+		columnInputProps: S.default.any,
+		columnsSort: S.default.oneOf(["asc", "desc"]),
+		deleteIconProps: S.default.any,
+		filterColumns: S.default.func,
+		logicOperatorInputProps: S.default.any,
+		operatorInputProps: S.default.any,
+		valueInputProps: S.default.any
+	}),
+	filterModel: S.default.shape({
+		items: S.default.arrayOf(S.default.shape({
+			field: S.default.string.isRequired,
+			id: S.default.oneOfType([S.default.number, S.default.string]),
+			operator: S.default.string.isRequired,
+			value: S.default.any
+		})).isRequired,
+		logicOperator: S.default.oneOf(["and", "or"]),
+		quickFilterExcludeHiddenColumns: S.default.bool,
+		quickFilterLogicOperator: S.default.oneOf(["and", "or"]),
+		quickFilterValues: S.default.array
+	}).isRequired,
+	getColumnForNewFilter: S.default.func,
+	logicOperators: S.default.arrayOf(S.default.oneOf(["and", "or"]).isRequired),
+	onClose: S.default.func,
+	onFilterModelChange: S.default.func.isRequired,
+	sx: S.default.oneOfType([
+		S.default.arrayOf(S.default.oneOfType([
+			S.default.func,
+			S.default.object,
+			S.default.bool
+		])),
+		S.default.func,
+		S.default.object
+	])
+});
+//#endregion
+export { T as GridFilterPanelBase, w as getGridFilter };
+
+//# sourceMappingURL=index892.js.map

package/dist/index892.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index892.js","names":["forwardRef","React","PropTypes"],"sources":["../node_modules/@mui/x-data-grid/components/panel/filterPanel/GridFilterPanelBase.mjs"],"sourcesContent":["'use client';\n\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nconst _excluded = [\"logicOperators\", \"columnsSort\", \"filterFormProps\", \"getColumnForNewFilter\", \"children\", \"disableAddFilterButton\", \"disableRemoveAllButton\", \"disableDebounce\", \"filterModel\", \"onFilterModelChange\", \"onClose\"];\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport { forwardRef } from '@mui/x-internals/forwardRef';\nimport { GridLogicOperator } from \"../../../models/gridFilterItem.mjs\";\nimport { useGridApiContext } from \"../../../hooks/utils/useGridApiContext.mjs\";\nimport { GridPanelContent } from \"../GridPanelContent.mjs\";\nimport { GridPanelFooter } from \"../GridPanelFooter.mjs\";\nimport { GridPanelWrapper } from \"../GridPanelWrapper.mjs\";\nimport { GridFilterFormBase } from \"./GridFilterFormBase.mjs\";\nimport { useGridRootProps } from \"../../../hooks/utils/useGridRootProps.mjs\";\nimport { useGridSelector } from \"../../../hooks/utils/useGridSelector.mjs\";\nimport { gridFilterableColumnDefinitionsSelector, gridFilterableColumnLookupSelector } from \"../../../hooks/features/columns/gridColumnsSelector.mjs\";\nimport { upsertFilterItemInModel, upsertFilterItemsInModel, deleteFilterItemFromModel, setFilterLogicOperatorInModel } from \"../../../hooks/features/filter/gridFilterUtils.mjs\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nconst getGridFilter = col => ({\n  field: col.field,\n  operator: col.filterOperators[0].value,\n  id: Math.round(Math.random() * 1e5)\n});\nconst GridFilterPanelBase = forwardRef(function GridFilterPanelBase(props, ref) {\n  const apiRef = useGridApiContext();\n  const rootProps = useGridRootProps();\n  const filterableColumns = useGridSelector(apiRef, gridFilterableColumnDefinitionsSelector);\n  const filterableColumnsLookup = useGridSelector(apiRef, gridFilterableColumnLookupSelector);\n  const lastFilterRef = React.useRef(null);\n  const placeholderFilter = React.useRef(null);\n  const {\n      logicOperators = [GridLogicOperator.And, GridLogicOperator.Or],\n      columnsSort,\n      filterFormProps,\n      getColumnForNewFilter,\n      disableAddFilterButton = false,\n      disableRemoveAllButton = false,\n      disableDebounce = true,\n      filterModel,\n      onFilterModelChange,\n      onClose\n    } = props,\n    other = _objectWithoutPropertiesLoose(props, _excluded);\n  const applyFilter = React.useCallback(item => {\n    onFilterModelChange(upsertFilterItemInModel(filterModel, item), 'upsertFilterItem');\n  }, [filterModel, onFilterModelChange]);\n  const applyFilterLogicOperator = React.useCallback(operator => {\n    onFilterModelChange(setFilterLogicOperatorInModel(filterModel, operator), 'changeLogicOperator');\n  }, [filterModel, onFilterModelChange]);\n  const getDefaultFilter = React.useCallback(() => {\n    let nextColumnWithOperator;\n    if (getColumnForNewFilter && typeof getColumnForNewFilter === 'function') {\n      // To allow override the column for default (first) filter\n      const nextFieldName = getColumnForNewFilter({\n        currentFilters: filterModel?.items || [],\n        columns: filterableColumns\n      });\n      if (nextFieldName === null) {\n        return null;\n      }\n      nextColumnWithOperator = filterableColumns.find(({\n        field\n      }) => field === nextFieldName);\n    } else {\n      nextColumnWithOperator = filterableColumns.find(colDef => colDef.filterOperators?.length);\n    }\n    if (!nextColumnWithOperator) {\n      return null;\n    }\n    return getGridFilter(nextColumnWithOperator);\n  }, [filterModel?.items, filterableColumns, getColumnForNewFilter]);\n  const getNewFilter = React.useCallback(() => {\n    if (getColumnForNewFilter === undefined || typeof getColumnForNewFilter !== 'function') {\n      return getDefaultFilter();\n    }\n    const currentFilters = filterModel.items.length ? filterModel.items : [getDefaultFilter()].filter(Boolean);\n\n    // If no items are there in filterModel, we have to pass defaultFilter\n    const nextColumnFieldName = getColumnForNewFilter({\n      currentFilters: currentFilters,\n      columns: filterableColumns\n    });\n    if (nextColumnFieldName === null) {\n      return null;\n    }\n    const nextColumnWithOperator = filterableColumns.find(({\n      field\n    }) => field === nextColumnFieldName);\n    if (!nextColumnWithOperator) {\n      return null;\n    }\n    return getGridFilter(nextColumnWithOperator);\n  }, [filterModel.items, filterableColumns, getColumnForNewFilter, getDefaultFilter]);\n  const items = React.useMemo(() => {\n    if (filterModel.items.length) {\n      return filterModel.items;\n    }\n    if (!placeholderFilter.current) {\n      placeholderFilter.current = getDefaultFilter();\n    }\n    return placeholderFilter.current ? [placeholderFilter.current] : [];\n  }, [filterModel.items, getDefaultFilter]);\n  const hasMultipleFilters = items.length > 1;\n  const {\n    readOnlyFilters,\n    validFilters\n  } = React.useMemo(() => items.reduce((acc, item) => {\n    if (filterableColumnsLookup[item.field]) {\n      acc.validFilters.push(item);\n    } else {\n      acc.readOnlyFilters.push(item);\n    }\n    return acc;\n  }, {\n    readOnlyFilters: [],\n    validFilters: []\n  }), [items, filterableColumnsLookup]);\n  const addNewFilter = React.useCallback(() => {\n    const newFilter = getNewFilter();\n    if (!newFilter) {\n      return;\n    }\n    onFilterModelChange(upsertFilterItemsInModel(filterModel, [...items, newFilter]), 'upsertFilterItems');\n  }, [filterModel, onFilterModelChange, getNewFilter, items]);\n  const deleteFilter = React.useCallback(item => {\n    const shouldCloseFilterPanel = validFilters.length === 1;\n    onFilterModelChange(deleteFilterItemFromModel(filterModel, item), 'deleteFilterItem');\n    if (shouldCloseFilterPanel) {\n      onClose?.();\n    }\n  }, [filterModel, onFilterModelChange, onClose, validFilters.length]);\n  const handleRemoveAll = React.useCallback(() => {\n    if (validFilters.length === 1 && validFilters[0].value === undefined) {\n      onFilterModelChange(deleteFilterItemFromModel(filterModel, validFilters[0]), 'deleteFilterItem');\n      onClose?.();\n      return;\n    }\n    onFilterModelChange(_extends({}, filterModel, {\n      items: readOnlyFilters\n    }), 'removeAllFilterItems');\n  }, [filterModel, onFilterModelChange, onClose, readOnlyFilters, validFilters]);\n  React.useEffect(() => {\n    if (logicOperators.length > 0 && filterModel.logicOperator && !logicOperators.includes(filterModel.logicOperator)) {\n      applyFilterLogicOperator(logicOperators[0]);\n    }\n  }, [logicOperators, applyFilterLogicOperator, filterModel.logicOperator]);\n  React.useEffect(() => {\n    if (validFilters.length > 0) {\n      lastFilterRef.current.focus();\n    }\n  }, [validFilters.length]);\n  return /*#__PURE__*/_jsxs(GridPanelWrapper, _extends({}, other, {\n    ref: ref,\n    children: [/*#__PURE__*/_jsxs(GridPanelContent, {\n      children: [readOnlyFilters.map((item, index) => /*#__PURE__*/_jsx(GridFilterFormBase, _extends({\n        item: item,\n        filterModel: filterModel,\n        applyFilterChanges: applyFilter,\n        deleteFilter: deleteFilter,\n        hasMultipleFilters: hasMultipleFilters,\n        showMultiFilterOperators: index > 0,\n        disableMultiFilterOperator: index !== 1,\n        applyMultiFilterOperatorChanges: applyFilterLogicOperator,\n        focusElementRef: null,\n        readOnly: true,\n        logicOperators: logicOperators,\n        columnsSort: columnsSort,\n        disableDebounce: disableDebounce\n      }, filterFormProps), item.id == null ? index : item.id)), validFilters.map((item, index) => /*#__PURE__*/_jsx(GridFilterFormBase, _extends({\n        item: item,\n        filterModel: filterModel,\n        applyFilterChanges: applyFilter,\n        deleteFilter: deleteFilter,\n        hasMultipleFilters: hasMultipleFilters,\n        showMultiFilterOperators: readOnlyFilters.length + index > 0,\n        disableMultiFilterOperator: readOnlyFilters.length + index !== 1,\n        applyMultiFilterOperatorChanges: applyFilterLogicOperator,\n        focusElementRef: index === validFilters.length - 1 ? lastFilterRef : null,\n        logicOperators: logicOperators,\n        columnsSort: columnsSort,\n        disableDebounce: disableDebounce\n      }, filterFormProps), item.id == null ? index + readOnlyFilters.length : item.id))]\n    }), !rootProps.disableMultipleColumnsFiltering && !(disableAddFilterButton && disableRemoveAllButton) ? /*#__PURE__*/_jsxs(GridPanelFooter, {\n      children: [!disableAddFilterButton ? /*#__PURE__*/_jsx(rootProps.slots.baseButton, _extends({\n        onClick: addNewFilter,\n        startIcon: /*#__PURE__*/_jsx(rootProps.slots.filterPanelAddIcon, {})\n      }, rootProps.slotProps?.baseButton, {\n        children: apiRef.current.getLocaleText('filterPanelAddFilter')\n      })) : /*#__PURE__*/_jsx(\"span\", {}), !disableRemoveAllButton && validFilters.length > 0 ? /*#__PURE__*/_jsx(rootProps.slots.baseButton, _extends({\n        onClick: handleRemoveAll,\n        startIcon: /*#__PURE__*/_jsx(rootProps.slots.filterPanelRemoveAllIcon, {})\n      }, rootProps.slotProps?.baseButton, {\n        children: apiRef.current.getLocaleText('filterPanelRemoveAll')\n      })) : null]\n    }) : null]\n  }));\n});\nif (process.env.NODE_ENV !== \"production\") GridFilterPanelBase.displayName = \"GridFilterPanelBase\";\nprocess.env.NODE_ENV !== \"production\" ? GridFilterPanelBase.propTypes /* remove-proptypes */ = {\n  // ----------------------------- Warning --------------------------------\n  // | These PropTypes are generated from the TypeScript type definitions |\n  // | To update them edit the TypeScript types and run \"pnpm proptypes\"  |\n  // ----------------------------------------------------------------------\n  /**\n   * @ignore - do not document.\n   */\n  children: PropTypes.node,\n  /**\n   * Changes how the options in the columns selector should be ordered.\n   * If not specified, the order is derived from the `columns` prop.\n   */\n  columnsSort: PropTypes.oneOf(['asc', 'desc']),\n  /**\n   * If `true`, the `Add filter` button will not be displayed.\n   * @default false\n   */\n  disableAddFilterButton: PropTypes.bool,\n  /**\n   * If `true`, filter value changes are applied immediately without debouncing.\n   * @default true\n   */\n  disableDebounce: PropTypes.bool,\n  /**\n   * If `true`, the `Remove all` button will be disabled\n   * @default false\n   */\n  disableRemoveAllButton: PropTypes.bool,\n  /**\n   * Props passed to each filter form.\n   */\n  filterFormProps: PropTypes.shape({\n    columnInputProps: PropTypes.any,\n    columnsSort: PropTypes.oneOf(['asc', 'desc']),\n    deleteIconProps: PropTypes.any,\n    filterColumns: PropTypes.func,\n    logicOperatorInputProps: PropTypes.any,\n    operatorInputProps: PropTypes.any,\n    valueInputProps: PropTypes.any\n  }),\n  /**\n   * The filter model edited by the panel.\n   */\n  filterModel: PropTypes.shape({\n    items: PropTypes.arrayOf(PropTypes.shape({\n      field: PropTypes.string.isRequired,\n      id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n      operator: PropTypes.string.isRequired,\n      value: PropTypes.any\n    })).isRequired,\n    logicOperator: PropTypes.oneOf(['and', 'or']),\n    quickFilterExcludeHiddenColumns: PropTypes.bool,\n    quickFilterLogicOperator: PropTypes.oneOf(['and', 'or']),\n    quickFilterValues: PropTypes.array\n  }).isRequired,\n  /**\n   * Function that returns the next filter item to be picked as default filter.\n   * @param {GetColumnForNewFilterArgs} args Currently configured filters and columns.\n   * @returns {GridColDef['field']} The field to be used for the next filter or `null` to prevent adding a filter.\n   */\n  getColumnForNewFilter: PropTypes.func,\n  /**\n   * Sets the available logic operators.\n   * @default [GridLogicOperator.And, GridLogicOperator.Or]\n   */\n  logicOperators: PropTypes.arrayOf(PropTypes.oneOf(['and', 'or']).isRequired),\n  /**\n   * Callback fired when the panel requests to be closed, e.g. after the last filter is removed.\n   * In `GridFilterPanel` it hides the grid filter panel; for standalone usage it is a no-op\n   * unless provided.\n   */\n  onClose: PropTypes.func,\n  /**\n   * Callback fired when the filter model is changed through the panel.\n   * @param {GridFilterModel} model The new filter model.\n   * @param {GridControlledStateReasonLookup['filter']} reason The reason for the model to have changed.\n   */\n  onFilterModelChange: PropTypes.func.isRequired,\n  /**\n   * The system prop that allows defining system overrides as well as additional CSS styles.\n   */\n  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])\n} : void 0;\n\n/**\n * The lower-level filter panel used by `GridFilterPanel`.\n * Unlike `GridFilterPanel`, it does not read or mutate the grid filter state — the model is\n * provided through the `filterModel` prop and edits are reported through `onFilterModelChange`,\n * which makes it usable with a controlled (draft) filter model.\n *\n * Demos:\n * - [Filtering - overview](https://mui.com/x/react-data-grid/filtering/)\n *\n * API:\n * - [GridFilterPanelBase API](https://mui.com/x/api/data-grid/grid-filter-panel-base/)\n */\nexport { GridFilterPanelBase, getGridFilter };"],"x_google_ignoreList":[0],"mappings":"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"}

package/dist/index893.js

@@ -0,0 +1,56 @@
+"use client";
+import { __toESM as e } from "./index2.js";
+import t from "./index29.js";
+import { require_prop_types as n } from "./index62.js";
+import { forwardRef as r } from "./index678.js";
+import { useGridApiContext as i } from "./index685.js";
+import { useGridSelector as a } from "./index690.js";
+import { gridFilterModelSelector as o } from "./index774.js";
+import { GridFilterPanelBase as s } from "./index892.js";
+import * as c from "react";
+import { jsx as l } from "react/jsx-runtime";
+//#region node_modules/@mui/x-data-grid/components/panel/filterPanel/GridFilterPanel.mjs
+var u = /* @__PURE__ */ e(n(), 1), d = r(function(e, n) {
+	let r = i(), u = a(r, o), d = c.useCallback((e, t) => {
+		r.current.setFilterModel(e, t);
+	}, [r]), f = c.useCallback(() => {
+		r.current.hideFilterPanel();
+	}, [r]);
+	return /*#__PURE__*/ l(s, t({}, e, {
+		filterModel: u,
+		onFilterModelChange: d,
+		onClose: f,
+		ref: n,
+		disableDebounce: !1
+	}));
+});
+process.env.NODE_ENV !== "production" && (d.displayName = "GridFilterPanel"), process.env.NODE_ENV !== "production" && (d.propTypes = {
+	children: u.default.node,
+	columnsSort: u.default.oneOf(["asc", "desc"]),
+	disableAddFilterButton: u.default.bool,
+	disableRemoveAllButton: u.default.bool,
+	filterFormProps: u.default.shape({
+		columnInputProps: u.default.any,
+		columnsSort: u.default.oneOf(["asc", "desc"]),
+		deleteIconProps: u.default.any,
+		filterColumns: u.default.func,
+		logicOperatorInputProps: u.default.any,
+		operatorInputProps: u.default.any,
+		valueInputProps: u.default.any
+	}),
+	getColumnForNewFilter: u.default.func,
+	logicOperators: u.default.arrayOf(u.default.oneOf(["and", "or"]).isRequired),
+	sx: u.default.oneOfType([
+		u.default.arrayOf(u.default.oneOfType([
+			u.default.func,
+			u.default.object,
+			u.default.bool
+		])),
+		u.default.func,
+		u.default.object
+	])
+});
+//#endregion
+export { d as GridFilterPanel };
+
+//# sourceMappingURL=index893.js.map