@cube-dev/ui-kit 0.207.0 → 0.208.0

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

@@ -1 +1 @@
-{"version":3,"file":"ItemTableBulkBar.js","names":["tasty","useState","useEvent","useI18n","CloseIcon","Button","Text","useItemTableChrome","Styles","CubeTableBulkAction","BarElement","qa","as","styles","display","flow","gap","placeItems","boxSizing","position","floating","inset","translate","zIndex","fill","color","border","radius","shadow","padding","width","ItemTableBulkBarProps","actions","T","placement","ItemTableBulkBar","props","t","chrome","selectedRows","selectedCount","clearSelection","loadingKeys","setLoadingKeys","Record","run","action","setLoading","value","current","key","onAction","deselectAfter","count","map","isDisabled","type","theme","icon","disabledTooltip","undefined","label","Text"],"sources":["../../../../src/components/data/ItemTable/ItemTableBulkBar.tsx"],"sourcesContent":["import { tasty } from '@tenphi/tasty';\nimport { useState } from 'react';\n\nimport { useEvent } from '../../../_internal/hooks';\nimport { useI18n } from '../../../i18n';\nimport { CloseIcon } from '../../../icons/CloseIcon';\nimport { Button } from '../../actions';\nimport { Text } from '../../content/Text';\n\nimport { useItemTableChrome } from './ItemTableToolbar';\n\nimport type { Styles } from '@tenphi/tasty';\nimport type { CubeTableBulkAction } from './types';\n\nconst BarElement = tasty({\n  qa: 'ItemTableBulkBar',\n  as: 'div',\n  styles: {\n    display: 'flex',\n    flow: 'row',\n    gap: '1x',\n    placeItems: 'center',\n    boxSizing: 'border-box',\n\n    /**\n     * `floating` lifts the bar out of the grid and centres it over the body, so\n     * it never changes the table's height — a bar that pushed the rows down\n     * would move the very row the user is about to click.\n     */\n    position: { '': 'static', floating: 'absolute' },\n    inset: { '': 'auto', floating: 'auto auto 2x 50%' },\n    translate: { '': false, floating: '-50% 0' },\n    zIndex: { '': 'auto', floating: 10 },\n    // A raised surface rather than an inverted \"toast\": `#dark` flips to a light\n    // colour under the dark theme, which would put white text on a light bar.\n    fill: { '': '#clear', floating: '#surface' },\n    color: '#surface-text',\n    border: { '': false, floating: true },\n    radius: { '': 0, floating: '1cr' },\n    shadow: { '': false, floating: '0 1x 3x #shadow' },\n    padding: { '': 0, floating: '1x 1.5x' },\n    width: { '': 'auto', floating: 'max (100% - 4x)' },\n  },\n});\n\nexport interface ItemTableBulkBarProps<T = any> {\n  actions: CubeTableBulkAction<T>[];\n  /** @default 'floating' */\n  placement?: 'floating' | 'toolbar';\n  styles?: Styles;\n}\n\n/**\n * The action bar shown while rows are selected.\n *\n * Reads the selection from context rather than props, so a consumer rebuilding\n * the toolbar can drop `<ItemTable.BulkBar>` wherever it likes and still have\n * one owner of the selection.\n */\nexport function ItemTableBulkBar<T = any>(props: ItemTableBulkBarProps<T>) {\n  const { actions, placement = 'floating', styles } = props;\n  const { t } = useI18n();\n  const chrome = useItemTableChrome('ItemTable.BulkBar');\n  const { selectedRows, selectedCount, clearSelection } = chrome;\n\n  // Per-action, so one slow request cannot disable the others.\n  const [loadingKeys, setLoadingKeys] = useState<Record<string, boolean>>({});\n\n  const run = useEvent(async (action: CubeTableBulkAction<T>) => {\n    const setLoading = (value: boolean) =>\n      setLoadingKeys((current) => ({ ...current, [action.key]: value }));\n\n    try {\n      await action.onAction(selectedRows as T[], { setLoading });\n\n      // Deselecting is the default because the rows an action just deleted or\n      // moved are usually gone; an action that only reads keeps the selection\n      // by opting out.\n      if (action.deselectAfter !== false) clearSelection();\n    } finally {\n      setLoading(false);\n    }\n  });\n\n  if (selectedCount === 0) return null;\n\n  return (\n    <BarElement\n      role=\"toolbar\"\n      aria-label={t('itemTable.bulkActions', 'Bulk actions')}\n      styles={styles}\n      mods={{ floating: placement === 'floating' }}\n    >\n      <Text nowrap>\n        {t('itemTable.selectedCount', '{{count}} selected', {\n          count: selectedCount,\n        })}\n      </Text>\n\n      {actions.map((action) => {\n        const isDisabled = action.isDisabled?.(selectedRows as T[]) ?? false;\n\n        return (\n          <Button\n            key={action.key}\n            size=\"small\"\n            type={action.type ?? 'outline'}\n            theme={action.theme}\n            icon={action.icon}\n            isDisabled={isDisabled}\n            isLoading={loadingKeys[action.key]}\n            // The button's own prop rather than a wrapping `TooltipProvider`:\n            // that is what lets it stay hoverable while disabled, which is the\n            // only state this tooltip is shown in.\n            tooltip={\n              isDisabled && action.disabledTooltip\n                ? action.disabledTooltip\n                : undefined\n            }\n            onPress={() => run(action)}\n          >\n            {action.label}\n          </Button>\n        );\n      })}\n\n      <Button\n        size=\"small\"\n        type=\"clear\"\n        icon={<CloseIcon />}\n        aria-label={t('itemTable.clearSelection', 'Clear selection')}\n        onPress={clearSelection}\n      />\n    </BarElement>\n  );\n}\n"],"mappings":";;;;;;;;;;;AAcA,MAAMU,aAAaV,MAAM;CACvBW,IAAI;CACJC,IAAI;CACJC,QAAQ;EACNC,SAAS;EACTC,MAAM;EACNC,KAAK;EACLC,YAAY;EACZC,WAAW;;;;;;EAOXC,UAAU;GAAE,IAAI;GAAUC,UAAU;EAAW;EAC/CC,OAAO;GAAE,IAAI;GAAQD,UAAU;EAAmB;EAClDE,WAAW;GAAE,IAAI;GAAOF,UAAU;EAAS;EAC3CG,QAAQ;GAAE,IAAI;GAAQH,UAAU;EAAG;EAGnCI,MAAM;GAAE,IAAI;GAAUJ,UAAU;EAAW;EAC3CK,OAAO;EACPC,QAAQ;GAAE,IAAI;GAAON,UAAU;EAAK;EACpCO,QAAQ;GAAE,IAAI;GAAGP,UAAU;EAAM;EACjCQ,QAAQ;GAAE,IAAI;GAAOR,UAAU;EAAkB;EACjDS,SAAS;GAAE,IAAI;GAAGT,UAAU;EAAU;EACtCU,OAAO;GAAE,IAAI;GAAQV,UAAU;EAAkB;CACnD;AACF,CAAC;;;;;;;;AAgBD,SAAgBe,iBAA0BC,OAAiC;CACzE,MAAM,EAAEJ,SAASE,YAAY,YAAYrB,WAAWuB;CACpD,MAAM,EAAEC,MAAMlC,QAAQ;CAEtB,MAAM,EAAEoC,cAAcC,eAAeC,mBADtBlC,mBAAmB,mBACsB+B;CAGxD,MAAM,CAACI,aAAaC,kBAAkB1C,SAAkC,CAAC,CAAC;CAE1E,MAAM4C,MAAM3C,SAAS,OAAO4C,WAAmC;EAC7D,MAAMC,cAAcC,UAClBL,gBAAgBM,aAAa;GAAE,GAAGA;IAAUH,OAAOI,MAAMF;EAAM,EAAE;EAEnE,IAAI;GACF,MAAMF,OAAOK,SAASZ,cAAqB,EAAEQ,WAAW,CAAC;GAKzD,IAAID,OAAOM,kBAAkB,OAAOX,eAAe;EACrD,UAAU;GACRM,WAAW,KAAK;EAClB;CACF,CAAC;CAED,IAAIP,kBAAkB,GAAG,OAAO;CAEhC,OACE,qBAAC,YAAD;EACE,MAAK;EACL,cAAYH,EAAE,yBAAyB,cAAc;EAC7CxB;EACR,MAAM,EAAEO,UAAUc,cAAc,WAAW;EAJ7C,UAAA;GAME,oBAAC4B,OAAD;IAAM,QAAA;IACHzB,UAAAA,EAAE,2BAA2B,sBAAsB,EAClDgB,OAAOb,cACT,CAAC;GACG,CAAA;GAELR,QAAQsB,KAAKR,aAAW;IACvB,MAAMS,aAAaT,SAAOS,aAAahB,YAAmB,KAAK;IAE/D,OACE,oBAAC,QAAD;KAEE,MAAK;KACL,MAAMO,SAAOU,QAAQ;KACrB,OAAOV,SAAOW;KACd,MAAMX,SAAOY;KACDH;KACZ,WAAWb,YAAYI,SAAOI;KAI9B,SACEK,cAAcT,SAAOa,kBACjBb,SAAOa,kBACPC,KAAAA;KAEN,eAAef,IAAIC,QAAM;KAExBA,UAAAA,SAAOe;IACF,GAlBDf,SAAOI,GAkBN;GAEZ,CAAC;GAED,oBAAC,QAAD;IACE,MAAK;IACL,MAAK;IACL,MAAM,oBAAC,WAAD,CAAU,CAAA;IAChB,cAAYb,EAAE,4BAA4B,iBAAiB;IAC3D,SAASI;GAAe,CAAA;EAEhB;;AAEhB"}
+{"version":3,"file":"ItemTableBulkBar.js","names":["tasty","useState","useEvent","useI18n","CloseIcon","Button","Text","useItemTableChrome","Styles","CubeTableBulkAction","BarElement","qa","as","styles","display","flow","gap","placeItems","boxSizing","position","floating","inset","translate","zIndex","fill","color","border","radius","shadow","padding","width","ItemTableBulkBarProps","actions","T","placement","ItemTableBulkBar","props","t","chrome","selectedRows","selectedCount","clearSelection","loadingKeys","setLoadingKeys","Record","run","action","setLoading","value","current","key","onAction","deselectAfter","count","map","isDisabled","type","theme","icon","disabledTooltip","undefined","label","Text"],"sources":["../../../../src/components/data/ItemTable/ItemTableBulkBar.tsx"],"sourcesContent":["import { tasty } from '@tenphi/tasty';\nimport { useState } from 'react';\n\nimport { useEvent } from '../../../_internal/hooks/use-event';\nimport { useI18n } from '../../../i18n/useI18n';\nimport { CloseIcon } from '../../../icons/CloseIcon';\nimport { Button } from '../../actions/Button/Button';\nimport { Text } from '../../content/Text';\n\nimport { useItemTableChrome } from './ItemTableToolbar';\n\nimport type { Styles } from '@tenphi/tasty';\nimport type { CubeTableBulkAction } from './types';\n\nconst BarElement = tasty({\n  qa: 'ItemTableBulkBar',\n  as: 'div',\n  styles: {\n    display: 'flex',\n    flow: 'row',\n    gap: '1x',\n    placeItems: 'center',\n    boxSizing: 'border-box',\n\n    /**\n     * `floating` lifts the bar out of the grid and centres it over the body, so\n     * it never changes the table's height — a bar that pushed the rows down\n     * would move the very row the user is about to click.\n     */\n    position: { '': 'static', floating: 'absolute' },\n    inset: { '': 'auto', floating: 'auto auto 2x 50%' },\n    translate: { '': false, floating: '-50% 0' },\n    zIndex: { '': 'auto', floating: 10 },\n    // A raised surface rather than an inverted \"toast\": `#dark` flips to a light\n    // colour under the dark theme, which would put white text on a light bar.\n    fill: { '': '#clear', floating: '#surface' },\n    color: '#surface-text',\n    border: { '': false, floating: true },\n    radius: { '': 0, floating: '1cr' },\n    shadow: { '': false, floating: '0 1x 3x #shadow' },\n    padding: { '': 0, floating: '1x 1.5x' },\n    width: { '': 'auto', floating: 'max (100% - 4x)' },\n  },\n});\n\nexport interface ItemTableBulkBarProps<T = any> {\n  actions: CubeTableBulkAction<T>[];\n  /** @default 'floating' */\n  placement?: 'floating' | 'toolbar';\n  styles?: Styles;\n}\n\n/**\n * The action bar shown while rows are selected.\n *\n * Reads the selection from context rather than props, so a consumer rebuilding\n * the toolbar can drop `<ItemTable.BulkBar>` wherever it likes and still have\n * one owner of the selection.\n */\nexport function ItemTableBulkBar<T = any>(props: ItemTableBulkBarProps<T>) {\n  const { actions, placement = 'floating', styles } = props;\n  const { t } = useI18n();\n  const chrome = useItemTableChrome('ItemTable.BulkBar');\n  const { selectedRows, selectedCount, clearSelection } = chrome;\n\n  // Per-action, so one slow request cannot disable the others.\n  const [loadingKeys, setLoadingKeys] = useState<Record<string, boolean>>({});\n\n  const run = useEvent(async (action: CubeTableBulkAction<T>) => {\n    const setLoading = (value: boolean) =>\n      setLoadingKeys((current) => ({ ...current, [action.key]: value }));\n\n    try {\n      await action.onAction(selectedRows as T[], { setLoading });\n\n      // Deselecting is the default because the rows an action just deleted or\n      // moved are usually gone; an action that only reads keeps the selection\n      // by opting out.\n      if (action.deselectAfter !== false) clearSelection();\n    } finally {\n      setLoading(false);\n    }\n  });\n\n  if (selectedCount === 0) return null;\n\n  return (\n    <BarElement\n      role=\"toolbar\"\n      aria-label={t('itemTable.bulkActions', 'Bulk actions')}\n      styles={styles}\n      mods={{ floating: placement === 'floating' }}\n    >\n      <Text nowrap>\n        {t('itemTable.selectedCount', '{{count}} selected', {\n          count: selectedCount,\n        })}\n      </Text>\n\n      {actions.map((action) => {\n        const isDisabled = action.isDisabled?.(selectedRows as T[]) ?? false;\n\n        return (\n          <Button\n            key={action.key}\n            size=\"small\"\n            type={action.type ?? 'outline'}\n            theme={action.theme}\n            icon={action.icon}\n            isDisabled={isDisabled}\n            isLoading={loadingKeys[action.key]}\n            // The button's own prop rather than a wrapping `TooltipProvider`:\n            // that is what lets it stay hoverable while disabled, which is the\n            // only state this tooltip is shown in.\n            tooltip={\n              isDisabled && action.disabledTooltip\n                ? action.disabledTooltip\n                : undefined\n            }\n            onPress={() => run(action)}\n          >\n            {action.label}\n          </Button>\n        );\n      })}\n\n      <Button\n        size=\"small\"\n        type=\"clear\"\n        icon={<CloseIcon />}\n        aria-label={t('itemTable.clearSelection', 'Clear selection')}\n        onPress={clearSelection}\n      />\n    </BarElement>\n  );\n}\n"],"mappings":";;;;;;;;;;;AAcA,MAAMU,aAAaV,MAAM;CACvBW,IAAI;CACJC,IAAI;CACJC,QAAQ;EACNC,SAAS;EACTC,MAAM;EACNC,KAAK;EACLC,YAAY;EACZC,WAAW;;;;;;EAOXC,UAAU;GAAE,IAAI;GAAUC,UAAU;EAAW;EAC/CC,OAAO;GAAE,IAAI;GAAQD,UAAU;EAAmB;EAClDE,WAAW;GAAE,IAAI;GAAOF,UAAU;EAAS;EAC3CG,QAAQ;GAAE,IAAI;GAAQH,UAAU;EAAG;EAGnCI,MAAM;GAAE,IAAI;GAAUJ,UAAU;EAAW;EAC3CK,OAAO;EACPC,QAAQ;GAAE,IAAI;GAAON,UAAU;EAAK;EACpCO,QAAQ;GAAE,IAAI;GAAGP,UAAU;EAAM;EACjCQ,QAAQ;GAAE,IAAI;GAAOR,UAAU;EAAkB;EACjDS,SAAS;GAAE,IAAI;GAAGT,UAAU;EAAU;EACtCU,OAAO;GAAE,IAAI;GAAQV,UAAU;EAAkB;CACnD;AACF,CAAC;;;;;;;;AAgBD,SAAgBe,iBAA0BC,OAAiC;CACzE,MAAM,EAAEJ,SAASE,YAAY,YAAYrB,WAAWuB;CACpD,MAAM,EAAEC,MAAMlC,QAAQ;CAEtB,MAAM,EAAEoC,cAAcC,eAAeC,mBADtBlC,mBAAmB,mBACsB+B;CAGxD,MAAM,CAACI,aAAaC,kBAAkB1C,SAAkC,CAAC,CAAC;CAE1E,MAAM4C,MAAM3C,SAAS,OAAO4C,WAAmC;EAC7D,MAAMC,cAAcC,UAClBL,gBAAgBM,aAAa;GAAE,GAAGA;IAAUH,OAAOI,MAAMF;EAAM,EAAE;EAEnE,IAAI;GACF,MAAMF,OAAOK,SAASZ,cAAqB,EAAEQ,WAAW,CAAC;GAKzD,IAAID,OAAOM,kBAAkB,OAAOX,eAAe;EACrD,UAAU;GACRM,WAAW,KAAK;EAClB;CACF,CAAC;CAED,IAAIP,kBAAkB,GAAG,OAAO;CAEhC,OACE,qBAAC,YAAD;EACE,MAAK;EACL,cAAYH,EAAE,yBAAyB,cAAc;EAC7CxB;EACR,MAAM,EAAEO,UAAUc,cAAc,WAAW;EAJ7C,UAAA;GAME,oBAAC4B,OAAD;IAAM,QAAA;IACHzB,UAAAA,EAAE,2BAA2B,sBAAsB,EAClDgB,OAAOb,cACT,CAAC;GACG,CAAA;GAELR,QAAQsB,KAAKR,aAAW;IACvB,MAAMS,aAAaT,SAAOS,aAAahB,YAAmB,KAAK;IAE/D,OACE,oBAAC,QAAD;KAEE,MAAK;KACL,MAAMO,SAAOU,QAAQ;KACrB,OAAOV,SAAOW;KACd,MAAMX,SAAOY;KACDH;KACZ,WAAWb,YAAYI,SAAOI;KAI9B,SACEK,cAAcT,SAAOa,kBACjBb,SAAOa,kBACPC,KAAAA;KAEN,eAAef,IAAIC,QAAM;KAExBA,UAAAA,SAAOe;IACF,GAlBDf,SAAOI,GAkBN;GAEZ,CAAC;GAED,oBAAC,QAAD;IACE,MAAK;IACL,MAAK;IACL,MAAM,oBAAC,WAAD,CAAU,CAAA;IAChB,cAAYb,EAAE,4BAA4B,iBAAiB;IAC3D,SAASI;GAAe,CAAA;EAEhB;;AAEhB"}

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.207.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.208.0 | Cube Dev Team */
 import { Text as _Text } from "../../content/Text.js";
 import { useI18n } from "../../../i18n/useI18n.js";
 import { c } from "react/compiler-runtime";

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

