@fernir2/saas-kit-cli 0.1.9 → 0.1.11

package/packages/level2/meta/table/FdTable.funcs.cjs.js

@@ -0,0 +1,21 @@
+'use strict';
+'use strict';
+
+var uiMetaProviders = require('../ui-meta-providers.cjs.js');
+var enums = require('../../fd-toolbox/enums/enums.cjs.js');
+var fdTablePrivateSorting = require('./services/fd-table-private-sorting.cjs.js');
+var fdTablePrivateColumnCalculation = require('./services/fd-table-private-column-calculation.cjs.js');
+var fdTablePrivateCreateColumns = require('./services/fd-table-private-create-columns.cjs.js');
+var fdTablePrivateProperties = require('./services/fd-table-private-properties.cjs.js');
+var tableElementSuffixes = require('../../fd-component-toolbox/table-element-suffixes.cjs.js');
+var utils = require('../../fd-toolbox/lib/utils.cjs.js');
+
+var __defProp=Object['defineProperty'],__name=(_0x4bc844,_0x20c141)=>__defProp(_0x4bc844,'name',{'value':_0x20c141,'configurable':!![]});function onTableSort(_0x37a4cc,_0x4a0331,_0x410dac,_0x25c98d,_0x2318cd,_0x322f82){let _0x2c0fa8=fdTablePrivateSorting.tableSortItems(_0x37a4cc,_0x4a0331,!!_0x322f82,_0x410dac,_0x2318cd);!_0x322f82&&_0x2c0fa8&&_0x2c0fa8['length']>0x13*-0x1b1+-0x1*-0x222b+0x4*-0x82&&_0x25c98d(_0x2c0fa8);}__name(onTableSort,'onTableSort');function getHeight(_0x1bec95){const _0x399bb7=-0x2702+0x23a2+-0xad*-0x5+0.75,_0x3b0f2f=-0x1*0x1666+-0x161e+0x2c86*0x1,_0x3768ce=_0x1bec95*_0x399bb7,_0x22f3bb=_0x1bec95*_0x3b0f2f;return 'min-h-['+_0x3768ce+'rem]\x20lg:min-h-['+_0x22f3bb+'rem]';}__name(getHeight,'getHeight');function handlePaging(_0x27ce87,_0x177792,_0x3d85de){_0x177792(_0x27ce87['pageSize']),_0x3d85de?.(_0x27ce87);}__name(handlePaging,'handlePaging');function setTableConfig(_0x1e4fd7,_0x23c4e1){_0x1e4fd7([]),_0x23c4e1([]);}__name(setTableConfig,'setTableConfig');async function initializeFdTable(_0x2e834a,_0x337aec,_0x88b60,_0x50a54a,_0x223dc7,_0x2644f4,_0x5e93c0,_0xa915f9,_0x3e5d27,_0x59897f,_0x18ff53,_0x4cb6a8,_0x367f45,_0x3a308e,_0x33de7b,_0x37aa74,_0xec708a,_0x3c9e77,_0x5b15f0,_0x786d8e,_0x12da85,_0x583c50,_0x243ca8,_0x454d6c,_0x25548b){return _0xec708a(-0x1bca*0x1+0x2160+-0x595),setupTableInstance(_0xa915f9,_0x5e93c0,_0x3e5d27,_0x59897f,_0x337aec,_0x88b60,_0x2644f4,_0x223dc7,_0x50a54a,_0x2e834a,_0x3a308e,_0x33de7b,_0x37aa74,_0x367f45,_0x18ff53,_0x3c9e77,_0x5b15f0,_0x243ca8,_0x786d8e,_0x12da85,_0x583c50,_0x4cb6a8,_0x454d6c,_0x25548b);}__name(initializeFdTable,'initializeFdTable');async function onInitTable(_0x492301,_0x2c6732,_0x17710e,_0x1995c3,_0x59cb2d,_0x56b47a,_0x59f916,_0x3e46d8,_0xea5cbb,_0xd02dd9,_0x1e564b,_0x35dd4a,_0x35e5b2,_0xd46fa4,_0x4d50dc,_0x26cbb5,_0x5c8999,_0x46ad0f,_0x1dc72b){setTableColumnDimensions(_0xea5cbb,_0x35dd4a,_0x17710e);const _0x4eeb05=_0x35dd4a?.['getBoundingClientRect']()['width'];await loadTableData(_0x59cb2d,_0x56b47a,_0x59f916,_0x3e46d8,_0x492301,_0x2c6732,_0x1995c3,_0x17710e,_0xd46fa4,_0x4eeb05,_0x4d50dc,_0x26cbb5,_0x5c8999,_0x46ad0f,_0x1dc72b),configureTableCssStyles(_0xd02dd9,_0x1e564b,_0x35e5b2);}__name(onInitTable,'onInitTable');function createInternalTableColumns(_0x25f3dd,_0x143480,_0x2115b9,_0x539899,_0x4963e2,_0x1723d2,_0x1c420b,_0x1be7a1,_0x4e9ed0,_0x2747c3){_0x25f3dd([]);const _0xce5a36=fdTablePrivateCreateColumns.createColumnsAndPrepareTable(_0x143480,_0x2115b9,_0x539899,_0x4963e2,_0x4e9ed0,_0x1c420b,_0x1be7a1,_0x1723d2,_0x2747c3);return _0x25f3dd(_0xce5a36),_0xce5a36;}__name(createInternalTableColumns,'createInternalTableColumns');function setupTableInstance(_0x200462,_0x8470c3,_0x2854d8,_0x485254,_0xf064ae,_0x1767ec,_0x3dac82,_0x5231ef,_0x15710a,_0x1ffd7a,_0x145481,_0x4e123f,_0x4885b8,_0x4712e3,_0x14028e,_0x3a74d6,_0x4b7196,_0x33632c,_0x1b9504,_0x5669df,_0x44aee9,_0x51de26,_0x2adb2e,_0x2bfe39){_0x200462(_0x2854d8['count']++);if(_0x51de26===tableElementSuffixes.tableElementSuffixes['table'])_0x485254(_0x51de26+_0x8470c3);return onInitTable(_0xf064ae,_0x1767ec,_0x3dac82,_0x5231ef,_0x15710a,_0x1ffd7a,_0x145481,_0x4e123f,_0x4885b8,_0x4712e3,_0x14028e,_0x3a74d6,_0x4b7196,_0x33632c,_0x1b9504,_0x5669df,_0x44aee9,_0x2adb2e,_0x2bfe39),()=>{_0x2854d8['count']--;};}__name(setupTableInstance,'setupTableInstance');function setTableSortDirectionAndActiveSort(_0x403690,_0x357fe8){if(!_0x357fe8)return;for(let _0xb31410 of _0x403690){_0xb31410['isActiveSort']=![],_0xb31410['itemPropertyName']===_0x357fe8['columnName']||_0xb31410['name']===_0x357fe8['columnName']?(_0xb31410['isActiveSort']=!![],_0xb31410['sortDirection']=_0x357fe8['direction']):_0xb31410['isActiveSort']=![];}}__name(setTableSortDirectionAndActiveSort,'setTableSortDirectionAndActiveSort');async function getTableRelatedResourcesMeta(_0x3c9694,_0x5de28e,_0x3a4737,_0x35de97){if(!_0x3a4737)return [];const _0x320883=utils.getObjectValues(_0x3a4737['properties']),_0x4abb67=[];for(const _0x3b377f of _0x320883){const _0x442cdd=_0x3a4737['resourceMeta']['properties'][_0x3b377f['name']],_0xdcc27e=fdTablePrivateProperties.ifShouldDisplayPropertyInList(_0x3b377f,_0x442cdd,_0x3c9694,_0x5de28e)&&_0x442cdd['relation']?.['expandForDescription'];if(_0xdcc27e&&_0x442cdd['relation']){const _0x408a4f=_0x442cdd['relation']['relatedResourceName'];let _0x42a8c1=_0x35de97?.['find'](_0x380c44=>_0x380c44['resourceMeta']['resourceName']===_0x408a4f);_0x42a8c1??=await uiMetaProviders.fetchUiResourceMeta(_0x408a4f),_0x4abb67['push'](Promise['resolve'](_0x42a8c1['resourceMeta']));}}return _0x4abb67['length']>-0x14f*-0x1+-0x2623+-0x935*-0x4?Promise['all'](_0x4abb67):[];}__name(getTableRelatedResourcesMeta,'getTableRelatedResourcesMeta');function defaultTableSortInternalTableColumns(_0x364914,_0xc76e5c,_0x5c6413){let _0x4fe186;if(_0xc76e5c&&_0x364914['length']>0x156d+-0xe*0xf+0x1*-0x149b){let _0x1af22d;if(!_0x5c6413)_0x1af22d=fdTablePrivateSorting.getDefaultSortColumn(_0xc76e5c,_0x364914);else _0x5c6413?.['isLocalSort']&&(_0x1af22d=_0x364914['find'](_0xd628e8=>_0xd628e8['name']===_0x5c6413['columnName']),_0x1af22d&&(_0x1af22d['sortDirection']=_0x5c6413['direction']===enums.fdTableSortDirections['desc']?enums.fdTableSortDirections['asc']:enums.fdTableSortDirections['desc']));_0x4fe186=_0x1af22d;}return _0x4fe186;}__name(defaultTableSortInternalTableColumns,'defaultTableSortInternalTableColumns');async function loadTableData(_0x4364c9,_0x299620,_0x4cc811,_0xcd96bd,_0x7c2a79,_0x139209,_0x131f19,_0x1dc460,_0x3a6189,_0xea61eb,_0x1fd592,_0x26ab46,_0x33291f,_0x200f03,_0x3711db){const _0x19887a=await getTableRelatedResourcesMeta(_0x4364c9,_0x7c2a79,_0x3a6189,_0x200f03),_0x3d5b6a=createInternalTableColumns(_0x299620,_0x7c2a79,_0x139209,_0x4364c9,_0x131f19,_0x1dc460,_0x3a6189,_0xea61eb,_0x19887a,_0x3711db);setTableSortDirectionAndActiveSort(_0x3d5b6a,_0x1fd592);let _0x51044e=defaultTableSortInternalTableColumns(_0x3d5b6a,_0x3a6189?.['resourceMeta'],_0x1fd592);_0x51044e&&onTableSort(_0x51044e,_0x3d5b6a,_0xcd96bd,_0x4cc811,_0x26ab46,!!_0x33291f),_0x299620([..._0x3d5b6a]);}__name(loadTableData,'loadTableData');function setTableBodyHeight(_0x46e7f5,_0x2c603e,_0x3e0ed6){let _0x19e9e1=-0x2*0x5a+0x1*0x1bfa+-0x1b46;_0x46e7f5&&(_0x19e9e1=_0x46e7f5),_0x2c603e((_0x3e0ed6??-0x2*-0x55d+0x20*-0x52+-0x7a*0x1)-_0x19e9e1);}__name(setTableBodyHeight,'setTableBodyHeight');function configureTableCssStyles(_0x2711e7,_0x4fcd11,_0x13593c){const _0x107177=_0x13593c;if(_0x107177)setTableBodyHeight(_0x107177['offsetHeight'],_0x2711e7,_0x4fcd11);}__name(configureTableCssStyles,'configureTableCssStyles');function setTableColumnDimensions(_0x35ce1f,_0x2d6843,_0x451f46){if(_0x451f46===enums.tableDisplayModes['minimal'])return;let _0x5a1a3c=_0x2d6843?.['getBoundingClientRect']();if(!_0x5a1a3c)return;fdTablePrivateColumnCalculation.calculateAndSetColumnDimensions(_0x35ce1f,_0x5a1a3c['width'],_0x451f46===0x7*-0x3ab+0x26bc+-0xd0f?-0x593+0x8be+-0x1*0x32b:-0x449*-0x7+0x1cb2*0x1+-0x53*0xb5);}__name(setTableColumnDimensions,'setTableColumnDimensions');
+
+exports.createInternalTableColumns = createInternalTableColumns;
+exports.getHeight = getHeight;
+exports.handlePaging = handlePaging;
+exports.initializeFdTable = initializeFdTable;
+exports.onInitTable = onInitTable;
+exports.onTableSort = onTableSort;
+exports.setTableConfig = setTableConfig;

