@drivenets/design-system 0.0.3 → 0.0.5

package/dist/components/ds-table/components/ds-table-header/ds-table-header.js.map

@@ -1 +1 @@
-{"version":3,"file":"ds-table-header.js","names":["classnames","styles","DsCheckbox","stylesShared","DsIcon"],"sources":["../../../../../src/components/ds-table/components/ds-table-header/ds-table-header.tsx"],"sourcesContent":["import { flexRender } from '@tanstack/react-table';\nimport classnames from 'classnames';\nimport { DsCheckbox } from '../../../ds-checkbox';\nimport { DsIcon } from '../../../ds-icon';\nimport { TableHead, TableHeader, TableRow } from '../core-table';\nimport styles from './ds-table-header.module.scss';\nimport stylesShared from '../../styles/shared/ds-table-shared.module.scss';\nimport type { DsTableHeaderProps } from './ds-table-header.types';\nimport { useDsTableContext } from '../../context/ds-table-context';\nimport { getColumnStyle } from '../../utils/column-styling';\n\nconst DsTableHeader = <TData,>({ table }: DsTableHeaderProps<TData>) => {\n\tconst { stickyHeader, bordered, expandable, selectable, reorderable, showSelectAllCheckbox, virtualized } =\n\t\tuseDsTableContext<TData, unknown>();\n\n\treturn (\n\t\t<TableHeader\n\t\t\tclassName={classnames(stickyHeader && styles.stickyHeader, virtualized && styles.virtualizedHeader)}\n\t\t>\n\t\t\t{table.getHeaderGroups().map((headerGroup) => (\n\t\t\t\t<TableRow\n\t\t\t\t\tkey={headerGroup.id}\n\t\t\t\t\tclassName={classnames(\n\t\t\t\t\t\tstyles.headerRow,\n\t\t\t\t\t\t!bordered && styles.headerRowNoBorder,\n\t\t\t\t\t\tvirtualized && styles.headerRowVirtualized,\n\t\t\t\t\t)}\n\t\t\t\t>\n\t\t\t\t\t{selectable && (\n\t\t\t\t\t\t<TableHead className={classnames(styles.headerCell, styles.selectColumn)}>\n\t\t\t\t\t\t\t{showSelectAllCheckbox && (\n\t\t\t\t\t\t\t\t<DsCheckbox\n\t\t\t\t\t\t\t\t\tclassName={stylesShared.checkboxContainer}\n\t\t\t\t\t\t\t\t\tchecked={\n\t\t\t\t\t\t\t\t\t\ttable.getIsAllRowsSelected()\n\t\t\t\t\t\t\t\t\t\t\t? true\n\t\t\t\t\t\t\t\t\t\t\t: table.getIsSomeRowsSelected()\n\t\t\t\t\t\t\t\t\t\t\t\t? 'indeterminate'\n\t\t\t\t\t\t\t\t\t\t\t\t: false\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tonClick={(e) => {\n\t\t\t\t\t\t\t\t\t\te.stopPropagation();\n\t\t\t\t\t\t\t\t\t\tconst toggleHandler = table.getToggleAllRowsSelectedHandler();\n\t\t\t\t\t\t\t\t\t\ttoggleHandler(e);\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</TableHead>\n\t\t\t\t\t)}\n\t\t\t\t\t{expandable && <TableHead className={classnames(styles.headerCell, styles.expandColumn)} />}\n\t\t\t\t\t{reorderable && (\n\t\t\t\t\t\t<TableHead className={classnames(styles.headerCell, styles.reorderColumn)}>Order</TableHead>\n\t\t\t\t\t)}\n\t\t\t\t\t{headerGroup.headers.map((header, idx) => {\n\t\t\t\t\t\tconst isLastColumn = idx === headerGroup.headers.length - 1;\n\t\t\t\t\t\tconst headerStyle = getColumnStyle(header.column.getSize(), virtualized, isLastColumn);\n\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<TableHead\n\t\t\t\t\t\t\t\tkey={header.id}\n\t\t\t\t\t\t\t\tclassName={classnames(styles.headerCell, header.column.getCanSort() && styles.sortableHeader)}\n\t\t\t\t\t\t\t\tonClick={header.column.getToggleSortingHandler()}\n\t\t\t\t\t\t\t\tstyle={headerStyle}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{header.isPlaceholder ? null : (\n\t\t\t\t\t\t\t\t\t<div className={styles.headerSortContainer}>\n\t\t\t\t\t\t\t\t\t\t<div>{flexRender(header.column.columnDef.header, header.getContext())}</div>\n\t\t\t\t\t\t\t\t\t\t{header.column.getCanSort() && (\n\t\t\t\t\t\t\t\t\t\t\t<div className={styles.pageButtonIconContainer}>\n\t\t\t\t\t\t\t\t\t\t\t\t{{\n\t\t\t\t\t\t\t\t\t\t\t\t\tasc: (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<DsIcon\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ticon=\"arrow_drop_up\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tclassName={classnames(styles.pageButtonIcon, stylesShared.pageButtonIcon)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\t\t\t\tdesc: (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<DsIcon\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ticon=\"arrow_drop_down\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tclassName={classnames(styles.pageButtonIcon, stylesShared.pageButtonIcon)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\t\t\t}[header.column.getIsSorted() as string] ?? (\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div className={classnames(styles.pageButtonIcon, stylesShared.pageButtonIcon)} />\n\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</TableHead>\n\t\t\t\t\t\t);\n\t\t\t\t\t})}\n\t\t\t\t</TableRow>\n\t\t\t))}\n\t\t</TableHeader>\n\t);\n};\n\nexport default DsTableHeader;\n"],"mappings":";;;;;;;;;;;;;;;AAWA,MAAM,iBAAyB,EAAE,YAAuC;CACvE,MAAM,EAAE,cAAc,UAAU,YAAY,YAAY,aAAa,uBAAuB,gBAC3F,mBAAmC;AAEpC,QACC,oBAAC;EACA,WAAWA,WAAW,gBAAgBC,+BAAO,cAAc,eAAeA,+BAAO,kBAAkB;YAElG,MAAM,iBAAiB,CAAC,KAAK,gBAC7B,qBAAC;GAEA,WAAWD,WACVC,+BAAO,WACP,CAAC,YAAYA,+BAAO,mBACpB,eAAeA,+BAAO,qBACtB;;IAEA,cACA,oBAAC;KAAU,WAAWD,WAAWC,+BAAO,YAAYA,+BAAO,aAAa;eACtE,yBACA,oBAACC;MACA,WAAWC,+BAAa;MACxB,SACC,MAAM,sBAAsB,GACzB,OACA,MAAM,uBAAuB,GAC5B,kBACA;MAEL,UAAU,MAAM;AACf,SAAE,iBAAiB;AAEnB,OADsB,MAAM,iCAAiC,CAC/C,EAAE;;OAEhB;MAEQ;IAEZ,cAAc,oBAAC,aAAU,WAAWH,WAAWC,+BAAO,YAAYA,+BAAO,aAAa,GAAI;IAC1F,eACA,oBAAC;KAAU,WAAWD,WAAWC,+BAAO,YAAYA,+BAAO,cAAc;eAAE;MAAiB;IAE5F,YAAY,QAAQ,KAAK,QAAQ,QAAQ;KACzC,MAAM,eAAe,QAAQ,YAAY,QAAQ,SAAS;KAC1D,MAAM,cAAc,eAAe,OAAO,OAAO,SAAS,EAAE,aAAa,aAAa;AAEtF,YACC,oBAAC;MAEA,WAAWD,WAAWC,+BAAO,YAAY,OAAO,OAAO,YAAY,IAAIA,+BAAO,eAAe;MAC7F,SAAS,OAAO,OAAO,yBAAyB;MAChD,OAAO;gBAEN,OAAO,gBAAgB,OACvB,qBAAC;OAAI,WAAWA,+BAAO;kBACtB,oBAAC,mBAAK,WAAW,OAAO,OAAO,UAAU,QAAQ,OAAO,YAAY,CAAC,GAAO,EAC3E,OAAO,OAAO,YAAY,IAC1B,oBAAC;QAAI,WAAWA,+BAAO;kBACrB;SACA,KACC,oBAACG;UACA,MAAK;UACL,WAAWJ,WAAWC,+BAAO,gBAAgBE,+BAAa,eAAe;WACxE;SAEH,MACC,oBAACC;UACA,MAAK;UACL,WAAWJ,WAAWC,+BAAO,gBAAgBE,+BAAa,eAAe;WACxE;SAEH,CAAC,OAAO,OAAO,aAAa,KAC5B,oBAAC,SAAI,WAAWH,WAAWC,+BAAO,gBAAgBE,+BAAa,eAAe,GAAI;SAE9E;QAEF;QA5BF,OAAO,GA8BD;MAEZ;;KAtEG,YAAY,GAuEP,CACV;GACW;;AAIhB,8BAAe"}
+{"version":3,"file":"ds-table-header.js","names":["flexRender","classnames","DsCheckbox","DsIcon","TableHead","TableHeader","TableRow","styles","stylesShared","DsTableHeaderProps","useDsTableContext","getColumnStyle","DsTableHeader","t0","$","_c","table","stickyHeader","bordered","expandable","selectable","reorderable","showSelectAllCheckbox","virtualized","t1","t2","virtualizedHeader","t3","t4","getHeaderGroups","map","headerGroup","id","headerRow","headerRowNoBorder","headerRowVirtualized","headerCell","selectColumn","checkboxContainer","getIsAllRowsSelected","getIsSomeRowsSelected","e","stopPropagation","toggleHandler","getToggleAllRowsSelectedHandler","expandColumn","reorderColumn","headers","header","idx","isLastColumn","length","headerStyle","column","getSize","getCanSort","sortableHeader","getToggleSortingHandler","isPlaceholder","headerSortContainer","columnDef","getContext","pageButtonIconContainer","asc","pageButtonIcon","desc","getIsSorted","t5"],"sources":["../../../../../src/components/ds-table/components/ds-table-header/ds-table-header.tsx"],"sourcesContent":["import { flexRender } from '@tanstack/react-table';\nimport classnames from 'classnames';\nimport { DsCheckbox } from '../../../ds-checkbox';\nimport { DsIcon } from '../../../ds-icon';\nimport { TableHead, TableHeader, TableRow } from '../core-table';\nimport styles from './ds-table-header.module.scss';\nimport stylesShared from '../../styles/shared/ds-table-shared.module.scss';\nimport type { DsTableHeaderProps } from './ds-table-header.types';\nimport { useDsTableContext } from '../../context/ds-table-context';\nimport { getColumnStyle } from '../../utils/column-styling';\n\nconst DsTableHeader = <TData,>({ table }: DsTableHeaderProps<TData>) => {\n\tconst { stickyHeader, bordered, expandable, selectable, reorderable, showSelectAllCheckbox, virtualized } =\n\t\tuseDsTableContext<TData, unknown>();\n\n\treturn (\n\t\t<TableHeader\n\t\t\tclassName={classnames(stickyHeader && styles.stickyHeader, virtualized && styles.virtualizedHeader)}\n\t\t>\n\t\t\t{table.getHeaderGroups().map((headerGroup) => (\n\t\t\t\t<TableRow\n\t\t\t\t\tkey={headerGroup.id}\n\t\t\t\t\tclassName={classnames(\n\t\t\t\t\t\tstyles.headerRow,\n\t\t\t\t\t\t!bordered && styles.headerRowNoBorder,\n\t\t\t\t\t\tvirtualized && styles.headerRowVirtualized,\n\t\t\t\t\t)}\n\t\t\t\t>\n\t\t\t\t\t{selectable && (\n\t\t\t\t\t\t<TableHead className={classnames(styles.headerCell, styles.selectColumn)}>\n\t\t\t\t\t\t\t{showSelectAllCheckbox && (\n\t\t\t\t\t\t\t\t<DsCheckbox\n\t\t\t\t\t\t\t\t\tclassName={stylesShared.checkboxContainer}\n\t\t\t\t\t\t\t\t\tchecked={\n\t\t\t\t\t\t\t\t\t\ttable.getIsAllRowsSelected()\n\t\t\t\t\t\t\t\t\t\t\t? true\n\t\t\t\t\t\t\t\t\t\t\t: table.getIsSomeRowsSelected()\n\t\t\t\t\t\t\t\t\t\t\t\t? 'indeterminate'\n\t\t\t\t\t\t\t\t\t\t\t\t: false\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tonClick={(e) => {\n\t\t\t\t\t\t\t\t\t\te.stopPropagation();\n\t\t\t\t\t\t\t\t\t\tconst toggleHandler = table.getToggleAllRowsSelectedHandler();\n\t\t\t\t\t\t\t\t\t\ttoggleHandler(e);\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</TableHead>\n\t\t\t\t\t)}\n\t\t\t\t\t{expandable && <TableHead className={classnames(styles.headerCell, styles.expandColumn)} />}\n\t\t\t\t\t{reorderable && (\n\t\t\t\t\t\t<TableHead className={classnames(styles.headerCell, styles.reorderColumn)}>Order</TableHead>\n\t\t\t\t\t)}\n\t\t\t\t\t{headerGroup.headers.map((header, idx) => {\n\t\t\t\t\t\tconst isLastColumn = idx === headerGroup.headers.length - 1;\n\t\t\t\t\t\tconst headerStyle = getColumnStyle(header.column.getSize(), virtualized, isLastColumn);\n\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<TableHead\n\t\t\t\t\t\t\t\tkey={header.id}\n\t\t\t\t\t\t\t\tclassName={classnames(styles.headerCell, header.column.getCanSort() && styles.sortableHeader)}\n\t\t\t\t\t\t\t\tonClick={header.column.getToggleSortingHandler()}\n\t\t\t\t\t\t\t\tstyle={headerStyle}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{header.isPlaceholder ? null : (\n\t\t\t\t\t\t\t\t\t<div className={styles.headerSortContainer}>\n\t\t\t\t\t\t\t\t\t\t<div>{flexRender(header.column.columnDef.header, header.getContext())}</div>\n\t\t\t\t\t\t\t\t\t\t{header.column.getCanSort() && (\n\t\t\t\t\t\t\t\t\t\t\t<div className={styles.pageButtonIconContainer}>\n\t\t\t\t\t\t\t\t\t\t\t\t{{\n\t\t\t\t\t\t\t\t\t\t\t\t\tasc: (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<DsIcon\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ticon=\"arrow_drop_up\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tclassName={classnames(styles.pageButtonIcon, stylesShared.pageButtonIcon)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\t\t\t\tdesc: (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<DsIcon\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ticon=\"arrow_drop_down\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tclassName={classnames(styles.pageButtonIcon, stylesShared.pageButtonIcon)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\t\t\t}[header.column.getIsSorted() as string] ?? (\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div className={classnames(styles.pageButtonIcon, stylesShared.pageButtonIcon)} />\n\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</TableHead>\n\t\t\t\t\t\t);\n\t\t\t\t\t})}\n\t\t\t\t</TableRow>\n\t\t\t))}\n\t\t</TableHeader>\n\t);\n};\n\nexport default DsTableHeader;\n"],"mappings":";;;;;;;;;;;;;;;;AAWA,MAAMY,iBAAgBC,OAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CAAS,MAAA,EAAAC,UAAAH;CAC9B,MAAA,EAAAI,cAAAC,UAAAC,YAAAC,YAAAC,aAAAC,uBAAAC,gBACCb,mBAAmC;CAIZ,MAAAc,KAAAP,gBAAgBV,+BAAMU;CAAe,MAAAQ,KAAAF,eAAehB,+BAAMmB;CAAkB,IAAAC;AAAA,KAAAb,EAAA,OAAAU,MAAAV,EAAA,OAAAW,IAAA;AAAvFE,OAAA1B,WAAWuB,IAAqCC,GAAwC;AAAAX,IAAA,KAAAU;AAAAV,IAAA,KAAAW;AAAAX,IAAA,KAAAa;OAAAA,MAAAb,EAAA;CAAA,IAAAc;AAAA,KAAAd,EAAA,OAAAI,YAAAJ,EAAA,OAAAK,cAAAL,EAAA,OAAAO,eAAAP,EAAA,OAAAM,cAAAN,EAAA,OAAAQ,yBAAAR,EAAA,OAAAE,SAAAF,EAAA,OAAAS,aAAA;AAElGK,OAAAZ,MAAKa,iBAAkB,CAAAC,KAAKC,gBAC5B,qBAAC;GAEW,WAAA9B,WACVM,+BAAM0B,WACN,CAACf,YAAYX,+BAAM2B,mBACnBX,eAAehB,+BAAM4B,qBACtB;;IAECf,cACA,oBAAC;KAAqB,WAAAnB,WAAWM,+BAAM6B,YAAa7B,+BAAM8B,aAAa;eACrEf,yBACA,oBAAC;MACW,WAAAd,+BAAY8B;MAEtB,SAAAtB,MAAKuB,sBAII,GAJT,OAEGvB,MAAKwB,uBAEC,GAFN,kBAAA;MAIK,UAAAC,MAAA;AACRA,SAACC,iBAAkB;AAEnBC,OADsB3B,MAAK4B,iCAAkC,CAC/CH,EAAE;;OAGnB;MAEF;IACCtB,cAAc,oBAAC,aAAqB,WAAAlB,WAAWM,+BAAM6B,YAAa7B,+BAAMsC,aAAa,GAAI;IACzFxB,eACA,oBAAC;KAAqB,WAAApB,WAAWM,+BAAM6B,YAAa7B,+BAAMuC,cAAc;eAAG;MAC5E;IACCf,YAAWgB,QAAQjB,KAAKkB,QAAAC,QAAA;KACxB,MAAAC,eAAqBD,QAAQlB,YAAWgB,QAAQI,SAAU;KAC1D,MAAAC,cAAoBzC,eAAeqC,OAAMK,OAAOC,SAAU,EAAE/B,aAAa2B,aAAa;AAAC,YAGtF,oBAAC;MAEW,WAAAjD,WAAWM,+BAAM6B,YAAaY,OAAMK,OAAOE,YAAsC,IAArBhD,+BAAMiD,eAAe;MACnF,SAAAR,OAAMK,OAAOI,yBAAyB;MACxCL,OAAAA;gBAENJ,OAAMU,gBAAN,OACA,qBAAA;OAAgB,WAAAnD,+BAAMoD;kBACrB,oBAAA,mBAAM3D,WAAWgD,OAAMK,OAAOO,UAAUZ,QAASA,OAAMa,YAAa,CAAA,GACnE,EAAAb,OAAMK,OAAOE,YAmBb,IAlBA,oBAAA;QAAgB,WAAAhD,+BAAMuD;kBACpB;SAAAC,KAEC,oBAAC;UACK,MAAA;UACM,WAAA9D,WAAWM,+BAAMyD,gBAAiBxD,+BAAYwD,eAAe;WACvE;SAAAC,MAGF,oBAAC;UACK,MAAA;UACM,WAAAhE,WAAWM,+BAAMyD,gBAAiBxD,+BAAYwD,eAAe;WAAC;SAG3E,CAAChB,OAAMK,OAAOa,aAAc,KAC5B,oBAAA,SAAgB,WAAAjE,WAAWM,+BAAMyD,gBAAiBxD,+BAAYwD,eAAe,GAC9E;SAEF;QAEF;QA7BKhB,OAAMhB,GA8BA;MAEb;;KAtEID,YAAWC,GAwEjB,CAAC;AAAAlB,IAAA,KAAAI;AAAAJ,IAAA,KAAAK;AAAAL,IAAA,KAAAO;AAAAP,IAAA,KAAAM;AAAAN,IAAA,KAAAQ;AAAAR,IAAA,KAAAE;AAAAF,IAAA,KAAAS;AAAAT,IAAA,MAAAc;OAAAA,MAAAd,EAAA;CAAA,IAAAqD;AAAA,KAAArD,EAAA,QAAAa,MAAAb,EAAA,QAAAc,IAAA;AA7EHuC,OAAA,oBAAC;GACW,WAAAxC;aAEVC;IA2EY;AAAAd,IAAA,MAAAa;AAAAb,IAAA,MAAAc;AAAAd,IAAA,MAAAqD;OAAAA,MAAArD,EAAA;AAAA,QA9EdqD;;AAkFF,8BAAevD"}

