@cube-dev/ui-kit 0.181.0 → 0.183.0

package/dist/components/data/ItemTable/ItemTableToolbar.js

@@ -1,8 +1,9 @@
-/** @license MIT | @cube-dev/ui-kit v0.181.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.183.0 | Cube Dev Team */
 import { useI18n } from "../../../i18n/useI18n.js";
 import { Button } from "../../actions/index.js";
 import { ReloadIcon } from "../../../icons/ReloadIcon.js";
 import { SearchInput } from "../../fields/SearchInput/SearchInput.js";
+import { c } from "react-compiler-runtime";
 import { tasty } from "@tenphi/tasty";
 import { createContext, useContext } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -50,39 +51,105 @@ const SearchElement = tasty(SearchInput, {
 });
 /** The table's search input, bound to the table's own state. */
 function ItemTableSearch(props) {
+	const $ = c(13);
 	const { searchValue, setSearchValue, searchPlaceholder } = useItemTableChrome("ItemTable.Search");
 	const { t } = useI18n();
-	return /* @__PURE__ */ jsx(SearchElement, {
-		qa: props.qa,
-		size: "small",
-		isClearable: true,
-		"aria-label": t("itemTable.search", "Search"),
-		placeholder: props.placeholder ?? searchPlaceholder ?? t("itemTable.searchPlaceholder", "Search..."),
-		value: searchValue,
-		styles: props.styles,
-		onChange: setSearchValue
-	});
+	const t0 = props.qa;
+	let t1;
+	if ($[0] !== t) {
+		t1 = t("itemTable.search", "Search");
+		$[0] = t;
+		$[1] = t1;
+	} else t1 = $[1];
+	let t2;
+	if ($[2] !== props.placeholder || $[3] !== searchPlaceholder || $[4] !== t) {
+		t2 = props.placeholder ?? searchPlaceholder ?? t("itemTable.searchPlaceholder", "Search...");
+		$[2] = props.placeholder;
+		$[3] = searchPlaceholder;
+		$[4] = t;
+		$[5] = t2;
+	} else t2 = $[5];
+	let t3;
+	if ($[6] !== props.qa || $[7] !== props.styles || $[8] !== searchValue || $[9] !== setSearchValue || $[10] !== t1 || $[11] !== t2) {
+		t3 = /* @__PURE__ */ jsx(SearchElement, {
+			qa: t0,
+			size: "small",
+			isClearable: true,
+			"aria-label": t1,
+			placeholder: t2,
+			value: searchValue,
+			styles: props.styles,
+			onChange: setSearchValue
+		});
+		$[6] = props.qa;
+		$[7] = props.styles;
+		$[8] = searchValue;
+		$[9] = setSearchValue;
+		$[10] = t1;
+		$[11] = t2;
+		$[12] = t3;
+	} else t3 = $[12];
+	return t3;
 }
