@portnet/ui 5.0.27 → 6.0.0

package/dist/v2/patterns/DataGridSettingsMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataGridSettingsMenu.js","names":["React","_interopRequireWildcard","require","_Box","_interopRequireDefault","_IconButton","_Popover","_Checkbox","_FormControlLabel","_Tune","_Button","_Segmented","_ColumnsToggle","_jsxRuntime","obj","__esModule","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","Symbol","iterator","constructor","_slicedToArray","arr","i","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","toString","slice","name","Array","from","test","len","length","arr2","_i","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","isArray","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","apply","_objectSpread","target","arguments","source","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","toPrimitive","undefined","res","Number","DEFAULT_LABELS","freeze","button","title","columnsHeading","densityHeading","showAll","hideAll","densityAriaLabel","FALLBACK_DENSITY_OPTIONS","label","POPOVER_PAPER_SX","borderRadius","boxShadow","border","POPOVER_BODY_SX","padding","minWidth","maxHeight","overflowY","display","flexDirection","gap","SECTION_HEADING_SX","fontSize","fontWeight","color","textTransform","letterSpacing","paddingBottom","borderBottom","SECTION_BODY_SX","paddingTop","SECTION_SEPARATOR_SX","borderTop","CHECKBOX_LABEL_SX","marginLeft","marginRight","COLUMNS_FOOTER_SX","justifyContent","BADGE_SX","position","top","insetInlineEnd","width","height","background","DataGridSettingsMenu","_ref","columns","hiddenColumns","onHiddenColumnsChange","density","onDensityChange","densityOptions","labels","L","_React$useState","useState","_React$useState2","anchor","setAnchor","hiddenSet","useMemo","Set","toggleableColumns","c","toggleable","hiddenCount","hasCustomisation","open","Boolean","handleOpen","e","currentTarget","handleClose","toggleColumn","add","map","effectiveDensityOptions","popoverSlotProps","paper","sx","role","jsxs","Fragment","children","jsx","size","variant","type","icon","onClick","component","pointerEvents","anchorEl","onClose","anchorOrigin","vertical","horizontal","transformOrigin","slotProps","col","isVisible","headerText","extractHeaderText","header","trim","labelText","control","checked","onChange","disabled","options","_default","exports"],"sources":["../../../src/lib/v2/patterns/DataGridSettingsMenu.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport Box from \"@mui/material/Box\";\r\nimport IconButton from \"@mui/material/IconButton\";\r\nimport Popover from \"@mui/material/Popover\";\r\nimport Checkbox from \"@mui/material/Checkbox\";\r\nimport FormControlLabel from \"@mui/material/FormControlLabel\";\r\nimport TuneIcon from \"@mui/icons-material/Tune\";\r\nimport Button from \"../components/Button\";\r\nimport Segmented from \"../components/Segmented\";\r\nimport type { SegmentedOption } from \"../components/Segmented\";\r\nimport { extractHeaderText } from \"./ColumnsToggle\";\r\nimport type { SxProps, Theme } from \"@mui/material/styles\";\r\nimport type { Density } from \"../types/common\";\r\nimport type { DataGridColumn } from \"../types/datagrid\";\r\n\r\n/**\r\n * DataGridSettingsMenu - Portnet UI v2 (pattern)\r\n *\r\n * Combined \"table options\" popover wrapping two DataGrid-adjacent\r\n * preferences: column visibility and row density. Single trigger\r\n * (Tune icon button) opens a popover with both sections inline.\r\n *\r\n *   <DataGridSettingsMenu\r\n *     columns={cols}\r\n *     hiddenColumns={hiddenSet}\r\n *     onHiddenColumnsChange={setHiddenSet}\r\n *     density={density}\r\n *     onDensityChange={setDensity}\r\n *     densityOptions={DENSITY_OPTIONS}\r\n *     label=\"Configurer\"           // optional — shows text label on trigger\r\n *   />\r\n *\r\n * Use this when the host wants BOTH affordances behind one\r\n * compact toolbar entry. For columns-only use cases, prefer the\r\n * atomic `<ColumnsToggle>` pattern.\r\n *\r\n * The component is pure presentation — host owns the state for\r\n * both columns visibility (hiddenColumns Set) and density (the\r\n * current value, typically \"comfortable\" or \"compact\").\r\n *\r\n * Mental model: checkbox represents VISIBILITY (checked = visible,\r\n * not in hiddenSet). Same contract as ColumnsToggle to avoid\r\n * cognitive load when a host switches between the two patterns.\r\n *\r\n * `col.toggleable: false` on a column excludes it from the popover\r\n * entirely — useful for identity columns or system-pinned columns\r\n * that should not be user-hideable. DataGrid itself doesn't read\r\n * this flag; it's a contract between the host schema and any\r\n * settings-UI consumer.\r\n *\r\n * `label` prop (optional string):\r\n *   When provided, the trigger becomes a v2.Button (secondary, sm)\r\n *   with the icon + text label visible in the toolbar. This is\r\n *   recommended when the toolbar has enough horizontal space and the\r\n *   affordance benefits from a named action (e.g. \"Configurer\").\r\n *   When omitted, the trigger falls back to the compact IconButton.\r\n */\r\n\r\nexport interface DataGridSettingsMenuLabels {\r\n  button?: string;\r\n  title?: string;\r\n  columnsHeading?: string;\r\n  densityHeading?: string;\r\n  showAll?: string;\r\n  hideAll?: string;\r\n  densityAriaLabel?: string;\r\n}\r\n\r\nexport interface DataGridSettingsMenuProps {\r\n  columns: ReadonlyArray<Pick<DataGridColumn<unknown>, \"key\" | \"header\" | \"toggleable\">>;\r\n  hiddenColumns?: Set<string> | string[];\r\n  onHiddenColumnsChange: (hidden: Set<string>) => void;\r\n  density?: Density;\r\n  onDensityChange: (density: Density) => void;\r\n  densityOptions?: SegmentedOption[];\r\n  labels?: DataGridSettingsMenuLabels;\r\n  label?: string;\r\n}\r\n\r\nconst DEFAULT_LABELS = Object.freeze({\r\n  button:           \"Options du tableau\",\r\n  title:            \"Options du tableau\",\r\n  columnsHeading:   \"Affichage des colonnes\",\r\n  densityHeading:   \"Densité d'affichage\",\r\n  showAll:          \"Tout afficher\",\r\n  hideAll:          \"Tout masquer\",\r\n  densityAriaLabel: \"Densité d'affichage\",\r\n});\r\n\r\n/* ── Default density options ─────────────────────────────────────────\r\n * Used only when the host doesn't pass its own densityOptions.\r\n * Hosts SHOULD pass an icon-laden version for visual richness; the\r\n * label-only fallback exists to keep this component crash-free.\r\n * (Frozen for defensiveness; typed mutable via one readonly→mutable\r\n * assertion since Segmented reads options and never mutates.) */\r\nconst FALLBACK_DENSITY_OPTIONS: SegmentedOption[] = Object.freeze([\r\n  { value: \"comfortable\", label: \"Confortable\" },\r\n  { value: \"compact\",     label: \"Compact\" },\r\n]) as SegmentedOption[];\r\n\r\n/* ── Hoisted sx (D5) ──────────────────────────────────────────────── */\r\n\r\nconst POPOVER_PAPER_SX = Object.freeze({\r\n  borderRadius: \"var(--r-lg)\",\r\n  boxShadow: \"var(--shadow-md)\",\r\n  border: \"1px solid var(--border)\",\r\n});\r\n\r\nconst POPOVER_BODY_SX = Object.freeze({\r\n  padding: \"var(--s-3) var(--s-4)\",\r\n  minWidth: 280,\r\n  maxHeight: 480,\r\n  overflowY: \"auto\",\r\n  display: \"flex\",\r\n  flexDirection: \"column\",\r\n  gap: \"var(--s-2)\",\r\n} satisfies SxProps<Theme>);\r\n\r\nconst SECTION_HEADING_SX = Object.freeze({\r\n  fontSize: \"var(--text-xs)\",\r\n  fontWeight: \"var(--fw-semibold)\",\r\n  color: \"var(--fg-muted)\",\r\n  textTransform: \"uppercase\",\r\n  letterSpacing: \"0.04em\",\r\n  paddingBottom: \"var(--s-2)\",\r\n  borderBottom: \"1px solid var(--border)\",\r\n} satisfies SxProps<Theme>);\r\n\r\nconst SECTION_BODY_SX = Object.freeze({\r\n  display: \"flex\",\r\n  flexDirection: \"column\",\r\n  gap: \"var(--s-1)\",\r\n  paddingTop: \"var(--s-2)\",\r\n  paddingBottom: \"var(--s-2)\",\r\n} satisfies SxProps<Theme>);\r\n\r\nconst SECTION_SEPARATOR_SX = Object.freeze({\r\n  borderTop: \"1px solid var(--border)\",\r\n});\r\n\r\nconst CHECKBOX_LABEL_SX = Object.freeze({\r\n  marginLeft: 0,\r\n  marginRight: 0,\r\n  \"& .MuiFormControlLabel-label\": {\r\n    fontSize: \"var(--text-sm)\",\r\n    color: \"var(--fg)\",\r\n  },\r\n});\r\n\r\nconst COLUMNS_FOOTER_SX = Object.freeze({\r\n  display: \"flex\",\r\n  justifyContent: \"space-between\",\r\n  gap: \"var(--s-2)\",\r\n  paddingTop: \"var(--s-1)\",\r\n} satisfies SxProps<Theme>);\r\n\r\nconst BADGE_SX = Object.freeze({\r\n  position: \"absolute\",\r\n  top: 2,\r\n  insetInlineEnd: 2,\r\n  width: 8,\r\n  height: 8,\r\n  borderRadius: \"var(--r-full)\",\r\n  background: \"var(--accent)\",\r\n} satisfies SxProps<Theme>);\r\n\r\nfunction DataGridSettingsMenu({\r\n  columns,\r\n  hiddenColumns,\r\n  onHiddenColumnsChange,\r\n  density,\r\n  onDensityChange,\r\n  densityOptions,\r\n  labels,\r\n  label,\r\n}: DataGridSettingsMenuProps) {\r\n  const L = labels ? { ...DEFAULT_LABELS, ...labels } : DEFAULT_LABELS;\r\n  const [anchor, setAnchor] = React.useState<HTMLElement | null>(null);\r\n\r\n  // Normalise hiddenColumns to a Set once. Same contract as DataGrid\r\n  // / ColumnsToggle — accepts Set or Array (or undefined).\r\n  const hiddenSet = React.useMemo(\r\n    () =>\r\n      hiddenColumns instanceof Set\r\n        ? hiddenColumns\r\n        : new Set(hiddenColumns || []),\r\n    [hiddenColumns]\r\n  );\r\n\r\n  // Toggleable subset — the only columns this UI exposes. System-\r\n  // pinned columns (col.toggleable === false) are excluded entirely.\r\n  const toggleableColumns = React.useMemo(\r\n    () => columns.filter((c) => c.toggleable !== false),\r\n    [columns]\r\n  );\r\n\r\n  // Count among toggleable for the trigger badge dot.\r\n  const hiddenCount = React.useMemo(\r\n    () => toggleableColumns.filter((c) => hiddenSet.has(c.key)).length,\r\n    [toggleableColumns, hiddenSet]\r\n  );\r\n\r\n  // Indicates the user has changed something from defaults — used\r\n  // to surface a discreet badge dot on the trigger. We use a single\r\n  // visual dot rather than a numeric badge because there are TWO\r\n  // pref axes (columns + density) that contribute; a counter would\r\n  // be misleading.\r\n  const hasCustomisation =\r\n    hiddenCount > 0 ||\r\n    (density != null && density !== \"comfortable\");\r\n\r\n  const open = Boolean(anchor);\r\n\r\n  const handleOpen = (e: React.MouseEvent<HTMLButtonElement>) => setAnchor(e.currentTarget);\r\n  const handleClose = () => setAnchor(null);\r\n\r\n  const toggleColumn = (key: string) => {\r\n    const next = new Set(hiddenSet);\r\n    if (next.has(key)) next.delete(key);\r\n    else next.add(key);\r\n    onHiddenColumnsChange(next);\r\n  };\r\n\r\n  const showAll = () => onHiddenColumnsChange(new Set<string>());\r\n  const hideAll = () =>\r\n    onHiddenColumnsChange(new Set(toggleableColumns.map((c) => c.key)));\r\n\r\n  const effectiveDensityOptions = densityOptions || FALLBACK_DENSITY_OPTIONS;\r\n\r\n  // MUI v9: slot bag for the Popover paper. Carries the dialog\r\n  // ARIA contract (role + aria-label) — host-customisable via the\r\n  // `labels.title` override. Memoised so the slotProps reference\r\n  // stays stable when L.title is unchanged.\r\n  const popoverSlotProps = React.useMemo(\r\n    () => ({\r\n      paper: {\r\n        sx: POPOVER_PAPER_SX,\r\n        role: \"dialog\",\r\n        \"aria-label\": L.title,\r\n      },\r\n    }),\r\n    [L.title]\r\n  );\r\n\r\n  return (\r\n    <>\r\n      {label ? (\r\n        /* Named trigger — renders a v2.Button with icon + text label.\r\n         * Used when the toolbar benefits from an explicit action name\r\n         * (e.g. \"Configurer\"). Badge dot uses absolute positioning\r\n         * inside the button's bounding box via sx={{ position: \"relative\" }}. */\r\n        <Box sx={{ position: \"relative\", display: \"inline-flex\" }}>\r\n          <Button\r\n            size=\"sm\"\r\n            variant=\"secondary\"\r\n            type=\"button\"\r\n            icon={<TuneIcon fontSize=\"small\" />}\r\n            onClick={handleOpen}\r\n            aria-label={L.button}\r\n            aria-haspopup=\"dialog\"\r\n            aria-expanded={open}\r\n          >\r\n            {label}\r\n          </Button>\r\n          {hasCustomisation && (\r\n            <Box\r\n              component=\"span\"\r\n              sx={{\r\n                ...BADGE_SX,\r\n                top: 4,\r\n                insetInlineEnd: 4,\r\n                pointerEvents: \"none\",\r\n              }}\r\n              aria-hidden=\"true\"\r\n            />\r\n          )}\r\n        </Box>\r\n      ) : (\r\n        /* Icon-only trigger — compact fallback for callers that don't\r\n         * pass a label (backward-compatible default). */\r\n        <IconButton\r\n          size=\"small\"\r\n          type=\"button\"\r\n          onClick={handleOpen}\r\n          aria-label={L.button}\r\n          aria-haspopup=\"dialog\"\r\n          aria-expanded={open}\r\n          sx={{\r\n            color: \"var(--fg-muted)\",\r\n            position: \"relative\",\r\n            \"&:hover\": {\r\n              background: \"var(--bg-hover)\",\r\n              color: \"var(--fg)\",\r\n            },\r\n          }}\r\n        >\r\n          <TuneIcon fontSize=\"small\" />\r\n          {hasCustomisation && (\r\n            <Box component=\"span\" sx={BADGE_SX} aria-hidden=\"true\" />\r\n          )}\r\n        </IconButton>\r\n      )}\r\n\r\n      <Popover\r\n        open={open}\r\n        anchorEl={anchor}\r\n        onClose={handleClose}\r\n        anchorOrigin={{ vertical: \"bottom\", horizontal: \"right\" }}\r\n        transformOrigin={{ vertical: \"top\", horizontal: \"right\" }}\r\n        slotProps={popoverSlotProps}\r\n      >\r\n        <Box sx={POPOVER_BODY_SX}>\r\n          {/* ── Section: Columns ─────────────────────────────────── */}\r\n          <Box>\r\n            <Box component=\"div\" sx={SECTION_HEADING_SX}>\r\n              {L.columnsHeading}\r\n            </Box>\r\n            <Box sx={SECTION_BODY_SX}>\r\n              {toggleableColumns.map((col) => {\r\n                const isVisible = !hiddenSet.has(col.key);\r\n                // DGS-1 — accessible name = the header's visible text (reuses\r\n                // ColumnsToggle's SET-1 extractor) so it matches the rendered\r\n                // label (WCAG 2.5.3); only icon-only headers fall back to key.\r\n                const headerText = extractHeaderText(col.header).trim();\r\n                const labelText = headerText || col.key;\r\n                return (\r\n                  <FormControlLabel\r\n                    key={col.key}\r\n                    control={\r\n                      <Checkbox\r\n                        size=\"small\"\r\n                        checked={isVisible}\r\n                        onChange={() => toggleColumn(col.key)}\r\n                        slotProps={{\r\n                          input: { \"aria-label\": labelText },\r\n                        }}\r\n                      />\r\n                    }\r\n                    label={col.header}\r\n                    sx={CHECKBOX_LABEL_SX}\r\n                  />\r\n                );\r\n              })}\r\n            </Box>\r\n            <Box sx={COLUMNS_FOOTER_SX}>\r\n              <Button\r\n                size=\"sm\"\r\n                variant=\"ghost\"\r\n                type=\"button\"\r\n                onClick={showAll}\r\n                disabled={hiddenCount === 0}\r\n              >\r\n                {L.showAll}\r\n              </Button>\r\n              <Button\r\n                size=\"sm\"\r\n                variant=\"ghost\"\r\n                type=\"button\"\r\n                onClick={hideAll}\r\n                disabled={hiddenCount === toggleableColumns.length}\r\n              >\r\n                {L.hideAll}\r\n              </Button>\r\n            </Box>\r\n          </Box>\r\n\r\n          {/* ── Section separator ─────────────────────────────────── */}\r\n          <Box sx={SECTION_SEPARATOR_SX} />\r\n\r\n          {/* ── Section: Density ─────────────────────────────────── */}\r\n          <Box>\r\n            <Box component=\"div\" sx={SECTION_HEADING_SX}>\r\n              {L.densityHeading}\r\n            </Box>\r\n            <Box sx={SECTION_BODY_SX}>\r\n              <Segmented\r\n                value={density ?? \"comfortable\"}\r\n                onChange={(value) => onDensityChange(value as Density)}\r\n                options={effectiveDensityOptions}\r\n                size=\"sm\"\r\n                aria-label={L.densityAriaLabel}\r\n              />\r\n            </Box>\r\n          </Box>\r\n        </Box>\r\n      </Popover>\r\n    </>\r\n  );\r\n}\r\n\r\nexport default DataGridSettingsMenu;\r\n"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,IAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,WAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,QAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,SAAA,GAAAH,sBAAA,CAAAF,OAAA;AACA,IAAAM,iBAAA,GAAAJ,sBAAA,CAAAF,OAAA;AACA,IAAAO,KAAA,GAAAL,sBAAA,CAAAF,OAAA;AACA,IAAAQ,OAAA,GAAAN,sBAAA,CAAAF,OAAA;AACA,IAAAS,UAAA,GAAAP,sBAAA,CAAAF,OAAA;AAEA,IAAAU,cAAA,GAAAV,OAAA;AAAoD,IAAAW,WAAA,GAAAX,OAAA;AAAA,SAAAE,uBAAAU,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,gBAAAA,GAAA;AAAA,SAAAE,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAhB,wBAAAa,GAAA,EAAAG,WAAA,SAAAA,WAAA,IAAAH,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,aAAAO,OAAA,CAAAP,GAAA,yBAAAA,GAAA,uCAAAA,GAAA,UAAAQ,KAAA,GAAAN,wBAAA,CAAAC,WAAA,OAAAK,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAT,GAAA,YAAAQ,KAAA,CAAAE,GAAA,CAAAV,GAAA,SAAAW,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAhB,GAAA,QAAAgB,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAnB,GAAA,EAAAgB,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAf,GAAA,EAAAgB,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAhB,GAAA,CAAAgB,GAAA,SAAAL,MAAA,cAAAX,GAAA,MAAAQ,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAArB,GAAA,EAAAW,MAAA,YAAAA,MAAA;AAAA,SAAAJ,QAAAP,GAAA,sCAAAO,OAAA,wBAAAe,MAAA,uBAAAA,MAAA,CAAAC,QAAA,aAAAvB,GAAA,kBAAAA,GAAA,gBAAAA,GAAA,WAAAA,GAAA,yBAAAsB,MAAA,IAAAtB,GAAA,CAAAwB,WAAA,KAAAF,MAAA,IAAAtB,GAAA,KAAAsB,MAAA,CAAAL,SAAA,qBAAAjB,GAAA,KAAAO,OAAA,CAAAP,GAAA;AAAA,SAAAyB,eAAAC,GAAA,EAAAC,CAAA,WAAAC,eAAA,CAAAF,GAAA,KAAAG,qBAAA,CAAAH,GAAA,EAAAC,CAAA,KAAAG,2BAAA,CAAAJ,GAAA,EAAAC,CAAA,KAAAI,gBAAA;AAAA,SAAAA,iBAAA,cAAAC,SAAA;AAAA,SAAAF,4BAAAG,CAAA,EAAAC,MAAA,SAAAD,CAAA,qBAAAA,CAAA,sBAAAE,iBAAA,CAAAF,CAAA,EAAAC,MAAA,OAAAE,CAAA,GAAAvB,MAAA,CAAAI,SAAA,CAAAoB,QAAA,CAAAlB,IAAA,CAAAc,CAAA,EAAAK,KAAA,aAAAF,CAAA,iBAAAH,CAAA,CAAAT,WAAA,EAAAY,CAAA,GAAAH,CAAA,CAAAT,WAAA,CAAAe,IAAA,MAAAH,CAAA,cAAAA,CAAA,mBAAAI,KAAA,CAAAC,IAAA,CAAAR,CAAA,OAAAG,CAAA,+DAAAM,IAAA,CAAAN,CAAA,UAAAD,iBAAA,CAAAF,CAAA,EAAAC,MAAA;AAAA,SAAAC,kBAAAT,GAAA,EAAAiB,GAAA,QAAAA,GAAA,YAAAA,GAAA,GAAAjB,GAAA,CAAAkB,MAAA,EAAAD,GAAA,GAAAjB,GAAA,CAAAkB,MAAA,WAAAjB,CAAA,MAAAkB,IAAA,OAAAL,KAAA,CAAAG,GAAA,GAAAhB,CAAA,GAAAgB,GAAA,EAAAhB,CAAA,MAAAkB,IAAA,CAAAlB,CAAA,IAAAD,GAAA,CAAAC,CAAA,YAAAkB,IAAA;AAAA,SAAAhB,sBAAAH,GAAA,EAAAC,CAAA,QAAAmB,EAAA,WAAApB,GAAA,gCAAAJ,MAAA,IAAAI,GAAA,CAAAJ,MAAA,CAAAC,QAAA,KAAAG,GAAA,4BAAAoB,EAAA,QAAAC,EAAA,EAAAC,EAAA,EAAAC,EAAA,EAAAC,EAAA,EAAAC,IAAA,OAAAC,EAAA,OAAAC,EAAA,iBAAAJ,EAAA,IAAAH,EAAA,GAAAA,EAAA,CAAA3B,IAAA,CAAAO,GAAA,GAAA4B,IAAA,QAAA3B,CAAA,QAAAd,MAAA,CAAAiC,EAAA,MAAAA,EAAA,UAAAM,EAAA,uBAAAA,EAAA,IAAAL,EAAA,GAAAE,EAAA,CAAA9B,IAAA,CAAA2B,EAAA,GAAAS,IAAA,MAAAJ,IAAA,CAAAK,IAAA,CAAAT,EAAA,CAAAU,KAAA,GAAAN,IAAA,CAAAP,MAAA,KAAAjB,CAAA,GAAAyB,EAAA,sBAAAM,GAAA,IAAAL,EAAA,OAAAL,EAAA,GAAAU,GAAA,yBAAAN,EAAA,YAAAN,EAAA,eAAAI,EAAA,GAAAJ,EAAA,cAAAjC,MAAA,CAAAqC,EAAA,MAAAA,EAAA,2BAAAG,EAAA,QAAAL,EAAA,aAAAG,IAAA;AAAA,SAAAvB,gBAAAF,GAAA,QAAAc,KAAA,CAAAmB,OAAA,CAAAjC,GAAA,UAAAA,GAAA;AAAA,SAAAkC,QAAAC,MAAA,EAAAC,cAAA,QAAAC,IAAA,GAAAlD,MAAA,CAAAkD,IAAA,CAAAF,MAAA,OAAAhD,MAAA,CAAAmD,qBAAA,QAAAC,OAAA,GAAApD,MAAA,CAAAmD,qBAAA,CAAAH,MAAA,GAAAC,cAAA,KAAAG,OAAA,GAAAA,OAAA,CAAAC,MAAA,WAAAC,GAAA,WAAAtD,MAAA,CAAAE,wBAAA,CAAA8C,MAAA,EAAAM,GAAA,EAAAC,UAAA,OAAAL,IAAA,CAAAP,IAAA,CAAAa,KAAA,CAAAN,IAAA,EAAAE,OAAA,YAAAF,IAAA;AAAA,SAAAO,cAAAC,MAAA,aAAA5C,CAAA,MAAAA,CAAA,GAAA6C,SAAA,CAAA5B,MAAA,EAAAjB,CAAA,UAAA8C,MAAA,WAAAD,SAAA,CAAA7C,CAAA,IAAA6C,SAAA,CAAA7C,CAAA,QAAAA,CAAA,OAAAiC,OAAA,CAAA/C,MAAA,CAAA4D,MAAA,OAAAC,OAAA,WAAA1D,GAAA,IAAA2D,eAAA,CAAAJ,MAAA,EAAAvD,GAAA,EAAAyD,MAAA,CAAAzD,GAAA,SAAAH,MAAA,CAAA+D,yBAAA,GAAA/D,MAAA,CAAAgE,gBAAA,CAAAN,MAAA,EAAA1D,MAAA,CAAA+D,yBAAA,CAAAH,MAAA,KAAAb,OAAA,CAAA/C,MAAA,CAAA4D,MAAA,GAAAC,OAAA,WAAA1D,GAAA,IAAAH,MAAA,CAAAC,cAAA,CAAAyD,MAAA,EAAAvD,GAAA,EAAAH,MAAA,CAAAE,wBAAA,CAAA0D,MAAA,EAAAzD,GAAA,iBAAAuD,MAAA;AAAA,SAAAI,gBAAA3E,GAAA,EAAAgB,GAAA,EAAAyC,KAAA,IAAAzC,GAAA,GAAA8D,cAAA,CAAA9D,GAAA,OAAAA,GAAA,IAAAhB,GAAA,IAAAa,MAAA,CAAAC,cAAA,CAAAd,GAAA,EAAAgB,GAAA,IAAAyC,KAAA,EAAAA,KAAA,EAAAW,UAAA,QAAAW,YAAA,QAAAC,QAAA,oBAAAhF,GAAA,CAAAgB,GAAA,IAAAyC,KAAA,WAAAzD,GAAA;AAAA,SAAA8E,eAAAG,GAAA,QAAAjE,GAAA,GAAAkE,YAAA,CAAAD,GAAA,oBAAA1E,OAAA,CAAAS,GAAA,iBAAAA,GAAA,GAAAmE,MAAA,CAAAnE,GAAA;AAAA,SAAAkE,aAAAE,KAAA,EAAAC,IAAA,QAAA9E,OAAA,CAAA6E,KAAA,kBAAAA,KAAA,kBAAAA,KAAA,MAAAE,IAAA,GAAAF,KAAA,CAAA9D,MAAA,CAAAiE,WAAA,OAAAD,IAAA,KAAAE,SAAA,QAAAC,GAAA,GAAAH,IAAA,CAAAnE,IAAA,CAAAiE,KAAA,EAAAC,IAAA,oBAAA9E,OAAA,CAAAkF,GAAA,uBAAAA,GAAA,YAAAzD,SAAA,4DAAAqD,IAAA,gBAAAF,MAAA,GAAAO,MAAA,EAAAN,KAAA,KAKpD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAuBA,IAAMO,cAAc,GAAG9E,MAAM,CAAC+E,MAAM,CAAC;EACnCC,MAAM,EAAY,oBAAoB;EACtCC,KAAK,EAAa,oBAAoB;EACtCC,cAAc,EAAI,wBAAwB;EAC1CC,cAAc,EAAI,qBAAqB;EACvCC,OAAO,EAAW,eAAe;EACjCC,OAAO,EAAW,cAAc;EAChCC,gBAAgB,EAAE;AACpB,CAAC,CAAC;;AAEF;AACA;AACA;AACA;AACA;AACA;AACA,IAAMC,wBAA2C,GAAGvF,MAAM,CAAC+E,MAAM,CAAC,CAChE;EAAEnC,KAAK,EAAE,aAAa;EAAE4C,KAAK,EAAE;AAAc,CAAC,EAC9C;EAAE5C,KAAK,EAAE,SAAS;EAAM4C,KAAK,EAAE;AAAU,CAAC,CAC3C,CAAsB;;AAEvB;;AAEA,IAAMC,gBAAgB,GAAGzF,MAAM,CAAC+E,MAAM,CAAC;EACrCW,YAAY,EAAE,aAAa;EAC3BC,SAAS,EAAE,kBAAkB;EAC7BC,MAAM,EAAE;AACV,CAAC,CAAC;AAEF,IAAMC,eAAe,GAAG7F,MAAM,CAAC+E,MAAM,CAAC;EACpCe,OAAO,EAAE,uBAAuB;EAChCC,QAAQ,EAAE,GAAG;EACbC,SAAS,EAAE,GAAG;EACdC,SAAS,EAAE,MAAM;EACjBC,OAAO,EAAE,MAAM;EACfC,aAAa,EAAE,QAAQ;EACvBC,GAAG,EAAE;AACP,CAA0B,CAAC;AAE3B,IAAMC,kBAAkB,GAAGrG,MAAM,CAAC+E,MAAM,CAAC;EACvCuB,QAAQ,EAAE,gBAAgB;EAC1BC,UAAU,EAAE,oBAAoB;EAChCC,KAAK,EAAE,iBAAiB;EACxBC,aAAa,EAAE,WAAW;EAC1BC,aAAa,EAAE,QAAQ;EACvBC,aAAa,EAAE,YAAY;EAC3BC,YAAY,EAAE;AAChB,CAA0B,CAAC;AAE3B,IAAMC,eAAe,GAAG7G,MAAM,CAAC+E,MAAM,CAAC;EACpCmB,OAAO,EAAE,MAAM;EACfC,aAAa,EAAE,QAAQ;EACvBC,GAAG,EAAE,YAAY;EACjBU,UAAU,EAAE,YAAY;EACxBH,aAAa,EAAE;AACjB,CAA0B,CAAC;AAE3B,IAAMI,oBAAoB,GAAG/G,MAAM,CAAC+E,MAAM,CAAC;EACzCiC,SAAS,EAAE;AACb,CAAC,CAAC;AAEF,IAAMC,iBAAiB,GAAGjH,MAAM,CAAC+E,MAAM,CAAC;EACtCmC,UAAU,EAAE,CAAC;EACbC,WAAW,EAAE,CAAC;EACd,8BAA8B,EAAE;IAC9Bb,QAAQ,EAAE,gBAAgB;IAC1BE,KAAK,EAAE;EACT;AACF,CAAC,CAAC;AAEF,IAAMY,iBAAiB,GAAGpH,MAAM,CAAC+E,MAAM,CAAC;EACtCmB,OAAO,EAAE,MAAM;EACfmB,cAAc,EAAE,eAAe;EAC/BjB,GAAG,EAAE,YAAY;EACjBU,UAAU,EAAE;AACd,CAA0B,CAAC;AAE3B,IAAMQ,QAAQ,GAAGtH,MAAM,CAAC+E,MAAM,CAAC;EAC7BwC,QAAQ,EAAE,UAAU;EACpBC,GAAG,EAAE,CAAC;EACNC,cAAc,EAAE,CAAC;EACjBC,KAAK,EAAE,CAAC;EACRC,MAAM,EAAE,CAAC;EACTjC,YAAY,EAAE,eAAe;EAC7BkC,UAAU,EAAE;AACd,CAA0B,CAAC;AAE3B,SAASC,oBAAoBA,CAAAC,IAAA,EASC;EAAA,IAR5BC,OAAO,GAAAD,IAAA,CAAPC,OAAO;IACPC,aAAa,GAAAF,IAAA,CAAbE,aAAa;IACbC,qBAAqB,GAAAH,IAAA,CAArBG,qBAAqB;IACrBC,OAAO,GAAAJ,IAAA,CAAPI,OAAO;IACPC,eAAe,GAAAL,IAAA,CAAfK,eAAe;IACfC,cAAc,GAAAN,IAAA,CAAdM,cAAc;IACdC,MAAM,GAAAP,IAAA,CAANO,MAAM;IACN7C,KAAK,GAAAsC,IAAA,CAALtC,KAAK;EAEL,IAAM8C,CAAC,GAAGD,MAAM,GAAA5E,aAAA,CAAAA,aAAA,KAAQqB,cAAc,GAAKuD,MAAM,IAAKvD,cAAc;EACpE,IAAAyD,eAAA,GAA4BlK,KAAK,CAACmK,QAAQ,CAAqB,IAAI,CAAC;IAAAC,gBAAA,GAAA7H,cAAA,CAAA2H,eAAA;IAA7DG,MAAM,GAAAD,gBAAA;IAAEE,SAAS,GAAAF,gBAAA;;EAExB;EACA;EACA,IAAMG,SAAS,GAAGvK,KAAK,CAACwK,OAAO,CAC7B;IAAA,OACEb,aAAa,YAAYc,GAAG,GACxBd,aAAa,GACb,IAAIc,GAAG,CAACd,aAAa,IAAI,EAAE,CAAC;EAAA,GAClC,CAACA,aAAa,CAChB,CAAC;;EAED;EACA;EACA,IAAMe,iBAAiB,GAAG1K,KAAK,CAACwK,OAAO,CACrC;IAAA,OAAMd,OAAO,CAAC1E,MAAM,CAAC,UAAC2F,CAAC;MAAA,OAAKA,CAAC,CAACC,UAAU,KAAK,KAAK;IAAA,EAAC;EAAA,GACnD,CAAClB,OAAO,CACV,CAAC;;EAED;EACA,IAAMmB,WAAW,GAAG7K,KAAK,CAACwK,OAAO,CAC/B;IAAA,OAAME,iBAAiB,CAAC1F,MAAM,CAAC,UAAC2F,CAAC;MAAA,OAAKJ,SAAS,CAAChJ,GAAG,CAACoJ,CAAC,CAAC7I,GAAG,CAAC;IAAA,EAAC,CAAC4B,MAAM;EAAA,GAClE,CAACgH,iBAAiB,EAAEH,SAAS,CAC/B,CAAC;;EAED;EACA;EACA;EACA;EACA;EACA,IAAMO,gBAAgB,GACpBD,WAAW,GAAG,CAAC,IACdhB,OAAO,IAAI,IAAI,IAAIA,OAAO,KAAK,aAAc;EAEhD,IAAMkB,IAAI,GAAGC,OAAO,CAACX,MAAM,CAAC;EAE5B,IAAMY,UAAU,GAAG,SAAbA,UAAUA,CAAIC,CAAsC;IAAA,OAAKZ,SAAS,CAACY,CAAC,CAACC,aAAa,CAAC;EAAA;EACzF,IAAMC,WAAW,GAAG,SAAdA,WAAWA,CAAA;IAAA,OAASd,SAAS,CAAC,IAAI,CAAC;EAAA;EAEzC,IAAMe,YAAY,GAAG,SAAfA,YAAYA,CAAIvJ,GAAW,EAAK;IACpC,IAAMsC,IAAI,GAAG,IAAIqG,GAAG,CAACF,SAAS,CAAC;IAC/B,IAAInG,IAAI,CAAC7C,GAAG,CAACO,GAAG,CAAC,EAAEsC,IAAI,UAAO,CAACtC,GAAG,CAAC,CAAC,KAC/BsC,IAAI,CAACkH,GAAG,CAACxJ,GAAG,CAAC;IAClB8H,qBAAqB,CAACxF,IAAI,CAAC;EAC7B,CAAC;EAED,IAAM2C,OAAO,GAAG,SAAVA,OAAOA,CAAA;IAAA,OAAS6C,qBAAqB,CAAC,IAAIa,GAAG,CAAS,CAAC,CAAC;EAAA;EAC9D,IAAMzD,OAAO,GAAG,SAAVA,OAAOA,CAAA;IAAA,OACX4C,qBAAqB,CAAC,IAAIa,GAAG,CAACC,iBAAiB,CAACa,GAAG,CAAC,UAACZ,CAAC;MAAA,OAAKA,CAAC,CAAC7I,GAAG;IAAA,EAAC,CAAC,CAAC;EAAA;EAErE,IAAM0J,uBAAuB,GAAGzB,cAAc,IAAI7C,wBAAwB;;EAE1E;EACA;EACA;EACA;EACA,IAAMuE,gBAAgB,GAAGzL,KAAK,CAACwK,OAAO,CACpC;IAAA,OAAO;MACLkB,KAAK,EAAE;QACLC,EAAE,EAAEvE,gBAAgB;QACpBwE,IAAI,EAAE,QAAQ;QACd,YAAY,EAAE3B,CAAC,CAACrD;MAClB;IACF,CAAC;EAAA,CAAC,EACF,CAACqD,CAAC,CAACrD,KAAK,CACV,CAAC;EAED,oBACE,IAAA/F,WAAA,CAAAgL,IAAA,EAAAhL,WAAA,CAAAiL,QAAA;IAAAC,QAAA,GACG5E,KAAK;IAAA;IACJ;AACR;AACA;AACA;IACQ,IAAAtG,WAAA,CAAAgL,IAAA,EAAC1L,IAAA,WAAG;MAACwL,EAAE,EAAE;QAAEzC,QAAQ,EAAE,UAAU;QAAErB,OAAO,EAAE;MAAc,CAAE;MAAAkE,QAAA,gBACxD,IAAAlL,WAAA,CAAAmL,GAAA,EAACtL,OAAA,WAAM;QACLuL,IAAI,EAAC,IAAI;QACTC,OAAO,EAAC,WAAW;QACnBC,IAAI,EAAC,QAAQ;QACbC,IAAI,eAAE,IAAAvL,WAAA,CAAAmL,GAAA,EAACvL,KAAA,WAAQ;UAACwH,QAAQ,EAAC;QAAO,CAAE,CAAE;QACpCoE,OAAO,EAAEpB,UAAW;QACpB,cAAYhB,CAAC,CAACtD,MAAO;QACrB,iBAAc,QAAQ;QACtB,iBAAeoE,IAAK;QAAAgB,QAAA,EAEnB5E;MAAK,CACA,CAAC,EACR2D,gBAAgB,iBACf,IAAAjK,WAAA,CAAAmL,GAAA,EAAC7L,IAAA,WAAG;QACFmM,SAAS,EAAC,MAAM;QAChBX,EAAE,EAAAvG,aAAA,CAAAA,aAAA,KACG6D,QAAQ;UACXE,GAAG,EAAE,CAAC;UACNC,cAAc,EAAE,CAAC;UACjBmD,aAAa,EAAE;QAAM,EACrB;QACF,eAAY;MAAM,CACnB,CACF;IAAA,CACE,CAAC;IAAA;IAEN;AACR;IACQ,IAAA1L,WAAA,CAAAgL,IAAA,EAACxL,WAAA,WAAU;MACT4L,IAAI,EAAC,OAAO;MACZE,IAAI,EAAC,QAAQ;MACbE,OAAO,EAAEpB,UAAW;MACpB,cAAYhB,CAAC,CAACtD,MAAO;MACrB,iBAAc,QAAQ;MACtB,iBAAeoE,IAAK;MACpBY,EAAE,EAAE;QACFxD,KAAK,EAAE,iBAAiB;QACxBe,QAAQ,EAAE,UAAU;QACpB,SAAS,EAAE;UACTK,UAAU,EAAE,iBAAiB;UAC7BpB,KAAK,EAAE;QACT;MACF,CAAE;MAAA4D,QAAA,gBAEF,IAAAlL,WAAA,CAAAmL,GAAA,EAACvL,KAAA,WAAQ;QAACwH,QAAQ,EAAC;MAAO,CAAE,CAAC,EAC5B6C,gBAAgB,iBACf,IAAAjK,WAAA,CAAAmL,GAAA,EAAC7L,IAAA,WAAG;QAACmM,SAAS,EAAC,MAAM;QAACX,EAAE,EAAE1C,QAAS;QAAC,eAAY;MAAM,CAAE,CACzD;IAAA,CACS,CACb,eAED,IAAApI,WAAA,CAAAmL,GAAA,EAAC1L,QAAA,WAAO;MACNyK,IAAI,EAAEA,IAAK;MACXyB,QAAQ,EAAEnC,MAAO;MACjBoC,OAAO,EAAErB,WAAY;MACrBsB,YAAY,EAAE;QAAEC,QAAQ,EAAE,QAAQ;QAAEC,UAAU,EAAE;MAAQ,CAAE;MAC1DC,eAAe,EAAE;QAAEF,QAAQ,EAAE,KAAK;QAAEC,UAAU,EAAE;MAAQ,CAAE;MAC1DE,SAAS,EAAErB,gBAAiB;MAAAM,QAAA,eAE5B,IAAAlL,WAAA,CAAAgL,IAAA,EAAC1L,IAAA,WAAG;QAACwL,EAAE,EAAEnE,eAAgB;QAAAuE,QAAA,gBAEvB,IAAAlL,WAAA,CAAAgL,IAAA,EAAC1L,IAAA,WAAG;UAAA4L,QAAA,gBACF,IAAAlL,WAAA,CAAAmL,GAAA,EAAC7L,IAAA,WAAG;YAACmM,SAAS,EAAC,KAAK;YAACX,EAAE,EAAE3D,kBAAmB;YAAA+D,QAAA,EACzC9B,CAAC,CAACpD;UAAc,CACd,CAAC,eACN,IAAAhG,WAAA,CAAAmL,GAAA,EAAC7L,IAAA,WAAG;YAACwL,EAAE,EAAEnD,eAAgB;YAAAuD,QAAA,EACtBrB,iBAAiB,CAACa,GAAG,CAAC,UAACwB,GAAG,EAAK;cAC9B,IAAMC,SAAS,GAAG,CAACzC,SAAS,CAAChJ,GAAG,CAACwL,GAAG,CAACjL,GAAG,CAAC;cACzC;cACA;cACA;cACA,IAAMmL,UAAU,GAAG,IAAAC,gCAAiB,EAACH,GAAG,CAACI,MAAM,CAAC,CAACC,IAAI,CAAC,CAAC;cACvD,IAAMC,SAAS,GAAGJ,UAAU,IAAIF,GAAG,CAACjL,GAAG;cACvC,oBACE,IAAAjB,WAAA,CAAAmL,GAAA,EAACxL,iBAAA,WAAgB;gBAEf8M,OAAO,eACL,IAAAzM,WAAA,CAAAmL,GAAA,EAACzL,SAAA,WAAQ;kBACP0L,IAAI,EAAC,OAAO;kBACZsB,OAAO,EAAEP,SAAU;kBACnBQ,QAAQ,EAAE,SAAAA,SAAA;oBAAA,OAAMnC,YAAY,CAAC0B,GAAG,CAACjL,GAAG,CAAC;kBAAA,CAAC;kBACtCgL,SAAS,EAAE;oBACT5G,KAAK,EAAE;sBAAE,YAAY,EAAEmH;oBAAU;kBACnC;gBAAE,CACH,CACF;gBACDlG,KAAK,EAAE4F,GAAG,CAACI,MAAO;gBAClBxB,EAAE,EAAE/C;cAAkB,GAZjBmE,GAAG,CAACjL,GAaV,CAAC;YAEN,CAAC;UAAC,CACC,CAAC,eACN,IAAAjB,WAAA,CAAAgL,IAAA,EAAC1L,IAAA,WAAG;YAACwL,EAAE,EAAE5C,iBAAkB;YAAAgD,QAAA,gBACzB,IAAAlL,WAAA,CAAAmL,GAAA,EAACtL,OAAA,WAAM;cACLuL,IAAI,EAAC,IAAI;cACTC,OAAO,EAAC,OAAO;cACfC,IAAI,EAAC,QAAQ;cACbE,OAAO,EAAEtF,OAAQ;cACjB0G,QAAQ,EAAE5C,WAAW,KAAK,CAAE;cAAAkB,QAAA,EAE3B9B,CAAC,CAAClD;YAAO,CACJ,CAAC,eACT,IAAAlG,WAAA,CAAAmL,GAAA,EAACtL,OAAA,WAAM;cACLuL,IAAI,EAAC,IAAI;cACTC,OAAO,EAAC,OAAO;cACfC,IAAI,EAAC,QAAQ;cACbE,OAAO,EAAErF,OAAQ;cACjByG,QAAQ,EAAE5C,WAAW,KAAKH,iBAAiB,CAAChH,MAAO;cAAAqI,QAAA,EAElD9B,CAAC,CAACjD;YAAO,CACJ,CAAC;UAAA,CACN,CAAC;QAAA,CACH,CAAC,eAGN,IAAAnG,WAAA,CAAAmL,GAAA,EAAC7L,IAAA,WAAG;UAACwL,EAAE,EAAEjD;QAAqB,CAAE,CAAC,eAGjC,IAAA7H,WAAA,CAAAgL,IAAA,EAAC1L,IAAA,WAAG;UAAA4L,QAAA,gBACF,IAAAlL,WAAA,CAAAmL,GAAA,EAAC7L,IAAA,WAAG;YAACmM,SAAS,EAAC,KAAK;YAACX,EAAE,EAAE3D,kBAAmB;YAAA+D,QAAA,EACzC9B,CAAC,CAACnD;UAAc,CACd,CAAC,eACN,IAAAjG,WAAA,CAAAmL,GAAA,EAAC7L,IAAA,WAAG;YAACwL,EAAE,EAAEnD,eAAgB;YAAAuD,QAAA,eACvB,IAAAlL,WAAA,CAAAmL,GAAA,EAACrL,UAAA,WAAS;cACR4D,KAAK,EAAEsF,OAAO,aAAPA,OAAO,cAAPA,OAAO,GAAI,aAAc;cAChC2D,QAAQ,EAAE,SAAAA,SAACjJ,KAAK;gBAAA,OAAKuF,eAAe,CAACvF,KAAgB,CAAC;cAAA,CAAC;cACvDmJ,OAAO,EAAElC,uBAAwB;cACjCS,IAAI,EAAC,IAAI;cACT,cAAYhC,CAAC,CAAChD;YAAiB,CAChC;UAAC,CACC,CAAC;QAAA,CACH,CAAC;MAAA,CACH;IAAC,CACC,CAAC;EAAA,CACV,CAAC;AAEP;AAAC,IAAA0G,QAAA,GAAAC,OAAA,cAEcpE,oBAAoB","ignoreList":[]}