package/dist/components/ds-table/components/ds-table-row/ds-table-row.cjs

@@ -14,6 +14,7 @@ const require_column_styling = require('../../utils/column-styling.cjs');
 const require_ds_table_cell = require('../ds-table-cell/ds-table-cell.cjs');
 require('../ds-table-cell/index.cjs');
 const require_ds_table_row_module = require('./ds-table-row.module.cjs');
+let react_compiler_runtime = require("react/compiler-runtime");
 let classnames = require("classnames");
 classnames = require_rolldown_runtime.__toESM(classnames);
 let react_jsx_runtime = require("react/jsx-runtime");
@@ -23,118 +24,289 @@ let __dnd_kit_sortable = require("@dnd-kit/sortable");
 let __dnd_kit_utilities = require("@dnd-kit/utilities");
 
 //#region src/components/ds-table/components/ds-table-row/ds-table-row.tsx
-const DsRowDragHandle = ({ isDragging, attributes, listeners }) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_core_table.TableCell, {
-		className: (0, classnames.default)(require_ds_table_row_module.default.tableCell, require_ds_table_row_module.default.cellReorder, { [require_ds_table_row_module.default.isDragging]: isDragging }),
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_icon.default, {
+const DsRowDragHandle = (t0) => {
+	const $ = (0, react_compiler_runtime.c)(10);
+	const { isDragging, attributes, listeners } = t0;
+	let t1;
+	if ($[0] !== isDragging) {
+		t1 = (0, classnames.default)(require_ds_table_row_module.default.tableCell, require_ds_table_row_module.default.cellReorder, { [require_ds_table_row_module.default.isDragging]: isDragging });
+		$[0] = isDragging;
+		$[1] = t1;
+	} else t1 = $[1];
+	const t2 = isDragging ? "drag_indicator" : "arrow_downward";
+	const t3 = isDragging ? "medium" : "small";
+	let t4;
+	if ($[2] !== attributes || $[3] !== listeners || $[4] !== t2 || $[5] !== t3) {
+		t4 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_icon.default, {
 			className: require_ds_table_row_module.default.rowDragHandle,
-			icon: isDragging ? "drag_indicator" : "arrow_downward",
-			size: isDragging ? "medium" : "small",
-			onClick: (e) => e.stopPropagation(),
+			icon: t2,
+			size: t3,
+			onClick: _temp,
 			...attributes,
 			...listeners
-		})
-	});
+		});
+		$[2] = attributes;
+		$[3] = listeners;
+		$[4] = t2;
+		$[5] = t3;
+		$[6] = t4;
+	} else t4 = $[6];
+	let t5;
+	if ($[7] !== t1 || $[8] !== t4) {
+		t5 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_core_table.TableCell, {
+			className: t1,
+			children: t4
+		});
+		$[7] = t1;
+		$[8] = t4;
+		$[9] = t5;
+	} else t5 = $[9];
+	return t5;
 };