-function ItemTableToolbar({ isSearchable, filters, actions, onRefresh, isLoading, styles, searchStyles }) {
+function ItemTableToolbar(t0) {
+	const $ = c(17);
+	const { isSearchable, filters, actions, onRefresh, isLoading, styles, searchStyles } = t0;
 	const { t } = useI18n();
-	return /* @__PURE__ */ jsxs(ToolbarElement, {
-		styles,
-		role: "toolbar",
-		children: [/* @__PURE__ */ jsxs("div", {
+	let t1;
+	if ($[0] !== isSearchable || $[1] !== searchStyles) {
+		t1 = isSearchable ? /* @__PURE__ */ jsx(ItemTableSearch, { styles: searchStyles }) : null;
+		$[0] = isSearchable;
+		$[1] = searchStyles;
+		$[2] = t1;
+	} else t1 = $[2];
+	let t2;
+	if ($[3] !== filters || $[4] !== t1) {
+		t2 = /* @__PURE__ */ jsxs("div", {
 			"data-element": "Start",
-			children: [isSearchable ? /* @__PURE__ */ jsx(ItemTableSearch, { styles: searchStyles }) : null, filters]
-		}), /* @__PURE__ */ jsxs("div", {
+			children: [t1, filters]
+		});
+		$[3] = filters;
+		$[4] = t1;
+		$[5] = t2;
+	} else t2 = $[5];
+	let t3;
+	if ($[6] !== isLoading || $[7] !== onRefresh || $[8] !== t) {
+		t3 = onRefresh ? /* @__PURE__ */ jsx(Button, {
+			qa: "ItemTableRefreshButton",
+			size: "small",
+			icon: /* @__PURE__ */ jsx(ReloadIcon, {}),
+			isLoading,
+			"aria-label": t("itemTable.refresh", "Refresh"),
+			onPress: onRefresh
+		}) : null;
+		$[6] = isLoading;
+		$[7] = onRefresh;
+		$[8] = t;
+		$[9] = t3;
+	} else t3 = $[9];
+	let t4;
+	if ($[10] !== actions || $[11] !== t3) {
+		t4 = /* @__PURE__ */ jsxs("div", {
 			"data-element": "End",
-			children: [actions, onRefresh ? /* @__PURE__ */ jsx(Button, {
-				qa: "ItemTableRefreshButton",
-				size: "small",
-				icon: /* @__PURE__ */ jsx(ReloadIcon, {}),
-				isLoading,
-				"aria-label": t("itemTable.refresh", "Refresh"),
-				onPress: onRefresh
-			}) : null]
-		})]
-	});
+			children: [actions, t3]
+		});
+		$[10] = actions;
+		$[11] = t3;
+		$[12] = t4;
+	} else t4 = $[12];
+	let t5;
+	if ($[13] !== styles || $[14] !== t2 || $[15] !== t4) {
+		t5 = /* @__PURE__ */ jsxs(ToolbarElement, {
+			styles,
+			role: "toolbar",
+			children: [t2, t4]
+		});
+		$[13] = styles;
+		$[14] = t2;
+		$[15] = t4;
+		$[16] = t5;
+	} else t5 = $[16];
+	return t5;
 }
 
 //#endregion

package/dist/components/data/ItemTable/ItemTableToolbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"ItemTableToolbar.js","names":[],"sources":["../../../../src/components/data/ItemTable/ItemTableToolbar.tsx"],"sourcesContent":["import { tasty } from '@tenphi/tasty';\nimport { createContext, useContext } from 'react';\n\nimport { useI18n } from '../../../i18n';\nimport { ReloadIcon } from '../../../icons/ReloadIcon';\nimport { Button } from '../../actions';\nimport { SearchInput } from '../../fields/SearchInput';\n\nimport type { Key } from '@react-types/shared';\nimport type { Styles } from '@tenphi/tasty';\nimport type { ReactNode } from 'react';\n\n/**\n * Lets `ItemTable.Search` (and future chrome pieces) read the table's state\n * without prop drilling, so a consumer can rebuild the toolbar from parts and\n * still have exactly one owner of the search term.\n */\nexport interface CubeItemTableChromeState<T = any> {\n  searchValue: string;\n  setSearchValue: (value: string) => void;\n  searchPlaceholder?: string;\n  isLoading: boolean;\n  onRefresh?: () => void;\n  /** `'all'` is the sentinel, so `selectedCount` is what the UI should show. */\n  selectedKeys: Key[] | 'all';\n  selectedRows: T[];\n  selectedCount: number;\n  clearSelection: () => void;\n}\n\nconst ChromeContext = createContext<CubeItemTableChromeState | null>(null);\n\nexport const ItemTableChromeProvider = ChromeContext.Provider;\n\nexport function useItemTableChrome(component: string) {\n  const context = useContext(ChromeContext);\n\n  if (!context) {\n    throw new Error(\n      `${component} must be rendered inside an ItemTable — it reads the table's search state from context.`,\n    );\n  }\n\n  return context;\n}\n\nconst ToolbarElement = tasty({\n  qa: 'ItemTableToolbar',\n  as: 'div',\n  styles: {\n    gridRow: 1,\n    display: 'flex',\n    flow: 'row',\n    gap: '1x',\n    placeItems: 'center',\n    placeContent: 'space-between',\n    padding: '1x',\n    border: '1bw #border bottom',\n\n    // Left group: search, then filters.\n    Start: {\n      $: '>',\n      display: 'flex',\n      flow: 'row',\n      gap: '1x',\n      placeItems: 'center',\n      width: 'min 0',\n    },\n    // Right group: arbitrary consumer actions, then refresh.\n    End: {\n      $: '>',\n      display: 'flex',\n      flow: 'row',\n      gap: '1x',\n      placeItems: 'center',\n    },\n  },\n});\n\nconst SearchElement = tasty(SearchInput, {\n  qa: 'ItemTableSearchInput',\n  styles: { width: 'max 300px' },\n});\n\n/** The table's search input, bound to the table's own state. */\nexport function ItemTableSearch(props: {\n  placeholder?: string;\n  styles?: Styles;\n  qa?: string;\n}) {\n  const { searchValue, setSearchValue, searchPlaceholder } =\n    useItemTableChrome('ItemTable.Search');\n  const { t } = useI18n();\n\n  return (\n    <SearchElement\n      qa={props.qa}\n      size=\"small\"\n      isClearable\n      aria-label={t('itemTable.search', 'Search')}\n      placeholder={\n        props.placeholder ??\n        searchPlaceholder ??\n        t('itemTable.searchPlaceholder', 'Search...')\n      }\n      value={searchValue}\n      styles={props.styles}\n      onChange={setSearchValue}\n    />\n  );\n}\n\nexport interface ItemTableToolbarProps {\n  isSearchable?: boolean;\n  filters?: ReactNode;\n  actions?: ReactNode;\n  onRefresh?: () => void;\n  isLoading?: boolean;\n  styles?: Styles;\n  searchStyles?: Styles;\n}\n\nexport function ItemTableToolbar({\n  isSearchable,\n  filters,\n  actions,\n  onRefresh,\n  isLoading,\n  styles,\n  searchStyles,\n}: ItemTableToolbarProps) {\n  const { t } = useI18n();\n\n  return (\n    <ToolbarElement styles={styles} role=\"toolbar\">\n      <div data-element=\"Start\">\n        {isSearchable ? <ItemTableSearch styles={searchStyles} /> : null}\n        {filters}\n      </div>\n      <div data-element=\"End\">\n        {actions}\n        {onRefresh ? (\n          <Button\n            qa=\"ItemTableRefreshButton\"\n            size=\"small\"\n            icon={<ReloadIcon />}\n            isLoading={isLoading}\n            aria-label={t('itemTable.refresh', 'Refresh')}\n            onPress={onRefresh}\n          />\n        ) : null}\n      </div>\n    </ToolbarElement>\n  );\n}\n"],"mappings":";;;;;;;;;;AA8BA,MAAM,gBAAgB,cAA+C,KAAK;AAE1E,MAAa,0BAA0B,cAAc;AAErD,SAAgB,mBAAmB,WAAmB;CACpD,MAAM,UAAU,WAAW,cAAc;AAEzC,KAAI,CAAC,QACH,OAAM,IAAI,MACR,GAAG,UAAU,yFACd;AAGH,QAAO;;AAGT,MAAM,iBAAiB,MAAM;CAC3B,IAAI;CACJ,IAAI;CACJ,QAAQ;EACN,SAAS;EACT,SAAS;EACT,MAAM;EACN,KAAK;EACL,YAAY;EACZ,cAAc;EACd,SAAS;EACT,QAAQ;EAGR,OAAO;GACL,GAAG;GACH,SAAS;GACT,MAAM;GACN,KAAK;GACL,YAAY;GACZ,OAAO;GACR;EAED,KAAK;GACH,GAAG;GACH,SAAS;GACT,MAAM;GACN,KAAK;GACL,YAAY;GACb;EACF;CACF,CAAC;AAEF,MAAM,gBAAgB,MAAM,aAAa;CACvC,IAAI;CACJ,QAAQ,EAAE,OAAO,aAAa;CAC/B,CAAC;;AAGF,SAAgB,gBAAgB,OAI7B;CACD,MAAM,EAAE,aAAa,gBAAgB,sBACnC,mBAAmB,mBAAmB;CACxC,MAAM,EAAE,MAAM,SAAS;AAEvB,QACE,oBAAC;EACC,IAAI,MAAM;EACV,MAAK;EACL;EACA,cAAY,EAAE,oBAAoB,SAAS;EAC3C,aACE,MAAM,eACN,qBACA,EAAE,+BAA+B,YAAY;EAE/C,OAAO;EACP,QAAQ,MAAM;EACd,UAAU;GACV;;AAcN,SAAgB,iBAAiB,EAC/B,cACA,SACA,SACA,WACA,WACA,QACA,gBACwB;CACxB,MAAM,EAAE,MAAM,SAAS;AAEvB,QACE,qBAAC;EAAuB;EAAQ,MAAK;aACnC,qBAAC;GAAI,gBAAa;cACf,eAAe,oBAAC,mBAAgB,QAAQ,eAAgB,GAAG,MAC3D;IACG,EACN,qBAAC;GAAI,gBAAa;cACf,SACA,YACC,oBAAC;IACC,IAAG;IACH,MAAK;IACL,MAAM,oBAAC,eAAa;IACT;IACX,cAAY,EAAE,qBAAqB,UAAU;IAC7C,SAAS;KACT,GACA;IACA;GACS"}
+{"version":3,"file":"ItemTableToolbar.js","names":["tasty","createContext","useContext","useI18n","ReloadIcon","Button","SearchInput","Key","Styles","ReactNode","CubeItemTableChromeState","searchValue","setSearchValue","value","searchPlaceholder","isLoading","onRefresh","selectedKeys","selectedRows","T","selectedCount","clearSelection","ChromeContext","ItemTableChromeProvider","Provider","useItemTableChrome","component","context","Error","ToolbarElement","qa","as","styles","gridRow","display","flow","gap","placeItems","placeContent","padding","border","Start","$","width","End","SearchElement","ItemTableSearch","props","_c","t","t0","t1","t2","placeholder","t3","ItemTableToolbarProps","isSearchable","filters","actions","searchStyles","ItemTableToolbar","t4","t5"],"sources":["../../../../src/components/data/ItemTable/ItemTableToolbar.tsx"],"sourcesContent":["import { tasty } from '@tenphi/tasty';\nimport { createContext, useContext } from 'react';\n\nimport { useI18n } from '../../../i18n';\nimport { ReloadIcon } from '../../../icons/ReloadIcon';\nimport { Button } from '../../actions';\nimport { SearchInput } from '../../fields/SearchInput';\n\nimport type { Key } from '@react-types/shared';\nimport type { Styles } from '@tenphi/tasty';\nimport type { ReactNode } from 'react';\n\n/**\n * Lets `ItemTable.Search` (and future chrome pieces) read the table's state\n * without prop drilling, so a consumer can rebuild the toolbar from parts and\n * still have exactly one owner of the search term.\n */\nexport interface CubeItemTableChromeState<T = any> {\n  searchValue: string;\n  setSearchValue: (value: string) => void;\n  searchPlaceholder?: string;\n  isLoading: boolean;\n  onRefresh?: () => void;\n  /** `'all'` is the sentinel, so `selectedCount` is what the UI should show. */\n  selectedKeys: Key[] | 'all';\n  selectedRows: T[];\n  selectedCount: number;\n  clearSelection: () => void;\n}\n\nconst ChromeContext = createContext<CubeItemTableChromeState | null>(null);\n\nexport const ItemTableChromeProvider = ChromeContext.Provider;\n\nexport function useItemTableChrome(component: string) {\n  const context = useContext(ChromeContext);\n\n  if (!context) {\n    throw new Error(\n      `${component} must be rendered inside an ItemTable — it reads the table's search state from context.`,\n    );\n  }\n\n  return context;\n}\n\nconst ToolbarElement = tasty({\n  qa: 'ItemTableToolbar',\n  as: 'div',\n  styles: {\n    gridRow: 1,\n    display: 'flex',\n    flow: 'row',\n    gap: '1x',\n    placeItems: 'center',\n    placeContent: 'space-between',\n    padding: '1x',\n    border: '1bw #border bottom',\n\n    // Left group: search, then filters.\n    Start: {\n      $: '>',\n      display: 'flex',\n      flow: 'row',\n      gap: '1x',\n      placeItems: 'center',\n      width: 'min 0',\n    },\n    // Right group: arbitrary consumer actions, then refresh.\n    End: {\n      $: '>',\n      display: 'flex',\n      flow: 'row',\n      gap: '1x',\n      placeItems: 'center',\n    },\n  },\n});\n\nconst SearchElement = tasty(SearchInput, {\n  qa: 'ItemTableSearchInput',\n  styles: { width: 'max 300px' },\n});\n\n/** The table's search input, bound to the table's own state. */\nexport function ItemTableSearch(props: {\n  placeholder?: string;\n  styles?: Styles;\n  qa?: string;\n}) {\n  const { searchValue, setSearchValue, searchPlaceholder } =\n    useItemTableChrome('ItemTable.Search');\n  const { t } = useI18n();\n\n  return (\n    <SearchElement\n      qa={props.qa}\n      size=\"small\"\n      isClearable\n      aria-label={t('itemTable.search', 'Search')}\n      placeholder={\n        props.placeholder ??\n        searchPlaceholder ??\n        t('itemTable.searchPlaceholder', 'Search...')\n      }\n      value={searchValue}\n      styles={props.styles}\n      onChange={setSearchValue}\n    />\n  );\n}\n\nexport interface ItemTableToolbarProps {\n  isSearchable?: boolean;\n  filters?: ReactNode;\n  actions?: ReactNode;\n  onRefresh?: () => void;\n  isLoading?: boolean;\n  styles?: Styles;\n  searchStyles?: Styles;\n}\n\nexport function ItemTableToolbar({\n  isSearchable,\n  filters,\n  actions,\n  onRefresh,\n  isLoading,\n  styles,\n  searchStyles,\n}: ItemTableToolbarProps) {\n  const { t } = useI18n();\n\n  return (\n    <ToolbarElement styles={styles} role=\"toolbar\">\n      <div data-element=\"Start\">\n        {isSearchable ? <ItemTableSearch styles={searchStyles} /> : null}\n        {filters}\n      </div>\n      <div data-element=\"End\">\n        {actions}\n        {onRefresh ? (\n          <Button\n            qa=\"ItemTableRefreshButton\"\n            size=\"small\"\n            icon={<ReloadIcon />}\n            isLoading={isLoading}\n            aria-label={t('itemTable.refresh', 'Refresh')}\n            onPress={onRefresh}\n          />\n        ) : null}\n      </div>\n    </ToolbarElement>\n  );\n}\n"],"mappings":";;;;;;;;;;;AA8BA,MAAMsB,gBAAgBrB,cAA+C,KAAK;AAE1E,MAAasB,0BAA0BD,cAAcE;AAErD,SAAOC,mBAAAC,WAAA;CACL,MAAAC,UAAgBzB,WAAWoB,cAAc;AAEzC,KAAI,CAACK,QACH,OAAM,IAAIC,MACR,GAAGF,UAAS,yFACb;AACF,QAEMC;;AAGT,MAAME,iBAAiB7B,MAAM;CAC3B8B,IAAI;CACJC,IAAI;CACJC,QAAQ;EACNC,SAAS;EACTC,SAAS;EACTC,MAAM;EACNC,KAAK;EACLC,YAAY;EACZC,cAAc;EACdC,SAAS;EACTC,QAAQ;EAGRC,OAAO;GACLC,GAAG;GACHR,SAAS;GACTC,MAAM;GACNC,KAAK;GACLC,YAAY;GACZM,OAAO;GACR;EAEDC,KAAK;GACHF,GAAG;GACHR,SAAS;GACTC,MAAM;GACNC,KAAK;GACLC,YAAY;GACd;EACF;CACD,CAAC;AAEF,MAAMQ,gBAAgB7C,MAAMM,aAAa;CACvCwB,IAAI;CACJE,QAAQ,EAAEW,OAAO,aAAY;CAC9B,CAAC;;AAGF,SAAOG,gBAAAC,OAAA;CAAA,MAAAL,IAAAM,EAAA,GAAA;CAKL,MAAA,EAAArC,aAAAC,gBAAAE,sBACEW,mBAAmB,mBAAmB;CACxC,MAAA,EAAAwB,MAAc9C,SAAS;CAIf,MAAA+C,KAAAH,MAAKjB;CAAG,IAAAqB;AAAA,KAAAT,EAAA,OAAAO,GAAA;AAGAE,OAAAF,EAAE,oBAAoB,SAAS;AAAAP,IAAA,KAAAO;AAAAP,IAAA,KAAAS;OAAAA,MAAAT,EAAA;CAAA,IAAAU;AAAA,KAAAV,EAAA,OAAAK,MAAAM,eAAAX,EAAA,OAAA5B,qBAAA4B,EAAA,OAAAO,GAAA;AAEzCG,OAAAL,MAAKM,eAALvC,qBAEAmC,EAAE,+BAA+B,YAAY;AAAAP,IAAA,KAAAK,MAAAM;AAAAX,IAAA,KAAA5B;AAAA4B,IAAA,KAAAO;AAAAP,IAAA,KAAAU;OAAAA,MAAAV,EAAA;CAAA,IAAAY;AAAA,KAAAZ,EAAA,OAAAK,MAAAjB,MAAAY,EAAA,OAAAK,MAAAf,UAAAU,EAAA,OAAA/B,eAAA+B,EAAA,OAAA9B,kBAAA8B,EAAA,QAAAS,MAAAT,EAAA,QAAAU,IAAA;AARjDE,OAAA,oBAAC;GACK,IAAAJ;GACC,MAAA;GACL,aAAA;GACY,cAAAC;GAEV,aAAAC;GAIKzC,OAAAA;GACC,QAAAoC,MAAKf;GACHpB,UAAAA;IACV;AAAA8B,IAAA,KAAAK,MAAAjB;AAAAY,IAAA,KAAAK,MAAAf;AAAAU,IAAA,KAAA/B;AAAA+B,IAAA,KAAA9B;AAAA8B,IAAA,MAAAS;AAAAT,IAAA,MAAAU;AAAAV,IAAA,MAAAY;OAAAA,MAAAZ,EAAA;AAAA,QAbFY;;AA2BJ,SAAOM,iBAAAV,IAAA;CAAA,MAAAR,IAAAM,EAAA,GAAA;CAA0B,MAAA,EAAAQ,cAAAC,SAAAC,SAAA1C,WAAAD,WAAAiB,QAAA2B,iBAAAT;CAS/B,MAAA,EAAAD,MAAc9C,SAAS;CAAC,IAAAgD;AAAA,KAAAT,EAAA,OAAAc,gBAAAd,EAAA,OAAAiB,cAAA;AAKjBR,OAAAK,eAAe,oBAAC,mBAAwBG,QAAAA,eAAuB,GAA/D;AAA+DjB,IAAA,KAAAc;AAAAd,IAAA,KAAAiB;AAAAjB,IAAA,KAAAS;OAAAA,MAAAT,EAAA;CAAA,IAAAU;AAAA,KAAAV,EAAA,OAAAe,WAAAf,EAAA,OAAAS,IAAA;AADlEC,OAAA,qBAAA;GAAkB,gBAAA;cACfD,IACAM;IACG;AAAAf,IAAA,KAAAe;AAAAf,IAAA,KAAAS;AAAAT,IAAA,KAAAU;OAAAA,MAAAV,EAAA;CAAA,IAAAY;AAAA,KAAAZ,EAAA,OAAA3B,aAAA2B,EAAA,OAAA1B,aAAA0B,EAAA,OAAAO,GAAA;AAGHK,OAAAtC,YACC,oBAAC;GACI,IAAA;GACE,MAAA;GACC,MAAA,oBAAC,eAAY;GACRD;GACC,cAAAkC,EAAE,qBAAqB,UAAS;GACnCjC,SAAAA;IAEL,GATP;AASO0B,IAAA,KAAA3B;AAAA2B,IAAA,KAAA1B;AAAA0B,IAAA,KAAAO;AAAAP,IAAA,KAAAY;OAAAA,MAAAZ,EAAA;CAAA,IAAAmB;AAAA,KAAAnB,EAAA,QAAAgB,WAAAhB,EAAA,QAAAY,IAAA;AAXVO,OAAA,qBAAA;GAAkB,gBAAA;cACfH,SACAJ;IAUG;AAAAZ,IAAA,MAAAgB;AAAAhB,IAAA,MAAAY;AAAAZ,IAAA,MAAAmB;OAAAA,MAAAnB,EAAA;CAAA,IAAAoB;AAAA,KAAApB,EAAA,QAAAV,UAAAU,EAAA,QAAAU,MAAAV,EAAA,QAAAmB,IAAA;AAjBRC,OAAA,qBAAC;GAAuB9B;GAAa,MAAA;cACnCoB,IAIAS;IAae;AAAAnB,IAAA,MAAAV;AAAAU,IAAA,MAAAU;AAAAV,IAAA,MAAAmB;AAAAnB,IAAA,MAAAoB;OAAAA,MAAApB,EAAA;AAAA,QAlBjBoB"}

