@portnet/ui 6.0.0 → 6.0.1

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

@@ -0,0 +1,249 @@
+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";
+import FileDownloadIcon from "@mui/icons-material/FileDownload";
+import RefreshIcon from "@mui/icons-material/Refresh";
+import SearchIcon from "@mui/icons-material/Search";
+import Button from "../components/Button";
+import Input from "../components/Input";
+import Chip from "../components/Chip";
+import DataGridSettingsMenu from "./DataGridSettingsMenu";
+import { mergeLabels } from "../utils/mergeLabels";
+
+/**
+ * DataGridToolbar — Portnet UI v2 (pattern)
+ * Charter §07 R-L.3 — canonical toolbar for listing / DataGrid pages.
+ *
+ * The `actions` slot (a node) renders at the start of the right-hand
+ * cluster — drop personalization controls here, e.g.:
+ *   <DataGridToolbar
+ *     actions={<>
+ *       <FavoritesFilter value={favFilter} onChange={setFavFilter}
+ *                        favoriteCount={view.favoriteCount} totalCount={rows.length} />
+ *       <SavedFiltersMenu resourceKey="ti:list" currentCriteria={criteria}
+ *                         onApply={setCriteria} />
+ *     </>}
+ *     ...
+ *   />
+ * 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({
+  display: "flex",
+  alignItems: "center",
+  gap: "var(--s-3)",
+  padding: "var(--s-3) var(--s-4)",
+  borderBottom: "1px solid var(--border)",
+  flexWrap: "wrap"
+});
+var CHIPS_ROW_SX = Object.freeze({
+  display: "flex",
+  alignItems: "center",
+  gap: "var(--s-2)",
+  padding: "var(--s-2) var(--s-4)",
+  borderBottom: "1px solid var(--border)",
+  flexWrap: "wrap"
+});
+var CHIPS_LABEL_SX = Object.freeze({
+  color: "var(--fg-subtle)",
+  fontSize: "var(--text-xs)",
+  flexShrink: 0
+});
+var FILTER_BADGE_SX = Object.freeze({
+  marginInlineStart: "var(--s-1)",
+  background: "var(--accent)",
+  color: "var(--accent-fg)",
+  borderRadius: "var(--r-full)",
+  padding: "calc(var(--s-1) / 2) var(--s-2)",
+  fontSize: "var(--text-xs)",
+  fontWeight: "var(--fw-semibold)",
+  lineHeight: "var(--lh-snug, 1.4)",
+  display: "inline-block"
+});
+var DEFAULT_LABELS = Object.freeze({
+  "export": "Exporter",
+  filter: "Filtrer",
+  settings: "Configurer",
+  reset: "Réinitialiser",
+  searchAction: "Rechercher",
+  clearAllChips: "Tout effacer",
+  activeFilters: "Filtres actifs :"
+});
+
+/**
+ * Valeurs par défaut inline — plus de defaultProps.
+ * 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;
+
+  // 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");
+  return /*#__PURE__*/_jsxs(React.Fragment, {
+    children: [/*#__PURE__*/_jsxs(Box, {
+      sx: sx ? _objectSpread(_objectSpread({}, TOOLBAR_SX), sx) : TOOLBAR_SX,
+      children: [/*#__PURE__*/_jsx(Box, {
+        sx: {
+          width: {
+            xs: "100%",
+            sm: searchWidth || 320
+          }
+        },
+        children: /*#__PURE__*/_jsx(Input, {
+          name: searchName,
+          value: searchValue !== null && searchValue !== void 0 ? searchValue : "",
+          onChange: onSearchChange,
+          placeholder: searchPlaceholder,
+          startIcon: /*#__PURE__*/_jsx(SearchIcon, {
+            fontSize: "small"
+          }),
+          inputProps: {
+            ref: searchRef,
+            "aria-label": searchPlaceholder,
+            maxLength: 64
+          }
+        })
+      }), /*#__PURE__*/_jsx(Box, {
+        sx: {
+          flex: 1
+        }
+      }), actions, hasExport && /*#__PURE__*/_jsx(Button, _objectSpread(_objectSpread({
+        variant: "secondary",
+        size: "sm",
+        type: "button",
+        icon: /*#__PURE__*/_jsx(FileDownloadIcon, {
+          fontSize: "small"
+        }),
+        onClick: onExport,
+        disabled: exportDisabled
+      }, exportLoading !== undefined ? {
+        loading: exportLoading
+      } : {}), {}, {
+        children: exportLabel || L["export"]
+      })), hasFilter && /*#__PURE__*/_jsxs(Button, {
+        variant: "secondary",
+        size: "sm",
+        type: "button",
+        icon: /*#__PURE__*/_jsx(FilterAltIcon, {
+          fontSize: "small"
+        }),
+        onClick: onFilter,
+        "aria-label": computedFilterAriaLabel,
+        children: [filterLabel || L.filter, filterCount > 0 && /*#__PURE__*/_jsx(Box, {
+          component: "span",
+          "aria-hidden": "true",
+          sx: FILTER_BADGE_SX,
+          children: filterCount
+        })]
+      }), columns && columns.length > 0 && onHiddenColumnsChange && onDensityChange && /*#__PURE__*/_jsx(DataGridSettingsMenu, _objectSpread(_objectSpread(_objectSpread({
+        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, {
+        variant: "ghost",
+        size: "sm",
+        type: "button",
+        icon: /*#__PURE__*/_jsx(RefreshIcon, {
+          fontSize: "small"
+        }),
+        onClick: onReset,
+        children: resetLabel || L.reset
+      }), hasSearch && /*#__PURE__*/_jsx(Button, _objectSpread(_objectSpread({
+        variant: "primary",
+        size: "sm",
+        type: "submit",
+        icon: /*#__PURE__*/_jsx(SearchIcon, {
+          fontSize: "small"
+        }),
+        onClick: onSearch
+      }, searchLoading !== undefined ? {
+        loading: searchLoading
+      } : {}), {}, {
+        children: searchActionLabel || L.searchAction
+      }))]
+    }), hasChips && /*#__PURE__*/_jsxs(Box, {
+      sx: CHIPS_ROW_SX,
+      role: "group",
+      "aria-labelledby": chipsLabelId,
+      children: [/*#__PURE__*/_jsx(Box, {
+        component: "span",
+        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, {
+        size: "sm",
+        variant: "ghost",
+        type: "button",
+        onClick: onClearAllFilters,
+        children: clearAllFiltersLabel || L.clearAllChips
+      })]
+    })]
+  });
+}
+export default DataGridToolbar;
+//# sourceMappingURL=DataGridToolbar.js.map

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

@@ -0,0 +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":"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","ignoreList":[]}