@portnet/ui 6.0.1 → 6.0.3

package/dist/esm/v2/patterns/DataGridToolbar.js

@@ -1,9 +1,3 @@
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 import * as React from "react";
 import Box from "@mui/material/Box";
 import FilterAltIcon from "@mui/icons-material/FilterAlt";
@@ -34,7 +28,7 @@ import { mergeLabels } from "../utils/mergeLabels";
  * The toolbar stays personalization-agnostic (it imports neither control).
  */
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-var TOOLBAR_SX = Object.freeze({
+const TOOLBAR_SX = Object.freeze({
   display: "flex",
   alignItems: "center",
   gap: "var(--s-3)",
@@ -42,7 +36,7 @@ var TOOLBAR_SX = Object.freeze({
   borderBottom: "1px solid var(--border)",
   flexWrap: "wrap"
 });
-var CHIPS_ROW_SX = Object.freeze({
+const CHIPS_ROW_SX = Object.freeze({
   display: "flex",
   alignItems: "center",
   gap: "var(--s-2)",
@@ -50,12 +44,12 @@ var CHIPS_ROW_SX = Object.freeze({
   borderBottom: "1px solid var(--border)",
   flexWrap: "wrap"
 });
-var CHIPS_LABEL_SX = Object.freeze({
+const CHIPS_LABEL_SX = Object.freeze({
   color: "var(--fg-subtle)",
   fontSize: "var(--text-xs)",
   flexShrink: 0
 });
-var FILTER_BADGE_SX = Object.freeze({
+const FILTER_BADGE_SX = Object.freeze({
   marginInlineStart: "var(--s-1)",
   background: "var(--accent)",
   color: "var(--accent-fg)",
@@ -66,8 +60,8 @@ var FILTER_BADGE_SX = Object.freeze({
   lineHeight: "var(--lh-snug, 1.4)",
   display: "inline-block"
 });
-var DEFAULT_LABELS = Object.freeze({
-  "export": "Exporter",
+const DEFAULT_LABELS = Object.freeze({
+  export: "Exporter",
   filter: "Filtrer",
   settings: "Configurer",
   reset: "Réinitialiser",
@@ -81,58 +75,59 @@ var DEFAULT_LABELS = Object.freeze({
  * React 18.3+ supprime le support de defaultProps pour les function components.
  * https://react.dev/blog/2024/04/25/react-19-upgrade-guide#removed-defaultprops
  */
-function DataGridToolbar(_ref) {
-  var searchValue = _ref.searchValue,
-    onSearchChange = _ref.onSearchChange,
-    searchName = _ref.searchName,
-    searchPlaceholder = _ref.searchPlaceholder,
-    searchRef = _ref.searchRef,
-    searchWidth = _ref.searchWidth,
-    actions = _ref.actions,
-    onExport = _ref.onExport,
-    exportDisabled = _ref.exportDisabled,
-    exportLoading = _ref.exportLoading,
-    exportLabel = _ref.exportLabel,
-    onFilter = _ref.onFilter,
-    _ref$filterCount = _ref.filterCount,
-    filterCount = _ref$filterCount === void 0 ? 0 : _ref$filterCount,
-    filterLabel = _ref.filterLabel,
-    filterAriaLabel = _ref.filterAriaLabel,
-    columns = _ref.columns,
-    hiddenColumns = _ref.hiddenColumns,
-    onHiddenColumnsChange = _ref.onHiddenColumnsChange,
-    density = _ref.density,
-    onDensityChange = _ref.onDensityChange,
-    settingsLabel = _ref.settingsLabel,
-    densityOptions = _ref.densityOptions,
-    _ref$hasActiveFilters = _ref.hasActiveFilters,
-    hasActiveFilters = _ref$hasActiveFilters === void 0 ? false : _ref$hasActiveFilters,
-    onReset = _ref.onReset,
-    resetLabel = _ref.resetLabel,
-    onSearch = _ref.onSearch,
-    searchLoading = _ref.searchLoading,
-    searchActionLabel = _ref.searchActionLabel,
-    _ref$filterChips = _ref.filterChips,
-    filterChips = _ref$filterChips === void 0 ? [] : _ref$filterChips,
-    onClearAllFilters = _ref.onClearAllFilters,
-    clearAllFiltersLabel = _ref.clearAllFiltersLabel,
-    labels = _ref.labels,
-    sx = _ref.sx;
-  var L = mergeLabels(DEFAULT_LABELS, labels);
-  var hasExport = typeof onExport === "function";
-  var hasFilter = typeof onFilter === "function";
-  var hasReset = hasActiveFilters && typeof onReset === "function";
-  var hasSearch = typeof onSearch === "function";
-  var hasChips = filterChips.length > 0;
+function DataGridToolbar({
+  searchValue,
+  onSearchChange,
+  searchName,
+  searchPlaceholder,
+  searchRef,
+  searchWidth,
+  actions,
+  onExport,
+  exportDisabled,
+  exportLoading,
+  exportLabel,
+  onFilter,
+  filterCount = 0,
+  filterLabel,
+  filterAriaLabel,
+  columns,
+  hiddenColumns,
+  onHiddenColumnsChange,
+  density,
+  onDensityChange,
+  settingsLabel,
+  densityOptions,
+  hasActiveFilters = false,
+  onReset,
+  resetLabel,
+  onSearch,
+  searchLoading,
+  searchActionLabel,
+  filterChips = [],
+  onClearAllFilters,
+  clearAllFiltersLabel,
+  labels,
+  sx
+}) {
+  const L = mergeLabels(DEFAULT_LABELS, labels);
+  const hasExport = typeof onExport === "function";
+  const hasFilter = typeof onFilter === "function";
+  const hasReset = hasActiveFilters && typeof onReset === "function";
+  const hasSearch = typeof onSearch === "function";
+  const hasChips = filterChips.length > 0;
 
   // DGT-1 — the active-filters group is named by its own visible label span
   // (aria-labelledby) rather than a hardcoded string, so the accessible name
   // tracks the localized L.activeFilters text.
-  var chipsLabelId = React.useId();
-  var computedFilterAriaLabel = filterAriaLabel || (filterCount > 0 ? "Ouvrir les filtres avanc\xE9s (".concat(filterCount, " actif").concat(filterCount > 1 ? "s" : "", ")") : "Ouvrir les filtres avancés");
+  const chipsLabelId = React.useId();
+  const computedFilterAriaLabel = filterAriaLabel || (filterCount > 0 ? `Ouvrir les filtres avancés (${filterCount} actif${filterCount > 1 ? "s" : ""})` : "Ouvrir les filtres avancés");
   return /*#__PURE__*/_jsxs(React.Fragment, {
     children: [/*#__PURE__*/_jsxs(Box, {
-      sx: sx ? _objectSpread(_objectSpread({}, TOOLBAR_SX), sx) : TOOLBAR_SX,
+      sx: sx ? {
+        ...TOOLBAR_SX,
+        ...sx
+      } : TOOLBAR_SX,
       children: [/*#__PURE__*/_jsx(Box, {
         sx: {
           width: {
@@ -142,7 +137,7 @@ function DataGridToolbar(_ref) {
         },
         children: /*#__PURE__*/_jsx(Input, {
           name: searchName,
-          value: searchValue !== null && searchValue !== void 0 ? searchValue : "",
+          value: searchValue ?? "",
           onChange: onSearchChange,
           placeholder: searchPlaceholder,
           startIcon: /*#__PURE__*/_jsx(SearchIcon, {
@@ -158,7 +153,7 @@ function DataGridToolbar(_ref) {
         sx: {
           flex: 1
         }
-      }), actions, hasExport && /*#__PURE__*/_jsx(Button, _objectSpread(_objectSpread({
+      }), actions, hasExport && /*#__PURE__*/_jsx(Button, {
         variant: "secondary",
         size: "sm",
         type: "button",
@@ -166,12 +161,12 @@ function DataGridToolbar(_ref) {
           fontSize: "small"
         }),
         onClick: onExport,
-        disabled: exportDisabled
-      }, exportLoading !== undefined ? {
-        loading: exportLoading
-      } : {}), {}, {
-        children: exportLabel || L["export"]
-      })), hasFilter && /*#__PURE__*/_jsxs(Button, {
+        disabled: exportDisabled,
+        ...(exportLoading !== undefined ? {
+          loading: exportLoading
+        } : {}),
+        children: exportLabel || L.export
+      }), hasFilter && /*#__PURE__*/_jsxs(Button, {
         variant: "secondary",
         size: "sm",
         type: "button",
@@ -186,18 +181,21 @@ function DataGridToolbar(_ref) {
           sx: FILTER_BADGE_SX,
           children: filterCount
         })]
-      }), columns && columns.length > 0 && onHiddenColumnsChange && onDensityChange && /*#__PURE__*/_jsx(DataGridSettingsMenu, _objectSpread(_objectSpread(_objectSpread({
+      }), columns && columns.length > 0 && onHiddenColumnsChange && onDensityChange && /*#__PURE__*/_jsx(DataGridSettingsMenu, {
         columns: columns,
         onHiddenColumnsChange: onHiddenColumnsChange,
         onDensityChange: onDensityChange,
-        label: settingsLabel !== undefined ? settingsLabel : L.settings
-      }, hiddenColumns !== undefined ? {
-        hiddenColumns: hiddenColumns
-      } : {}), density !== undefined ? {
-        density: density
-      } : {}), densityOptions !== undefined ? {
-        densityOptions: densityOptions
-      } : {})), hasReset && /*#__PURE__*/_jsx(Button, {
+        label: settingsLabel !== undefined ? settingsLabel : L.settings,
+        ...(hiddenColumns !== undefined ? {
+          hiddenColumns
+        } : {}),
+        ...(density !== undefined ? {
+          density
+        } : {}),
+        ...(densityOptions !== undefined ? {
+          densityOptions
+        } : {})
+      }), hasReset && /*#__PURE__*/_jsx(Button, {
         variant: "ghost",
         size: "sm",
         type: "button",
@@ -206,19 +204,19 @@ function DataGridToolbar(_ref) {
         }),
         onClick: onReset,
         children: resetLabel || L.reset
-      }), hasSearch && /*#__PURE__*/_jsx(Button, _objectSpread(_objectSpread({
+      }), hasSearch && /*#__PURE__*/_jsx(Button, {
         variant: "primary",
         size: "sm",
         type: "submit",
         icon: /*#__PURE__*/_jsx(SearchIcon, {
           fontSize: "small"
         }),
-        onClick: onSearch
-      }, searchLoading !== undefined ? {
-        loading: searchLoading
-      } : {}), {}, {
+        onClick: onSearch,
+        ...(searchLoading !== undefined ? {
+          loading: searchLoading
+        } : {}),
         children: searchActionLabel || L.searchAction
-      }))]
+      })]
     }), hasChips && /*#__PURE__*/_jsxs(Box, {
       sx: CHIPS_ROW_SX,
       role: "group",
@@ -228,14 +226,12 @@ function DataGridToolbar(_ref) {
         id: chipsLabelId,
         sx: CHIPS_LABEL_SX,
         children: L.activeFilters
-      }), filterChips.map(function (chip) {
-        return /*#__PURE__*/_jsx(Chip, {
-          size: "sm",
-          removable: true,
-          onRemove: chip.onRemove,
-          children: chip.label
-        }, chip.key);
-      }), typeof onClearAllFilters === "function" && /*#__PURE__*/_jsx(Button, {
+      }), filterChips.map(chip => /*#__PURE__*/_jsx(Chip, {
+        size: "sm",
+        removable: true,
+        onRemove: chip.onRemove,
+        children: chip.label
+      }, chip.key)), typeof onClearAllFilters === "function" && /*#__PURE__*/_jsx(Button, {
         size: "sm",
         variant: "ghost",
         type: "button",

package/dist/esm/v2/patterns/DataGridToolbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataGridToolbar.js","names":["React","Box","FilterAltIcon","FileDownloadIcon","RefreshIcon","SearchIcon","Button","Input","Chip","DataGridSettingsMenu","mergeLabels","jsx","_jsx","jsxs","_jsxs","TOOLBAR_SX","Object","freeze","display","alignItems","gap","padding","borderBottom","flexWrap","CHIPS_ROW_SX","CHIPS_LABEL_SX","color","fontSize","flexShrink","FILTER_BADGE_SX","marginInlineStart","background","borderRadius","fontWeight","lineHeight","DEFAULT_LABELS","filter","settings","reset","searchAction","clearAllChips","activeFilters","DataGridToolbar","_ref","searchValue","onSearchChange","searchName","searchPlaceholder","searchRef","searchWidth","actions","onExport","exportDisabled","exportLoading","exportLabel","onFilter","_ref$filterCount","filterCount","filterLabel","filterAriaLabel","columns","hiddenColumns","onHiddenColumnsChange","density","onDensityChange","settingsLabel","densityOptions","_ref$hasActiveFilters","hasActiveFilters","onReset","resetLabel","onSearch","searchLoading","searchActionLabel","_ref$filterChips","filterChips","onClearAllFilters","clearAllFiltersLabel","labels","sx","L","hasExport","hasFilter","hasReset","hasSearch","hasChips","length","chipsLabelId","useId","computedFilterAriaLabel","concat","Fragment","children","_objectSpread","width","xs","sm","name","value","onChange","placeholder","startIcon","inputProps","ref","maxLength","flex","variant","size","type","icon","onClick","disabled","undefined","loading","component","label","role","id","map","chip","removable","onRemove","key"],"sources":["../../../../src/lib/v2/patterns/DataGridToolbar.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport Box from \"@mui/material/Box\";\r\nimport FilterAltIcon from \"@mui/icons-material/FilterAlt\";\r\nimport FileDownloadIcon from \"@mui/icons-material/FileDownload\";\r\nimport RefreshIcon from \"@mui/icons-material/Refresh\";\r\nimport SearchIcon from \"@mui/icons-material/Search\";\r\nimport Button from \"../components/Button\";\r\nimport Input from \"../components/Input\";\r\nimport Chip from \"../components/Chip\";\r\nimport DataGridSettingsMenu from \"./DataGridSettingsMenu\";\r\nimport type { SxProps, Theme } from \"@mui/material/styles\";\r\nimport type { Density } from \"../types/common\";\r\nimport type { DataGridColumn } from \"../types/datagrid\";\r\nimport type { SegmentedOption } from \"../components/Segmented\";\r\nimport { mergeLabels } from \"../utils/mergeLabels\";\r\n\r\n/**\r\n * DataGridToolbar — Portnet UI v2 (pattern)\r\n * Charter §07 R-L.3 — canonical toolbar for listing / DataGrid pages.\r\n *\r\n * The `actions` slot (a node) renders at the start of the right-hand\r\n * cluster — drop personalization controls here, e.g.:\r\n *   <DataGridToolbar\r\n *     actions={<>\r\n *       <FavoritesFilter value={favFilter} onChange={setFavFilter}\r\n *                        favoriteCount={view.favoriteCount} totalCount={rows.length} />\r\n *       <SavedFiltersMenu resourceKey=\"ti:list\" currentCriteria={criteria}\r\n *                         onApply={setCriteria} />\r\n *     </>}\r\n *     ...\r\n *   />\r\n * The toolbar stays personalization-agnostic (it imports neither control).\r\n */\r\n\r\nexport interface DataGridToolbarFilterChip {\r\n  key: string;\r\n  label: string;\r\n  onRemove: () => void;\r\n}\r\n\r\nexport interface DataGridToolbarLabels {\r\n  export?: string | undefined;\r\n  filter?: string | undefined;\r\n  settings?: string | undefined;\r\n  reset?: string | undefined;\r\n  searchAction?: string | undefined;\r\n  clearAllChips?: string | undefined;\r\n  activeFilters?: string | undefined;\r\n}\r\n\r\nexport interface DataGridToolbarProps {\r\n  searchValue?: string | undefined;\r\n  onSearchChange?: React.ChangeEventHandler<HTMLInputElement> | undefined;\r\n  searchName?: string | undefined;\r\n  searchPlaceholder?: string | undefined;\r\n  searchRef?: React.Ref<HTMLInputElement> | undefined;\r\n  searchWidth?: number | string | undefined;\r\n  /** Extra controls rendered at the start of the right-hand cluster\r\n   *  (e.g. <FavoritesFilter>, <SavedFiltersMenu>). */\r\n  actions?: React.ReactNode | undefined;\r\n  onExport?: (() => void) | undefined;\r\n  exportDisabled?: boolean | undefined;\r\n  exportLoading?: boolean | undefined;\r\n  exportLabel?: string | undefined;\r\n  onFilter?: (() => void) | undefined;\r\n  filterCount?: number | undefined;\r\n  filterLabel?: string | undefined;\r\n  filterAriaLabel?: string | undefined;\r\n  columns?: ReadonlyArray<Pick<DataGridColumn<unknown>, \"key\" | \"header\" | \"toggleable\">> | undefined;\r\n  hiddenColumns?: Set<string> | string[] | undefined;\r\n  onHiddenColumnsChange?: ((hidden: Set<string>) => void) | undefined;\r\n  density?: Density | undefined;\r\n  onDensityChange?: ((density: Density) => void) | undefined;\r\n  settingsLabel?: string | undefined;\r\n  densityOptions?: SegmentedOption[] | undefined;\r\n  hasActiveFilters?: boolean | undefined;\r\n  onReset?: (() => void) | undefined;\r\n  resetLabel?: string | undefined;\r\n  onSearch?: (() => void) | undefined;\r\n  searchLoading?: boolean | undefined;\r\n  searchActionLabel?: string | undefined;\r\n  filterChips?: DataGridToolbarFilterChip[] | undefined;\r\n  onClearAllFilters?: (() => void) | undefined;\r\n  clearAllFiltersLabel?: string | undefined;\r\n  labels?: DataGridToolbarLabels | undefined;\r\n  sx?: SxProps<Theme> | undefined;\r\n}\r\n\r\nconst TOOLBAR_SX = Object.freeze({\r\n  display: \"flex\",\r\n  alignItems: \"center\",\r\n  gap: \"var(--s-3)\",\r\n  padding: \"var(--s-3) var(--s-4)\",\r\n  borderBottom: \"1px solid var(--border)\",\r\n  flexWrap: \"wrap\",\r\n} satisfies SxProps<Theme>);\r\n\r\nconst CHIPS_ROW_SX = Object.freeze({\r\n  display: \"flex\",\r\n  alignItems: \"center\",\r\n  gap: \"var(--s-2)\",\r\n  padding: \"var(--s-2) var(--s-4)\",\r\n  borderBottom: \"1px solid var(--border)\",\r\n  flexWrap: \"wrap\",\r\n} satisfies SxProps<Theme>);\r\n\r\nconst CHIPS_LABEL_SX = Object.freeze({\r\n  color: \"var(--fg-subtle)\",\r\n  fontSize: \"var(--text-xs)\",\r\n  flexShrink: 0,\r\n});\r\n\r\nconst FILTER_BADGE_SX = Object.freeze({\r\n  marginInlineStart: \"var(--s-1)\",\r\n  background: \"var(--accent)\",\r\n  color: \"var(--accent-fg)\",\r\n  borderRadius: \"var(--r-full)\",\r\n  padding: \"calc(var(--s-1) / 2) var(--s-2)\",\r\n  fontSize: \"var(--text-xs)\",\r\n  fontWeight: \"var(--fw-semibold)\",\r\n  lineHeight: \"var(--lh-snug, 1.4)\",\r\n  display: \"inline-block\",\r\n} satisfies SxProps<Theme>);\r\n\r\nconst DEFAULT_LABELS = Object.freeze({\r\n  export:        \"Exporter\",\r\n  filter:        \"Filtrer\",\r\n  settings:      \"Configurer\",\r\n  reset:         \"Réinitialiser\",\r\n  searchAction:  \"Rechercher\",\r\n  clearAllChips: \"Tout effacer\",\r\n  activeFilters: \"Filtres actifs :\",\r\n});\r\n\r\n/**\r\n * Valeurs par défaut inline — plus de defaultProps.\r\n * React 18.3+ supprime le support de defaultProps pour les function components.\r\n * https://react.dev/blog/2024/04/25/react-19-upgrade-guide#removed-defaultprops\r\n */\r\nfunction DataGridToolbar({\r\n  searchValue,\r\n  onSearchChange,\r\n  searchName,\r\n  searchPlaceholder,\r\n  searchRef,\r\n  searchWidth,\r\n  actions,\r\n  onExport,\r\n  exportDisabled,\r\n  exportLoading,\r\n  exportLabel,\r\n  onFilter,\r\n  filterCount     = 0,\r\n  filterLabel,\r\n  filterAriaLabel,\r\n  columns,\r\n  hiddenColumns,\r\n  onHiddenColumnsChange,\r\n  density,\r\n  onDensityChange,\r\n  settingsLabel,\r\n  densityOptions,\r\n  hasActiveFilters = false,\r\n  onReset,\r\n  resetLabel,\r\n  onSearch,\r\n  searchLoading,\r\n  searchActionLabel,\r\n  filterChips     = [],\r\n  onClearAllFilters,\r\n  clearAllFiltersLabel,\r\n  labels,\r\n  sx,\r\n}: DataGridToolbarProps) {\r\n  const L = mergeLabels(DEFAULT_LABELS, labels);\r\n\r\n  const hasExport = typeof onExport === \"function\";\r\n  const hasFilter = typeof onFilter === \"function\";\r\n  const hasReset  = hasActiveFilters && typeof onReset === \"function\";\r\n  const hasSearch = typeof onSearch === \"function\";\r\n  const hasChips  = filterChips.length > 0;\r\n\r\n  // DGT-1 — the active-filters group is named by its own visible label span\r\n  // (aria-labelledby) rather than a hardcoded string, so the accessible name\r\n  // tracks the localized L.activeFilters text.\r\n  const chipsLabelId = React.useId();\r\n\r\n  const computedFilterAriaLabel = filterAriaLabel\r\n    || (filterCount > 0\r\n        ? `Ouvrir les filtres avancés (${filterCount} actif${filterCount > 1 ? \"s\" : \"\"})`\r\n        : \"Ouvrir les filtres avancés\");\r\n\r\n  return (\r\n    <React.Fragment>\r\n      {/* DGT-2 — reuse the frozen base sx when there's no override instead of\r\n          allocating a new merged object every render. */}\r\n      <Box sx={sx ? { ...TOOLBAR_SX, ...sx } : TOOLBAR_SX}>\r\n        <Box sx={{ width: { xs: \"100%\", sm: searchWidth || 320 } }}>\r\n          <Input\r\n            name={searchName}\r\n            value={searchValue ?? \"\"}\r\n            onChange={onSearchChange}\r\n            placeholder={searchPlaceholder}\r\n            startIcon={<SearchIcon fontSize=\"small\" />}\r\n            inputProps={{\r\n              ref: searchRef,\r\n              \"aria-label\": searchPlaceholder,\r\n              maxLength: 64,\r\n            }}\r\n          />\r\n        </Box>\r\n\r\n        <Box sx={{ flex: 1 }} />\r\n\r\n        {actions}\r\n\r\n        {hasExport && (\r\n          <Button variant=\"secondary\" size=\"sm\" type=\"button\"\r\n            icon={<FileDownloadIcon fontSize=\"small\" />}\r\n            onClick={onExport} disabled={exportDisabled}\r\n            {...(exportLoading !== undefined ? { loading: exportLoading } : {})}>\r\n            {exportLabel || L.export}\r\n          </Button>\r\n        )}\r\n\r\n        {hasFilter && (\r\n          <Button variant=\"secondary\" size=\"sm\" type=\"button\"\r\n            icon={<FilterAltIcon fontSize=\"small\" />}\r\n            onClick={onFilter} aria-label={computedFilterAriaLabel}>\r\n            {filterLabel || L.filter}\r\n            {filterCount > 0 && (\r\n              <Box component=\"span\" aria-hidden=\"true\" sx={FILTER_BADGE_SX}>\r\n                {filterCount}\r\n              </Box>\r\n            )}\r\n          </Button>\r\n        )}\r\n\r\n        {columns && columns.length > 0 && onHiddenColumnsChange && onDensityChange && (\r\n          <DataGridSettingsMenu\r\n            columns={columns}\r\n            onHiddenColumnsChange={onHiddenColumnsChange}\r\n            onDensityChange={onDensityChange}\r\n            label={settingsLabel !== undefined ? settingsLabel : L.settings}\r\n            {...(hiddenColumns !== undefined ? { hiddenColumns } : {})}\r\n            {...(density !== undefined ? { density } : {})}\r\n            {...(densityOptions !== undefined ? { densityOptions } : {})}\r\n          />\r\n        )}\r\n\r\n        {hasReset && (\r\n          <Button variant=\"ghost\" size=\"sm\" type=\"button\"\r\n            icon={<RefreshIcon fontSize=\"small\" />} onClick={onReset}>\r\n            {resetLabel || L.reset}\r\n          </Button>\r\n        )}\r\n\r\n        {hasSearch && (\r\n          <Button variant=\"primary\" size=\"sm\" type=\"submit\"\r\n            icon={<SearchIcon fontSize=\"small\" />}\r\n            onClick={onSearch}\r\n            {...(searchLoading !== undefined ? { loading: searchLoading } : {})}>\r\n            {searchActionLabel || L.searchAction}\r\n          </Button>\r\n        )}\r\n      </Box>\r\n\r\n      {hasChips && (\r\n        <Box sx={CHIPS_ROW_SX} role=\"group\" aria-labelledby={chipsLabelId}>\r\n          <Box component=\"span\" id={chipsLabelId} sx={CHIPS_LABEL_SX}>{L.activeFilters}</Box>\r\n          {filterChips.map((chip) => (\r\n            <Chip key={chip.key} size=\"sm\" removable onRemove={chip.onRemove}>\r\n              {chip.label}\r\n            </Chip>\r\n          ))}\r\n          {typeof onClearAllFilters === \"function\" && (\r\n            <Button size=\"sm\" variant=\"ghost\" type=\"button\" onClick={onClearAllFilters}>\r\n              {clearAllFiltersLabel || L.clearAllChips}\r\n            </Button>\r\n          )}\r\n        </Box>\r\n      )}\r\n    </React.Fragment>\r\n  );\r\n}\r\n\r\nexport default DataGridToolbar;\r\n"],"mappings":";;;;;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,OAAOC,GAAG,MAAM,mBAAmB;AACnC,OAAOC,aAAa,MAAM,+BAA+B;AACzD,OAAOC,gBAAgB,MAAM,kCAAkC;AAC/D,OAAOC,WAAW,MAAM,6BAA6B;AACrD,OAAOC,UAAU,MAAM,4BAA4B;AACnD,OAAOC,MAAM,MAAM,sBAAsB;AACzC,OAAOC,KAAK,MAAM,qBAAqB;AACvC,OAAOC,IAAI,MAAM,oBAAoB;AACrC,OAAOC,oBAAoB,MAAM,wBAAwB;AAKzD,SAASC,WAAW,QAAQ,sBAAsB;;AAElD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAhBA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAwEA,IAAMC,UAAU,GAAGC,MAAM,CAACC,MAAM,CAAC;EAC/BC,OAAO,EAAE,MAAM;EACfC,UAAU,EAAE,QAAQ;EACpBC,GAAG,EAAE,YAAY;EACjBC,OAAO,EAAE,uBAAuB;EAChCC,YAAY,EAAE,yBAAyB;EACvCC,QAAQ,EAAE;AACZ,CAA0B,CAAC;AAE3B,IAAMC,YAAY,GAAGR,MAAM,CAACC,MAAM,CAAC;EACjCC,OAAO,EAAE,MAAM;EACfC,UAAU,EAAE,QAAQ;EACpBC,GAAG,EAAE,YAAY;EACjBC,OAAO,EAAE,uBAAuB;EAChCC,YAAY,EAAE,yBAAyB;EACvCC,QAAQ,EAAE;AACZ,CAA0B,CAAC;AAE3B,IAAME,cAAc,GAAGT,MAAM,CAACC,MAAM,CAAC;EACnCS,KAAK,EAAE,kBAAkB;EACzBC,QAAQ,EAAE,gBAAgB;EAC1BC,UAAU,EAAE;AACd,CAAC,CAAC;AAEF,IAAMC,eAAe,GAAGb,MAAM,CAACC,MAAM,CAAC;EACpCa,iBAAiB,EAAE,YAAY;EAC/BC,UAAU,EAAE,eAAe;EAC3BL,KAAK,EAAE,kBAAkB;EACzBM,YAAY,EAAE,eAAe;EAC7BX,OAAO,EAAE,iCAAiC;EAC1CM,QAAQ,EAAE,gBAAgB;EAC1BM,UAAU,EAAE,oBAAoB;EAChCC,UAAU,EAAE,qBAAqB;EACjChB,OAAO,EAAE;AACX,CAA0B,CAAC;AAE3B,IAAMiB,cAAc,GAAGnB,MAAM,CAACC,MAAM,CAAC;EACnC,UAAe,UAAU;EACzBmB,MAAM,EAAS,SAAS;EACxBC,QAAQ,EAAO,YAAY;EAC3BC,KAAK,EAAU,eAAe;EAC9BC,YAAY,EAAG,YAAY;EAC3BC,aAAa,EAAE,cAAc;EAC7BC,aAAa,EAAE;AACjB,CAAC,CAAC;;AAEF;AACA;AACA;AACA;AACA;AACA,SAASC,eAAeA,CAAAC,IAAA,EAkCC;EAAA,IAjCvBC,WAAW,GAAAD,IAAA,CAAXC,WAAW;IACXC,cAAc,GAAAF,IAAA,CAAdE,cAAc;IACdC,UAAU,GAAAH,IAAA,CAAVG,UAAU;IACVC,iBAAiB,GAAAJ,IAAA,CAAjBI,iBAAiB;IACjBC,SAAS,GAAAL,IAAA,CAATK,SAAS;IACTC,WAAW,GAAAN,IAAA,CAAXM,WAAW;IACXC,OAAO,GAAAP,IAAA,CAAPO,OAAO;IACPC,QAAQ,GAAAR,IAAA,CAARQ,QAAQ;IACRC,cAAc,GAAAT,IAAA,CAAdS,cAAc;IACdC,aAAa,GAAAV,IAAA,CAAbU,aAAa;IACbC,WAAW,GAAAX,IAAA,CAAXW,WAAW;IACXC,QAAQ,GAAAZ,IAAA,CAARY,QAAQ;IAAAC,gBAAA,GAAAb,IAAA,CACRc,WAAW;IAAXA,WAAW,GAAAD,gBAAA,cAAO,CAAC,GAAAA,gBAAA;IACnBE,WAAW,GAAAf,IAAA,CAAXe,WAAW;IACXC,eAAe,GAAAhB,IAAA,CAAfgB,eAAe;IACfC,OAAO,GAAAjB,IAAA,CAAPiB,OAAO;IACPC,aAAa,GAAAlB,IAAA,CAAbkB,aAAa;IACbC,qBAAqB,GAAAnB,IAAA,CAArBmB,qBAAqB;IACrBC,OAAO,GAAApB,IAAA,CAAPoB,OAAO;IACPC,eAAe,GAAArB,IAAA,CAAfqB,eAAe;IACfC,aAAa,GAAAtB,IAAA,CAAbsB,aAAa;IACbC,cAAc,GAAAvB,IAAA,CAAduB,cAAc;IAAAC,qBAAA,GAAAxB,IAAA,CACdyB,gBAAgB;IAAhBA,gBAAgB,GAAAD,qBAAA,cAAG,KAAK,GAAAA,qBAAA;IACxBE,OAAO,GAAA1B,IAAA,CAAP0B,OAAO;IACPC,UAAU,GAAA3B,IAAA,CAAV2B,UAAU;IACVC,QAAQ,GAAA5B,IAAA,CAAR4B,QAAQ;IACRC,aAAa,GAAA7B,IAAA,CAAb6B,aAAa;IACbC,iBAAiB,GAAA9B,IAAA,CAAjB8B,iBAAiB;IAAAC,gBAAA,GAAA/B,IAAA,CACjBgC,WAAW;IAAXA,WAAW,GAAAD,gBAAA,cAAO,EAAE,GAAAA,gBAAA;IACpBE,iBAAiB,GAAAjC,IAAA,CAAjBiC,iBAAiB;IACjBC,oBAAoB,GAAAlC,IAAA,CAApBkC,oBAAoB;IACpBC,MAAM,GAAAnC,IAAA,CAANmC,MAAM;IACNC,EAAE,GAAApC,IAAA,CAAFoC,EAAE;EAEF,IAAMC,CAAC,GAAGtE,WAAW,CAACyB,cAAc,EAAE2C,MAAM,CAAC;EAE7C,IAAMG,SAAS,GAAG,OAAO9B,QAAQ,KAAK,UAAU;EAChD,IAAM+B,SAAS,GAAG,OAAO3B,QAAQ,KAAK,UAAU;EAChD,IAAM4B,QAAQ,GAAIf,gBAAgB,IAAI,OAAOC,OAAO,KAAK,UAAU;EACnE,IAAMe,SAAS,GAAG,OAAOb,QAAQ,KAAK,UAAU;EAChD,IAAMc,QAAQ,GAAIV,WAAW,CAACW,MAAM,GAAG,CAAC;;EAExC;EACA;EACA;EACA,IAAMC,YAAY,GAAGvF,KAAK,CAACwF,KAAK,CAAC,CAAC;EAElC,IAAMC,uBAAuB,GAAG9B,eAAe,KACzCF,WAAW,GAAG,CAAC,qCAAAiC,MAAA,CACkBjC,WAAW,YAAAiC,MAAA,CAASjC,WAAW,GAAG,CAAC,GAAG,GAAG,GAAG,EAAE,SAC7E,4BAA4B,CAAC;EAErC,oBACE3C,KAAA,CAACd,KAAK,CAAC2F,QAAQ;IAAAC,QAAA,gBAGb9E,KAAA,CAACb,GAAG;MAAC8E,EAAE,EAAEA,EAAE,GAAAc,aAAA,CAAAA,aAAA,KAAQ9E,UAAU,GAAKgE,EAAE,IAAKhE,UAAW;MAAA6E,QAAA,gBAClDhF,IAAA,CAACX,GAAG;QAAC8E,EAAE,EAAE;UAAEe,KAAK,EAAE;YAAEC,EAAE,EAAE,MAAM;YAAEC,EAAE,EAAE/C,WAAW,IAAI;UAAI;QAAE,CAAE;QAAA2C,QAAA,eACzDhF,IAAA,CAACL,KAAK;UACJ0F,IAAI,EAAEnD,UAAW;UACjBoD,KAAK,EAAEtD,WAAW,aAAXA,WAAW,cAAXA,WAAW,GAAI,EAAG;UACzBuD,QAAQ,EAAEtD,cAAe;UACzBuD,WAAW,EAAErD,iBAAkB;UAC/BsD,SAAS,eAAEzF,IAAA,CAACP,UAAU;YAACsB,QAAQ,EAAC;UAAO,CAAE,CAAE;UAC3C2E,UAAU,EAAE;YACVC,GAAG,EAAEvD,SAAS;YACd,YAAY,EAAED,iBAAiB;YAC/ByD,SAAS,EAAE;UACb;QAAE,CACH;MAAC,CACC,CAAC,eAEN5F,IAAA,CAACX,GAAG;QAAC8E,EAAE,EAAE;UAAE0B,IAAI,EAAE;QAAE;MAAE,CAAE,CAAC,EAEvBvD,OAAO,EAEP+B,SAAS,iBACRrE,IAAA,CAACN,MAAM,EAAAuF,aAAA,CAAAA,aAAA;QAACa,OAAO,EAAC,WAAW;QAACC,IAAI,EAAC,IAAI;QAACC,IAAI,EAAC,QAAQ;QACjDC,IAAI,eAAEjG,IAAA,CAACT,gBAAgB;UAACwB,QAAQ,EAAC;QAAO,CAAE,CAAE;QAC5CmF,OAAO,EAAE3D,QAAS;QAAC4D,QAAQ,EAAE3D;MAAe,GACvCC,aAAa,KAAK2D,SAAS,GAAG;QAAEC,OAAO,EAAE5D;MAAc,CAAC,GAAG,CAAC,CAAC;QAAAuC,QAAA,EACjEtC,WAAW,IAAI0B,CAAC;MAAO,EAClB,CACT,EAEAE,SAAS,iBACRpE,KAAA,CAACR,MAAM;QAACoG,OAAO,EAAC,WAAW;QAACC,IAAI,EAAC,IAAI;QAACC,IAAI,EAAC,QAAQ;QACjDC,IAAI,eAAEjG,IAAA,CAACV,aAAa;UAACyB,QAAQ,EAAC;QAAO,CAAE,CAAE;QACzCmF,OAAO,EAAEvD,QAAS;QAAC,cAAYkC,uBAAwB;QAAAG,QAAA,GACtDlC,WAAW,IAAIsB,CAAC,CAAC5C,MAAM,EACvBqB,WAAW,GAAG,CAAC,iBACd7C,IAAA,CAACX,GAAG;UAACiH,SAAS,EAAC,MAAM;UAAC,eAAY,MAAM;UAACnC,EAAE,EAAElD,eAAgB;UAAA+D,QAAA,EAC1DnC;QAAW,CACT,CACN;MAAA,CACK,CACT,EAEAG,OAAO,IAAIA,OAAO,CAAC0B,MAAM,GAAG,CAAC,IAAIxB,qBAAqB,IAAIE,eAAe,iBACxEpD,IAAA,CAACH,oBAAoB,EAAAoF,aAAA,CAAAA,aAAA,CAAAA,aAAA;QACnBjC,OAAO,EAAEA,OAAQ;QACjBE,qBAAqB,EAAEA,qBAAsB;QAC7CE,eAAe,EAAEA,eAAgB;QACjCmD,KAAK,EAAElD,aAAa,KAAK+C,SAAS,GAAG/C,aAAa,GAAGe,CAAC,CAAC3C;MAAS,GAC3DwB,aAAa,KAAKmD,SAAS,GAAG;QAAEnD,aAAa,EAAbA;MAAc,CAAC,GAAG,CAAC,CAAC,GACpDE,OAAO,KAAKiD,SAAS,GAAG;QAAEjD,OAAO,EAAPA;MAAQ,CAAC,GAAG,CAAC,CAAC,GACxCG,cAAc,KAAK8C,SAAS,GAAG;QAAE9C,cAAc,EAAdA;MAAe,CAAC,GAAG,CAAC,CAAC,CAC5D,CACF,EAEAiB,QAAQ,iBACPvE,IAAA,CAACN,MAAM;QAACoG,OAAO,EAAC,OAAO;QAACC,IAAI,EAAC,IAAI;QAACC,IAAI,EAAC,QAAQ;QAC7CC,IAAI,eAAEjG,IAAA,CAACR,WAAW;UAACuB,QAAQ,EAAC;QAAO,CAAE,CAAE;QAACmF,OAAO,EAAEzC,OAAQ;QAAAuB,QAAA,EACxDtB,UAAU,IAAIU,CAAC,CAAC1C;MAAK,CAChB,CACT,EAEA8C,SAAS,iBACRxE,IAAA,CAACN,MAAM,EAAAuF,aAAA,CAAAA,aAAA;QAACa,OAAO,EAAC,SAAS;QAACC,IAAI,EAAC,IAAI;QAACC,IAAI,EAAC,QAAQ;QAC/CC,IAAI,eAAEjG,IAAA,CAACP,UAAU;UAACsB,QAAQ,EAAC;QAAO,CAAE,CAAE;QACtCmF,OAAO,EAAEvC;MAAS,GACbC,aAAa,KAAKwC,SAAS,GAAG;QAAEC,OAAO,EAAEzC;MAAc,CAAC,GAAG,CAAC,CAAC;QAAAoB,QAAA,EACjEnB,iBAAiB,IAAIO,CAAC,CAACzC;MAAY,EAC9B,CACT;IAAA,CACE,CAAC,EAEL8C,QAAQ,iBACPvE,KAAA,CAACb,GAAG;MAAC8E,EAAE,EAAEvD,YAAa;MAAC4F,IAAI,EAAC,OAAO;MAAC,mBAAiB7B,YAAa;MAAAK,QAAA,gBAChEhF,IAAA,CAACX,GAAG;QAACiH,SAAS,EAAC,MAAM;QAACG,EAAE,EAAE9B,YAAa;QAACR,EAAE,EAAEtD,cAAe;QAAAmE,QAAA,EAAEZ,CAAC,CAACvC;MAAa,CAAM,CAAC,EAClFkC,WAAW,CAAC2C,GAAG,CAAC,UAACC,IAAI;QAAA,oBACpB3G,IAAA,CAACJ,IAAI;UAAgBmG,IAAI,EAAC,IAAI;UAACa,SAAS;UAACC,QAAQ,EAAEF,IAAI,CAACE,QAAS;UAAA7B,QAAA,EAC9D2B,IAAI,CAACJ;QAAK,GADFI,IAAI,CAACG,GAEV,CAAC;MAAA,CACR,CAAC,EACD,OAAO9C,iBAAiB,KAAK,UAAU,iBACtChE,IAAA,CAACN,MAAM;QAACqG,IAAI,EAAC,IAAI;QAACD,OAAO,EAAC,OAAO;QAACE,IAAI,EAAC,QAAQ;QAACE,OAAO,EAAElC,iBAAkB;QAAAgB,QAAA,EACxEf,oBAAoB,IAAIG,CAAC,CAACxC;MAAa,CAClC,CACT;IAAA,CACE,CACN;EAAA,CACa,CAAC;AAErB;AAEA,eAAeE,eAAe","ignoreList":[]}
+{"version":3,"file":"DataGridToolbar.js","names":["React","Box","FilterAltIcon","FileDownloadIcon","RefreshIcon","SearchIcon","Button","Input","Chip","DataGridSettingsMenu","mergeLabels","jsx","_jsx","jsxs","_jsxs","TOOLBAR_SX","Object","freeze","display","alignItems","gap","padding","borderBottom","flexWrap","CHIPS_ROW_SX","CHIPS_LABEL_SX","color","fontSize","flexShrink","FILTER_BADGE_SX","marginInlineStart","background","borderRadius","fontWeight","lineHeight","DEFAULT_LABELS","export","filter","settings","reset","searchAction","clearAllChips","activeFilters","DataGridToolbar","searchValue","onSearchChange","searchName","searchPlaceholder","searchRef","searchWidth","actions","onExport","exportDisabled","exportLoading","exportLabel","onFilter","filterCount","filterLabel","filterAriaLabel","columns","hiddenColumns","onHiddenColumnsChange","density","onDensityChange","settingsLabel","densityOptions","hasActiveFilters","onReset","resetLabel","onSearch","searchLoading","searchActionLabel","filterChips","onClearAllFilters","clearAllFiltersLabel","labels","sx","L","hasExport","hasFilter","hasReset","hasSearch","hasChips","length","chipsLabelId","useId","computedFilterAriaLabel","Fragment","children","width","xs","sm","name","value","onChange","placeholder","startIcon","inputProps","ref","maxLength","flex","variant","size","type","icon","onClick","disabled","undefined","loading","component","label","role","id","map","chip","removable","onRemove","key"],"sources":["../../../../src/lib/v2/patterns/DataGridToolbar.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport Box from \"@mui/material/Box\";\r\nimport FilterAltIcon from \"@mui/icons-material/FilterAlt\";\r\nimport FileDownloadIcon from \"@mui/icons-material/FileDownload\";\r\nimport RefreshIcon from \"@mui/icons-material/Refresh\";\r\nimport SearchIcon from \"@mui/icons-material/Search\";\r\nimport Button from \"../components/Button\";\r\nimport Input from \"../components/Input\";\r\nimport Chip from \"../components/Chip\";\r\nimport DataGridSettingsMenu from \"./DataGridSettingsMenu\";\r\nimport type { SxProps, Theme } from \"@mui/material/styles\";\r\nimport type { Density } from \"../types/common\";\r\nimport type { DataGridColumn } from \"../types/datagrid\";\r\nimport type { SegmentedOption } from \"../components/Segmented\";\r\nimport { mergeLabels } from \"../utils/mergeLabels\";\r\n\r\n/**\r\n * DataGridToolbar — Portnet UI v2 (pattern)\r\n * Charter §07 R-L.3 — canonical toolbar for listing / DataGrid pages.\r\n *\r\n * The `actions` slot (a node) renders at the start of the right-hand\r\n * cluster — drop personalization controls here, e.g.:\r\n *   <DataGridToolbar\r\n *     actions={<>\r\n *       <FavoritesFilter value={favFilter} onChange={setFavFilter}\r\n *                        favoriteCount={view.favoriteCount} totalCount={rows.length} />\r\n *       <SavedFiltersMenu resourceKey=\"ti:list\" currentCriteria={criteria}\r\n *                         onApply={setCriteria} />\r\n *     </>}\r\n *     ...\r\n *   />\r\n * The toolbar stays personalization-agnostic (it imports neither control).\r\n */\r\n\r\nexport interface DataGridToolbarFilterChip {\r\n  key: string;\r\n  label: string;\r\n  onRemove: () => void;\r\n}\r\n\r\nexport interface DataGridToolbarLabels {\r\n  export?: string | undefined;\r\n  filter?: string | undefined;\r\n  settings?: string | undefined;\r\n  reset?: string | undefined;\r\n  searchAction?: string | undefined;\r\n  clearAllChips?: string | undefined;\r\n  activeFilters?: string | undefined;\r\n}\r\n\r\nexport interface DataGridToolbarProps {\r\n  searchValue?: string | undefined;\r\n  onSearchChange?: React.ChangeEventHandler<HTMLInputElement> | undefined;\r\n  searchName?: string | undefined;\r\n  searchPlaceholder?: string | undefined;\r\n  searchRef?: React.Ref<HTMLInputElement> | undefined;\r\n  searchWidth?: number | string | undefined;\r\n  /** Extra controls rendered at the start of the right-hand cluster\r\n   *  (e.g. <FavoritesFilter>, <SavedFiltersMenu>). */\r\n  actions?: React.ReactNode | undefined;\r\n  onExport?: (() => void) | undefined;\r\n  exportDisabled?: boolean | undefined;\r\n  exportLoading?: boolean | undefined;\r\n  exportLabel?: string | undefined;\r\n  onFilter?: (() => void) | undefined;\r\n  filterCount?: number | undefined;\r\n  filterLabel?: string | undefined;\r\n  filterAriaLabel?: string | undefined;\r\n  columns?: ReadonlyArray<Pick<DataGridColumn<unknown>, \"key\" | \"header\" | \"toggleable\">> | undefined;\r\n  hiddenColumns?: Set<string> | string[] | undefined;\r\n  onHiddenColumnsChange?: ((hidden: Set<string>) => void) | undefined;\r\n  density?: Density | undefined;\r\n  onDensityChange?: ((density: Density) => void) | undefined;\r\n  settingsLabel?: string | undefined;\r\n  densityOptions?: SegmentedOption[] | undefined;\r\n  hasActiveFilters?: boolean | undefined;\r\n  onReset?: (() => void) | undefined;\r\n  resetLabel?: string | undefined;\r\n  onSearch?: (() => void) | undefined;\r\n  searchLoading?: boolean | undefined;\r\n  searchActionLabel?: string | undefined;\r\n  filterChips?: DataGridToolbarFilterChip[] | undefined;\r\n  onClearAllFilters?: (() => void) | undefined;\r\n  clearAllFiltersLabel?: string | undefined;\r\n  labels?: DataGridToolbarLabels | undefined;\r\n  sx?: SxProps<Theme> | undefined;\r\n}\r\n\r\nconst TOOLBAR_SX = Object.freeze({\r\n  display: \"flex\",\r\n  alignItems: \"center\",\r\n  gap: \"var(--s-3)\",\r\n  padding: \"var(--s-3) var(--s-4)\",\r\n  borderBottom: \"1px solid var(--border)\",\r\n  flexWrap: \"wrap\",\r\n} satisfies SxProps<Theme>);\r\n\r\nconst CHIPS_ROW_SX = Object.freeze({\r\n  display: \"flex\",\r\n  alignItems: \"center\",\r\n  gap: \"var(--s-2)\",\r\n  padding: \"var(--s-2) var(--s-4)\",\r\n  borderBottom: \"1px solid var(--border)\",\r\n  flexWrap: \"wrap\",\r\n} satisfies SxProps<Theme>);\r\n\r\nconst CHIPS_LABEL_SX = Object.freeze({\r\n  color: \"var(--fg-subtle)\",\r\n  fontSize: \"var(--text-xs)\",\r\n  flexShrink: 0,\r\n});\r\n\r\nconst FILTER_BADGE_SX = Object.freeze({\r\n  marginInlineStart: \"var(--s-1)\",\r\n  background: \"var(--accent)\",\r\n  color: \"var(--accent-fg)\",\r\n  borderRadius: \"var(--r-full)\",\r\n  padding: \"calc(var(--s-1) / 2) var(--s-2)\",\r\n  fontSize: \"var(--text-xs)\",\r\n  fontWeight: \"var(--fw-semibold)\",\r\n  lineHeight: \"var(--lh-snug, 1.4)\",\r\n  display: \"inline-block\",\r\n} satisfies SxProps<Theme>);\r\n\r\nconst DEFAULT_LABELS = Object.freeze({\r\n  export:        \"Exporter\",\r\n  filter:        \"Filtrer\",\r\n  settings:      \"Configurer\",\r\n  reset:         \"Réinitialiser\",\r\n  searchAction:  \"Rechercher\",\r\n  clearAllChips: \"Tout effacer\",\r\n  activeFilters: \"Filtres actifs :\",\r\n});\r\n\r\n/**\r\n * Valeurs par défaut inline — plus de defaultProps.\r\n * React 18.3+ supprime le support de defaultProps pour les function components.\r\n * https://react.dev/blog/2024/04/25/react-19-upgrade-guide#removed-defaultprops\r\n */\r\nfunction DataGridToolbar({\r\n  searchValue,\r\n  onSearchChange,\r\n  searchName,\r\n  searchPlaceholder,\r\n  searchRef,\r\n  searchWidth,\r\n  actions,\r\n  onExport,\r\n  exportDisabled,\r\n  exportLoading,\r\n  exportLabel,\r\n  onFilter,\r\n  filterCount     = 0,\r\n  filterLabel,\r\n  filterAriaLabel,\r\n  columns,\r\n  hiddenColumns,\r\n  onHiddenColumnsChange,\r\n  density,\r\n  onDensityChange,\r\n  settingsLabel,\r\n  densityOptions,\r\n  hasActiveFilters = false,\r\n  onReset,\r\n  resetLabel,\r\n  onSearch,\r\n  searchLoading,\r\n  searchActionLabel,\r\n  filterChips     = [],\r\n  onClearAllFilters,\r\n  clearAllFiltersLabel,\r\n  labels,\r\n  sx,\r\n}: DataGridToolbarProps) {\r\n  const L = mergeLabels(DEFAULT_LABELS, labels);\r\n\r\n  const hasExport = typeof onExport === \"function\";\r\n  const hasFilter = typeof onFilter === \"function\";\r\n  const hasReset  = hasActiveFilters && typeof onReset === \"function\";\r\n  const hasSearch = typeof onSearch === \"function\";\r\n  const hasChips  = filterChips.length > 0;\r\n\r\n  // DGT-1 — the active-filters group is named by its own visible label span\r\n  // (aria-labelledby) rather than a hardcoded string, so the accessible name\r\n  // tracks the localized L.activeFilters text.\r\n  const chipsLabelId = React.useId();\r\n\r\n  const computedFilterAriaLabel = filterAriaLabel\r\n    || (filterCount > 0\r\n        ? `Ouvrir les filtres avancés (${filterCount} actif${filterCount > 1 ? \"s\" : \"\"})`\r\n        : \"Ouvrir les filtres avancés\");\r\n\r\n  return (\r\n    <React.Fragment>\r\n      {/* DGT-2 — reuse the frozen base sx when there's no override instead of\r\n          allocating a new merged object every render. */}\r\n      <Box sx={sx ? { ...TOOLBAR_SX, ...sx } : TOOLBAR_SX}>\r\n        <Box sx={{ width: { xs: \"100%\", sm: searchWidth || 320 } }}>\r\n          <Input\r\n            name={searchName}\r\n            value={searchValue ?? \"\"}\r\n            onChange={onSearchChange}\r\n            placeholder={searchPlaceholder}\r\n            startIcon={<SearchIcon fontSize=\"small\" />}\r\n            inputProps={{\r\n              ref: searchRef,\r\n              \"aria-label\": searchPlaceholder,\r\n              maxLength: 64,\r\n            }}\r\n          />\r\n        </Box>\r\n\r\n        <Box sx={{ flex: 1 }} />\r\n\r\n        {actions}\r\n\r\n        {hasExport && (\r\n          <Button variant=\"secondary\" size=\"sm\" type=\"button\"\r\n            icon={<FileDownloadIcon fontSize=\"small\" />}\r\n            onClick={onExport} disabled={exportDisabled}\r\n            {...(exportLoading !== undefined ? { loading: exportLoading } : {})}>\r\n            {exportLabel || L.export}\r\n          </Button>\r\n        )}\r\n\r\n        {hasFilter && (\r\n          <Button variant=\"secondary\" size=\"sm\" type=\"button\"\r\n            icon={<FilterAltIcon fontSize=\"small\" />}\r\n            onClick={onFilter} aria-label={computedFilterAriaLabel}>\r\n            {filterLabel || L.filter}\r\n            {filterCount > 0 && (\r\n              <Box component=\"span\" aria-hidden=\"true\" sx={FILTER_BADGE_SX}>\r\n                {filterCount}\r\n              </Box>\r\n            )}\r\n          </Button>\r\n        )}\r\n\r\n        {columns && columns.length > 0 && onHiddenColumnsChange && onDensityChange && (\r\n          <DataGridSettingsMenu\r\n            columns={columns}\r\n            onHiddenColumnsChange={onHiddenColumnsChange}\r\n            onDensityChange={onDensityChange}\r\n            label={settingsLabel !== undefined ? settingsLabel : L.settings}\r\n            {...(hiddenColumns !== undefined ? { hiddenColumns } : {})}\r\n            {...(density !== undefined ? { density } : {})}\r\n            {...(densityOptions !== undefined ? { densityOptions } : {})}\r\n          />\r\n        )}\r\n\r\n        {hasReset && (\r\n          <Button variant=\"ghost\" size=\"sm\" type=\"button\"\r\n            icon={<RefreshIcon fontSize=\"small\" />} onClick={onReset}>\r\n            {resetLabel || L.reset}\r\n          </Button>\r\n        )}\r\n\r\n        {hasSearch && (\r\n          <Button variant=\"primary\" size=\"sm\" type=\"submit\"\r\n            icon={<SearchIcon fontSize=\"small\" />}\r\n            onClick={onSearch}\r\n            {...(searchLoading !== undefined ? { loading: searchLoading } : {})}>\r\n            {searchActionLabel || L.searchAction}\r\n          </Button>\r\n        )}\r\n      </Box>\r\n\r\n      {hasChips && (\r\n        <Box sx={CHIPS_ROW_SX} role=\"group\" aria-labelledby={chipsLabelId}>\r\n          <Box component=\"span\" id={chipsLabelId} sx={CHIPS_LABEL_SX}>{L.activeFilters}</Box>\r\n          {filterChips.map((chip) => (\r\n            <Chip key={chip.key} size=\"sm\" removable onRemove={chip.onRemove}>\r\n              {chip.label}\r\n            </Chip>\r\n          ))}\r\n          {typeof onClearAllFilters === \"function\" && (\r\n            <Button size=\"sm\" variant=\"ghost\" type=\"button\" onClick={onClearAllFilters}>\r\n              {clearAllFiltersLabel || L.clearAllChips}\r\n            </Button>\r\n          )}\r\n        </Box>\r\n      )}\r\n    </React.Fragment>\r\n  );\r\n}\r\n\r\nexport default DataGridToolbar;\r\n"],"mappings":"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","ignoreList":[]}