package/dist/components/data/TableBase/ColumnResizer.js

@@ -1,6 +1,7 @@
-/** @license MIT | @cube-dev/ui-kit v0.181.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.183.0 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";
+import { c } from "react-compiler-runtime";
 import { useRef } from "react";
 import { jsx } from "react/jsx-runtime";
 import { useMove } from "react-aria";
@@ -15,54 +16,102 @@ import { useMove } from "react-aria";
 * resizing, so the interaction model matches.
 */
 function ColumnResizer(props) {
+	const $ = c(24);
 	const { column, label, onResize, onResizeEnd } = props;
 	const startWidthRef = useRef(0);
 	const widthRef = useRef(0);
-	const clamp = useEvent((width) => {
-		const min = column.minWidth;
-		const max = column.maxWidth;
-		return Math.max(min, max == null ? width : Math.min(width, max));
-	});
-	const { moveProps } = useMove({
-		onMoveStart() {
-			startWidthRef.current = column.width ?? column.minWidth;
-			widthRef.current = startWidthRef.current;
-		},
-		onMove(event) {
-			const step = event.pointerType === "keyboard" ? 8 : 1;
-			widthRef.current = clamp(widthRef.current + event.deltaX * step);
-			onResize(column.key, widthRef.current);
-		},
-		onMoveEnd() {
-			onResizeEnd(column.key);
-		}
-	});
-	return /* @__PURE__ */ jsx("div", {
-		...mergeProps$1(moveProps, {
-			onClick(event) {
-				event.stopPropagation();
+	let t0;
+	if ($[0] !== column.maxWidth || $[1] !== column.minWidth) {
+		t0 = (width) => {
+			const min = column.minWidth;
+			const max = column.maxWidth;
+			return Math.max(min, max == null ? width : Math.min(width, max));
+		};
+		$[0] = column.maxWidth;
+		$[1] = column.minWidth;
+		$[2] = t0;
+	} else t0 = $[2];
+	const clamp = useEvent(t0);
+	let t1;
+	if ($[3] !== clamp || $[4] !== column.key || $[5] !== column.minWidth || $[6] !== column.width || $[7] !== onResize || $[8] !== onResizeEnd) {
+		t1 = {
+			onMoveStart() {
+				startWidthRef.current = column.width ?? column.minWidth;
+				widthRef.current = startWidthRef.current;
 			},
-			onKeyDown(event) {
-				if (event.key !== "Home" && event.key !== "End") {
-					event.stopPropagation();
+			onMove(event) {
+				const step = event.pointerType === "keyboard" ? 8 : 1;
+				widthRef.current = clamp(widthRef.current + event.deltaX * step);
+				onResize(column.key, widthRef.current);
+			},
+			onMoveEnd() {
+				onResizeEnd(column.key);
+			}
+		};
+		$[3] = clamp;
+		$[4] = column.key;
+		$[5] = column.minWidth;
+		$[6] = column.width;
+		$[7] = onResize;
+		$[8] = onResizeEnd;
+		$[9] = t1;
+	} else t1 = $[9];
+	const { moveProps } = useMove(t1);
+	let t2;
+	if ($[10] !== column.key || $[11] !== column.maxWidth || $[12] !== column.minWidth || $[13] !== moveProps || $[14] !== onResize || $[15] !== onResizeEnd) {
+		t2 = mergeProps$1(moveProps, {
+			onClick(event_0) {
+				event_0.stopPropagation();
+			},
+			onKeyDown(event_1) {
+				if (event_1.key !== "Home" && event_1.key !== "End") {
+					event_1.stopPropagation();
 					return;
 				}
-				event.preventDefault();
-				event.stopPropagation();
-				onResize(column.key, event.key === "Home" ? column.minWidth : column.maxWidth ?? 1e3);
+				event_1.preventDefault();
+				event_1.stopPropagation();
+				onResize(column.key, event_1.key === "Home" ? column.minWidth : column.maxWidth ?? 1e3);
 				onResizeEnd(column.key);
 			}
-		}),
-		"data-element": "Resizer",
-		role: "separator",
-		tabIndex: 0,
-		"aria-label": label,
-		"aria-orientation": "vertical",
-		"aria-valuenow": column.width ?? void 0,
-		"aria-valuemin": column.minWidth,
-		"aria-valuemax": column.maxWidth ?? void 0,
-		children: /* @__PURE__ */ jsx("div", { "data-element": "ResizerLine" })
-	});
+		});
+		$[10] = column.key;
+		$[11] = column.maxWidth;
+		$[12] = column.minWidth;
+		$[13] = moveProps;
+		$[14] = onResize;
+		$[15] = onResizeEnd;
+		$[16] = t2;
+	} else t2 = $[16];
+	const handlerProps = t2;
+	const t3 = column.width ?? void 0;
+	const t4 = column.maxWidth ?? void 0;
+	let t5;
+	if ($[17] === Symbol.for("react.memo_cache_sentinel")) {
+		t5 = /* @__PURE__ */ jsx("div", { "data-element": "ResizerLine" });
+		$[17] = t5;
+	} else t5 = $[17];
+	let t6;
+	if ($[18] !== column.minWidth || $[19] !== handlerProps || $[20] !== label || $[21] !== t3 || $[22] !== t4) {
+		t6 = /* @__PURE__ */ jsx("div", {
+			...handlerProps,
+			"data-element": "Resizer",
+			role: "separator",
+			tabIndex: 0,
+			"aria-label": label,
+			"aria-orientation": "vertical",
+			"aria-valuenow": t3,
+			"aria-valuemin": column.minWidth,
+			"aria-valuemax": t4,
+			children: t5
+		});
+		$[18] = column.minWidth;
+		$[19] = handlerProps;
+		$[20] = label;
+		$[21] = t3;
+		$[22] = t4;
+		$[23] = t6;
+	} else t6 = $[23];
+	return t6;
 }
 
 //#endregion

package/dist/components/data/TableBase/ColumnResizer.js.map

@@ -1 +1 @@
-{"version":3,"file":"ColumnResizer.js","names":["mergeProps"],"sources":["../../../../src/components/data/TableBase/ColumnResizer.tsx"],"sourcesContent":["import { useRef } from 'react';\nimport { useMove } from 'react-aria';\n\nimport { useEvent } from '../../../_internal/hooks';\nimport { mergeProps } from '../../../utils/react';\n\nimport type { CubeResolvedColumn } from './types';\n\nexport interface ColumnResizerProps<T> {\n  column: CubeResolvedColumn<T>;\n  label: string;\n  /** Live during the drag, so the column follows the pointer. */\n  onResize: (columnKey: string, width: number) => void;\n  /** Once, when the drag or key press finishes. For persistence and callbacks. */\n  onResizeEnd: (columnKey: string) => void;\n}\n\n/**\n * The grab handle on a column's trailing edge.\n *\n * `useMove` rather than raw pointer events: it normalises pointer, touch and\n * **keyboard** into one stream, so arrow keys resize without any extra work —\n * an affordance ag-grid never gave Cloud. The same hook drives `Board`'s widget\n * resizing, so the interaction model matches.\n */\nexport function ColumnResizer<T>(props: ColumnResizerProps<T>) {\n  const { column, label, onResize, onResizeEnd } = props;\n\n  // The width the drag started from. Deltas are relative to it, so a slow drag\n  // does not accumulate rounding the way summing per-move widths would.\n  const startWidthRef = useRef(0);\n  const widthRef = useRef(0);\n\n  const clamp = useEvent((width: number) => {\n    const min = column.minWidth;\n    const max = column.maxWidth;\n\n    return Math.max(min, max == null ? width : Math.min(width, max));\n  });\n\n  const { moveProps } = useMove({\n    onMoveStart() {\n      startWidthRef.current = column.width ?? column.minWidth;\n      widthRef.current = startWidthRef.current;\n    },\n    onMove(event) {\n      // `pointer` moves carry deltas in px; keyboard moves carry ±1 per press,\n      // which would be an imperceptible step, so they are scaled to a grid unit.\n      const step = event.pointerType === 'keyboard' ? 8 : 1;\n\n      widthRef.current = clamp(widthRef.current + event.deltaX * step);\n      onResize(column.key, widthRef.current);\n    },\n    onMoveEnd() {\n      onResizeEnd(column.key);\n    },\n  });\n\n  // `mergeProps`, not spread-then-override: `useMove` implements the keyboard\n  // half of the interaction through its own `onKeyDown`, and a plain `onKeyDown`\n  // prop after the spread would silently replace it — leaving the handle\n  // draggable but not operable from the keyboard.\n  const handlerProps = mergeProps(moveProps, {\n    // The header cell sorts on click; a press on the handle is not a sort.\n    onClick(event: { stopPropagation: () => void }) {\n      event.stopPropagation();\n    },\n    onKeyDown(event: {\n      key: string;\n      preventDefault: () => void;\n      stopPropagation: () => void;\n    }) {\n      // `useMove` claims the arrows. Home/End are ours, and they are the\n      // fastest way to reach the extremes.\n      if (event.key !== 'Home' && event.key !== 'End') {\n        event.stopPropagation();\n\n        return;\n      }\n\n      event.preventDefault();\n      event.stopPropagation();\n      onResize(\n        column.key,\n        event.key === 'Home' ? column.minWidth : column.maxWidth ?? 1000,\n      );\n      onResizeEnd(column.key);\n    },\n  });\n\n  return (\n    <div\n      {...handlerProps}\n      data-element=\"Resizer\"\n      // A separator is the role a resize handle takes when it splits two\n      // regions, and it is what makes the value readable to a screen reader.\n      role=\"separator\"\n      tabIndex={0}\n      aria-label={label}\n      aria-orientation=\"vertical\"\n      aria-valuenow={column.width ?? undefined}\n      aria-valuemin={column.minWidth}\n      aria-valuemax={column.maxWidth ?? undefined}\n    >\n      <div data-element=\"ResizerLine\" />\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAyBA,SAAgB,cAAiB,OAA8B;CAC7D,MAAM,EAAE,QAAQ,OAAO,UAAU,gBAAgB;CAIjD,MAAM,gBAAgB,OAAO,EAAE;CAC/B,MAAM,WAAW,OAAO,EAAE;CAE1B,MAAM,QAAQ,UAAU,UAAkB;EACxC,MAAM,MAAM,OAAO;EACnB,MAAM,MAAM,OAAO;AAEnB,SAAO,KAAK,IAAI,KAAK,OAAO,OAAO,QAAQ,KAAK,IAAI,OAAO,IAAI,CAAC;GAChE;CAEF,MAAM,EAAE,cAAc,QAAQ;EAC5B,cAAc;AACZ,iBAAc,UAAU,OAAO,SAAS,OAAO;AAC/C,YAAS,UAAU,cAAc;;EAEnC,OAAO,OAAO;GAGZ,MAAM,OAAO,MAAM,gBAAgB,aAAa,IAAI;AAEpD,YAAS,UAAU,MAAM,SAAS,UAAU,MAAM,SAAS,KAAK;AAChE,YAAS,OAAO,KAAK,SAAS,QAAQ;;EAExC,YAAY;AACV,eAAY,OAAO,IAAI;;EAE1B,CAAC;AAkCF,QACE,oBAAC;EACC,GA9BiBA,aAAW,WAAW;GAEzC,QAAQ,OAAwC;AAC9C,UAAM,iBAAiB;;GAEzB,UAAU,OAIP;AAGD,QAAI,MAAM,QAAQ,UAAU,MAAM,QAAQ,OAAO;AAC/C,WAAM,iBAAiB;AAEvB;;AAGF,UAAM,gBAAgB;AACtB,UAAM,iBAAiB;AACvB,aACE,OAAO,KACP,MAAM,QAAQ,SAAS,OAAO,WAAW,OAAO,YAAY,IAC7D;AACD,gBAAY,OAAO,IAAI;;GAE1B,CAAC;EAKE,gBAAa;EAGb,MAAK;EACL,UAAU;EACV,cAAY;EACZ,oBAAiB;EACjB,iBAAe,OAAO,SAAS;EAC/B,iBAAe,OAAO;EACtB,iBAAe,OAAO,YAAY;YAElC,oBAAC,SAAI,gBAAa,gBAAgB;GAC9B"}
+{"version":3,"file":"ColumnResizer.js","names":["useRef","useMove","useEvent","mergeProps","CubeResolvedColumn","ColumnResizerProps","column","T","label","onResize","columnKey","width","onResizeEnd","ColumnResizer","props","$","_c","startWidthRef","widthRef","t0","maxWidth","minWidth","min","max","Math","clamp","t1","key","onMoveStart","current","onMove","event","step","pointerType","deltaX","onMoveEnd","moveProps","t2","onClick","event_0","stopPropagation","onKeyDown","event_1","preventDefault","handlerProps","t3","undefined","t4","t5","Symbol","for","t6"],"sources":["../../../../src/components/data/TableBase/ColumnResizer.tsx"],"sourcesContent":["import { useRef } from 'react';\nimport { useMove } from 'react-aria';\n\nimport { useEvent } from '../../../_internal/hooks';\nimport { mergeProps } from '../../../utils/react';\n\nimport type { CubeResolvedColumn } from './types';\n\nexport interface ColumnResizerProps<T> {\n  column: CubeResolvedColumn<T>;\n  label: string;\n  /** Live during the drag, so the column follows the pointer. */\n  onResize: (columnKey: string, width: number) => void;\n  /** Once, when the drag or key press finishes. For persistence and callbacks. */\n  onResizeEnd: (columnKey: string) => void;\n}\n\n/**\n * The grab handle on a column's trailing edge.\n *\n * `useMove` rather than raw pointer events: it normalises pointer, touch and\n * **keyboard** into one stream, so arrow keys resize without any extra work —\n * an affordance ag-grid never gave Cloud. The same hook drives `Board`'s widget\n * resizing, so the interaction model matches.\n */\nexport function ColumnResizer<T>(props: ColumnResizerProps<T>) {\n  const { column, label, onResize, onResizeEnd } = props;\n\n  // The width the drag started from. Deltas are relative to it, so a slow drag\n  // does not accumulate rounding the way summing per-move widths would.\n  const startWidthRef = useRef(0);\n  const widthRef = useRef(0);\n\n  const clamp = useEvent((width: number) => {\n    const min = column.minWidth;\n    const max = column.maxWidth;\n\n    return Math.max(min, max == null ? width : Math.min(width, max));\n  });\n\n  const { moveProps } = useMove({\n    onMoveStart() {\n      startWidthRef.current = column.width ?? column.minWidth;\n      widthRef.current = startWidthRef.current;\n    },\n    onMove(event) {\n      // `pointer` moves carry deltas in px; keyboard moves carry ±1 per press,\n      // which would be an imperceptible step, so they are scaled to a grid unit.\n      const step = event.pointerType === 'keyboard' ? 8 : 1;\n\n      widthRef.current = clamp(widthRef.current + event.deltaX * step);\n      onResize(column.key, widthRef.current);\n    },\n    onMoveEnd() {\n      onResizeEnd(column.key);\n    },\n  });\n\n  // `mergeProps`, not spread-then-override: `useMove` implements the keyboard\n  // half of the interaction through its own `onKeyDown`, and a plain `onKeyDown`\n  // prop after the spread would silently replace it — leaving the handle\n  // draggable but not operable from the keyboard.\n  const handlerProps = mergeProps(moveProps, {\n    // The header cell sorts on click; a press on the handle is not a sort.\n    onClick(event: { stopPropagation: () => void }) {\n      event.stopPropagation();\n    },\n    onKeyDown(event: {\n      key: string;\n      preventDefault: () => void;\n      stopPropagation: () => void;\n    }) {\n      // `useMove` claims the arrows. Home/End are ours, and they are the\n      // fastest way to reach the extremes.\n      if (event.key !== 'Home' && event.key !== 'End') {\n        event.stopPropagation();\n\n        return;\n      }\n\n      event.preventDefault();\n      event.stopPropagation();\n      onResize(\n        column.key,\n        event.key === 'Home' ? column.minWidth : column.maxWidth ?? 1000,\n      );\n      onResizeEnd(column.key);\n    },\n  });\n\n  return (\n    <div\n      {...handlerProps}\n      data-element=\"Resizer\"\n      // A separator is the role a resize handle takes when it splits two\n      // regions, and it is what makes the value readable to a screen reader.\n      role=\"separator\"\n      tabIndex={0}\n      aria-label={label}\n      aria-orientation=\"vertical\"\n      aria-valuenow={column.width ?? undefined}\n      aria-valuemin={column.minWidth}\n      aria-valuemax={column.maxWidth ?? undefined}\n    >\n      <div data-element=\"ResizerLine\" />\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/components/data/TableBase/RowCollection.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.181.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.183.0 | Cube Dev Team */
 //#region src/components/data/TableBase/RowCollection.ts
 /**
 * A `Collection<Node<T>>` over a plain row array.

package/dist/components/data/TableBase/RowCollection.js.map

@@ -1 +1 @@
-{"version":3,"file":"RowCollection.js","names":[],"sources":["../../../../src/components/data/TableBase/RowCollection.ts"],"sourcesContent":["import type { Collection, Key, Node } from '@react-types/shared';\n\n/**\n * A `Collection<Node<T>>` over a plain row array.\n *\n * React Aria's selection primitives — `SelectionManager`, `useSelectableItem`,\n * `useSelectableCollection` — need a collection, but the only thing they ask of\n * it is key order and lookup. `useTableState` would build a `Node` per header\n * row, per column, per body row *and per cell*, which a table whose page size\n * goes to 500 (and whose \"Load all results\" removes the cap entirely) cannot\n * afford.\n *\n * So the array is the collection. Nodes are built lazily on `getItem` and\n * memoized, which means a 100k-row table allocates nodes only for the handful\n * of keys selection actually touches.\n */\nexport class RowCollection<T> implements Collection<Node<T>> {\n  private rows: readonly T[];\n  private keys: Key[];\n  private indexByKey: Map<Key, number>;\n  private nodeCache = new Map<Key, Node<T>>();\n  private disabledKeys: Set<Key>;\n\n  private getItemText?: (row: T) => string;\n\n  constructor(\n    rows: readonly T[],\n    getKey: (row: T, index: number) => Key,\n    disabledKeys: Set<Key> = new Set(),\n    /**\n     * The item's accessible name, for screen-reader drag announcements.\n     *\n     * Without it `useDropIndicator` says \"Insert between  and \" — React Aria\n     * builds that string from `node.textValue`. Optional because selection, the\n     * original caller, never reads it.\n     */\n    getItemText?: (row: T) => string,\n  ) {\n    this.rows = rows;\n    this.keys = rows.map(getKey);\n    this.disabledKeys = disabledKeys;\n    this.getItemText = getItemText;\n    this.indexByKey = new Map();\n\n    // A duplicate key would make selection ambiguous — two rows would answer to\n    // the same identity. First occurrence wins, matching how React resolves a\n    // duplicated `key`.\n    this.keys.forEach((key, index) => {\n      if (!this.indexByKey.has(key)) this.indexByKey.set(key, index);\n    });\n  }\n\n  get size() {\n    return this.rows.length;\n  }\n\n  getKeys() {\n    return this.keys;\n  }\n\n  getItem(key: Key): Node<T> | null {\n    const index = this.indexByKey.get(key);\n\n    if (index == null) return null;\n\n    const cached = this.nodeCache.get(key);\n\n    if (cached) return cached;\n\n    const node: Node<T> = {\n      type: 'item',\n      key,\n      value: this.rows[index],\n      level: 0,\n      hasChildNodes: false,\n      childNodes: [],\n      rendered: null,\n      textValue: this.getItemText?.(this.rows[index]) ?? '',\n      index,\n      // `SelectionManager` reads this to decide whether a key can be selected\n      // at all, before `disabledBehavior` is even considered.\n      'aria-label': undefined,\n      parentKey: null,\n      prevKey: index > 0 ? this.keys[index - 1] : null,\n      nextKey: index < this.keys.length - 1 ? this.keys[index + 1] : null,\n    } as Node<T>;\n\n    this.nodeCache.set(key, node);\n\n    return node;\n  }\n\n  at(index: number): Node<T> | null {\n    const key = this.keys[index];\n\n    return key == null ? null : this.getItem(key);\n  }\n\n  getKeyBefore(key: Key): Key | null {\n    const index = this.indexByKey.get(key);\n\n    return index == null || index === 0 ? null : this.keys[index - 1];\n  }\n\n  getKeyAfter(key: Key): Key | null {\n    const index = this.indexByKey.get(key);\n\n    return index == null || index >= this.keys.length - 1\n      ? null\n      : this.keys[index + 1];\n  }\n\n  getFirstKey(): Key | null {\n    return this.keys[0] ?? null;\n  }\n\n  getLastKey(): Key | null {\n    return this.keys[this.keys.length - 1] ?? null;\n  }\n\n  getChildren(): Iterable<Node<T>> {\n    return [];\n  }\n\n  /** Not part of `Collection`, but selection asks about it constantly. */\n  isDisabled(key: Key) {\n    return this.disabledKeys.has(key);\n  }\n\n  indexOf(key: Key): number {\n    return this.indexByKey.get(key) ?? -1;\n  }\n\n  *[Symbol.iterator](): Iterator<Node<T>> {\n    for (const key of this.keys) {\n      const node = this.getItem(key);\n\n      if (node) yield node;\n    }\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAgBA,IAAa,gBAAb,MAA6D;CAC3D,AAAQ;CACR,AAAQ;CACR,AAAQ;CACR,AAAQ,4BAAY,IAAI,KAAmB;CAC3C,AAAQ;CAER,AAAQ;CAER,YACE,MACA,QACA,+BAAyB,IAAI,KAAK,EAQlC,aACA;AACA,OAAK,OAAO;AACZ,OAAK,OAAO,KAAK,IAAI,OAAO;AAC5B,OAAK,eAAe;AACpB,OAAK,cAAc;AACnB,OAAK,6BAAa,IAAI,KAAK;AAK3B,OAAK,KAAK,SAAS,KAAK,UAAU;AAChC,OAAI,CAAC,KAAK,WAAW,IAAI,IAAI,CAAE,MAAK,WAAW,IAAI,KAAK,MAAM;IAC9D;;CAGJ,IAAI,OAAO;AACT,SAAO,KAAK,KAAK;;CAGnB,UAAU;AACR,SAAO,KAAK;;CAGd,QAAQ,KAA0B;EAChC,MAAM,QAAQ,KAAK,WAAW,IAAI,IAAI;AAEtC,MAAI,SAAS,KAAM,QAAO;EAE1B,MAAM,SAAS,KAAK,UAAU,IAAI,IAAI;AAEtC,MAAI,OAAQ,QAAO;EAEnB,MAAM,OAAgB;GACpB,MAAM;GACN;GACA,OAAO,KAAK,KAAK;GACjB,OAAO;GACP,eAAe;GACf,YAAY,EAAE;GACd,UAAU;GACV,WAAW,KAAK,cAAc,KAAK,KAAK,OAAO,IAAI;GACnD;GAGA,cAAc;GACd,WAAW;GACX,SAAS,QAAQ,IAAI,KAAK,KAAK,QAAQ,KAAK;GAC5C,SAAS,QAAQ,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,QAAQ,KAAK;GAChE;AAED,OAAK,UAAU,IAAI,KAAK,KAAK;AAE7B,SAAO;;CAGT,GAAG,OAA+B;EAChC,MAAM,MAAM,KAAK,KAAK;AAEtB,SAAO,OAAO,OAAO,OAAO,KAAK,QAAQ,IAAI;;CAG/C,aAAa,KAAsB;EACjC,MAAM,QAAQ,KAAK,WAAW,IAAI,IAAI;AAEtC,SAAO,SAAS,QAAQ,UAAU,IAAI,OAAO,KAAK,KAAK,QAAQ;;CAGjE,YAAY,KAAsB;EAChC,MAAM,QAAQ,KAAK,WAAW,IAAI,IAAI;AAEtC,SAAO,SAAS,QAAQ,SAAS,KAAK,KAAK,SAAS,IAChD,OACA,KAAK,KAAK,QAAQ;;CAGxB,cAA0B;AACxB,SAAO,KAAK,KAAK,MAAM;;CAGzB,aAAyB;AACvB,SAAO,KAAK,KAAK,KAAK,KAAK,SAAS,MAAM;;CAG5C,cAAiC;AAC/B,SAAO,EAAE;;;CAIX,WAAW,KAAU;AACnB,SAAO,KAAK,aAAa,IAAI,IAAI;;CAGnC,QAAQ,KAAkB;AACxB,SAAO,KAAK,WAAW,IAAI,IAAI,IAAI;;CAGrC,EAAE,OAAO,YAA+B;AACtC,OAAK,MAAM,OAAO,KAAK,MAAM;GAC3B,MAAM,OAAO,KAAK,QAAQ,IAAI;AAE9B,OAAI,KAAM,OAAM"}
+{"version":3,"file":"RowCollection.js","names":["Collection","Key","Node","RowCollection","T","rows","keys","indexByKey","Map","nodeCache","disabledKeys","Set","getItemText","row","constructor","getKey","index","map","forEach","key","has","set","size","length","getKeys","getItem","get","cached","node","type","value","level","hasChildNodes","childNodes","rendered","textValue","undefined","parentKey","prevKey","nextKey","at","getKeyBefore","getKeyAfter","getFirstKey","getLastKey","getChildren","Iterable","isDisabled","indexOf","Symbol","iterator","Iterator"],"sources":["../../../../src/components/data/TableBase/RowCollection.ts"],"sourcesContent":["import type { Collection, Key, Node } from '@react-types/shared';\n\n/**\n * A `Collection<Node<T>>` over a plain row array.\n *\n * React Aria's selection primitives — `SelectionManager`, `useSelectableItem`,\n * `useSelectableCollection` — need a collection, but the only thing they ask of\n * it is key order and lookup. `useTableState` would build a `Node` per header\n * row, per column, per body row *and per cell*, which a table whose page size\n * goes to 500 (and whose \"Load all results\" removes the cap entirely) cannot\n * afford.\n *\n * So the array is the collection. Nodes are built lazily on `getItem` and\n * memoized, which means a 100k-row table allocates nodes only for the handful\n * of keys selection actually touches.\n */\nexport class RowCollection<T> implements Collection<Node<T>> {\n  private rows: readonly T[];\n  private keys: Key[];\n  private indexByKey: Map<Key, number>;\n  private nodeCache = new Map<Key, Node<T>>();\n  private disabledKeys: Set<Key>;\n\n  private getItemText?: (row: T) => string;\n\n  constructor(\n    rows: readonly T[],\n    getKey: (row: T, index: number) => Key,\n    disabledKeys: Set<Key> = new Set(),\n    /**\n     * The item's accessible name, for screen-reader drag announcements.\n     *\n     * Without it `useDropIndicator` says \"Insert between  and \" — React Aria\n     * builds that string from `node.textValue`. Optional because selection, the\n     * original caller, never reads it.\n     */\n    getItemText?: (row: T) => string,\n  ) {\n    this.rows = rows;\n    this.keys = rows.map(getKey);\n    this.disabledKeys = disabledKeys;\n    this.getItemText = getItemText;\n    this.indexByKey = new Map();\n\n    // A duplicate key would make selection ambiguous — two rows would answer to\n    // the same identity. First occurrence wins, matching how React resolves a\n    // duplicated `key`.\n    this.keys.forEach((key, index) => {\n      if (!this.indexByKey.has(key)) this.indexByKey.set(key, index);\n    });\n  }\n\n  get size() {\n    return this.rows.length;\n  }\n\n  getKeys() {\n    return this.keys;\n  }\n\n  getItem(key: Key): Node<T> | null {\n    const index = this.indexByKey.get(key);\n\n    if (index == null) return null;\n\n    const cached = this.nodeCache.get(key);\n\n    if (cached) return cached;\n\n    const node: Node<T> = {\n      type: 'item',\n      key,\n      value: this.rows[index],\n      level: 0,\n      hasChildNodes: false,\n      childNodes: [],\n      rendered: null,\n      textValue: this.getItemText?.(this.rows[index]) ?? '',\n      index,\n      // `SelectionManager` reads this to decide whether a key can be selected\n      // at all, before `disabledBehavior` is even considered.\n      'aria-label': undefined,\n      parentKey: null,\n      prevKey: index > 0 ? this.keys[index - 1] : null,\n      nextKey: index < this.keys.length - 1 ? this.keys[index + 1] : null,\n    } as Node<T>;\n\n    this.nodeCache.set(key, node);\n\n    return node;\n  }\n\n  at(index: number): Node<T> | null {\n    const key = this.keys[index];\n\n    return key == null ? null : this.getItem(key);\n  }\n\n  getKeyBefore(key: Key): Key | null {\n    const index = this.indexByKey.get(key);\n\n    return index == null || index === 0 ? null : this.keys[index - 1];\n  }\n\n  getKeyAfter(key: Key): Key | null {\n    const index = this.indexByKey.get(key);\n\n    return index == null || index >= this.keys.length - 1\n      ? null\n      : this.keys[index + 1];\n  }\n\n  getFirstKey(): Key | null {\n    return this.keys[0] ?? null;\n  }\n\n  getLastKey(): Key | null {\n    return this.keys[this.keys.length - 1] ?? null;\n  }\n\n  getChildren(): Iterable<Node<T>> {\n    return [];\n  }\n\n  /** Not part of `Collection`, but selection asks about it constantly. */\n  isDisabled(key: Key) {\n    return this.disabledKeys.has(key);\n  }\n\n  indexOf(key: Key): number {\n    return this.indexByKey.get(key) ?? -1;\n  }\n\n  *[Symbol.iterator](): Iterator<Node<T>> {\n    for (const key of this.keys) {\n      const node = this.getItem(key);\n\n      if (node) yield node;\n    }\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAgBA,IAAaG,gBAAb,MAA6D;CAC3D,AAAQE;CACR,AAAQC;CACR,AAAQC;CACR,AAAQE,4BAAY,IAAID,KAAmB;CAC3C,AAAQE;CAER,AAAQE;CAERE,YACET,MACAU,QACAL,+BAAyB,IAAIC,KAAK,EAQlCC,aACA;AACA,OAAKP,OAAOA;AACZ,OAAKC,OAAOD,KAAKY,IAAIF,OAAO;AAC5B,OAAKL,eAAeA;AACpB,OAAKE,cAAcA;AACnB,OAAKL,6BAAa,IAAIC,KAAK;AAK3B,OAAKF,KAAKY,SAASC,KAAKH,UAAU;AAChC,OAAI,CAAC,KAAKT,WAAWa,IAAID,IAAI,CAAE,MAAKZ,WAAWc,IAAIF,KAAKH,MAAM;IAC9D;;CAGJ,IAAIM,OAAO;AACT,SAAO,KAAKjB,KAAKkB;;CAGnBC,UAAU;AACR,SAAO,KAAKlB;;CAGdmB,QAAQN,KAA0B;EAChC,MAAMH,QAAQ,KAAKT,WAAWmB,IAAIP,IAAI;AAEtC,MAAIH,SAAS,KAAM,QAAO;EAE1B,MAAMW,SAAS,KAAKlB,UAAUiB,IAAIP,IAAI;AAEtC,MAAIQ,OAAQ,QAAOA;EAEnB,MAAMC,OAAgB;GACpBC,MAAM;GACNV;GACAW,OAAO,KAAKzB,KAAKW;GACjBe,OAAO;GACPC,eAAe;GACfC,YAAY,EAAE;GACdC,UAAU;GACVC,WAAW,KAAKvB,cAAc,KAAKP,KAAKW,OAAO,IAAI;GACnDA;GAGA,cAAcoB;GACdC,WAAW;GACXC,SAAStB,QAAQ,IAAI,KAAKV,KAAKU,QAAQ,KAAK;GAC5CuB,SAASvB,QAAQ,KAAKV,KAAKiB,SAAS,IAAI,KAAKjB,KAAKU,QAAQ,KAAK;GAChE;AAED,OAAKP,UAAUY,IAAIF,KAAKS,KAAK;AAE7B,SAAOA;;CAGTY,GAAGxB,OAA+B;EAChC,MAAMG,MAAM,KAAKb,KAAKU;AAEtB,SAAOG,OAAO,OAAO,OAAO,KAAKM,QAAQN,IAAI;;CAG/CsB,aAAatB,KAAsB;EACjC,MAAMH,QAAQ,KAAKT,WAAWmB,IAAIP,IAAI;AAEtC,SAAOH,SAAS,QAAQA,UAAU,IAAI,OAAO,KAAKV,KAAKU,QAAQ;;CAGjE0B,YAAYvB,KAAsB;EAChC,MAAMH,QAAQ,KAAKT,WAAWmB,IAAIP,IAAI;AAEtC,SAAOH,SAAS,QAAQA,SAAS,KAAKV,KAAKiB,SAAS,IAChD,OACA,KAAKjB,KAAKU,QAAQ;;CAGxB2B,cAA0B;AACxB,SAAO,KAAKrC,KAAK,MAAM;;CAGzBsC,aAAyB;AACvB,SAAO,KAAKtC,KAAK,KAAKA,KAAKiB,SAAS,MAAM;;CAG5CsB,cAAiC;AAC/B,SAAO,EAAE;;;CAIXE,WAAW5B,KAAU;AACnB,SAAO,KAAKT,aAAaU,IAAID,IAAI;;CAGnC6B,QAAQ7B,KAAkB;AACxB,SAAO,KAAKZ,WAAWmB,IAAIP,IAAI,IAAI;;CAGrC,EAAE8B,OAAOC,YAA+B;AACtC,OAAK,MAAM/B,OAAO,KAAKb,MAAM;GAC3B,MAAMsB,OAAO,KAAKH,QAAQN,IAAI;AAE9B,OAAIS,KAAM,OAAMA"}