-const DsTableRow = ({ ref, row, virtualRow }) => {
+const DsTableRow = (t0) => {
+	const $ = (0, react_compiler_runtime.c)(75);
+	const { ref, row, virtualRow } = t0;
 	const { expandable, expandedRows, selectable, reorderable, onRowClick, onRowDoubleClick, renderExpandedRow, virtualized, bordered, highlightOnHover, rowSize, toggleRowExpanded, primaryRowActions, secondaryRowActions, activeRowId } = require_ds_table_context.useDsTableContext();
 	const isExpanded = expandedRows[row.id];
-	const isExpandable = typeof expandable === "function" ? expandable(row.original) : expandable;
+	let t1;
+	if ($[0] !== expandable || $[1] !== row.original) {
+		t1 = typeof expandable === "function" ? expandable(row.original) : expandable;
+		$[0] = expandable;
+		$[1] = row.original;
+		$[2] = t1;
+	} else t1 = $[2];
+	const isExpandable = t1;
 	const isActive = activeRowId === row.id;
-	const { attributes, listeners, setNodeRef, transform, transition, isDragging } = (0, __dnd_kit_sortable.useSortable)({
-		id: row.id,
-		disabled: !reorderable
-	});
-	const rowStyle = virtualRow && virtualized ? { transform: `translateY(${String(virtualRow.start)}px)` } : reorderable ? {
-		transform: __dnd_kit_utilities.CSS.Transform.toString(transform),
-		transition,
-		...isDragging ? {
-			background: "var(--action-active-light)",
-			boxShadow: "0 0 12px 0 rgba(0, 102, 250, 0.60)",
-			zIndex: 1
-		} : {},
-		position: "relative"
-	} : {};
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react.default.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_core_table.TableRow, {
-		ref: require_merge_refs.mergeRefs(reorderable ? setNodeRef : null, ref),
-		"data-state": isActive ? "active" : row.getIsSelected() ? "selected" : void 0,
-		className: (0, classnames.default)(require_ds_table_row_module.default.tableRow, {
-			[require_ds_table_row_module.default.sizeSmall]: rowSize === "small",
-			[require_ds_table_row_module.default.sizeMedium]: rowSize === "medium",
-			[require_ds_table_row_module.default.sizeLarge]: rowSize === "large"
-		}, virtualized && require_ds_table_row_module.default.virtualizedRow, onRowClick && require_ds_table_row_module.default.clickableRow, highlightOnHover && require_ds_table_row_module.default.highlightHoverRow, !bordered && require_ds_table_row_module.default.rowNoBorder, isExpanded && require_ds_table_row_module.default.expanded),
-		style: rowStyle,
-		onClick: () => onRowClick?.(row.original),
-		onDoubleClick: () => onRowDoubleClick?.(row.original),
-		children: [
-			selectable && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_core_table.TableCell, {
-				className: (0, classnames.default)(require_ds_table_row_module.default.tableCell, require_ds_table_row_module.default.cellCheckbox),
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_checkbox.default, {
-					className: require_ds_table_shared_module.default.checkboxContainer,
-					checked: row.getIsSelected(),
-					disabled: !row.getCanSelect(),
-					onClick: (e) => {
-						e.stopPropagation();
-						row.getToggleSelectedHandler()(e);
-					},
-					onDoubleClick: (e) => {
-						e.stopPropagation();
-					}
+	const t2 = !reorderable;
+	let t3;
+	if ($[3] !== row.id || $[4] !== t2) {
+		t3 = {
+			id: row.id,
+			disabled: t2
+		};
+		$[3] = row.id;
+		$[4] = t2;
+		$[5] = t3;
+	} else t3 = $[5];
+	const { attributes, listeners, setNodeRef, transform, transition, isDragging } = (0, __dnd_kit_sortable.useSortable)(t3);
+	let t4;
+	if ($[6] !== isDragging || $[7] !== reorderable || $[8] !== transform || $[9] !== transition || $[10] !== virtualRow || $[11] !== virtualized) {
+		t4 = virtualRow && virtualized ? { transform: `translateY(${String(virtualRow.start)}px)` } : reorderable ? {
+			transform: __dnd_kit_utilities.CSS.Transform.toString(transform),
+			transition,
+			...isDragging ? {
+				background: "var(--action-active-light)",
+				boxShadow: "0 0 12px 0 rgba(0, 102, 250, 0.60)",
+				zIndex: 1
+			} : {},
+			position: "relative"
+		} : {};
+		$[6] = isDragging;
+		$[7] = reorderable;
+		$[8] = transform;
+		$[9] = transition;
+		$[10] = virtualRow;
+		$[11] = virtualized;
+		$[12] = t4;
+	} else t4 = $[12];
+	const rowStyle = t4;
+	const t5 = row.id;
+	const t6 = reorderable ? setNodeRef : null;
+	let t7;
+	if ($[13] !== ref || $[14] !== t6) {
+		t7 = require_merge_refs.mergeRefs(t6, ref);
+		$[13] = ref;
+		$[14] = t6;
+		$[15] = t7;
+	} else t7 = $[15];
+	const t8 = isActive ? "active" : row.getIsSelected() ? "selected" : void 0;
+	const t9 = rowSize === "small";
+	const t10 = rowSize === "medium";
+	const t11 = rowSize === "large";
+	let t12;
+	if ($[16] !== bordered || $[17] !== highlightOnHover || $[18] !== isExpanded || $[19] !== onRowClick || $[20] !== t10 || $[21] !== t11 || $[22] !== t9 || $[23] !== virtualized) {
+		t12 = (0, classnames.default)(require_ds_table_row_module.default.tableRow, {
+			[require_ds_table_row_module.default.sizeSmall]: t9,
+			[require_ds_table_row_module.default.sizeMedium]: t10,
+			[require_ds_table_row_module.default.sizeLarge]: t11
+		}, virtualized && require_ds_table_row_module.default.virtualizedRow, onRowClick && require_ds_table_row_module.default.clickableRow, highlightOnHover && require_ds_table_row_module.default.highlightHoverRow, !bordered && require_ds_table_row_module.default.rowNoBorder, isExpanded && require_ds_table_row_module.default.expanded);
+		$[16] = bordered;
+		$[17] = highlightOnHover;
+		$[18] = isExpanded;
+		$[19] = onRowClick;
+		$[20] = t10;
+		$[21] = t11;
+		$[22] = t9;
+		$[23] = virtualized;
+		$[24] = t12;
+	} else t12 = $[24];
+	let t13;
+	if ($[25] !== onRowClick || $[26] !== row.original) {
+		t13 = () => onRowClick?.(row.original);
+		$[25] = onRowClick;
+		$[26] = row.original;
+		$[27] = t13;
+	} else t13 = $[27];
+	let t14;
+	if ($[28] !== onRowDoubleClick || $[29] !== row.original) {
+		t14 = () => onRowDoubleClick?.(row.original);
+		$[28] = onRowDoubleClick;
+		$[29] = row.original;
+		$[30] = t14;
+	} else t14 = $[30];
+	let t15;
+	if ($[31] !== row || $[32] !== selectable) {
+		t15 = selectable && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_core_table.TableCell, {
+			className: (0, classnames.default)(require_ds_table_row_module.default.tableCell, require_ds_table_row_module.default.cellCheckbox),
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_checkbox.default, {
+				className: require_ds_table_shared_module.default.checkboxContainer,
+				checked: row.getIsSelected(),
+				disabled: !row.getCanSelect(),
+				onClick: (e) => {
+					e.stopPropagation();
+					row.getToggleSelectedHandler()(e);
+				},
+				onDoubleClick: _temp2
+			})
+		});
+		$[31] = row;
+		$[32] = selectable;
+		$[33] = t15;
+	} else t15 = $[33];
+	let t16;
+	if ($[34] !== expandable || $[35] !== isExpandable || $[36] !== isExpanded || $[37] !== row.id || $[38] !== toggleRowExpanded || $[39] !== virtualized) {
+		t16 = expandable && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_core_table.TableCell, {
+			className: (0, classnames.default)(require_ds_table_row_module.default.tableCell, require_ds_table_row_module.default.cellButton),
+			children: isExpandable && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_button.default, {
+				variant: virtualized ? "ghost" : "borderless",
+				size: "small",
+				onClick: (e_1) => {
+					e_1.stopPropagation();
+					toggleRowExpanded(row.id);
+				},
+				onDoubleClick: _temp3,
+				className: require_ds_table_row_module.default.expandToggleButton,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_icon.default, {
+					icon: virtualized ? isExpanded ? "arrow_drop_down" : "arrow_right" : "chevron_right",
+					className: (0, classnames.default)(require_ds_table_shared_module.default.pageButtonIcon, !virtualized && isExpanded && "rotate-90")
 				})
-			}),
-			expandable && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_core_table.TableCell, {
-				className: (0, classnames.default)(require_ds_table_row_module.default.tableCell, require_ds_table_row_module.default.cellButton),
-				children: isExpandable && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_button.default, {
-					variant: virtualized ? "ghost" : "borderless",
-					size: "small",
-					onClick: (e) => {
-						e.stopPropagation();
-						toggleRowExpanded(row.id);
-					},
-					onDoubleClick: (e) => {
-						e.stopPropagation();
-					},
-					className: require_ds_table_row_module.default.expandToggleButton,
-					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_icon.default, {
-						icon: virtualized ? isExpanded ? "arrow_drop_down" : "arrow_right" : "chevron_right",
-						className: (0, classnames.default)(require_ds_table_shared_module.default.pageButtonIcon, !virtualized && isExpanded && "rotate-90")
-					})
+			})
+		});
+		$[34] = expandable;
+		$[35] = isExpandable;
+		$[36] = isExpanded;
+		$[37] = row.id;
+		$[38] = toggleRowExpanded;
+		$[39] = virtualized;
+		$[40] = t16;
+	} else t16 = $[40];
+	let t17;
+	if ($[41] !== attributes || $[42] !== isDragging || $[43] !== listeners || $[44] !== reorderable) {
+		t17 = reorderable && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DsRowDragHandle, {
+			isDragging,
+			attributes,
+			listeners
+		});
+		$[41] = attributes;
+		$[42] = isDragging;
+		$[43] = listeners;
+		$[44] = reorderable;
+		$[45] = t17;
+	} else t17 = $[45];
+	let t18;
+	if ($[46] !== primaryRowActions || $[47] !== row || $[48] !== secondaryRowActions || $[49] !== virtualized) {
+		t18 = row.getVisibleCells().map((cell, idx) => {
+			const isLastColumn = idx === row.getVisibleCells().length - 1;
+			const cellStyle = require_column_styling.getColumnStyle(cell.column.getSize(), virtualized, isLastColumn);
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_core_table.TableCell, {
+				className: require_ds_table_row_module.default.tableCell,
+				style: cellStyle,
+				children: isLastColumn ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_table_cell.DsTableCell, {
+					row,
+					cell,
+					primaryRowActions,
+					secondaryRowActions
+				}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_table_cell.DsTableCell, {
+					row,
+					cell
 				})
-			}),
-			reorderable && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DsRowDragHandle, {
-				isDragging,
-				attributes,
-				listeners
-			}),
-			row.getVisibleCells().map((cell, idx) => {
-				const isLastColumn = idx === row.getVisibleCells().length - 1;
-				const cellStyle = require_column_styling.getColumnStyle(cell.column.getSize(), virtualized, isLastColumn);
-				return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_core_table.TableCell, {
-					className: require_ds_table_row_module.default.tableCell,
-					style: cellStyle,
-					children: isLastColumn ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_table_cell.DsTableCell, {
-						row,
-						cell,
-						primaryRowActions,
-						secondaryRowActions
-					}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_table_cell.DsTableCell, {
-						row,
-						cell
-					})
-				}, cell.id);
+			}, cell.id);
+		});
+		$[46] = primaryRowActions;
+		$[47] = row;
+		$[48] = secondaryRowActions;
+		$[49] = virtualized;
+		$[50] = t18;
+	} else t18 = $[50];
+	let t19;
+	if ($[51] !== rowStyle || $[52] !== t12 || $[53] !== t13 || $[54] !== t14 || $[55] !== t15 || $[56] !== t16 || $[57] !== t17 || $[58] !== t18 || $[59] !== t7 || $[60] !== t8) {
+		t19 = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_core_table.TableRow, {
+			ref: t7,
+			"data-state": t8,
+			className: t12,
+			style: rowStyle,
+			onClick: t13,
+			onDoubleClick: t14,
+			children: [
+				t15,
+				t16,
+				t17,
+				t18
+			]
+		});
+		$[51] = rowStyle;
+		$[52] = t12;
+		$[53] = t13;
+		$[54] = t14;
+		$[55] = t15;
+		$[56] = t16;
+		$[57] = t17;
+		$[58] = t18;
+		$[59] = t7;
+		$[60] = t8;
+		$[61] = t19;
+	} else t19 = $[61];
+	let t20;
+	if ($[62] !== isExpandable || $[63] !== isExpanded || $[64] !== renderExpandedRow || $[65] !== reorderable || $[66] !== row || $[67] !== selectable || $[68] !== virtualRow || $[69] !== virtualized) {
+		t20 = isExpanded && renderExpandedRow && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_core_table.TableRow, {
+			style: virtualRow && virtualized ? { transform: `translateY(${String(virtualRow.start + virtualRow.size)}px)` } : void 0,
+			className: require_ds_table_row_module.default.expandedRow,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_core_table.TableCell, {
+				colSpan: row.getVisibleCells().length + (selectable ? 1 : 0) + (isExpandable ? 1 : 0) + (reorderable ? 1 : 0),
+				className: require_ds_table_row_module.default.tableCell,
+				children: renderExpandedRow(row.original)
 			})
-		]
-	}), isExpanded && renderExpandedRow && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_core_table.TableRow, {
-		style: virtualRow && virtualized ? { transform: `translateY(${String(virtualRow.start + virtualRow.size)}px)` } : void 0,
-		className: require_ds_table_row_module.default.expandedRow,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_core_table.TableCell, {
-			colSpan: row.getVisibleCells().length + (selectable ? 1 : 0) + (isExpandable ? 1 : 0) + (reorderable ? 1 : 0),
-			className: require_ds_table_row_module.default.tableCell,
-			children: renderExpandedRow(row.original)
-		})
-	})] }, row.id);
+		});
+		$[62] = isExpandable;
+		$[63] = isExpanded;
+		$[64] = renderExpandedRow;
+		$[65] = reorderable;
+		$[66] = row;
+		$[67] = selectable;
+		$[68] = virtualRow;
+		$[69] = virtualized;
+		$[70] = t20;
+	} else t20 = $[70];
+	let t21;
+	if ($[71] !== row.id || $[72] !== t19 || $[73] !== t20) {
+		t21 = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react.default.Fragment, { children: [t19, t20] }, t5);
+		$[71] = row.id;
+		$[72] = t19;
+		$[73] = t20;
+		$[74] = t21;
+	} else t21 = $[74];
+	return t21;
 };
 var ds_table_row_default = DsTableRow;
+function _temp(e) {
+	return e.stopPropagation();
+}
+function _temp2(e_0) {
+	e_0.stopPropagation();
+}
+function _temp3(e_2) {
+	e_2.stopPropagation();
+}
 
 //#endregion
 exports.default = ds_table_row_default;