package/packages/level2/meta/table/FdTable.funcs.js

@@ -0,0 +1,13 @@
+'use strict';
+import { fetchUiResourceMeta } from '../ui-meta-providers.js';
+import { fdTableSortDirections, tableDisplayModes } from '../../fd-toolbox/enums/enums.js';
+import { tableSortItems, getDefaultSortColumn } from './services/fd-table-private-sorting.js';
+import { calculateAndSetColumnDimensions } from './services/fd-table-private-column-calculation.js';
+import { createColumnsAndPrepareTable } from './services/fd-table-private-create-columns.js';
+import { ifShouldDisplayPropertyInList } from './services/fd-table-private-properties.js';
+import { tableElementSuffixes } from '../../fd-component-toolbox/table-element-suffixes.js';
+import { getObjectValues } from '../../fd-toolbox/lib/utils.js';
+
+var __defProp=Object['defineProperty'],__name=(_0x4bc844,_0x20c141)=>__defProp(_0x4bc844,'name',{'value':_0x20c141,'configurable':!![]});function onTableSort(_0x37a4cc,_0x4a0331,_0x410dac,_0x25c98d,_0x2318cd,_0x322f82){let _0x2c0fa8=tableSortItems(_0x37a4cc,_0x4a0331,!!_0x322f82,_0x410dac,_0x2318cd);!_0x322f82&&_0x2c0fa8&&_0x2c0fa8['length']>0x13*-0x1b1+-0x1*-0x222b+0x4*-0x82&&_0x25c98d(_0x2c0fa8);}__name(onTableSort,'onTableSort');function getHeight(_0x1bec95){const _0x399bb7=-0x2702+0x23a2+-0xad*-0x5+0.75,_0x3b0f2f=-0x1*0x1666+-0x161e+0x2c86*0x1,_0x3768ce=_0x1bec95*_0x399bb7,_0x22f3bb=_0x1bec95*_0x3b0f2f;return 'min-h-['+_0x3768ce+'rem]\x20lg:min-h-['+_0x22f3bb+'rem]';}__name(getHeight,'getHeight');function handlePaging(_0x27ce87,_0x177792,_0x3d85de){_0x177792(_0x27ce87['pageSize']),_0x3d85de?.(_0x27ce87);}__name(handlePaging,'handlePaging');function setTableConfig(_0x1e4fd7,_0x23c4e1){_0x1e4fd7([]),_0x23c4e1([]);}__name(setTableConfig,'setTableConfig');async function initializeFdTable(_0x2e834a,_0x337aec,_0x88b60,_0x50a54a,_0x223dc7,_0x2644f4,_0x5e93c0,_0xa915f9,_0x3e5d27,_0x59897f,_0x18ff53,_0x4cb6a8,_0x367f45,_0x3a308e,_0x33de7b,_0x37aa74,_0xec708a,_0x3c9e77,_0x5b15f0,_0x786d8e,_0x12da85,_0x583c50,_0x243ca8,_0x454d6c,_0x25548b){return _0xec708a(-0x1bca*0x1+0x2160+-0x595),setupTableInstance(_0xa915f9,_0x5e93c0,_0x3e5d27,_0x59897f,_0x337aec,_0x88b60,_0x2644f4,_0x223dc7,_0x50a54a,_0x2e834a,_0x3a308e,_0x33de7b,_0x37aa74,_0x367f45,_0x18ff53,_0x3c9e77,_0x5b15f0,_0x243ca8,_0x786d8e,_0x12da85,_0x583c50,_0x4cb6a8,_0x454d6c,_0x25548b);}__name(initializeFdTable,'initializeFdTable');async function onInitTable(_0x492301,_0x2c6732,_0x17710e,_0x1995c3,_0x59cb2d,_0x56b47a,_0x59f916,_0x3e46d8,_0xea5cbb,_0xd02dd9,_0x1e564b,_0x35dd4a,_0x35e5b2,_0xd46fa4,_0x4d50dc,_0x26cbb5,_0x5c8999,_0x46ad0f,_0x1dc72b){setTableColumnDimensions(_0xea5cbb,_0x35dd4a,_0x17710e);const _0x4eeb05=_0x35dd4a?.['getBoundingClientRect']()['width'];await loadTableData(_0x59cb2d,_0x56b47a,_0x59f916,_0x3e46d8,_0x492301,_0x2c6732,_0x1995c3,_0x17710e,_0xd46fa4,_0x4eeb05,_0x4d50dc,_0x26cbb5,_0x5c8999,_0x46ad0f,_0x1dc72b),configureTableCssStyles(_0xd02dd9,_0x1e564b,_0x35e5b2);}__name(onInitTable,'onInitTable');function createInternalTableColumns(_0x25f3dd,_0x143480,_0x2115b9,_0x539899,_0x4963e2,_0x1723d2,_0x1c420b,_0x1be7a1,_0x4e9ed0,_0x2747c3){_0x25f3dd([]);const _0xce5a36=createColumnsAndPrepareTable(_0x143480,_0x2115b9,_0x539899,_0x4963e2,_0x4e9ed0,_0x1c420b,_0x1be7a1,_0x1723d2,_0x2747c3);return _0x25f3dd(_0xce5a36),_0xce5a36;}__name(createInternalTableColumns,'createInternalTableColumns');function setupTableInstance(_0x200462,_0x8470c3,_0x2854d8,_0x485254,_0xf064ae,_0x1767ec,_0x3dac82,_0x5231ef,_0x15710a,_0x1ffd7a,_0x145481,_0x4e123f,_0x4885b8,_0x4712e3,_0x14028e,_0x3a74d6,_0x4b7196,_0x33632c,_0x1b9504,_0x5669df,_0x44aee9,_0x51de26,_0x2adb2e,_0x2bfe39){_0x200462(_0x2854d8['count']++);if(_0x51de26===tableElementSuffixes['table'])_0x485254(_0x51de26+_0x8470c3);return onInitTable(_0xf064ae,_0x1767ec,_0x3dac82,_0x5231ef,_0x15710a,_0x1ffd7a,_0x145481,_0x4e123f,_0x4885b8,_0x4712e3,_0x14028e,_0x3a74d6,_0x4b7196,_0x33632c,_0x1b9504,_0x5669df,_0x44aee9,_0x2adb2e,_0x2bfe39),()=>{_0x2854d8['count']--;};}__name(setupTableInstance,'setupTableInstance');function setTableSortDirectionAndActiveSort(_0x403690,_0x357fe8){if(!_0x357fe8)return;for(let _0xb31410 of _0x403690){_0xb31410['isActiveSort']=![],_0xb31410['itemPropertyName']===_0x357fe8['columnName']||_0xb31410['name']===_0x357fe8['columnName']?(_0xb31410['isActiveSort']=!![],_0xb31410['sortDirection']=_0x357fe8['direction']):_0xb31410['isActiveSort']=![];}}__name(setTableSortDirectionAndActiveSort,'setTableSortDirectionAndActiveSort');async function getTableRelatedResourcesMeta(_0x3c9694,_0x5de28e,_0x3a4737,_0x35de97){if(!_0x3a4737)return [];const _0x320883=getObjectValues(_0x3a4737['properties']),_0x4abb67=[];for(const _0x3b377f of _0x320883){const _0x442cdd=_0x3a4737['resourceMeta']['properties'][_0x3b377f['name']],_0xdcc27e=ifShouldDisplayPropertyInList(_0x3b377f,_0x442cdd,_0x3c9694,_0x5de28e)&&_0x442cdd['relation']?.['expandForDescription'];if(_0xdcc27e&&_0x442cdd['relation']){const _0x408a4f=_0x442cdd['relation']['relatedResourceName'];let _0x42a8c1=_0x35de97?.['find'](_0x380c44=>_0x380c44['resourceMeta']['resourceName']===_0x408a4f);_0x42a8c1??=await fetchUiResourceMeta(_0x408a4f),_0x4abb67['push'](Promise['resolve'](_0x42a8c1['resourceMeta']));}}return _0x4abb67['length']>-0x14f*-0x1+-0x2623+-0x935*-0x4?Promise['all'](_0x4abb67):[];}__name(getTableRelatedResourcesMeta,'getTableRelatedResourcesMeta');function defaultTableSortInternalTableColumns(_0x364914,_0xc76e5c,_0x5c6413){let _0x4fe186;if(_0xc76e5c&&_0x364914['length']>0x156d+-0xe*0xf+0x1*-0x149b){let _0x1af22d;if(!_0x5c6413)_0x1af22d=getDefaultSortColumn(_0xc76e5c,_0x364914);else _0x5c6413?.['isLocalSort']&&(_0x1af22d=_0x364914['find'](_0xd628e8=>_0xd628e8['name']===_0x5c6413['columnName']),_0x1af22d&&(_0x1af22d['sortDirection']=_0x5c6413['direction']===fdTableSortDirections['desc']?fdTableSortDirections['asc']:fdTableSortDirections['desc']));_0x4fe186=_0x1af22d;}return _0x4fe186;}__name(defaultTableSortInternalTableColumns,'defaultTableSortInternalTableColumns');async function loadTableData(_0x4364c9,_0x299620,_0x4cc811,_0xcd96bd,_0x7c2a79,_0x139209,_0x131f19,_0x1dc460,_0x3a6189,_0xea61eb,_0x1fd592,_0x26ab46,_0x33291f,_0x200f03,_0x3711db){const _0x19887a=await getTableRelatedResourcesMeta(_0x4364c9,_0x7c2a79,_0x3a6189,_0x200f03),_0x3d5b6a=createInternalTableColumns(_0x299620,_0x7c2a79,_0x139209,_0x4364c9,_0x131f19,_0x1dc460,_0x3a6189,_0xea61eb,_0x19887a,_0x3711db);setTableSortDirectionAndActiveSort(_0x3d5b6a,_0x1fd592);let _0x51044e=defaultTableSortInternalTableColumns(_0x3d5b6a,_0x3a6189?.['resourceMeta'],_0x1fd592);_0x51044e&&onTableSort(_0x51044e,_0x3d5b6a,_0xcd96bd,_0x4cc811,_0x26ab46,!!_0x33291f),_0x299620([..._0x3d5b6a]);}__name(loadTableData,'loadTableData');function setTableBodyHeight(_0x46e7f5,_0x2c603e,_0x3e0ed6){let _0x19e9e1=-0x2*0x5a+0x1*0x1bfa+-0x1b46;_0x46e7f5&&(_0x19e9e1=_0x46e7f5),_0x2c603e((_0x3e0ed6??-0x2*-0x55d+0x20*-0x52+-0x7a*0x1)-_0x19e9e1);}__name(setTableBodyHeight,'setTableBodyHeight');function configureTableCssStyles(_0x2711e7,_0x4fcd11,_0x13593c){const _0x107177=_0x13593c;if(_0x107177)setTableBodyHeight(_0x107177['offsetHeight'],_0x2711e7,_0x4fcd11);}__name(configureTableCssStyles,'configureTableCssStyles');function setTableColumnDimensions(_0x35ce1f,_0x2d6843,_0x451f46){if(_0x451f46===tableDisplayModes['minimal'])return;let _0x5a1a3c=_0x2d6843?.['getBoundingClientRect']();if(!_0x5a1a3c)return;calculateAndSetColumnDimensions(_0x35ce1f,_0x5a1a3c['width'],_0x451f46===0x7*-0x3ab+0x26bc+-0xd0f?-0x593+0x8be+-0x1*0x32b:-0x449*-0x7+0x1cb2*0x1+-0x53*0xb5);}__name(setTableColumnDimensions,'setTableColumnDimensions');
+
+export { createInternalTableColumns, getHeight, handlePaging, initializeFdTable, onInitTable, onTableSort, setTableConfig };