@@ -1 +1 @@
-{"version":3,"file":"ItemTableDragPreview.js","names":["tasty","useI18n","Text","ReactNode","PreviewElement","qa","as","styles","display","flow","gap","placeItems","padding","radius","fill","color","border","shadow","preset","width","whiteSpace","overflow","textOverflow","ItemTableDragPreviewProps","rows","T","getItemDragInfo","row","label","icon","ItemTableDragPreview","props","$","_c","t","length","t0","count","t1","info","t2","_c","Text"],"sources":["../../../../src/components/data/ItemTable/ItemTableDragPreview.tsx"],"sourcesContent":["import { tasty } from '@tenphi/tasty';\n\nimport { useI18n } from '../../../i18n';\nimport { Text } from '../../content/Text';\n\nimport type { ReactNode } from 'react';\n\nconst PreviewElement = tasty({\n  qa: 'ItemTableDragPreview',\n  as: 'div',\n  styles: {\n    display: 'flex',\n    flow: 'row',\n    gap: '1x',\n    placeItems: 'center',\n    padding: '.5x 1x',\n    radius: '1cr',\n    fill: '#surface',\n    color: '#surface-text',\n    border: true,\n    shadow: '0 1x 3x #shadow',\n    preset: 't3',\n    // A chip, not a copy of the row: the default browser preview is a snapshot\n    // of the source element, which for a full-width table row is a page-wide\n    // slab that hides whatever it is being dragged over.\n    width: 'max 40x',\n    whiteSpace: 'nowrap',\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n  },\n});\n\nexport interface ItemTableDragPreviewProps<T = any> {\n  rows: T[];\n  getItemDragInfo: (row: T) => { label: ReactNode; icon?: ReactNode };\n}\n\n/**\n * What the cursor drags.\n *\n * One row shows its icon and label. Several show a count — a single chip cannot\n * honestly represent five different rows, and Cloud settled on the same answer.\n */\nexport function ItemTableDragPreview<T>(props: ItemTableDragPreviewProps<T>) {\n  const { rows, getItemDragInfo } = props;\n  const { t } = useI18n();\n\n  if (!rows.length) return null;\n\n  if (rows.length > 1) {\n    return (\n      <PreviewElement>\n        <Text>\n          {t('itemTable.dragCount', '{{count}} items', { count: rows.length })}\n        </Text>\n      </PreviewElement>\n    );\n  }\n\n  const info = getItemDragInfo(rows[0]);\n\n  return (\n    <PreviewElement>\n      {info.icon}\n      <Text>{info.label}</Text>\n    </PreviewElement>\n  );\n}\n"],"mappings":";;;;;;;AAOA,MAAMI,iBAAiBJ,MAAM;CAC3BK,IAAI;CACJC,IAAI;CACJC,QAAQ;EACNC,SAAS;EACTC,MAAM;EACNC,KAAK;EACLC,YAAY;EACZC,SAAS;EACTC,QAAQ;EACRC,MAAM;EACNC,OAAO;EACPC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EAIRC,OAAO;EACPC,YAAY;EACZC,UAAU;EACVC,cAAc;CAChB;AACF,CAAC;;;;;;;AAaD,SAAOQ,qBAAAC,OAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CACL,MAAA,EAAAT,MAAAE,oBAAkCK;CAClC,MAAA,EAAAG,MAAcjC,QAAQ;CAEtB,IAAI,CAACuB,KAAIW,QAAO,OAAS;CAEzB,IAAIX,KAAIW,SAAU,GAAC;EAAA,IAAAC;EAAA,IAAAJ,EAAA,OAAAR,KAAAW,UAAAH,EAAA,OAAAE,GAAA;GAIVE,KAAAF,EAAE,uBAAuB,mBAAmB,EAAAG,OAASb,KAAIW,OAAQ,CAAC;GAACH,EAAA,KAAAR,KAAAW;GAAAH,EAAA,KAAAE;GAAAF,EAAA,KAAAI;EAAA,OAAAA,KAAAJ,EAAA;EAAA,IAAAM;EAAA,IAAAN,EAAA,OAAAI,IAAA;GAFxEE,KAAA,oBAAC,gBAAD,EAAA,UACE,oBAACI,OAAD,EAAA,UACGN,GADE,CAAA,EADQ,CAAA;GAIEJ,EAAA,KAAAI;GAAAJ,EAAA,KAAAM;EAAA,OAAAA,KAAAN,EAAA;EAAA,OAJjBM;CAIiB;CAEpB,IAAAF;CAAA,IAAAJ,EAAA,OAAAN,mBAAAM,EAAA,OAAAR,KAAA,IAAA;EAEYY,KAAAV,gBAAgBF,KAAI,EAAG;EAACQ,EAAA,KAAAN;EAAAM,EAAA,KAAAR,KAAA;EAAAQ,EAAA,KAAAI;CAAA,OAAAA,KAAAJ,EAAA;CAArC,MAAAO,OAAaH;CAAyB,IAAAE;CAAA,IAAAN,EAAA,OAAAO,KAAAX,OAAA;EAKlCU,KAAA,oBAACI,OAAD,EAAA,UAAOH,KAAIX,MAAN,CAAA;EAAoBI,EAAA,KAAAO,KAAAX;EAAAI,EAAA,KAAAM;CAAA,OAAAA,KAAAN,EAAA;CAAA,IAAAQ;CAAA,IAAAR,EAAA,QAAAO,KAAAV,QAAAG,EAAA,QAAAM,IAAA;EAF3BE,KAAA,qBAAC,gBAAD,EAAA,UAAA,CACGD,KAAIV,MACLS,EAFa,EAAA,CAAA;EAGEN,EAAA,MAAAO,KAAAV;EAAAG,EAAA,MAAAM;EAAAN,EAAA,MAAAQ;CAAA,OAAAA,KAAAR,EAAA;CAAA,OAHjBQ;AAGiB"}
+{"version":3,"file":"ItemTableDragPreview.js","names":["tasty","useI18n","Text","ReactNode","PreviewElement","qa","as","styles","display","flow","gap","placeItems","padding","radius","fill","color","border","shadow","preset","width","whiteSpace","overflow","textOverflow","ItemTableDragPreviewProps","rows","T","getItemDragInfo","row","label","icon","ItemTableDragPreview","props","$","_c","t","length","t0","count","t1","info","t2","_c","Text"],"sources":["../../../../src/components/data/ItemTable/ItemTableDragPreview.tsx"],"sourcesContent":["import { tasty } from '@tenphi/tasty';\n\nimport { useI18n } from '../../../i18n/useI18n';\nimport { Text } from '../../content/Text';\n\nimport type { ReactNode } from 'react';\n\nconst PreviewElement = tasty({\n  qa: 'ItemTableDragPreview',\n  as: 'div',\n  styles: {\n    display: 'flex',\n    flow: 'row',\n    gap: '1x',\n    placeItems: 'center',\n    padding: '.5x 1x',\n    radius: '1cr',\n    fill: '#surface',\n    color: '#surface-text',\n    border: true,\n    shadow: '0 1x 3x #shadow',\n    preset: 't3',\n    // A chip, not a copy of the row: the default browser preview is a snapshot\n    // of the source element, which for a full-width table row is a page-wide\n    // slab that hides whatever it is being dragged over.\n    width: 'max 40x',\n    whiteSpace: 'nowrap',\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n  },\n});\n\nexport interface ItemTableDragPreviewProps<T = any> {\n  rows: T[];\n  getItemDragInfo: (row: T) => { label: ReactNode; icon?: ReactNode };\n}\n\n/**\n * What the cursor drags.\n *\n * One row shows its icon and label. Several show a count — a single chip cannot\n * honestly represent five different rows, and Cloud settled on the same answer.\n */\nexport function ItemTableDragPreview<T>(props: ItemTableDragPreviewProps<T>) {\n  const { rows, getItemDragInfo } = props;\n  const { t } = useI18n();\n\n  if (!rows.length) return null;\n\n  if (rows.length > 1) {\n    return (\n      <PreviewElement>\n        <Text>\n          {t('itemTable.dragCount', '{{count}} items', { count: rows.length })}\n        </Text>\n      </PreviewElement>\n    );\n  }\n\n  const info = getItemDragInfo(rows[0]);\n\n  return (\n    <PreviewElement>\n      {info.icon}\n      <Text>{info.label}</Text>\n    </PreviewElement>\n  );\n}\n"],"mappings":";;;;;;;AAOA,MAAMI,iBAAiBJ,MAAM;CAC3BK,IAAI;CACJC,IAAI;CACJC,QAAQ;EACNC,SAAS;EACTC,MAAM;EACNC,KAAK;EACLC,YAAY;EACZC,SAAS;EACTC,QAAQ;EACRC,MAAM;EACNC,OAAO;EACPC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EAIRC,OAAO;EACPC,YAAY;EACZC,UAAU;EACVC,cAAc;CAChB;AACF,CAAC;;;;;;;AAaD,SAAOQ,qBAAAC,OAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CACL,MAAA,EAAAT,MAAAE,oBAAkCK;CAClC,MAAA,EAAAG,MAAcjC,QAAQ;CAEtB,IAAI,CAACuB,KAAIW,QAAO,OAAS;CAEzB,IAAIX,KAAIW,SAAU,GAAC;EAAA,IAAAC;EAAA,IAAAJ,EAAA,OAAAR,KAAAW,UAAAH,EAAA,OAAAE,GAAA;GAIVE,KAAAF,EAAE,uBAAuB,mBAAmB,EAAAG,OAASb,KAAIW,OAAQ,CAAC;GAACH,EAAA,KAAAR,KAAAW;GAAAH,EAAA,KAAAE;GAAAF,EAAA,KAAAI;EAAA,OAAAA,KAAAJ,EAAA;EAAA,IAAAM;EAAA,IAAAN,EAAA,OAAAI,IAAA;GAFxEE,KAAA,oBAAC,gBAAD,EAAA,UACE,oBAACI,OAAD,EAAA,UACGN,GADE,CAAA,EADQ,CAAA;GAIEJ,EAAA,KAAAI;GAAAJ,EAAA,KAAAM;EAAA,OAAAA,KAAAN,EAAA;EAAA,OAJjBM;CAIiB;CAEpB,IAAAF;CAAA,IAAAJ,EAAA,OAAAN,mBAAAM,EAAA,OAAAR,KAAA,IAAA;EAEYY,KAAAV,gBAAgBF,KAAI,EAAG;EAACQ,EAAA,KAAAN;EAAAM,EAAA,KAAAR,KAAA;EAAAQ,EAAA,KAAAI;CAAA,OAAAA,KAAAJ,EAAA;CAArC,MAAAO,OAAaH;CAAyB,IAAAE;CAAA,IAAAN,EAAA,OAAAO,KAAAX,OAAA;EAKlCU,KAAA,oBAACI,OAAD,EAAA,UAAOH,KAAIX,MAAN,CAAA;EAAoBI,EAAA,KAAAO,KAAAX;EAAAI,EAAA,KAAAM;CAAA,OAAAA,KAAAN,EAAA;CAAA,IAAAQ;CAAA,IAAAR,EAAA,QAAAO,KAAAV,QAAAG,EAAA,QAAAM,IAAA;EAF3BE,KAAA,qBAAC,gBAAD,EAAA,UAAA,CACGD,KAAIV,MACLS,EAFa,EAAA,CAAA;EAGEN,EAAA,MAAAO,KAAAV;EAAAG,EAAA,MAAAM;EAAAN,EAAA,MAAAQ;CAAA,OAAAA,KAAAR,EAAA;CAAA,OAHjBQ;AAGiB"}

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.207.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.208.0 | Cube Dev Team */
 import { Pagination as _Pagination } from "../../navigation/Pagination/Pagination.js";
 import { c } from "react/compiler-runtime";
 import { tasty } from "@tenphi/tasty";

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