package/dist/v2/patterns/DataGridToolbar.d.ts

@@ -0,0 +1,81 @@
+import * as React from "react";
+import type { SxProps, Theme } from "@mui/material/styles";
+import type { Density } from "../types/common";
+import type { DataGridColumn } from "../types/datagrid";
+import type { SegmentedOption } from "../components/Segmented";
+/**
+ * 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).
+ */
+export interface DataGridToolbarFilterChip {
+    key: string;
+    label: string;
+    onRemove: () => void;
+}
+export interface DataGridToolbarLabels {
+    export?: string;
+    filter?: string;
+    settings?: string;
+    reset?: string;
+    searchAction?: string;
+    clearAllChips?: string;
+    activeFilters?: string;
+}
+export interface DataGridToolbarProps {
+    searchValue?: string;
+    onSearchChange?: React.ChangeEventHandler<HTMLInputElement>;
+    searchName?: string;
+    searchPlaceholder?: string;
+    searchRef?: React.Ref<HTMLInputElement>;
+    searchWidth?: number | string;
+    /** Extra controls rendered at the start of the right-hand cluster
+     *  (e.g. <FavoritesFilter>, <SavedFiltersMenu>). */
+    actions?: React.ReactNode;
+    onExport?: () => void;
+    exportDisabled?: boolean;
+    exportLoading?: boolean;
+    exportLabel?: string;
+    onFilter?: () => void;
+    filterCount?: number;
+    filterLabel?: string;
+    filterAriaLabel?: string;
+    columns?: ReadonlyArray<Pick<DataGridColumn<unknown>, "key" | "header" | "toggleable">>;
+    hiddenColumns?: Set<string> | string[];
+    onHiddenColumnsChange?: (hidden: Set<string>) => void;
+    density?: Density;
+    onDensityChange?: (density: Density) => void;
+    settingsLabel?: string;
+    densityOptions?: SegmentedOption[];
+    hasActiveFilters?: boolean;
+    onReset?: () => void;
+    resetLabel?: string;
+    onSearch?: () => void;
+    searchLoading?: boolean;
+    searchActionLabel?: string;
+    filterChips?: DataGridToolbarFilterChip[];
+    onClearAllFilters?: () => void;
+    clearAllFiltersLabel?: string;
+    labels?: DataGridToolbarLabels;
+    sx?: SxProps<Theme>;
+}
+/**
+ * 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
+ */
+declare function 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, }: DataGridToolbarProps): React.JSX.Element;
+export default DataGridToolbar;
+//# sourceMappingURL=DataGridToolbar.d.ts.map