package/packages/level2/meta/table/FdTable.js

@@ -0,0 +1,292 @@
+'use strict';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useState, useRef, useMemo, useCallback, useImperativeHandle, useEffect, useLayoutEffect } from 'react';
+import { tableDisplayModes } from '../../fd-toolbox/enums/enums.js';
+import { getHeight, setTableConfig, createInternalTableColumns, initializeFdTable, handlePaging, onTableSort } from './FdTable.funcs.js';
+import { cn } from '../../fd-toolbox/lib/utils.js';
+import { useAsyncEffect } from '../../fd-toolbox/hooks/use-async-effect.js';
+import { FdTableBody } from './body/FdTableBody.js';
+import { FdTableHeader } from './header/FdTableHeader.js';
+import { FdPager } from './pager/FdPager.js';
+import { targetColumnWidthPx, minColumnWidthPx } from './table-constants.js';
+import { useMediaQuery } from '../../fd-toolbox/hooks/use-media-query.js';
+import { FdTableContext } from './table-context.js';
+import { processLocalRowDeletion } from './services/fd-table-private-rows.js';
+import { tableElementSuffixes } from '../../fd-component-toolbox/table-element-suffixes.js';
+import { calculateTableAndColumnsWidths, getTableWidthStyles } from './table-widths-functions.js';
+
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+let instanceCount = { count: 0 };
+function FdTable({
+  id: idProp,
+  readonly,
+  notForDisplayProps,
+  heightPixels,
+  widthPixels,
+  tableConfig,
+  externalSorting,
+  uiResourceMeta,
+  tableSort,
+  items,
+  sort,
+  onPaging,
+  onRefreshItems,
+  itemDeleted,
+  onRowClick,
+  className,
+  pageSize: pageSizeProp,
+  rowHighlightBehaviour,
+  displayMode,
+  adaptiveWidth,
+  onRowsUpdate,
+  isLoading,
+  relatedUiResourceMetas,
+  dataInfo,
+  ref
+}) {
+  const id = idProp ?? tableElementSuffixes.table;
+  const effectiveDisplayMode = displayMode ?? tableDisplayModes.default;
+  const [pageSize, setPageSize] = useState(pageSizeProp ?? 50);
+  const [tableBodyHeightPixels, setTableBodyHeightPixels] = useState(heightPixels ?? 0);
+  const [internalTableColumns, setInternalTableColumns] = useState([]);
+  const [tableRows, setTableRows] = useState([]);
+  const [tableId, setTableId] = useState(id);
+  const [instanceNumber, setInstanceNumber] = useState(instanceCount.count);
+  const fdTableRef = useRef(null);
+  const fdTableHeaderRef = useRef(null);
+  const possibleColumnValues = useMemo(() => /* @__PURE__ */ new Map(), []);
+  const [isHovered, setIsHovered] = useState(false);
+  const [isActive, setIsActive] = useState(false);
+  const [pageNumber, setPageNumber] = useState(1);
+  const [columnWidths, setColumnWidths] = useState([]);
+  const targetWidth = internalTableColumns.length * targetColumnWidthPx;
+  const minWidth = internalTableColumns.length * minColumnWidthPx;
+  const isSmallScreen = useMediaQuery(`(max-width: calc(${targetWidth / 16}rem + 10vw))`);
+  const tableHeight = pageSize - tableRows.length < 25 && getHeight(pageSize);
+  const deleteRowsLocally = useCallback(
+    (itemIds) => {
+      setTableRows((prevRows) => processLocalRowDeletion(prevRows, itemIds, onRowsUpdate));
+    },
+    [onRowsUpdate]
+  );
+  useImperativeHandle(
+    ref,
+    () => ({
+      getSelectedRows: /* @__PURE__ */ __name(() => tableRows.filter((r) => r.selected), "getSelectedRows"),
+      getSelectedRowsIds: /* @__PURE__ */ __name(() => tableRows.filter((r) => r.selected).map((selectedRow) => selectedRow.item.id), "getSelectedRowsIds"),
+      resetSelectedRows: /* @__PURE__ */ __name(() => {
+        setTableRows(tableRows.map((r) => ({ ...r, selected: false })));
+      }, "resetSelectedRows"),
+      deleteRowsLocally
+    }),
+    [tableRows, deleteRowsLocally]
+  );
+  useEffect(() => {
+    setTableConfig(setInternalTableColumns, setColumnWidths);
+  }, []);
+  useAsyncEffect(() => {
+    createInternalTableColumns(
+      setInternalTableColumns,
+      tableConfig,
+      readonly ?? false,
+      notForDisplayProps ?? [],
+      possibleColumnValues,
+      effectiveDisplayMode,
+      uiResourceMeta,
+      fdTableRef?.current?.getBoundingClientRect().width,
+      [],
+      dataInfo
+    );
+    return initializeFdTable(
+      setInternalTableColumns,
+      tableConfig,
+      readonly ?? false,
+      notForDisplayProps ?? [],
+      possibleColumnValues,
+      effectiveDisplayMode,
+      instanceNumber,
+      setInstanceNumber,
+      instanceCount,
+      setTableId,
+      heightPixels ?? 0,
+      tableId,
+      setTableBodyHeightPixels,
+      setTableRows,
+      tableRows,
+      internalTableColumns,
+      setPageNumber,
+      fdTableRef?.current ?? void 0,
+      fdTableHeaderRef?.current ?? void 0,
+      tableSort,
+      sort,
+      externalSorting,
+      uiResourceMeta,
+      relatedUiResourceMetas,
+      dataInfo
+    );
+  }, [uiResourceMeta]);
+  useLayoutEffect(() => {
+    setTableRows(
+      items.slice(0, pageSize).map((item, index) => ({ selected: false, item, index }))
+    );
+  }, [setTableRows, items, pageSize]);
+  const onGetPossibleValues = useCallback(
+    (str) => possibleColumnValues.get(str),
+    [possibleColumnValues]
+  );
+  useEffect(() => {
+    setPageSize(pageSizeProp ?? 50);
+  }, [pageSizeProp]);
+  const tableInstance = useMemo(
+    () => ({
+      id: tableId,
+      tableRows,
+      internalTableColumns,
+      uiResourceMeta,
+      getColumnPossibleValues: onGetPossibleValues,
+      customActions: tableConfig?.customActions,
+      editMode: tableConfig.editMode,
+      multiSelect: tableConfig.multiSelect,
+      isBrowser: tableConfig.isBrowser
+    }),
+    [
+      tableId,
+      tableRows,
+      internalTableColumns,
+      uiResourceMeta,
+      onGetPossibleValues,
+      tableConfig?.customActions,
+      tableConfig.editMode,
+      tableConfig.multiSelect,
+      tableConfig.isBrowser
+    ]
+  );
+  const handleMouseEnter = useCallback(() => {
+    if (effectiveDisplayMode === tableDisplayModes.minimal) {
+      setIsHovered(true);
+    }
+  }, [effectiveDisplayMode]);
+  const handleMouseLeave = useCallback(() => {
+    if (effectiveDisplayMode === tableDisplayModes.minimal) {
+      setIsHovered(false);
+    }
+  }, [effectiveDisplayMode]);
+  const onPagingCallback = useCallback(
+    (paging) => {
+      handlePaging(paging, setPageSize, onPaging);
+    },
+    [onPaging]
+  );
+  const onSortCallback = useCallback(
+    (column) => onTableSort(
+      column,
+      internalTableColumns,
+      tableRows,
+      (updatedRows) => setTableRows([...updatedRows]),
+      sort,
+      externalSorting
+    ),
+    [externalSorting, internalTableColumns, sort, tableRows, setTableRows]
+  );
+  const [columnToWidthPercent, setColumnToWidthPercent] = useState({});
+  const [tableWidthRem, setTableWidthRem] = useState(minWidth / 16);
+  useEffect(() => {
+    calculateTableAndColumnsWidths(internalTableColumns, setColumnToWidthPercent, setTableWidthRem);
+  }, [internalTableColumns]);
+  const tableContextValue = useMemo(() => {
+    return {
+      columnWidths,
+      setColumnWidths,
+      tableRows,
+      setTableRows,
+      isLoading: isLoading ?? false
+    };
+  }, [columnWidths, setColumnWidths, tableRows, setTableRows, isLoading]);
+  return /* @__PURE__ */ jsx(FdTableContext.Provider, { value: tableContextValue, children: /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn("relative flex size-full flex-col justify-between overflow-visible", className),
+      style: getTableWidthStyles(
+        isSmallScreen,
+        minWidth,
+        targetWidth,
+        tableWidthRem,
+        adaptiveWidth
+      ),
+      onMouseEnter: handleMouseEnter,
+      onMouseLeave: handleMouseLeave,
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
+          internalTableColumns.length > 0 && /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: "flex flex-col justify-start border-b border-muted",
+              style: {
+                width: widthPixels
+              },
+              children: /* @__PURE__ */ jsx("div", { ref: fdTableHeaderRef, children: /* @__PURE__ */ jsx(
+                FdTableHeader,
+                {
+                  tableInstance,
+                  tableSorted: onSortCallback,
+                  onRefreshItems,
+                  displayMode: effectiveDisplayMode,
+                  isTableHovered: isHovered,
+                  columnToWidthPercent
+                }
+              ) })
+            }
+          ),
+          /* @__PURE__ */ jsx("div", { id: tableId, ref: fdTableRef, className: `h-full ${tableHeight}`, children: internalTableColumns.length > 0 && /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: "flex flex-col justify-start",
+              style: {
+                width: widthPixels,
+                ...tableBodyHeightPixels && {
+                  height: tableBodyHeightPixels
+                }
+              },
+              children: /* @__PURE__ */ jsx(
+                FdTableBody,
+                {
+                  tableInstance,
+                  onRefreshItems,
+                  deleteItem: itemDeleted,
+                  onRowClick,
+                  rowHighlightBehaviour,
+                  tableActionType: effectiveDisplayMode
+                }
+              )
+            }
+          ) })
+        ] }),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: cn(
+              !isHovered && !isActive && effectiveDisplayMode === tableDisplayModes.minimal && "invisible"
+            ),
+            children: /* @__PURE__ */ jsx(
+              FdPager,
+              {
+                displayMode: effectiveDisplayMode,
+                pageSize,
+                rowCount: tableRows.length,
+                onPaging: onPagingCallback,
+                setIsActive,
+                setPageNumber,
+                pageNumber
+              }
+            )
+          }
+        )
+      ]
+    }
+  ) });
+}
+__name(FdTable, "FdTable");
+FdTable.displayName = "FdTable";
+
+export { FdTable };