@@ -1 +1 @@
-{"version":3,"file":"ItemTableFooter.js","names":["tasty","Pagination","Styles","ReactNode","CubeTablePageInfo","FooterElement","qa","as","styles","gridRow","preset","display","flow","gap","placeItems","padding","border","Start","$","width","Center","placeContent","flexGrow","End","ItemTableFooterProps","start","center","end","pagination","page","pageSize","total","totalPages","pageSizeOptions","summary","info","hasNextPage","onPageChange","onPageSizeChange","ItemTableFooter","t0","_c","t1","t2","t3","t4","t5","_c","Pagination"],"sources":["../../../../src/components/data/ItemTable/ItemTableFooter.tsx"],"sourcesContent":["import { tasty } from '@tenphi/tasty';\n\nimport { Pagination } from '../../navigation/Pagination';\n\nimport type { Styles } from '@tenphi/tasty';\nimport type { ReactNode } from 'react';\nimport type { CubeTablePageInfo } from '../../navigation/Pagination';\n\nconst FooterElement = tasty({\n  qa: 'ItemTableFooter',\n  as: 'div',\n  styles: {\n    gridRow: 3,\n    // The footer is chrome around the data, so its text sits a step below the\n    // body's. Slot content inherits this, which is what keeps a consumer's own\n    // label matched to the pagination summary beside it.\n    preset: 't4',\n    display: 'flex',\n    flow: 'row',\n    gap: '1x',\n    placeItems: 'center',\n    padding: '1x',\n    border: '1bw #border top',\n\n    /**\n     * Three named slots. This is what replaces the `MutationObserver` that Cloud\n     * uses to inject a \"Load all results\" button into ag-grid's paging panel —\n     * ag-grid Community has no status bar, so there was nowhere to put it.\n     */\n    Start: {\n      $: '>',\n      display: 'flex',\n      flow: 'row',\n      gap: '1x',\n      placeItems: 'center',\n      width: 'min 0',\n    },\n    Center: {\n      $: '>',\n      display: 'flex',\n      flow: 'row',\n      gap: '1x',\n      placeItems: 'center',\n      placeContent: 'center',\n      // `flexGrow`, not a width: this is a flex item, and only grow makes it\n      // take the leftover space so its content actually lands in the middle.\n      flexGrow: 1,\n    },\n    End: {\n      $: '>',\n      display: 'flex',\n      flow: 'row',\n      gap: '1x',\n      placeItems: 'center',\n      placeContent: 'end',\n    },\n  },\n});\n\nexport interface ItemTableFooterProps {\n  start?: ReactNode;\n  center?: ReactNode;\n  end?: ReactNode;\n  /** Rendered in the end slot unless `end` overrides it. */\n  pagination?: {\n    page: number;\n    pageSize: number;\n    total: number;\n    totalPages?: number;\n    pageSizeOptions?: number[];\n    summary?: boolean | ((info: CubeTablePageInfo) => ReactNode);\n    hasNextPage?: boolean;\n    onPageChange: (page: number) => void;\n    onPageSizeChange?: (pageSize: number) => void;\n  };\n  styles?: Styles;\n}\n\nexport function ItemTableFooter({\n  start,\n  center,\n  end,\n  pagination,\n  styles,\n}: ItemTableFooterProps) {\n  return (\n    <FooterElement styles={styles}>\n      <div data-element=\"Start\">{start}</div>\n      <div data-element=\"Center\">{center}</div>\n      <div data-element=\"End\">\n        {end}\n        {pagination ? (\n          <Pagination\n            // The footer is chrome around the data, not part of it — its\n            // controls sit a step below the toolbar's.\n            size=\"xsmall\"\n            page={pagination.page}\n            pageSize={pagination.pageSize}\n            total={pagination.total}\n            totalPages={pagination.totalPages}\n            pageSizeOptions={pagination.pageSizeOptions}\n            summary={pagination.summary}\n            hasNextPage={pagination.hasNextPage}\n            onPageChange={pagination.onPageChange}\n            onPageSizeChange={pagination.onPageSizeChange}\n          />\n        ) : null}\n      </div>\n    </FooterElement>\n  );\n}\n"],"mappings":";;;;;;AAQA,MAAMK,gBAAgBL,MAAM;CAC1BM,IAAI;CACJC,IAAI;CACJC,QAAQ;EACNC,SAAS;EAITC,QAAQ;EACRC,SAAS;EACTC,MAAM;EACNC,KAAK;EACLC,YAAY;EACZC,SAAS;EACTC,QAAQ;;;;;;EAORC,OAAO;GACLC,GAAG;GACHP,SAAS;GACTC,MAAM;GACNC,KAAK;GACLC,YAAY;GACZK,OAAO;EACT;EACAC,QAAQ;GACNF,GAAG;GACHP,SAAS;GACTC,MAAM;GACNC,KAAK;GACLC,YAAY;GACZO,cAAc;GAGdC,UAAU;EACZ;EACAC,KAAK;GACHL,GAAG;GACHP,SAAS;GACTC,MAAM;GACNC,KAAK;GACLC,YAAY;GACZO,cAAc;EAChB;CACF;AACF,CAAC;AAqBD,SAAOkB,gBAAAC,IAAA;CAAA,MAAAtB,IAAAuB,EAAA,EAAA;CAAyB,MAAA,EAAAhB,OAAAC,QAAAC,KAAAC,YAAApB,WAAAgC;CAMT,IAAAE;CAAA,IAAAxB,EAAA,OAAAO,OAAA;EAGjBiB,KAAA,oBAAA,OAAA;GAAkB,gBAAA;GAASjB,UAAAA;EAAY,CAAA;EAAAP,EAAA,KAAAO;EAAAP,EAAA,KAAAwB;CAAA,OAAAA,KAAAxB,EAAA;CAAA,IAAAyB;CAAA,IAAAzB,EAAA,OAAAQ,QAAA;EACvCiB,KAAA,oBAAA,OAAA;GAAkB,gBAAA;GAAUjB,UAAAA;EAAa,CAAA;EAAAR,EAAA,KAAAQ;EAAAR,EAAA,KAAAyB;CAAA,OAAAA,KAAAzB,EAAA;CAAA,IAAA0B;CAAA,IAAA1B,EAAA,OAAAU,YAAA;EAGtCgB,KAAAhB,aACC,oBAACoB,aAAD;GAGO,MAAA;GACC,MAAApB,WAAUC;GACN,UAAAD,WAAUE;GACb,OAAAF,WAAUG;GACL,YAAAH,WAAUI;GACL,iBAAAJ,WAAUK;GAClB,SAAAL,WAAUM;GACN,aAAAN,WAAUQ;GACT,cAAAR,WAAUS;GACN,kBAAAT,WAAUU;EAAiB,CAAA,IAbhD;EAeOpB,EAAA,KAAAU;EAAAV,EAAA,KAAA0B;CAAA,OAAAA,KAAA1B,EAAA;CAAA,IAAA2B;CAAA,IAAA3B,EAAA,OAAAS,OAAAT,EAAA,OAAA0B,IAAA;EAjBVC,KAAA,qBAAA,OAAA;GAAkB,gBAAA;GAAlB,UAAA,CACGlB,KACAiB,EAgBG;;EAAA1B,EAAA,KAAAS;EAAAT,EAAA,KAAA0B;EAAA1B,EAAA,KAAA2B;CAAA,OAAAA,KAAA3B,EAAA;CAAA,IAAA4B;CAAA,IAAA5B,EAAA,OAAAV,UAAAU,EAAA,QAAAwB,MAAAxB,EAAA,QAAAyB,MAAAzB,EAAA,QAAA2B,IAAA;EArBRC,KAAA,qBAAC,eAAD;GAAuBtC;GAAvB,UAAA;IACEkC;IACAC;IACAE;GAHY;;EAsBE3B,EAAA,KAAAV;EAAAU,EAAA,MAAAwB;EAAAxB,EAAA,MAAAyB;EAAAzB,EAAA,MAAA2B;EAAA3B,EAAA,MAAA4B;CAAA,OAAAA,KAAA5B,EAAA;CAAA,OAtBhB4B;AAsBgB"}
+{"version":3,"file":"ItemTableFooter.js","names":["tasty","Pagination","Styles","ReactNode","CubeTablePageInfo","FooterElement","qa","as","styles","gridRow","preset","display","flow","gap","placeItems","padding","border","Start","$","width","Center","placeContent","flexGrow","End","ItemTableFooterProps","start","center","end","pagination","page","pageSize","total","totalPages","pageSizeOptions","summary","info","hasNextPage","onPageChange","onPageSizeChange","ItemTableFooter","t0","_c","t1","t2","t3","t4","t5","_c","Pagination"],"sources":["../../../../src/components/data/ItemTable/ItemTableFooter.tsx"],"sourcesContent":["import { tasty } from '@tenphi/tasty';\n\nimport { Pagination } from '../../navigation/Pagination/Pagination';\n\nimport type { Styles } from '@tenphi/tasty';\nimport type { ReactNode } from 'react';\nimport type { CubeTablePageInfo } from '../../navigation/Pagination';\n\nconst FooterElement = tasty({\n  qa: 'ItemTableFooter',\n  as: 'div',\n  styles: {\n    gridRow: 3,\n    // The footer is chrome around the data, so its text sits a step below the\n    // body's. Slot content inherits this, which is what keeps a consumer's own\n    // label matched to the pagination summary beside it.\n    preset: 't4',\n    display: 'flex',\n    flow: 'row',\n    gap: '1x',\n    placeItems: 'center',\n    padding: '1x',\n    border: '1bw #border top',\n\n    /**\n     * Three named slots. This is what replaces the `MutationObserver` that Cloud\n     * uses to inject a \"Load all results\" button into ag-grid's paging panel —\n     * ag-grid Community has no status bar, so there was nowhere to put it.\n     */\n    Start: {\n      $: '>',\n      display: 'flex',\n      flow: 'row',\n      gap: '1x',\n      placeItems: 'center',\n      width: 'min 0',\n    },\n    Center: {\n      $: '>',\n      display: 'flex',\n      flow: 'row',\n      gap: '1x',\n      placeItems: 'center',\n      placeContent: 'center',\n      // `flexGrow`, not a width: this is a flex item, and only grow makes it\n      // take the leftover space so its content actually lands in the middle.\n      flexGrow: 1,\n    },\n    End: {\n      $: '>',\n      display: 'flex',\n      flow: 'row',\n      gap: '1x',\n      placeItems: 'center',\n      placeContent: 'end',\n    },\n  },\n});\n\nexport interface ItemTableFooterProps {\n  start?: ReactNode;\n  center?: ReactNode;\n  end?: ReactNode;\n  /** Rendered in the end slot unless `end` overrides it. */\n  pagination?: {\n    page: number;\n    pageSize: number;\n    total: number;\n    totalPages?: number;\n    pageSizeOptions?: number[];\n    summary?: boolean | ((info: CubeTablePageInfo) => ReactNode);\n    hasNextPage?: boolean;\n    onPageChange: (page: number) => void;\n    onPageSizeChange?: (pageSize: number) => void;\n  };\n  styles?: Styles;\n}\n\nexport function ItemTableFooter({\n  start,\n  center,\n  end,\n  pagination,\n  styles,\n}: ItemTableFooterProps) {\n  return (\n    <FooterElement styles={styles}>\n      <div data-element=\"Start\">{start}</div>\n      <div data-element=\"Center\">{center}</div>\n      <div data-element=\"End\">\n        {end}\n        {pagination ? (\n          <Pagination\n            // The footer is chrome around the data, not part of it — its\n            // controls sit a step below the toolbar's.\n            size=\"xsmall\"\n            page={pagination.page}\n            pageSize={pagination.pageSize}\n            total={pagination.total}\n            totalPages={pagination.totalPages}\n            pageSizeOptions={pagination.pageSizeOptions}\n            summary={pagination.summary}\n            hasNextPage={pagination.hasNextPage}\n            onPageChange={pagination.onPageChange}\n            onPageSizeChange={pagination.onPageSizeChange}\n          />\n        ) : null}\n      </div>\n    </FooterElement>\n  );\n}\n"],"mappings":";;;;;;AAQA,MAAMK,gBAAgBL,MAAM;CAC1BM,IAAI;CACJC,IAAI;CACJC,QAAQ;EACNC,SAAS;EAITC,QAAQ;EACRC,SAAS;EACTC,MAAM;EACNC,KAAK;EACLC,YAAY;EACZC,SAAS;EACTC,QAAQ;;;;;;EAORC,OAAO;GACLC,GAAG;GACHP,SAAS;GACTC,MAAM;GACNC,KAAK;GACLC,YAAY;GACZK,OAAO;EACT;EACAC,QAAQ;GACNF,GAAG;GACHP,SAAS;GACTC,MAAM;GACNC,KAAK;GACLC,YAAY;GACZO,cAAc;GAGdC,UAAU;EACZ;EACAC,KAAK;GACHL,GAAG;GACHP,SAAS;GACTC,MAAM;GACNC,KAAK;GACLC,YAAY;GACZO,cAAc;EAChB;CACF;AACF,CAAC;AAqBD,SAAOkB,gBAAAC,IAAA;CAAA,MAAAtB,IAAAuB,EAAA,EAAA;CAAyB,MAAA,EAAAhB,OAAAC,QAAAC,KAAAC,YAAApB,WAAAgC;CAMT,IAAAE;CAAA,IAAAxB,EAAA,OAAAO,OAAA;EAGjBiB,KAAA,oBAAA,OAAA;GAAkB,gBAAA;GAASjB,UAAAA;EAAY,CAAA;EAAAP,EAAA,KAAAO;EAAAP,EAAA,KAAAwB;CAAA,OAAAA,KAAAxB,EAAA;CAAA,IAAAyB;CAAA,IAAAzB,EAAA,OAAAQ,QAAA;EACvCiB,KAAA,oBAAA,OAAA;GAAkB,gBAAA;GAAUjB,UAAAA;EAAa,CAAA;EAAAR,EAAA,KAAAQ;EAAAR,EAAA,KAAAyB;CAAA,OAAAA,KAAAzB,EAAA;CAAA,IAAA0B;CAAA,IAAA1B,EAAA,OAAAU,YAAA;EAGtCgB,KAAAhB,aACC,oBAACoB,aAAD;GAGO,MAAA;GACC,MAAApB,WAAUC;GACN,UAAAD,WAAUE;GACb,OAAAF,WAAUG;GACL,YAAAH,WAAUI;GACL,iBAAAJ,WAAUK;GAClB,SAAAL,WAAUM;GACN,aAAAN,WAAUQ;GACT,cAAAR,WAAUS;GACN,kBAAAT,WAAUU;EAAiB,CAAA,IAbhD;EAeOpB,EAAA,KAAAU;EAAAV,EAAA,KAAA0B;CAAA,OAAAA,KAAA1B,EAAA;CAAA,IAAA2B;CAAA,IAAA3B,EAAA,OAAAS,OAAAT,EAAA,OAAA0B,IAAA;EAjBVC,KAAA,qBAAA,OAAA;GAAkB,gBAAA;GAAlB,UAAA,CACGlB,KACAiB,EAgBG;;EAAA1B,EAAA,KAAAS;EAAAT,EAAA,KAAA0B;EAAA1B,EAAA,KAAA2B;CAAA,OAAAA,KAAA3B,EAAA;CAAA,IAAA4B;CAAA,IAAA5B,EAAA,OAAAV,UAAAU,EAAA,QAAAwB,MAAAxB,EAAA,QAAAyB,MAAAzB,EAAA,QAAA2B,IAAA;EArBRC,KAAA,qBAAC,eAAD;GAAuBtC;GAAvB,UAAA;IACEkC;IACAC;IACAE;GAHY;;EAsBE3B,EAAA,KAAAV;EAAAU,EAAA,MAAAwB;EAAAxB,EAAA,MAAAyB;EAAAzB,EAAA,MAAA2B;EAAA3B,EAAA,MAAA4B;CAAA,OAAAA,KAAA5B,EAAA;CAAA,OAtBhB4B;AAsBgB"}

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