package/dist/v2/patterns/DataGridToolbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataGridToolbar.d.ts","sourceRoot":"","sources":["../../../src/lib/v2/patterns/DataGridToolbar.tsx"],"names":[],"mappings":"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"}

package/dist/v2/patterns/DataGridToolbar.js

@@ -0,0 +1,255 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _Box = _interopRequireDefault(require("@mui/material/Box"));
+var _FilterAlt = _interopRequireDefault(require("@mui/icons-material/FilterAlt"));
+var _FileDownload = _interopRequireDefault(require("@mui/icons-material/FileDownload"));
+var _Refresh = _interopRequireDefault(require("@mui/icons-material/Refresh"));
+var _Search = _interopRequireDefault(require("@mui/icons-material/Search"));
+var _Button = _interopRequireDefault(require("../components/Button"));
+var _Input = _interopRequireDefault(require("../components/Input"));
+var _Chip = _interopRequireDefault(require("../components/Chip"));
+var _DataGridSettingsMenu = _interopRequireDefault(require("./DataGridSettingsMenu"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+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); } /**
+ * 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).
+ */
+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 = labels ? _objectSpread(_objectSpread({}, DEFAULT_LABELS), labels) : DEFAULT_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__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box["default"], {
+      sx: sx ? _objectSpread(_objectSpread({}, TOOLBAR_SX), sx) : TOOLBAR_SX,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Box["default"], {
+        sx: {
+          width: {
+            xs: "100%",
+            sm: searchWidth || 320
+          }
+        },
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Input["default"], {
+          name: searchName,
+          value: searchValue !== null && searchValue !== void 0 ? searchValue : "",
+          onChange: onSearchChange,
+          placeholder: searchPlaceholder,
+          startIcon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Search["default"], {
+            fontSize: "small"
+          }),
+          inputProps: {
+            ref: searchRef,
+            "aria-label": searchPlaceholder,
+            maxLength: 64
+          }
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box["default"], {
+        sx: {
+          flex: 1
+        }
+      }), actions, hasExport && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button["default"], _objectSpread(_objectSpread({
+        variant: "secondary",
+        size: "sm",
+        type: "button",
+        icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_FileDownload["default"], {
+          fontSize: "small"
+        }),
+        onClick: onExport,
+        disabled: exportDisabled
+      }, exportLoading !== undefined ? {
+        loading: exportLoading
+      } : {}), {}, {
+        children: exportLabel || L["export"]
+      })), hasFilter && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Button["default"], {
+        variant: "secondary",
+        size: "sm",
+        type: "button",
+        icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_FilterAlt["default"], {
+          fontSize: "small"
+        }),
+        onClick: onFilter,
+        "aria-label": computedFilterAriaLabel,
+        children: [filterLabel || L.filter, filterCount > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box["default"], {
+          component: "span",
+          "aria-hidden": "true",
+          sx: FILTER_BADGE_SX,
+          children: filterCount
+        })]
+      }), columns && columns.length > 0 && onHiddenColumnsChange && onDensityChange && /*#__PURE__*/(0, _jsxRuntime.jsx)(_DataGridSettingsMenu["default"], _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__*/(0, _jsxRuntime.jsx)(_Button["default"], {
+        variant: "ghost",
+        size: "sm",
+        type: "button",
+        icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Refresh["default"], {
+          fontSize: "small"
+        }),
+        onClick: onReset,
+        children: resetLabel || L.reset
+      }), hasSearch && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button["default"], _objectSpread(_objectSpread({
+        variant: "primary",
+        size: "sm",
+        type: "submit",
+        icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Search["default"], {
+          fontSize: "small"
+        }),
+        onClick: onSearch
+      }, searchLoading !== undefined ? {
+        loading: searchLoading
+      } : {}), {}, {
+        children: searchActionLabel || L.searchAction
+      }))]
+    }), hasChips && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box["default"], {
+      sx: CHIPS_ROW_SX,
+      role: "group",
+      "aria-labelledby": chipsLabelId,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Box["default"], {
+        component: "span",
+        id: chipsLabelId,
+        sx: CHIPS_LABEL_SX,
+        children: L.activeFilters
+      }), filterChips.map(function (chip) {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Chip["default"], {
+          size: "sm",
+          removable: true,
+          onRemove: chip.onRemove,
+          children: chip.label
+        }, chip.key);
+      }), typeof onClearAllFilters === "function" && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button["default"], {
+        size: "sm",
+        variant: "ghost",
+        type: "button",
+        onClick: onClearAllFilters,
+        children: clearAllFiltersLabel || L.clearAllChips
+      })]
+    })]
+  });
+}
+var _default = exports["default"] = DataGridToolbar;
+//# sourceMappingURL=DataGridToolbar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DataGridToolbar.js","names":["React","_interopRequireWildcard","require","_Box","_interopRequireDefault","_FilterAlt","_FileDownload","_Refresh","_Search","_Button","_Input","_Chip","_DataGridSettingsMenu","_jsxRuntime","obj","__esModule","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","Symbol","iterator","constructor","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","toPrimitive","undefined","res","TypeError","Number","TOOLBAR_SX","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","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","chipsLabelId","useId","computedFilterAriaLabel","concat","jsxs","Fragment","children","jsx","width","xs","sm","name","onChange","placeholder","startIcon","inputProps","ref","maxLength","flex","variant","size","type","icon","onClick","disabled","loading","component","label","role","id","map","chip","removable","onRemove","_default","exports"],"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\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;\r\n  filter?: string;\r\n  settings?: string;\r\n  reset?: string;\r\n  searchAction?: string;\r\n  clearAllChips?: string;\r\n  activeFilters?: string;\r\n}\r\n\r\nexport interface DataGridToolbarProps {\r\n  searchValue?: string;\r\n  onSearchChange?: React.ChangeEventHandler<HTMLInputElement>;\r\n  searchName?: string;\r\n  searchPlaceholder?: string;\r\n  searchRef?: React.Ref<HTMLInputElement>;\r\n  searchWidth?: number | string;\r\n  /** Extra controls rendered at the start of the right-hand cluster\r\n   *  (e.g. <FavoritesFilter>, <SavedFiltersMenu>). */\r\n  actions?: React.ReactNode;\r\n  onExport?: () => void;\r\n  exportDisabled?: boolean;\r\n  exportLoading?: boolean;\r\n  exportLabel?: string;\r\n  onFilter?: () => void;\r\n  filterCount?: number;\r\n  filterLabel?: string;\r\n  filterAriaLabel?: string;\r\n  columns?: ReadonlyArray<Pick<DataGridColumn<unknown>, \"key\" | \"header\" | \"toggleable\">>;\r\n  hiddenColumns?: Set<string> | string[];\r\n  onHiddenColumnsChange?: (hidden: Set<string>) => void;\r\n  density?: Density;\r\n  onDensityChange?: (density: Density) => void;\r\n  settingsLabel?: string;\r\n  densityOptions?: SegmentedOption[];\r\n  hasActiveFilters?: boolean;\r\n  onReset?: () => void;\r\n  resetLabel?: string;\r\n  onSearch?: () => void;\r\n  searchLoading?: boolean;\r\n  searchActionLabel?: string;\r\n  filterChips?: DataGridToolbarFilterChip[];\r\n  onClearAllFilters?: () => void;\r\n  clearAllFiltersLabel?: string;\r\n  labels?: DataGridToolbarLabels;\r\n  sx?: SxProps<Theme>;\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 = labels ? { ...DEFAULT_LABELS, ...labels } : DEFAULT_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,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,IAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,UAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,aAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,QAAA,GAAAH,sBAAA,CAAAF,OAAA;AACA,IAAAM,OAAA,GAAAJ,sBAAA,CAAAF,OAAA;AACA,IAAAO,OAAA,GAAAL,sBAAA,CAAAF,OAAA;AACA,IAAAQ,MAAA,GAAAN,sBAAA,CAAAF,OAAA;AACA,IAAAS,KAAA,GAAAP,sBAAA,CAAAF,OAAA;AACA,IAAAU,qBAAA,GAAAR,sBAAA,CAAAF,OAAA;AAA0D,IAAAW,WAAA,GAAAX,OAAA;AAAA,SAAAE,uBAAAU,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,gBAAAA,GAAA;AAAA,SAAAE,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAhB,wBAAAa,GAAA,EAAAG,WAAA,SAAAA,WAAA,IAAAH,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,aAAAO,OAAA,CAAAP,GAAA,yBAAAA,GAAA,uCAAAA,GAAA,UAAAQ,KAAA,GAAAN,wBAAA,CAAAC,WAAA,OAAAK,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAT,GAAA,YAAAQ,KAAA,CAAAE,GAAA,CAAAV,GAAA,SAAAW,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAhB,GAAA,QAAAgB,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAnB,GAAA,EAAAgB,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAf,GAAA,EAAAgB,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAhB,GAAA,CAAAgB,GAAA,SAAAL,MAAA,cAAAX,GAAA,MAAAQ,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAArB,GAAA,EAAAW,MAAA,YAAAA,MAAA;AAAA,SAAAJ,QAAAP,GAAA,sCAAAO,OAAA,wBAAAe,MAAA,uBAAAA,MAAA,CAAAC,QAAA,aAAAvB,GAAA,kBAAAA,GAAA,gBAAAA,GAAA,WAAAA,GAAA,yBAAAsB,MAAA,IAAAtB,GAAA,CAAAwB,WAAA,KAAAF,MAAA,IAAAtB,GAAA,KAAAsB,MAAA,CAAAL,SAAA,qBAAAjB,GAAA,KAAAO,OAAA,CAAAP,GAAA;AAAA,SAAAyB,QAAAC,MAAA,EAAAC,cAAA,QAAAC,IAAA,GAAAf,MAAA,CAAAe,IAAA,CAAAF,MAAA,OAAAb,MAAA,CAAAgB,qBAAA,QAAAC,OAAA,GAAAjB,MAAA,CAAAgB,qBAAA,CAAAH,MAAA,GAAAC,cAAA,KAAAG,OAAA,GAAAA,OAAA,CAAAC,MAAA,WAAAC,GAAA,WAAAnB,MAAA,CAAAE,wBAAA,CAAAW,MAAA,EAAAM,GAAA,EAAAC,UAAA,OAAAL,IAAA,CAAAM,IAAA,CAAAC,KAAA,CAAAP,IAAA,EAAAE,OAAA,YAAAF,IAAA;AAAA,SAAAQ,cAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,WAAAF,SAAA,CAAAD,CAAA,IAAAC,SAAA,CAAAD,CAAA,QAAAA,CAAA,OAAAb,OAAA,CAAAZ,MAAA,CAAA4B,MAAA,OAAAC,OAAA,WAAA1B,GAAA,IAAA2B,eAAA,CAAAN,MAAA,EAAArB,GAAA,EAAAyB,MAAA,CAAAzB,GAAA,SAAAH,MAAA,CAAA+B,yBAAA,GAAA/B,MAAA,CAAAgC,gBAAA,CAAAR,MAAA,EAAAxB,MAAA,CAAA+B,yBAAA,CAAAH,MAAA,KAAAhB,OAAA,CAAAZ,MAAA,CAAA4B,MAAA,GAAAC,OAAA,WAAA1B,GAAA,IAAAH,MAAA,CAAAC,cAAA,CAAAuB,MAAA,EAAArB,GAAA,EAAAH,MAAA,CAAAE,wBAAA,CAAA0B,MAAA,EAAAzB,GAAA,iBAAAqB,MAAA;AAAA,SAAAM,gBAAA3C,GAAA,EAAAgB,GAAA,EAAA8B,KAAA,IAAA9B,GAAA,GAAA+B,cAAA,CAAA/B,GAAA,OAAAA,GAAA,IAAAhB,GAAA,IAAAa,MAAA,CAAAC,cAAA,CAAAd,GAAA,EAAAgB,GAAA,IAAA8B,KAAA,EAAAA,KAAA,EAAAb,UAAA,QAAAe,YAAA,QAAAC,QAAA,oBAAAjD,GAAA,CAAAgB,GAAA,IAAA8B,KAAA,WAAA9C,GAAA;AAAA,SAAA+C,eAAAG,GAAA,QAAAlC,GAAA,GAAAmC,YAAA,CAAAD,GAAA,oBAAA3C,OAAA,CAAAS,GAAA,iBAAAA,GAAA,GAAAoC,MAAA,CAAApC,GAAA;AAAA,SAAAmC,aAAAE,KAAA,EAAAC,IAAA,QAAA/C,OAAA,CAAA8C,KAAA,kBAAAA,KAAA,kBAAAA,KAAA,MAAAE,IAAA,GAAAF,KAAA,CAAA/B,MAAA,CAAAkC,WAAA,OAAAD,IAAA,KAAAE,SAAA,QAAAC,GAAA,GAAAH,IAAA,CAAApC,IAAA,CAAAkC,KAAA,EAAAC,IAAA,oBAAA/C,OAAA,CAAAmD,GAAA,uBAAAA,GAAA,YAAAC,SAAA,4DAAAL,IAAA,gBAAAF,MAAA,GAAAQ,MAAA,EAAAP,KAAA,KAM1D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAwDA,IAAMQ,UAAU,GAAGhD,MAAM,CAACiD,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,GAAGxD,MAAM,CAACiD,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,GAAGzD,MAAM,CAACiD,MAAM,CAAC;EACnCS,KAAK,EAAE,kBAAkB;EACzBC,QAAQ,EAAE,gBAAgB;EAC1BC,UAAU,EAAE;AACd,CAAC,CAAC;AAEF,IAAMC,eAAe,GAAG7D,MAAM,CAACiD,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,GAAGnE,MAAM,CAACiD,MAAM,CAAC;EACnC,UAAe,UAAU;EACzB/B,MAAM,EAAS,SAAS;EACxBkD,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,GAAGF,MAAM,GAAAtF,aAAA,CAAAA,aAAA,KAAQ4C,cAAc,GAAK0C,MAAM,IAAK1C,cAAc;EAEpE,IAAM6C,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,CAAC/E,MAAM,GAAG,CAAC;;EAExC;EACA;EACA;EACA,IAAM0F,YAAY,GAAGhJ,KAAK,CAACiJ,KAAK,CAAC,CAAC;EAElC,IAAMC,uBAAuB,GAAG7B,eAAe,KACzCF,WAAW,GAAG,CAAC,qCAAAgC,MAAA,CACkBhC,WAAW,YAAAgC,MAAA,CAAShC,WAAW,GAAG,CAAC,GAAG,GAAG,GAAG,EAAE,SAC7E,4BAA4B,CAAC;EAErC,oBACE,IAAAtG,WAAA,CAAAuI,IAAA,EAACpJ,KAAK,CAACqJ,QAAQ;IAAAC,QAAA,gBAGb,IAAAzI,WAAA,CAAAuI,IAAA,EAACjJ,IAAA,WAAG;MAACsI,EAAE,EAAEA,EAAE,GAAAvF,aAAA,CAAAA,aAAA,KAAQyB,UAAU,GAAK8D,EAAE,IAAK9D,UAAW;MAAA2E,QAAA,gBAClD,IAAAzI,WAAA,CAAA0I,GAAA,EAACpJ,IAAA,WAAG;QAACsI,EAAE,EAAE;UAAEe,KAAK,EAAE;YAAEC,EAAE,EAAE,MAAM;YAAEC,EAAE,EAAE/C,WAAW,IAAI;UAAI;QAAE,CAAE;QAAA2C,QAAA,eACzD,IAAAzI,WAAA,CAAA0I,GAAA,EAAC7I,MAAA,WAAK;UACJiJ,IAAI,EAAEnD,UAAW;UACjB5C,KAAK,EAAE0C,WAAW,aAAXA,WAAW,cAAXA,WAAW,GAAI,EAAG;UACzBsD,QAAQ,EAAErD,cAAe;UACzBsD,WAAW,EAAEpD,iBAAkB;UAC/BqD,SAAS,eAAE,IAAAjJ,WAAA,CAAA0I,GAAA,EAAC/I,OAAA,WAAU;YAAC8E,QAAQ,EAAC;UAAO,CAAE,CAAE;UAC3CyE,UAAU,EAAE;YACVC,GAAG,EAAEtD,SAAS;YACd,YAAY,EAAED,iBAAiB;YAC/BwD,SAAS,EAAE;UACb;QAAE,CACH;MAAC,CACC,CAAC,eAEN,IAAApJ,WAAA,CAAA0I,GAAA,EAACpJ,IAAA,WAAG;QAACsI,EAAE,EAAE;UAAEyB,IAAI,EAAE;QAAE;MAAE,CAAE,CAAC,EAEvBtD,OAAO,EAEP+B,SAAS,iBACR,IAAA9H,WAAA,CAAA0I,GAAA,EAAC9I,OAAA,WAAM,EAAAyC,aAAA,CAAAA,aAAA;QAACiH,OAAO,EAAC,WAAW;QAACC,IAAI,EAAC,IAAI;QAACC,IAAI,EAAC,QAAQ;QACjDC,IAAI,eAAE,IAAAzJ,WAAA,CAAA0I,GAAA,EAACjJ,aAAA,WAAgB;UAACgF,QAAQ,EAAC;QAAO,CAAE,CAAE;QAC5CiF,OAAO,EAAE1D,QAAS;QAAC2D,QAAQ,EAAE1D;MAAe,GACvCC,aAAa,KAAKxC,SAAS,GAAG;QAAEkG,OAAO,EAAE1D;MAAc,CAAC,GAAG,CAAC,CAAC;QAAAuC,QAAA,EACjEtC,WAAW,IAAI0B,CAAC;MAAO,EAClB,CACT,EAEAE,SAAS,iBACR,IAAA/H,WAAA,CAAAuI,IAAA,EAAC3I,OAAA,WAAM;QAAC0J,OAAO,EAAC,WAAW;QAACC,IAAI,EAAC,IAAI;QAACC,IAAI,EAAC,QAAQ;QACjDC,IAAI,eAAE,IAAAzJ,WAAA,CAAA0I,GAAA,EAAClJ,UAAA,WAAa;UAACiF,QAAQ,EAAC;QAAO,CAAE,CAAE;QACzCiF,OAAO,EAAEtD,QAAS;QAAC,cAAYiC,uBAAwB;QAAAI,QAAA,GACtDlC,WAAW,IAAIsB,CAAC,CAAC7F,MAAM,EACvBsE,WAAW,GAAG,CAAC,iBACd,IAAAtG,WAAA,CAAA0I,GAAA,EAACpJ,IAAA,WAAG;UAACuK,SAAS,EAAC,MAAM;UAAC,eAAY,MAAM;UAACjC,EAAE,EAAEjD,eAAgB;UAAA8D,QAAA,EAC1DnC;QAAW,CACT,CACN;MAAA,CACK,CACT,EAEAG,OAAO,IAAIA,OAAO,CAAChE,MAAM,GAAG,CAAC,IAAIkE,qBAAqB,IAAIE,eAAe,iBACxE,IAAA7G,WAAA,CAAA0I,GAAA,EAAC3I,qBAAA,WAAoB,EAAAsC,aAAA,CAAAA,aAAA,CAAAA,aAAA;QACnBoE,OAAO,EAAEA,OAAQ;QACjBE,qBAAqB,EAAEA,qBAAsB;QAC7CE,eAAe,EAAEA,eAAgB;QACjCiD,KAAK,EAAEhD,aAAa,KAAKpD,SAAS,GAAGoD,aAAa,GAAGe,CAAC,CAAC3C;MAAS,GAC3DwB,aAAa,KAAKhD,SAAS,GAAG;QAAEgD,aAAa,EAAbA;MAAc,CAAC,GAAG,CAAC,CAAC,GACpDE,OAAO,KAAKlD,SAAS,GAAG;QAAEkD,OAAO,EAAPA;MAAQ,CAAC,GAAG,CAAC,CAAC,GACxCG,cAAc,KAAKrD,SAAS,GAAG;QAAEqD,cAAc,EAAdA;MAAe,CAAC,GAAG,CAAC,CAAC,CAC5D,CACF,EAEAiB,QAAQ,iBACP,IAAAhI,WAAA,CAAA0I,GAAA,EAAC9I,OAAA,WAAM;QAAC0J,OAAO,EAAC,OAAO;QAACC,IAAI,EAAC,IAAI;QAACC,IAAI,EAAC,QAAQ;QAC7CC,IAAI,eAAE,IAAAzJ,WAAA,CAAA0I,GAAA,EAAChJ,QAAA,WAAW;UAAC+E,QAAQ,EAAC;QAAO,CAAE,CAAE;QAACiF,OAAO,EAAExC,OAAQ;QAAAuB,QAAA,EACxDtB,UAAU,IAAIU,CAAC,CAAC1C;MAAK,CAChB,CACT,EAEA8C,SAAS,iBACR,IAAAjI,WAAA,CAAA0I,GAAA,EAAC9I,OAAA,WAAM,EAAAyC,aAAA,CAAAA,aAAA;QAACiH,OAAO,EAAC,SAAS;QAACC,IAAI,EAAC,IAAI;QAACC,IAAI,EAAC,QAAQ;QAC/CC,IAAI,eAAE,IAAAzJ,WAAA,CAAA0I,GAAA,EAAC/I,OAAA,WAAU;UAAC8E,QAAQ,EAAC;QAAO,CAAE,CAAE;QACtCiF,OAAO,EAAEtC;MAAS,GACbC,aAAa,KAAK3D,SAAS,GAAG;QAAEkG,OAAO,EAAEvC;MAAc,CAAC,GAAG,CAAC,CAAC;QAAAoB,QAAA,EACjEnB,iBAAiB,IAAIO,CAAC,CAACzC;MAAY,EAC9B,CACT;IAAA,CACE,CAAC,EAEL8C,QAAQ,iBACP,IAAAlI,WAAA,CAAAuI,IAAA,EAACjJ,IAAA,WAAG;MAACsI,EAAE,EAAEtD,YAAa;MAACyF,IAAI,EAAC,OAAO;MAAC,mBAAiB5B,YAAa;MAAAM,QAAA,gBAChE,IAAAzI,WAAA,CAAA0I,GAAA,EAACpJ,IAAA,WAAG;QAACuK,SAAS,EAAC,MAAM;QAACG,EAAE,EAAE7B,YAAa;QAACP,EAAE,EAAErD,cAAe;QAAAkE,QAAA,EAAEZ,CAAC,CAACvC;MAAa,CAAM,CAAC,EAClFkC,WAAW,CAACyC,GAAG,CAAC,UAACC,IAAI;QAAA,oBACpB,IAAAlK,WAAA,CAAA0I,GAAA,EAAC5I,KAAA,WAAI;UAAgByJ,IAAI,EAAC,IAAI;UAACY,SAAS;UAACC,QAAQ,EAAEF,IAAI,CAACE,QAAS;UAAA3B,QAAA,EAC9DyB,IAAI,CAACJ;QAAK,GADFI,IAAI,CAACjJ,GAEV,CAAC;MAAA,CACR,CAAC,EACD,OAAOwG,iBAAiB,KAAK,UAAU,iBACtC,IAAAzH,WAAA,CAAA0I,GAAA,EAAC9I,OAAA,WAAM;QAAC2J,IAAI,EAAC,IAAI;QAACD,OAAO,EAAC,OAAO;QAACE,IAAI,EAAC,QAAQ;QAACE,OAAO,EAAEjC,iBAAkB;QAAAgB,QAAA,EACxEf,oBAAoB,IAAIG,CAAC,CAACxC;MAAa,CAClC,CACT;IAAA,CACE,CACN;EAAA,CACa,CAAC;AAErB;AAAC,IAAAgF,QAAA,GAAAC,OAAA,cAEc/E,eAAe","ignoreList":[]}