package/packages/level2/meta/table/body/FdTableBody.cjs.js

@@ -0,0 +1,37 @@
+'use strict';
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var enums = require('../../../fd-toolbox/enums/enums.cjs.js');
+var FdTableBody_funcs = require('./FdTableBody.funcs.cjs.js');
+var FdTableBodyRow = require('../body-row/FdTableBodyRow.cjs.js');
+
+const FdTableBody = React.memo(
+  ({
+    tableInstance,
+    displayMode,
+    onRefreshItems,
+    deleteItem,
+    onRowClick,
+    tableActionType,
+    rowHighlightBehaviour
+  }) => tableInstance.tableRows.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: tableInstance.tableRows.map((row, index) => /* @__PURE__ */ jsxRuntime.jsx(
+    FdTableBodyRow.FdTableBodyRow,
+    {
+      rowContext: { row, tableInstance, internalTableColumns: [] },
+      displayMode,
+      onRefreshItems,
+      itemDeleted: deleteItem,
+      cellClick: onRowClick,
+      className: FdTableBody_funcs.getTableBodyRowClasses(
+        rowHighlightBehaviour ?? enums.rowHighlightBehaviors.default
+      ),
+      tableActionType
+    },
+    FdTableBody_funcs.getTableBodyRowId(tableInstance, index)
+  )) }) : /* @__PURE__ */ jsxRuntime.jsx(FdTableBodyRow.FdTableBodyRow, { className: "table-cell" })
+);
+FdTableBody.displayName = "FdTableBody";
+
+exports.FdTableBody = FdTableBody;