@@ -1,6 +1,6 @@
-/** @license MIT | @cube-dev/ui-kit v0.207.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.208.0 | Cube Dev Team */
 import { useI18n } from "../../../i18n/useI18n.js";
-import { Button } from "../../actions/index.js";
+import { Button } from "../../actions/Button/Button.js";
 import { ReloadIcon } from "../../../icons/ReloadIcon.js";
 import { SearchInput } from "../../fields/SearchInput/SearchInput.js";
 import { c } from "react/compiler-runtime";

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

@@ -1 +1 @@
-{"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","_c"],"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 37.5x' },\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      isBare\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":"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"}
+{"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","_c"],"sources":["../../../../src/components/data/ItemTable/ItemTableToolbar.tsx"],"sourcesContent":["import { tasty } from '@tenphi/tasty';\nimport { createContext, useContext } from 'react';\n\nimport { useI18n } from '../../../i18n/useI18n';\nimport { ReloadIcon } from '../../../icons/ReloadIcon';\nimport { Button } from '../../actions/Button/Button';\nimport { SearchInput } from '../../fields/SearchInput/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 37.5x' },\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      isBare\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":"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"}

package/dist/components/data/ItemTable/item-table-sections.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.207.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.208.0 | Cube Dev Team */
 //#region src/components/data/ItemTable/item-table-sections.ts
 /** Stable partition after sorting preserves each section's own sort order. */
 function buildItemTableSections(data, sortedRows, sections, getSectionKey, getRowKey) {

package/dist/components/data/ItemTable/use-item-table-column-widths.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.207.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.208.0 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { freezeColumnWidths, useTableColumns } from "../TableBase/use-table-columns.js";
 import { c } from "react/compiler-runtime";

package/dist/components/data/ItemTable/use-item-table-drag-drop.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.207.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.208.0 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { isTableTreeDescendant } from "../TableBase/table-tree.js";
 import { ItemTableDragPreview } from "./ItemTableDragPreview.js";

package/dist/components/data/ItemTable/use-item-table-pagination.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.207.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.208.0 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { clampPage, getPageInfo } from "../../navigation/Pagination/use-pagination.js";
 import { reindexTableTree } from "../TableBase/table-tree.js";

package/dist/components/data/ItemTable/use-item-table-selection.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.207.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.208.0 | Cube Dev Team */
 import { flattenTableTree } from "../TableBase/table-tree.js";
 import { useTableSelection } from "../TableBase/use-table-selection.js";
 import { c } from "react/compiler-runtime";

package/dist/components/data/ItemTable/use-item-table-sort.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.207.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.208.0 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { sortTableTree } from "../TableBase/table-tree.js";
 import { compareByColumn, useTableSort } from "../TableBase/use-table-sort.js";

package/dist/components/data/ItemTable/use-item-table-tree-model.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.207.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.208.0 | Cube Dev Team */
 import { useWarn } from "../../../_internal/hooks/use-warn.js";
 import { buildTableTree } from "../TableBase/table-tree.js";
 import { c } from "react/compiler-runtime";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.207.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.208.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";

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

@@ -1 +1 @@
-{"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","_c","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 `ResizablePanel`,\n * 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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"}
+{"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","_c","mergeProps"],"sources":["../../../../src/components/data/TableBase/ColumnResizer.tsx"],"sourcesContent":["import { useRef } from 'react';\nimport { useMove } from 'react-aria';\n\nimport { useEvent } from '../../../_internal/hooks/use-event';\nimport { mergeProps } from '../../../utils/react/mergeProps';\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 `ResizablePanel`,\n * 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.207.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.208.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/TableHeaderCell.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.207.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.208.0 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { c } from "react/compiler-runtime";
 import { useEffect, useRef, useState } from "react";

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

@@ -1 +1 @@
-{"version":3,"file":"TableHeaderCell.js","names":["useEffect","useRef","useState","useDraggableItem","useDropIndicator","mergeProps","ReactNode","DraggableCollectionState","DroppableCollectionState","NO_DRAG_SELECTOR","TableHeaderCellProps","columnKey","cellProps","Record","hasAction","isLastDraggable","dragState","dropState","children","HeaderCell","props","$","_c","extra","t0","DraggableHeaderCell","key","dragProps","isDragging","t1","onDragStartCapture","_temp","t2","undefined","t3","t4","t5","t6","t7","event","target","HTMLElement","closest","preventDefault","stopPropagation","TableHeaderCell","ColumnDropIndicatorProps","dropPosition","ColumnDropIndicator","ref","type","dropIndicatorProps","isHidden","isDropTarget","forceUpdate","row","current","ResizeObserver","observer","_temp2","observe","disconnect","Symbol","for","n","_c","mergeProps"],"sources":["../../../../src/components/data/TableBase/TableHeaderCell.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\nimport { useDraggableItem, useDropIndicator } from 'react-aria';\n\nimport { mergeProps } from '../../../utils/react';\n\nimport type { ReactNode } from 'react';\nimport type {\n  DraggableCollectionState,\n  DroppableCollectionState,\n} from 'react-stately';\n\n/**\n * Controls inside the header that own their own press, and must never start a\n * column drag.\n *\n * Drag-source resolution walks the DOM tree, not the React event path, so\n * `Item`'s `Actions` slot calling `stopPropagation` does nothing here — the\n * `<th>` is still the drag source as far as the browser is concerned. Only\n * `preventDefault` on `dragstart` stops it, which is what the capture handler\n * below does.\n */\nconst NO_DRAG_SELECTOR =\n  '[data-element=\"Resizer\"], [data-element=\"Actions\"], a, button, input, select, textarea, [role=\"button\"], [role=\"menuitem\"]';\n\nexport interface TableHeaderCellProps {\n  columnKey: string;\n  /** Everything the renderer already computed: mods, ARIA, handlers, styles. */\n  cellProps: Record<string, any>;\n  /** Whether the header itself responds to Enter — i.e. it sorts. */\n  hasAction: boolean;\n  isLastDraggable: boolean;\n  dragState?: DraggableCollectionState;\n  dropState?: DroppableCollectionState;\n  children: ReactNode;\n}\n\nfunction HeaderCell(\n  props: TableHeaderCellProps & { extra?: Record<string, any> },\n) {\n  const { cellProps, extra, children } = props;\n\n  return (\n    <th {...cellProps} {...extra}>\n      {children}\n    </th>\n  );\n}\n\n/**\n * A header cell inside a collection that accepts drags.\n *\n * Split from the plain one so the drag hooks can be called unconditionally —\n * they are hooks, and whether a table reorders its columns is a prop.\n */\nfunction DraggableHeaderCell(props: TableHeaderCellProps) {\n  const { columnKey, hasAction, isLastDraggable, dragState, dropState } = props;\n\n  const { dragProps } = useDraggableItem(\n    // `hasAction` re-gates React Aria's Enter/Space capture behind Alt, so plain\n    // Enter still reaches the header's own sort handler instead of starting a\n    // keyboard drag session.\n    { key: columnKey, hasAction },\n    dragState as DraggableCollectionState,\n  );\n  const isDragging = dragState!.isDragging(columnKey);\n\n  return (\n    <HeaderCell\n      {...props}\n      extra={{\n        // `dragProps` last for `draggable`, which is a value rather than a\n        // handler — `mergeProps` chains handlers but takes the later value. The\n        // sort `onClick` survives: `useDraggableItem` only deletes its own.\n        ...mergeProps(props.cellProps, dragProps, {\n          // Capture, so this runs before React Aria's own `onDragStart` on the\n          // same node and can cancel it.\n          onDragStartCapture: (event: any) => {\n            if ((event.target as HTMLElement)?.closest?.(NO_DRAG_SELECTOR)) {\n              event.preventDefault();\n              event.stopPropagation();\n            }\n          },\n        }),\n        'data-draggable': '',\n        'data-dragging': isDragging ? '' : undefined,\n      }}\n    >\n      <ColumnDropIndicator\n        columnKey={columnKey}\n        dropPosition=\"before\"\n        dropState={dropState as DroppableCollectionState}\n      />\n      {props.children}\n      {isLastDraggable ? (\n        <ColumnDropIndicator\n          columnKey={columnKey}\n          dropPosition=\"after\"\n          dropState={dropState as DroppableCollectionState}\n        />\n      ) : null}\n    </HeaderCell>\n  );\n}\n\nexport function TableHeaderCell(props: TableHeaderCellProps) {\n  return props.dragState && props.dropState ? (\n    <DraggableHeaderCell {...props} />\n  ) : (\n    <HeaderCell {...props} />\n  );\n}\n\ninterface ColumnDropIndicatorProps {\n  columnKey: string;\n  dropPosition: 'before' | 'after';\n  dropState: DroppableCollectionState;\n}\n\n/**\n * The line showing where a dragged column would land.\n *\n * Lives INSIDE the `<th>`, absolutely positioned on one of its edges — a `<tr>`\n * may only contain `<th>`/`<td>`, so there is nowhere between two header cells\n * to put it. Being absolute also means mounting one cannot shift the layout,\n * which is the bug class the row indicator had to be careful about.\n *\n * `useDropIndicator` reports `isHidden` unless this is the active target, so a\n * table merely capable of reordering keeps its exact DOM until a drag starts.\n */\nfunction ColumnDropIndicator({\n  columnKey,\n  dropPosition,\n  dropState,\n}: ColumnDropIndicatorProps) {\n  const ref = useRef<HTMLDivElement>(null);\n  const { dropIndicatorProps, isHidden, isDropTarget } = useDropIndicator(\n    { target: { type: 'item', key: columnKey, dropPosition } },\n    dropState,\n    ref,\n  );\n\n  /**\n   * Re-register the drop targets when the header's geometry changes.\n   *\n   * React Aria's `ListDropTargetDelegate` measures every `[data-key]` at the\n   * moment a drag starts. A column resized mid-drag — or a scrollbar appearing —\n   * leaves those rects stale, and the drop lands in the wrong place. Same trick\n   * `TabDropIndicator` uses.\n   */\n  const [, forceUpdate] = useState(0);\n\n  useEffect(() => {\n    const row = ref.current?.closest('[data-element=\"HeadRow\"]');\n\n    if (!row || typeof ResizeObserver === 'undefined') return;\n\n    const observer = new ResizeObserver(() => forceUpdate((n) => n + 1));\n\n    observer.observe(row);\n\n    return () => observer.disconnect();\n  }, []);\n\n  if (isHidden) return null;\n\n  return (\n    <div\n      {...dropIndicatorProps}\n      ref={ref}\n      data-element=\"ColumnDropIndicator\"\n      data-position={dropPosition}\n      data-drop-target={isDropTarget ? '' : undefined}\n    />\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"TableHeaderCell.js","names":["useEffect","useRef","useState","useDraggableItem","useDropIndicator","mergeProps","ReactNode","DraggableCollectionState","DroppableCollectionState","NO_DRAG_SELECTOR","TableHeaderCellProps","columnKey","cellProps","Record","hasAction","isLastDraggable","dragState","dropState","children","HeaderCell","props","$","_c","extra","t0","DraggableHeaderCell","key","dragProps","isDragging","t1","onDragStartCapture","_temp","t2","undefined","t3","t4","t5","t6","t7","event","target","HTMLElement","closest","preventDefault","stopPropagation","TableHeaderCell","ColumnDropIndicatorProps","dropPosition","ColumnDropIndicator","ref","type","dropIndicatorProps","isHidden","isDropTarget","forceUpdate","row","current","ResizeObserver","observer","_temp2","observe","disconnect","Symbol","for","n","_c","mergeProps"],"sources":["../../../../src/components/data/TableBase/TableHeaderCell.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\nimport { useDraggableItem, useDropIndicator } from 'react-aria';\n\nimport { mergeProps } from '../../../utils/react/mergeProps';\n\nimport type { ReactNode } from 'react';\nimport type {\n  DraggableCollectionState,\n  DroppableCollectionState,\n} from 'react-stately';\n\n/**\n * Controls inside the header that own their own press, and must never start a\n * column drag.\n *\n * Drag-source resolution walks the DOM tree, not the React event path, so\n * `Item`'s `Actions` slot calling `stopPropagation` does nothing here — the\n * `<th>` is still the drag source as far as the browser is concerned. Only\n * `preventDefault` on `dragstart` stops it, which is what the capture handler\n * below does.\n */\nconst NO_DRAG_SELECTOR =\n  '[data-element=\"Resizer\"], [data-element=\"Actions\"], a, button, input, select, textarea, [role=\"button\"], [role=\"menuitem\"]';\n\nexport interface TableHeaderCellProps {\n  columnKey: string;\n  /** Everything the renderer already computed: mods, ARIA, handlers, styles. */\n  cellProps: Record<string, any>;\n  /** Whether the header itself responds to Enter — i.e. it sorts. */\n  hasAction: boolean;\n  isLastDraggable: boolean;\n  dragState?: DraggableCollectionState;\n  dropState?: DroppableCollectionState;\n  children: ReactNode;\n}\n\nfunction HeaderCell(\n  props: TableHeaderCellProps & { extra?: Record<string, any> },\n) {\n  const { cellProps, extra, children } = props;\n\n  return (\n    <th {...cellProps} {...extra}>\n      {children}\n    </th>\n  );\n}\n\n/**\n * A header cell inside a collection that accepts drags.\n *\n * Split from the plain one so the drag hooks can be called unconditionally —\n * they are hooks, and whether a table reorders its columns is a prop.\n */\nfunction DraggableHeaderCell(props: TableHeaderCellProps) {\n  const { columnKey, hasAction, isLastDraggable, dragState, dropState } = props;\n\n  const { dragProps } = useDraggableItem(\n    // `hasAction` re-gates React Aria's Enter/Space capture behind Alt, so plain\n    // Enter still reaches the header's own sort handler instead of starting a\n    // keyboard drag session.\n    { key: columnKey, hasAction },\n    dragState as DraggableCollectionState,\n  );\n  const isDragging = dragState!.isDragging(columnKey);\n\n  return (\n    <HeaderCell\n      {...props}\n      extra={{\n        // `dragProps` last for `draggable`, which is a value rather than a\n        // handler — `mergeProps` chains handlers but takes the later value. The\n        // sort `onClick` survives: `useDraggableItem` only deletes its own.\n        ...mergeProps(props.cellProps, dragProps, {\n          // Capture, so this runs before React Aria's own `onDragStart` on the\n          // same node and can cancel it.\n          onDragStartCapture: (event: any) => {\n            if ((event.target as HTMLElement)?.closest?.(NO_DRAG_SELECTOR)) {\n              event.preventDefault();\n              event.stopPropagation();\n            }\n          },\n        }),\n        'data-draggable': '',\n        'data-dragging': isDragging ? '' : undefined,\n      }}\n    >\n      <ColumnDropIndicator\n        columnKey={columnKey}\n        dropPosition=\"before\"\n        dropState={dropState as DroppableCollectionState}\n      />\n      {props.children}\n      {isLastDraggable ? (\n        <ColumnDropIndicator\n          columnKey={columnKey}\n          dropPosition=\"after\"\n          dropState={dropState as DroppableCollectionState}\n        />\n      ) : null}\n    </HeaderCell>\n  );\n}\n\nexport function TableHeaderCell(props: TableHeaderCellProps) {\n  return props.dragState && props.dropState ? (\n    <DraggableHeaderCell {...props} />\n  ) : (\n    <HeaderCell {...props} />\n  );\n}\n\ninterface ColumnDropIndicatorProps {\n  columnKey: string;\n  dropPosition: 'before' | 'after';\n  dropState: DroppableCollectionState;\n}\n\n/**\n * The line showing where a dragged column would land.\n *\n * Lives INSIDE the `<th>`, absolutely positioned on one of its edges — a `<tr>`\n * may only contain `<th>`/`<td>`, so there is nowhere between two header cells\n * to put it. Being absolute also means mounting one cannot shift the layout,\n * which is the bug class the row indicator had to be careful about.\n *\n * `useDropIndicator` reports `isHidden` unless this is the active target, so a\n * table merely capable of reordering keeps its exact DOM until a drag starts.\n */\nfunction ColumnDropIndicator({\n  columnKey,\n  dropPosition,\n  dropState,\n}: ColumnDropIndicatorProps) {\n  const ref = useRef<HTMLDivElement>(null);\n  const { dropIndicatorProps, isHidden, isDropTarget } = useDropIndicator(\n    { target: { type: 'item', key: columnKey, dropPosition } },\n    dropState,\n    ref,\n  );\n\n  /**\n   * Re-register the drop targets when the header's geometry changes.\n   *\n   * React Aria's `ListDropTargetDelegate` measures every `[data-key]` at the\n   * moment a drag starts. A column resized mid-drag — or a scrollbar appearing —\n   * leaves those rects stale, and the drop lands in the wrong place. Same trick\n   * `TabDropIndicator` uses.\n   */\n  const [, forceUpdate] = useState(0);\n\n  useEffect(() => {\n    const row = ref.current?.closest('[data-element=\"HeadRow\"]');\n\n    if (!row || typeof ResizeObserver === 'undefined') return;\n\n    const observer = new ResizeObserver(() => forceUpdate((n) => n + 1));\n\n    observer.observe(row);\n\n    return () => observer.disconnect();\n  }, []);\n\n  if (isHidden) return null;\n\n  return (\n    <div\n      {...dropIndicatorProps}\n      ref={ref}\n      data-element=\"ColumnDropIndicator\"\n      data-position={dropPosition}\n      data-drop-target={isDropTarget ? '' : undefined}\n    />\n  );\n}\n"],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.207.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.208.0 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { mergeRefs } from "../../../utils/react/useCombinedRefs.js";
 import { c } from "react/compiler-runtime";

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

@@ -1 +1 @@
-{"version":3,"file":"TableRow.js","names":["useRef","useDraggableItem","useDropIndicator","useTreeItem","mergeProps","mergeRefs","Key","Node","ReactNode","Ref","DraggableCollectionState","DroppableCollectionState","TreeState","TableTreeNode","TableRowTreeProps","state","T","node","entry","isVirtualized","TableRowProps","rowKey","rowProps","Record","height","measureRef","HTMLTableRowElement","rowRef","index","dragState","dropState","tree","children","treeItemAria","ReturnType","Row","props","$","_c","extra","t0","t1","undefined","t2","t3","DraggableRow","key","dragResult","onRef","target","type","dropPosition","isDropTarget","isOnTarget","dragProps","isDragging","t4","t5","t6","TreeRow","length","hasChildItems","treeItemOptions","level","siblingCount","siblingIndex","next","TableRow","TableRowDropIndicatorProps","columnCount","TableRowDropIndicator","ref","dropIndicatorProps","isHidden","Math","max","_c","mergeProps","treeItemOptions"],"sources":["../../../../src/components/data/TableBase/TableRow.tsx"],"sourcesContent":["import { useRef } from 'react';\nimport { useDraggableItem, useDropIndicator, useTreeItem } from 'react-aria';\n\nimport { mergeProps, mergeRefs } from '../../../utils/react';\n\nimport type { Key, Node } from '@react-types/shared';\nimport type { ReactNode, Ref } from 'react';\nimport type {\n  DraggableCollectionState,\n  DroppableCollectionState,\n  TreeState,\n} from 'react-stately';\nimport type { TableTreeNode } from './table-tree';\n\nexport interface TableRowTreeProps<T = any> {\n  state: TreeState<TableTreeNode<T>>;\n  node: Node<TableTreeNode<T>>;\n  entry: TableTreeNode<T>;\n  isVirtualized: boolean;\n}\n\nexport interface TableRowProps<T = any> {\n  rowKey: Key;\n  /** Everything the renderer already computed: mods, ARIA, handlers. */\n  rowProps: Record<string, any>;\n  height?: number;\n  /** Set on the virtualized path so the virtualizer can measure the row. */\n  measureRef?: Ref<HTMLTableRowElement>;\n  /** Internal React Aria row ref in tree mode. */\n  rowRef?: Ref<HTMLTableRowElement>;\n  index?: number;\n  dragState?: DraggableCollectionState;\n  dropState?: DroppableCollectionState;\n  tree?: TableRowTreeProps<T>;\n  children:\n    | ReactNode\n    | ((treeItemAria: ReturnType<typeof useTreeItem> | undefined) => ReactNode);\n}\n\nfunction Row(\n  props: TableRowProps & {\n    extra?: Record<string, any>;\n    rowRef?: Ref<HTMLTableRowElement>;\n  },\n) {\n  const { rowProps, height, measureRef, rowRef, index, extra, children } =\n    props;\n\n  return (\n    <tr\n      {...rowProps}\n      {...extra}\n      ref={mergeRefs(measureRef, rowRef)}\n      data-index={index}\n      // oxlint-disable-next-line tasty/no-style-prop -- a native row styled by `TableElement`; carries the virtualizer's measured height\n      style={height != null ? { height } : undefined}\n    >\n      {typeof children === 'function' ? children(undefined) : children}\n    </tr>\n  );\n}\n\n/**\n * A row inside a collection that accepts drags.\n *\n * Split from the plain row so the drag hooks can be called unconditionally —\n * they are hooks, and whether a table is draggable is a prop.\n */\nfunction DraggableRow(props: TableRowProps) {\n  const { rowKey, dragState, dropState } = props;\n\n  const dragResult = useDraggableItem(\n    { key: rowKey },\n    dragState as DraggableCollectionState,\n  );\n\n  /**\n   * Whether a drop would land *on* this row.\n   *\n   * `useDropIndicator` rather than asking `dropState.isDropTarget` directly:\n   * the state object's identity never changes as the pointer moves, so a plain\n   * read is computed once and never updates. The hook subscribes, which is what\n   * makes the highlight follow the cursor.\n   */\n  const onRef = useRef<HTMLDivElement>(null);\n  const { isDropTarget: isOnTarget } = useDropIndicator(\n    { target: { type: 'item', key: rowKey, dropPosition: 'on' } },\n    dropState as DroppableCollectionState,\n    onRef,\n  );\n\n  return (\n    <Row\n      {...props}\n      extra={{\n        ...mergeProps(props.rowProps, dragResult.dragProps),\n        'data-draggable': '',\n        'data-dragging': dragState!.isDragging(rowKey) ? '' : undefined,\n        'data-drop-target': isOnTarget ? '' : undefined,\n      }}\n    />\n  );\n}\n\nfunction TreeRow<T>(props: TableRowProps<T>) {\n  const { tree } = props;\n  const rowRef = useRef<HTMLTableRowElement>(null);\n  const treeItemOptions = {\n    node: tree!.node,\n    hasChildItems: tree!.entry.children.length > 0,\n    isVirtualized: tree!.isVirtualized,\n  };\n  const treeItemAria = useTreeItem(treeItemOptions, tree!.state, rowRef);\n\n  const rowProps = mergeProps(treeItemAria.rowProps, props.rowProps);\n\n  // Table geometry and ItemTable selection are separate from React Aria's\n  // internal focus-only selection manager, so the renderer's values win.\n  if (props.rowProps['aria-rowindex'] !== undefined) {\n    rowProps['aria-rowindex'] = props.rowProps['aria-rowindex'];\n  }\n  if (props.rowProps['aria-selected'] !== undefined) {\n    rowProps['aria-selected'] = props.rowProps['aria-selected'];\n  }\n  rowProps['aria-level'] = tree!.entry.level + 1;\n  rowProps['aria-posinset'] = tree!.entry.siblingIndex + 1;\n  rowProps['aria-setsize'] = tree!.entry.siblingCount;\n\n  const children =\n    typeof props.children === 'function'\n      ? props.children(treeItemAria)\n      : props.children;\n  const next = { ...props, rowProps, rowRef, children };\n\n  return props.dragState && props.dropState ? (\n    <DraggableRow {...next} />\n  ) : (\n    <Row {...next} />\n  );\n}\n\nexport function TableRow<T>(props: TableRowProps<T>) {\n  if (props.tree) return <TreeRow {...props} />;\n\n  return props.dragState && props.dropState ? (\n    <DraggableRow {...props} />\n  ) : (\n    <Row {...props} />\n  );\n}\n\nexport interface TableRowDropIndicatorProps {\n  rowKey: Key;\n  dropPosition: 'before' | 'after';\n  dropState: DroppableCollectionState;\n  columnCount: number;\n}\n\n/**\n * The line showing where a dragged row would land.\n *\n * Its own `<tr>`, because a native table cannot hold an arbitrary element\n * between two rows — the same shape `ListBox` uses with `<li>`. It renders\n * nothing at all unless a drag is in flight, so the table's normal structure is\n * untouched the rest of the time.\n */\nexport function TableRowDropIndicator(props: TableRowDropIndicatorProps) {\n  const { rowKey, dropPosition, dropState, columnCount } = props;\n  const ref = useRef<HTMLDivElement>(null);\n  const { dropIndicatorProps, isHidden, isDropTarget } = useDropIndicator(\n    { target: { type: 'item', key: rowKey, dropPosition } },\n    dropState,\n    ref,\n  );\n\n  if (isHidden) return null;\n\n  return (\n    <tr data-element=\"DropIndicatorRow\">\n      <td data-element=\"DropIndicatorCell\" colSpan={Math.max(columnCount, 1)}>\n        <div\n          {...dropIndicatorProps}\n          ref={ref}\n          data-element=\"DropIndicator\"\n          data-drop-target={isDropTarget ? '' : undefined}\n        />\n      </td>\n    </tr>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"TableRow.js","names":["useRef","useDraggableItem","useDropIndicator","useTreeItem","mergeProps","mergeRefs","Key","Node","ReactNode","Ref","DraggableCollectionState","DroppableCollectionState","TreeState","TableTreeNode","TableRowTreeProps","state","T","node","entry","isVirtualized","TableRowProps","rowKey","rowProps","Record","height","measureRef","HTMLTableRowElement","rowRef","index","dragState","dropState","tree","children","treeItemAria","ReturnType","Row","props","$","_c","extra","t0","t1","undefined","t2","t3","DraggableRow","key","dragResult","onRef","target","type","dropPosition","isDropTarget","isOnTarget","dragProps","isDragging","t4","t5","t6","TreeRow","length","hasChildItems","treeItemOptions","level","siblingCount","siblingIndex","next","TableRow","TableRowDropIndicatorProps","columnCount","TableRowDropIndicator","ref","dropIndicatorProps","isHidden","Math","max","_c","mergeProps","treeItemOptions"],"sources":["../../../../src/components/data/TableBase/TableRow.tsx"],"sourcesContent":["import { useRef } from 'react';\nimport { useDraggableItem, useDropIndicator, useTreeItem } from 'react-aria';\n\nimport { mergeProps } from '../../../utils/react/mergeProps';\nimport { mergeRefs } from '../../../utils/react/useCombinedRefs';\n\nimport type { Key, Node } from '@react-types/shared';\nimport type { ReactNode, Ref } from 'react';\nimport type {\n  DraggableCollectionState,\n  DroppableCollectionState,\n  TreeState,\n} from 'react-stately';\nimport type { TableTreeNode } from './table-tree';\n\nexport interface TableRowTreeProps<T = any> {\n  state: TreeState<TableTreeNode<T>>;\n  node: Node<TableTreeNode<T>>;\n  entry: TableTreeNode<T>;\n  isVirtualized: boolean;\n}\n\nexport interface TableRowProps<T = any> {\n  rowKey: Key;\n  /** Everything the renderer already computed: mods, ARIA, handlers. */\n  rowProps: Record<string, any>;\n  height?: number;\n  /** Set on the virtualized path so the virtualizer can measure the row. */\n  measureRef?: Ref<HTMLTableRowElement>;\n  /** Internal React Aria row ref in tree mode. */\n  rowRef?: Ref<HTMLTableRowElement>;\n  index?: number;\n  dragState?: DraggableCollectionState;\n  dropState?: DroppableCollectionState;\n  tree?: TableRowTreeProps<T>;\n  children:\n    | ReactNode\n    | ((treeItemAria: ReturnType<typeof useTreeItem> | undefined) => ReactNode);\n}\n\nfunction Row(\n  props: TableRowProps & {\n    extra?: Record<string, any>;\n    rowRef?: Ref<HTMLTableRowElement>;\n  },\n) {\n  const { rowProps, height, measureRef, rowRef, index, extra, children } =\n    props;\n\n  return (\n    <tr\n      {...rowProps}\n      {...extra}\n      ref={mergeRefs(measureRef, rowRef)}\n      data-index={index}\n      // oxlint-disable-next-line tasty/no-style-prop -- a native row styled by `TableElement`; carries the virtualizer's measured height\n      style={height != null ? { height } : undefined}\n    >\n      {typeof children === 'function' ? children(undefined) : children}\n    </tr>\n  );\n}\n\n/**\n * A row inside a collection that accepts drags.\n *\n * Split from the plain row so the drag hooks can be called unconditionally —\n * they are hooks, and whether a table is draggable is a prop.\n */\nfunction DraggableRow(props: TableRowProps) {\n  const { rowKey, dragState, dropState } = props;\n\n  const dragResult = useDraggableItem(\n    { key: rowKey },\n    dragState as DraggableCollectionState,\n  );\n\n  /**\n   * Whether a drop would land *on* this row.\n   *\n   * `useDropIndicator` rather than asking `dropState.isDropTarget` directly:\n   * the state object's identity never changes as the pointer moves, so a plain\n   * read is computed once and never updates. The hook subscribes, which is what\n   * makes the highlight follow the cursor.\n   */\n  const onRef = useRef<HTMLDivElement>(null);\n  const { isDropTarget: isOnTarget } = useDropIndicator(\n    { target: { type: 'item', key: rowKey, dropPosition: 'on' } },\n    dropState as DroppableCollectionState,\n    onRef,\n  );\n\n  return (\n    <Row\n      {...props}\n      extra={{\n        ...mergeProps(props.rowProps, dragResult.dragProps),\n        'data-draggable': '',\n        'data-dragging': dragState!.isDragging(rowKey) ? '' : undefined,\n        'data-drop-target': isOnTarget ? '' : undefined,\n      }}\n    />\n  );\n}\n\nfunction TreeRow<T>(props: TableRowProps<T>) {\n  const { tree } = props;\n  const rowRef = useRef<HTMLTableRowElement>(null);\n  const treeItemOptions = {\n    node: tree!.node,\n    hasChildItems: tree!.entry.children.length > 0,\n    isVirtualized: tree!.isVirtualized,\n  };\n  const treeItemAria = useTreeItem(treeItemOptions, tree!.state, rowRef);\n\n  const rowProps = mergeProps(treeItemAria.rowProps, props.rowProps);\n\n  // Table geometry and ItemTable selection are separate from React Aria's\n  // internal focus-only selection manager, so the renderer's values win.\n  if (props.rowProps['aria-rowindex'] !== undefined) {\n    rowProps['aria-rowindex'] = props.rowProps['aria-rowindex'];\n  }\n  if (props.rowProps['aria-selected'] !== undefined) {\n    rowProps['aria-selected'] = props.rowProps['aria-selected'];\n  }\n  rowProps['aria-level'] = tree!.entry.level + 1;\n  rowProps['aria-posinset'] = tree!.entry.siblingIndex + 1;\n  rowProps['aria-setsize'] = tree!.entry.siblingCount;\n\n  const children =\n    typeof props.children === 'function'\n      ? props.children(treeItemAria)\n      : props.children;\n  const next = { ...props, rowProps, rowRef, children };\n\n  return props.dragState && props.dropState ? (\n    <DraggableRow {...next} />\n  ) : (\n    <Row {...next} />\n  );\n}\n\nexport function TableRow<T>(props: TableRowProps<T>) {\n  if (props.tree) return <TreeRow {...props} />;\n\n  return props.dragState && props.dropState ? (\n    <DraggableRow {...props} />\n  ) : (\n    <Row {...props} />\n  );\n}\n\nexport interface TableRowDropIndicatorProps {\n  rowKey: Key;\n  dropPosition: 'before' | 'after';\n  dropState: DroppableCollectionState;\n  columnCount: number;\n}\n\n/**\n * The line showing where a dragged row would land.\n *\n * Its own `<tr>`, because a native table cannot hold an arbitrary element\n * between two rows — the same shape `ListBox` uses with `<li>`. It renders\n * nothing at all unless a drag is in flight, so the table's normal structure is\n * untouched the rest of the time.\n */\nexport function TableRowDropIndicator(props: TableRowDropIndicatorProps) {\n  const { rowKey, dropPosition, dropState, columnCount } = props;\n  const ref = useRef<HTMLDivElement>(null);\n  const { dropIndicatorProps, isHidden, isDropTarget } = useDropIndicator(\n    { target: { type: 'item', key: rowKey, dropPosition } },\n    dropState,\n    ref,\n  );\n\n  if (isHidden) return null;\n\n  return (\n    <tr data-element=\"DropIndicatorRow\">\n      <td data-element=\"DropIndicatorCell\" colSpan={Math.max(columnCount, 1)}>\n        <div\n          {...dropIndicatorProps}\n          ref={ref}\n          data-element=\"DropIndicator\"\n          data-drop-target={isDropTarget ? '' : undefined}\n        />\n      </td>\n    </tr>\n  );\n}\n"],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.207.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.208.0 | Cube Dev Team */
 import { useTracking } from "../../../providers/TrackingProvider.js";
 import { useNavigation } from "../../../providers/use-navigation.js";
 import { parseTo, performClickHandler } from "../../actions/use-action.js";

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

@@ -1,22 +1,22 @@
-/** @license MIT | @cube-dev/ui-kit v0.207.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.208.0 | Cube Dev Team */
 import { useSlotProps } from "../../../utils/react/Slots.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { TooltipProvider } from "../../overlays/Tooltip/TooltipProvider.js";
 import { TextItemWithNativeLink } from "../../content/TextItem/TextItem.js";
 import { ItemAction } from "../../actions/ItemAction/ItemAction.js";
 import { useI18n } from "../../../i18n/useI18n.js";
-import { DirectionIcon } from "../../../icons/DirectionIcon.js";
-import { MenuTrigger as _MenuTrigger } from "../../actions/Menu/MenuTrigger.js";
-import { Menu as __Menu } from "../../actions/Menu/Menu.js";
-import { useContextMenu } from "../../actions/use-context-menu.js";
 import { useToast } from "../../overlays/Toast/useToast.js";
 import { usePaletteVersion } from "../../../tokens/palette-config.js";
 import { SIZES, SIZE_NAME_TO_KEY } from "../../../tokens/sizes.js";
-import { getColorTheme, useColorTheme } from "../../../tokens/color-theme.js";
+import { DirectionIcon } from "../../../icons/DirectionIcon.js";
 import { MoreIcon } from "../../../icons/MoreIcon.js";
+import { MenuTrigger as _MenuTrigger } from "../../actions/Menu/MenuTrigger.js";
+import { Menu as __Menu } from "../../actions/Menu/Menu.js";
+import { useContextMenu } from "../../actions/use-context-menu.js";
 import { Checkbox as __Checkbox } from "../../fields/Checkbox/Checkbox.js";
 import { Placeholder, PlaceholderGroupContext } from "../../content/Placeholder/Placeholder.js";
 import { Skeleton } from "../../content/Skeleton/Skeleton.js";
+import { getColorTheme, useColorTheme } from "../../../tokens/color-theme.js";
 import { TableElement, TableHeaderItem, TableTreeToggle, TableTreeTogglePlaceholder } from "./styled.js";
 import { renderColumnHeaderContent, resolveColumnSort } from "./column-header.js";
 import { columnCellClassName } from "./column-styles.js";