package/dist/v2/patterns/DataGridVirtualized.d.ts

@@ -0,0 +1,76 @@
+import * as React from "react";
+import type { DataGridColumn, DataGridLabels, DataGridPagination } from "../types/datagrid";
+import type { RowId, SortDescriptor } from "../types/common";
+/**
+ * DataGridVirtualized - Portnet UI v2 (pattern)
+ *
+ * Same public API as DataGrid + four virtualization-specific props
+ * + the resize/reorder opt-ins (mirrors DataGrid):
+ *
+ *   rowHeight, overscan                             — virtualization
+ *   resizable, columnWidths, onColumnWidthsChange   — resize
+ *   reorderable, columnOrder, onColumnOrderChange   — reorder
+ *
+ * When to use:
+ *   - 1000+ rows where pagination would feel artificial.
+ *   - Audit logs / ledgers / "view all" flows.
+ *
+ * When NOT to use:
+ *   - <100 rows: DataGrid is simpler.
+ *   - Variable-height rows: NOT supported (uniform rowHeight only).
+ *
+ * Virtualization caveats:
+ *   - rowFlashId only fires when the target row is in the current window.
+ *     For confirmations that survive scroll, use a Toast.
+ *   - Sort + filter cost is host-side.
+ *
+ * A11y (DG-V1): the table advertises aria-rowcount over the FULL dataset while
+ * only the windowed rows are in the DOM, so every rendered row carries an
+ * explicit aria-rowindex (header = 1, data row = virtualItem.index + 2) so SR
+ * users hear their true position. aria-hidden spacer rows stay unindexed.
+ * DG-2: the resize grip is a focusable role="separator" (tabIndex 0,
+ * aria-valuenow/valuemin) operable by pointer AND keyboard (Arrow / Home).
+ * DG-R1: reorderable columns expose a hover/focus-revealed grip button
+ * (aria-keyshortcuts Arrow/Home/End → useColumnReorder.handleKeyDown) so column
+ * reorder is keyboard-operable, not drag-only; focus follows the moved column.
+ */
+/** Row-height density tiers for the virtualizer — a distinct, wider set than
+ *  the canonical 2-tier Density (which governs table cell padding). */
+export type DataGridVirtualizedDensity = "spacious" | "comfortable" | "compact" | "ultraCompact";
+export interface DataGridVirtualizedProps<T> {
+    rows?: T[];
+    columns: DataGridColumn<T>[];
+    loading?: boolean;
+    /** Any truthy value switches the grid to its error branch. */
+    error?: unknown;
+    sort?: SortDescriptor[];
+    onSortChange?: React.Dispatch<React.SetStateAction<SortDescriptor[]>>;
+    selection?: Set<RowId> | RowId[];
+    onSelectionChange?: (selection: Set<RowId>) => void;
+    pagination?: DataGridPagination;
+    emptyState?: React.ReactNode;
+    filteredEmptyState?: React.ReactNode;
+    errorState?: React.ReactNode;
+    getRowId?: (row: T) => RowId;
+    onRowClick?: (row: T) => void;
+    rowFlashId?: RowId;
+    filtered?: boolean;
+    density?: DataGridVirtualizedDensity;
+    ariaLabel?: string;
+    locale?: string;
+    labels?: DataGridLabels;
+    maxBodyHeight?: number | string;
+    /** Uniform row height in px (overrides the density default). */
+    rowHeight?: number;
+    /** Rows rendered beyond the visible window on each side. */
+    overscan?: number;
+    resizable?: boolean;
+    columnWidths?: Record<string, number>;
+    onColumnWidthsChange?: (widths: Record<string, number>) => void;
+    reorderable?: boolean;
+    columnOrder?: string[];
+    onColumnOrderChange?: (order: string[]) => void;
+}
+declare function DataGridVirtualized<T>({ rows, columns: rawColumns, loading, error, sort, onSortChange, selection, onSelectionChange, pagination, emptyState, filteredEmptyState, errorState, getRowId, onRowClick, rowFlashId, filtered, density: densityProp, ariaLabel, locale, labels, maxBodyHeight, rowHeight, overscan, resizable, columnWidths, onColumnWidthsChange, reorderable, columnOrder, onColumnOrderChange, }: DataGridVirtualizedProps<T>): React.JSX.Element;
+export default DataGridVirtualized;
+//# sourceMappingURL=DataGridVirtualized.d.ts.map

package/dist/v2/patterns/DataGridVirtualized.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataGridVirtualized.d.ts","sourceRoot":"","sources":["../../../src/lib/v2/patterns/DataGridVirtualized.tsx"],"names":[],"mappings":"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"}