package/packages/level2/meta/table/body/FdTableBody.funcs.cjs.js

@@ -0,0 +1,10 @@
+'use strict';
+'use strict';
+
+var enums = require('../../../fd-toolbox/enums/enums.cjs.js');
+
+var __defProp=Object['defineProperty'],__name=(_0x143656,_0x4fc51d)=>__defProp(_0x143656,'name',{'value':_0x4fc51d,'configurable':!![]});function getTableBodyRowContext(_0x564c54,_0x46a5ef){return {'row':_0x564c54,'tableInstance':_0x46a5ef,'internalTableColumns':_0x46a5ef['internalTableColumns']};}__name(getTableBodyRowContext,'getTableBodyRowContext');function getTableBodyRowId(_0x566fbc,_0x228569){return _0x566fbc['id']+'-row-'+_0x228569;}__name(getTableBodyRowId,'getTableBodyRowId');function getTableBodyRowClasses(_0x3e705c){return _0x3e705c===enums.rowHighlightBehaviors['pointer']?'hover:cursor-pointer':'hover:cursor-default';}__name(getTableBodyRowClasses,'getTableBodyRowClasses');
+
+exports.getTableBodyRowClasses = getTableBodyRowClasses;
+exports.getTableBodyRowContext = getTableBodyRowContext;
+exports.getTableBodyRowId = getTableBodyRowId;

package/packages/level2/meta/table/body/FdTableBody.funcs.js

@@ -0,0 +1,6 @@
+'use strict';
+import { rowHighlightBehaviors } from '../../../fd-toolbox/enums/enums.js';
+
+var __defProp=Object['defineProperty'],__name=(_0x143656,_0x4fc51d)=>__defProp(_0x143656,'name',{'value':_0x4fc51d,'configurable':!![]});function getTableBodyRowContext(_0x564c54,_0x46a5ef){return {'row':_0x564c54,'tableInstance':_0x46a5ef,'internalTableColumns':_0x46a5ef['internalTableColumns']};}__name(getTableBodyRowContext,'getTableBodyRowContext');function getTableBodyRowId(_0x566fbc,_0x228569){return _0x566fbc['id']+'-row-'+_0x228569;}__name(getTableBodyRowId,'getTableBodyRowId');function getTableBodyRowClasses(_0x3e705c){return _0x3e705c===rowHighlightBehaviors['pointer']?'hover:cursor-pointer':'hover:cursor-default';}__name(getTableBodyRowClasses,'getTableBodyRowClasses');
+
+export { getTableBodyRowClasses, getTableBodyRowContext, getTableBodyRowId };

package/packages/level2/meta/table/body/FdTableBody.js

@@ -0,0 +1,35 @@
+'use strict';
+import { jsx, Fragment } from 'react/jsx-runtime';
+import { memo } from 'react';
+import { rowHighlightBehaviors } from '../../../fd-toolbox/enums/enums.js';
+import { getTableBodyRowClasses, getTableBodyRowId } from './FdTableBody.funcs.js';
+import { FdTableBodyRow } from '../body-row/FdTableBodyRow.js';
+
+const FdTableBody = memo(
+  ({
+    tableInstance,
+    displayMode,
+    onRefreshItems,
+    deleteItem,
+    onRowClick,
+    tableActionType,
+    rowHighlightBehaviour
+  }) => tableInstance.tableRows.length > 0 ? /* @__PURE__ */ jsx(Fragment, { children: tableInstance.tableRows.map((row, index) => /* @__PURE__ */ jsx(
+    FdTableBodyRow,
+    {
+      rowContext: { row, tableInstance, internalTableColumns: [] },
+      displayMode,
+      onRefreshItems,
+      itemDeleted: deleteItem,
+      cellClick: onRowClick,
+      className: getTableBodyRowClasses(
+        rowHighlightBehaviour ?? rowHighlightBehaviors.default
+      ),
+      tableActionType
+    },
+    getTableBodyRowId(tableInstance, index)
+  )) }) : /* @__PURE__ */ jsx(FdTableBodyRow, { className: "table-cell" })
+);
+FdTableBody.displayName = "FdTableBody";
+
+export { FdTableBody };