@greenbone/ui-lib 0.7.7-alpha0

package/lib/cjs/components/Table/TableClientSide/state/sortSlice.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/components/Table/TableClientSide/state/sortSlice.ts"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport { createSlice, PayloadAction } from \"@reduxjs/toolkit\"\nimport { useReducer } from \"react\"\nimport { TTableConfig } from \"../../types\"\nimport { getColumnById } from \"../../utils/getColumnById\"\nimport { compare } from \"../../../../helper/compareHelper\"\nimport { defaultSortingState } from \"../../constants\"\nimport { ESortDirection, TSorting } from \"../../../../genericTypes\"\nexport type TSortFunction<T> = (a: T, b: T) => number\n\nconst initialState: TSorting = defaultSortingState\n\nexport const sortSlice = createSlice({\n  name: \"sort\",\n  initialState,\n  reducers: {\n    sort(state, action: PayloadAction<string>) {\n      const column = action.payload\n      if (column !== state.column) {\n        state.column = column\n        state.direction = ESortDirection.ASC\n        return\n      }\n\n      if (state.column === column && state.direction === ESortDirection.ASC) {\n        state.direction = ESortDirection.DESC\n        return\n      } else {\n        state.direction = ESortDirection.ASC\n      }\n    },\n  },\n})\n\nfunction getInitialState<T>(config: TTableConfig<T>): TSorting {\n  if (config.sorting?.default) {\n    return config.sorting.default\n  }\n\n  return initialState\n}\n\n/**\n * Keeps track of internal Sorting\n * @param config Configuration for the **TableClientSide**\n */\nexport function useSorting<T>(config: TTableConfig<T>) {\n  const [sorting, dispatchSorting] = useReducer(sortSlice.reducer, getInitialState(config))\n\n  const sortBy = (columnId: string) => {\n    const column = getColumnById(config.columns, columnId)\n    if (column?.sorting?.enabled) dispatchSorting(sortSlice.actions.sort(columnId))\n  }\n\n  return {\n    sortBy,\n    sorting,\n    sortFunction: sortFunctionFactory(config, sorting),\n  }\n}\n\nexport const sortFunctionFactory = <T>(\n  config: TTableConfig<T>,\n  sorting: TSorting\n): TSortFunction<T> => {\n  return (a: T, b: T) => {\n    const column = sorting?.column ? getColumnById(config.columns, sorting.column) : null\n    if (column && column?.sorting?.enabled) {\n      const reverse = sorting.direction === ESortDirection.DESC\n      if (column.sorting.sortFn) {\n        return column.sorting.sortFn(a, b) * (reverse ? -1 : 1)\n      }\n      return compare(column.accessor(a), column.accessor(b), reverse)\n    }\n    return 0\n  }\n}\n"],"names":["sortFunctionFactory","sortSlice","useSorting","initialState","defaultSortingState","createSlice","name","reducers","sort","state","action","column","payload","direction","ESortDirection","ASC","DESC","getInitialState","config","sorting","default","dispatchSorting","useReducer","reducer","sortBy","columnId","getColumnById","columns","enabled","actions","sortFunction","a","b","reverse","sortFn","compare","accessor"],"mappings":"mPAgEaA,6BAAAA,yBAjDAC,mBAAAA,eAkCGC,oBAAAA,qCA7C2B,yCAChB,sCAEG,0DACN,6DACY,+CACK,4BAGzC,MAAMC,aAAyBC,8BAAmB,CAE3C,MAAMH,UAAYI,GAAAA,oBAAW,EAAC,CACnCC,KAAM,OACNH,aACAI,SAAU,CACRC,KAAKC,KAAK,CAAEC,MAA6B,EACvC,MAAMC,OAASD,OAAOE,OAAO,CAC7B,GAAID,SAAWF,MAAME,MAAM,CAAE,CAC3BF,MAAME,MAAM,CAAGA,MACfF,CAAAA,MAAMI,SAAS,CAAGC,4BAAc,CAACC,GAAG,CACpC,MACF,CAEA,GAAIN,MAAME,MAAM,GAAKA,QAAUF,MAAMI,SAAS,GAAKC,4BAAc,CAACC,GAAG,CAAE,CACrEN,MAAMI,SAAS,CAAGC,4BAAc,CAACE,IAAI,CACrC,MACF,KAAO,CACLP,MAAMI,SAAS,CAAGC,4BAAc,CAACC,GAAG,AACtC,CACF,CACF,CACF,GAEA,SAASE,gBAAmBC,MAAuB,MAC7CA,gBAAJ,IAAIA,gBAAAA,OAAOC,OAAO,UAAdD,gCAAAA,gBAAgBE,OAAO,CAAE,CAC3B,OAAOF,OAAOC,OAAO,CAACC,OAAO,AAC/B,CAEA,OAAOjB,YACT,CAMO,SAASD,WAAcgB,MAAuB,EACnD,KAAM,CAACC,QAASE,gBAAgB,CAAGC,GAAAA,iBAAU,EAACrB,UAAUsB,OAAO,CAAEN,gBAAgBC,SAEjF,MAAMM,OAAS,AAACC,eAEVd,gBADJ,MAAMA,OAASe,GAAAA,4BAAa,EAACR,OAAOS,OAAO,CAAEF,UAC7C,GAAId,eAAAA,wBAAAA,gBAAAA,OAAQQ,OAAO,UAAfR,gCAAAA,gBAAiBiB,OAAO,CAAEP,gBAAgBpB,UAAU4B,OAAO,CAACrB,IAAI,CAACiB,UACvE,EAEA,MAAO,CACLD,OACAL,QACAW,aAAc9B,oBAAoBkB,OAAQC,QAC5C,CACF,CAEO,MAAMnB,oBAAsB,CACjCkB,OACAC,WAEA,MAAO,CAACY,EAAMC,SAEErB,gBADd,MAAMA,OAASQ,CAAAA,gBAAAA,wBAAAA,QAASR,MAAM,EAAGe,GAAAA,4BAAa,EAACR,OAAOS,OAAO,CAAER,QAAQR,MAAM,EAAI,KACjF,GAAIA,SAAUA,eAAAA,wBAAAA,gBAAAA,OAAQQ,OAAO,UAAfR,gCAAAA,gBAAiBiB,OAAO,EAAE,CACtC,MAAMK,QAAUd,QAAQN,SAAS,GAAKC,4BAAc,CAACE,IAAI,CACzD,GAAIL,OAAOQ,OAAO,CAACe,MAAM,CAAE,CACzB,OAAOvB,OAAOQ,OAAO,CAACe,MAAM,CAACH,EAAGC,GAAMC,CAAAA,QAAU,CAAC,EAAI,CAAA,CACvD,CACA,MAAOE,GAAAA,sBAAO,EAACxB,OAAOyB,QAAQ,CAACL,GAAIpB,OAAOyB,QAAQ,CAACJ,GAAIC,QACzD,CACA,OAAO,CACT,CACF"}

package/lib/cjs/components/Table/TableClientSide/useTableClientSide.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"useTableClientSide",{enumerable:true,get:function(){return useTableClientSide}});const _react=require("react");const _sortSlice=require("./state/sortSlice");const _pageSlice=require("./state/pageSlice");const _selectSlice=require("./state/selectSlice");const _useColumns=require("../hooks/useColumns");const _useFillers=require("../hooks/useFillers");const _useRowFactoryBuilder=require("../hooks/useRowFactoryBuilder");function useTableClientSide(inputData,config,onSelect,onSortingChange,onPagingChange,defaultPaging){var _config_meta;const[data,setData]=(0,_react.useState)(inputData);const{sorting,sortBy,sortFunction}=(0,_sortSlice.useSorting)(config);const{paging,gotoPageIndex,setPageSize,sliceParams}=(0,_pageSlice.usePaging)(data,defaultPaging);const selectionState=(0,_selectSlice.useSelect)();(0,_react.useEffect)(()=>{onPagingChange&&onPagingChange({index:paging.index,size:paging.size})},[paging]);(0,_react.useEffect)(()=>{onSortingChange&&onSortingChange({column:sorting.column,direction:sorting.direction})},[sorting]);(0,_react.useEffect)(()=>{if(!onSelect)return;const selectedData=selectionState.selected.map(id=>data.find(d=>config.rowIdentifierAccessor(d)===id)).filter(x=>x!==undefined);onSelect(selectedData)},[selectionState.selected]);(0,_react.useEffect)(()=>{if(JSON.stringify(data)===JSON.stringify(inputData))return;setData(inputData)},[inputData]);(0,_react.useEffect)(()=>{selectionState.clearSelected()},[paging.totalDisplayableResults,paging.totalResults]);const rowsRaw=[...data].sort(sortFunction).slice(...sliceParams);const rowIds=rowsRaw.map(row=>row.id);const rowFactory=(0,_useRowFactoryBuilder.useRowFactoryBuilder)(config,selectionState,rowIds);const rows=rowsRaw.map(rowFactory);const columns=(0,_useColumns.useColumns)(config,{sorting,sortBy,selected:selectionState.selected,selectAll:selectionState.selectAll,rowIds:rowIds});const fillers=(0,_useFillers.useFillers)(config,rows,paging.size);return{head:{columns},body:{rows,fillers,meta:{noDataTextContent:(_config_meta=config.meta)===null||_config_meta===void 0?void 0:_config_meta.noDataTextContent}},paging:{index:paging.index,size:paging.size,totalDisplayableResults:paging.totalDisplayableResults,actions:{gotoPageIndex,setPageSize}},selection:selectionState}}
+//# sourceMappingURL=useTableClientSide.js.map

package/lib/cjs/components/Table/TableClientSide/useTableClientSide.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Table/TableClientSide/useTableClientSide.tsx"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport { useEffect, useState } from \"react\"\nimport { TUseTableConfigInternal, TUseTableReturn } from \"../types\"\nimport { useSorting } from \"./state/sortSlice\"\nimport { usePaging } from \"./state/pageSlice\"\nimport { useSelect } from \"./state/selectSlice\"\nimport { useColumns } from \"../hooks/useColumns\"\nimport { useFillers } from \"../hooks/useFillers\"\nimport { useRowFactoryBuilder } from \"../hooks/useRowFactoryBuilder\"\nimport { THandlePagingChange, THandleSortingChange } from \"./index\"\nimport { TPaging } from \"../../../genericTypes\"\n\n/**\n * Heart of the **TableClientSide**. Keeps the internal states for sorting, paging and selecting.\n * @param inputData An Array of items to list (All items for all pages)\n * @param config Configuration for the **TableClientSide**\n * @param onSelect Callback when selection changes\n * @param onSortingChange Callback when sorting changes\n * @param onPagingChange Callback when paging changes\n * @param defaultPaging Default pagination\n */\nexport function useTableClientSide<T>(\n  inputData: Array<T>,\n  config: TUseTableConfigInternal<T>,\n  onSelect?: (data: T[]) => void,\n  onSortingChange?: THandleSortingChange,\n  onPagingChange?: THandlePagingChange,\n  defaultPaging?: Omit<TPaging, \"totalDisplayableResults\">\n): TUseTableReturn<T> {\n  // Initiating states and hooks (that contain states/reducers)\n  const [data, setData] = useState<Array<T>>(inputData)\n  const { sorting, sortBy, sortFunction } = useSorting(config)\n  const { paging, gotoPageIndex, setPageSize, sliceParams } = usePaging(data, defaultPaging)\n  const selectionState = useSelect() // the selection is currently not persistent by design\n\n  useEffect(() => {\n    onPagingChange && onPagingChange({ index: paging.index, size: paging.size })\n  }, [paging])\n\n  useEffect(() => {\n    onSortingChange &&\n      onSortingChange({\n        column: sorting.column,\n        direction: sorting.direction,\n      })\n  }, [sorting])\n\n  // Call callback once selection changes. Usually used to sync state with parent component\n  useEffect(() => {\n    if (!onSelect) return\n    const selectedData = selectionState.selected\n      .map((id) => data.find((d) => config.rowIdentifierAccessor(d) === id))\n      .filter((x) => x !== undefined)\n    onSelect(selectedData)\n  }, [selectionState.selected])\n\n  // Keep local state up-to-date with props\n  useEffect(() => {\n    if (JSON.stringify(data) === JSON.stringify(inputData)) return\n    setData(inputData)\n  }, [inputData])\n\n  useEffect(() => {\n    selectionState.clearSelected()\n  }, [paging.totalDisplayableResults, paging.totalResults])\n\n  // Prepare all rows to be updated and populated with current internal state. Start with sorting and paging to get the\n  // rows for the current page.\n  const rowsRaw = [...data].sort(sortFunction).slice(...sliceParams)\n\n  // Get the items on the current page which are needed in the rows and columns for the selection.\n  const rowIds = rowsRaw.map((row: any) => row.id)\n\n  // Create closure Rows that contain prepared information about each row (e.g. pure data, state, components for each row)\n  const rowFactory = useRowFactoryBuilder(config, selectionState, rowIds)\n  // Create row configuration\n  const rows = rowsRaw.map(rowFactory)\n\n  // Create column configuration which contains all information about each column (e.g. sorting)\n  const columns = useColumns(config, {\n    sorting,\n    sortBy,\n    selected: selectionState.selected,\n    selectAll: selectionState.selectAll,\n    rowIds: rowIds,\n  })\n\n  // Filler row when no data is present\n  const fillers = useFillers(config, rows, paging.size)\n  return {\n    head: {\n      columns,\n    },\n    body: {\n      rows,\n      fillers,\n      meta: {\n        noDataTextContent: config.meta?.noDataTextContent,\n      },\n    },\n    paging: {\n      index: paging.index,\n      size: paging.size,\n      totalDisplayableResults: paging.totalDisplayableResults,\n      actions: {\n        gotoPageIndex,\n        setPageSize,\n      },\n    },\n    selection: selectionState,\n  }\n}\n"],"names":["useTableClientSide","inputData","config","onSelect","onSortingChange","onPagingChange","defaultPaging","data","setData","useState","sorting","sortBy","sortFunction","useSorting","paging","gotoPageIndex","setPageSize","sliceParams","usePaging","selectionState","useSelect","useEffect","index","size","column","direction","selectedData","selected","map","id","find","d","rowIdentifierAccessor","filter","x","undefined","JSON","stringify","clearSelected","totalDisplayableResults","totalResults","rowsRaw","sort","slice","rowIds","row","rowFactory","useRowFactoryBuilder","rows","columns","useColumns","selectAll","fillers","useFillers","head","body","meta","noDataTextContent","actions","selection"],"mappings":"oGAwBgBA,4DAAAA,2CApBoB,kCAET,8CACD,gDACA,iDACC,iDACA,2DACU,iCAa9B,SAASA,mBACdC,SAAmB,CACnBC,MAAkC,CAClCC,QAA8B,CAC9BC,eAAsC,CACtCC,cAAoC,CACpCC,aAAwD,MAsE/BJ,aAnEzB,KAAM,CAACK,KAAMC,QAAQ,CAAGC,GAAAA,eAAQ,EAAWR,WAC3C,KAAM,CAAES,OAAO,CAAEC,MAAM,CAAEC,YAAY,CAAE,CAAGC,GAAAA,qBAAU,EAACX,QACrD,KAAM,CAAEY,MAAM,CAAEC,aAAa,CAAEC,WAAW,CAAEC,WAAW,CAAE,CAAGC,GAAAA,oBAAS,EAACX,KAAMD,eAC5E,MAAMa,eAAiBC,GAAAA,sBAAS,IAEhCC,GAAAA,gBAAS,EAAC,KACRhB,gBAAkBA,eAAe,CAAEiB,MAAOR,OAAOQ,KAAK,CAAEC,KAAMT,OAAOS,IAAI,AAAC,EAC5E,EAAG,CAACT,OAAO,EAEXO,GAAAA,gBAAS,EAAC,KACRjB,iBACEA,gBAAgB,CACdoB,OAAQd,QAAQc,MAAM,CACtBC,UAAWf,QAAQe,SAAS,AAC9B,EACJ,EAAG,CAACf,QAAQ,EAGZW,GAAAA,gBAAS,EAAC,KACR,GAAI,CAAClB,SAAU,OACf,MAAMuB,aAAeP,eAAeQ,QAAQ,CACzCC,GAAG,CAAC,AAACC,IAAOtB,KAAKuB,IAAI,CAAC,AAACC,GAAM7B,OAAO8B,qBAAqB,CAACD,KAAOF,KACjEI,MAAM,CAAC,AAACC,GAAMA,IAAMC,WACvBhC,SAASuB,aACX,EAAG,CAACP,eAAeQ,QAAQ,CAAC,EAG5BN,GAAAA,gBAAS,EAAC,KACR,GAAIe,KAAKC,SAAS,CAAC9B,QAAU6B,KAAKC,SAAS,CAACpC,WAAY,OACxDO,QAAQP,UACV,EAAG,CAACA,UAAU,EAEdoB,GAAAA,gBAAS,EAAC,KACRF,eAAemB,aAAa,EAC9B,EAAG,CAACxB,OAAOyB,uBAAuB,CAAEzB,OAAO0B,YAAY,CAAC,EAIxD,MAAMC,QAAU,IAAIlC,KAAK,CAACmC,IAAI,CAAC9B,cAAc+B,KAAK,IAAI1B,aAGtD,MAAM2B,OAASH,QAAQb,GAAG,CAAC,AAACiB,KAAaA,IAAIhB,EAAE,EAG/C,MAAMiB,WAAaC,GAAAA,0CAAoB,EAAC7C,OAAQiB,eAAgByB,QAEhE,MAAMI,KAAOP,QAAQb,GAAG,CAACkB,YAGzB,MAAMG,QAAUC,GAAAA,sBAAU,EAAChD,OAAQ,CACjCQ,QACAC,OACAgB,SAAUR,eAAeQ,QAAQ,CACjCwB,UAAWhC,eAAegC,SAAS,CACnCP,OAAQA,MACV,GAGA,MAAMQ,QAAUC,GAAAA,sBAAU,EAACnD,OAAQ8C,KAAMlC,OAAOS,IAAI,EACpD,MAAO,CACL+B,KAAM,CACJL,OACF,EACAM,KAAM,CACJP,KACAI,QACAI,KAAM,CACJC,iBAAiB,EAAEvD,aAAAA,OAAOsD,IAAI,UAAXtD,6BAAAA,aAAauD,iBAAiB,AACnD,CACF,EACA3C,OAAQ,CACNQ,MAAOR,OAAOQ,KAAK,CACnBC,KAAMT,OAAOS,IAAI,CACjBgB,wBAAyBzB,OAAOyB,uBAAuB,CACvDmB,QAAS,CACP3C,cACAC,WACF,CACF,EACA2C,UAAWxC,cACb,CACF"}

package/lib/cjs/components/Table/TableServerSide/TableServerSidePersistent/index.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});function _export(target,all){for(var name in all)Object.defineProperty(target,name,{enumerable:true,get:Object.getOwnPropertyDescriptor(all,name).get})}_export(exports,{get TableServerSidePersistent(){return TableServerSidePersistent},get getTableServerSidePersistentState(){return getTableServerSidePersistentState}});const _jsxruntime=require("react/jsx-runtime");const _TableSessionStorage=require("../../persistence/TableSessionStorage");const _react=require("react");const _constants=require("../../constants");const _index=require("../index");function _define_property(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true})}else{obj[key]=value}return obj}function _object_spread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};var ownKeys=Object.keys(source);if(typeof Object.getOwnPropertySymbols==="function"){ownKeys=ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym){return Object.getOwnPropertyDescriptor(source,sym).enumerable}))}ownKeys.forEach(function(key){_define_property(target,key,source[key])})}return target}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})}keys.push.apply(keys,symbols)}return keys}function _object_spread_props(target,source){source=source!=null?source:{};if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source))}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))})}return target}function _object_without_properties(source,excluded){if(source==null)return{};var target=_object_without_properties_loose(source,excluded);var key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++){key=sourceSymbolKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key]}}return target}function _object_without_properties_loose(source,excluded){if(source==null)return{};var target={};var sourceKeys=Object.keys(source);var key,i;for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;target[key]=source[key]}return target}function getTableServerSidePersistentState(id,Storage=_TableSessionStorage.TableSessionStorage.Instance()){return Storage.get(id)}function TableServerSidePersistent(_param){var{Storage=_TableSessionStorage.TableSessionStorage.Instance(),tableId,config,onTableUpdate}=_param,tableProps=_object_without_properties(_param,["Storage","tableId","config","onTableUpdate"]);const savedTable=(0,_react.useMemo)(()=>Storage.get(tableId)||{paging:_constants.defaultPagingState,sorting:config.sorting.default},[tableId]);const configurationWithAdjustedSorting=_object_spread_props(_object_spread({},config),{sorting:{default:savedTable.sorting}});const handleTableChange=tableState=>{Storage===null||Storage===void 0?void 0:Storage.set(tableId,()=>tableState);onTableUpdate===null||onTableUpdate===void 0?void 0:onTableUpdate(tableState)};(0,_react.useEffect)(()=>{if(!tableProps.metadata)return;Storage===null||Storage===void 0?void 0:Storage.set(tableId,prev=>_object_spread({},prev,tableProps.metadata))},[tableProps.metadata]);return(0,_jsxruntime.jsx)(_index.TableServerSide,_object_spread_props(_object_spread({},tableProps),{onTableUpdate:handleTableChange,config:configurationWithAdjustedSorting}))}
+//# sourceMappingURL=index.js.map

package/lib/cjs/components/Table/TableServerSide/TableServerSidePersistent/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/components/Table/TableServerSide/TableServerSidePersistent/index.tsx"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport { ITableStorage, TableSessionStorage } from \"../../persistence/TableSessionStorage\"\nimport { useEffect, useMemo } from \"react\"\nimport { defaultPagingState } from \"../../constants\"\nimport { TableServerSide, TTableServerSideProps } from \"../index\"\nimport { TOnTableUpdateArgs } from \"../useTableServerSide\"\n\nexport type TTableServerSidePersistentProps<TDataType> = TTableServerSideProps<TDataType> & {\n  Storage?: ITableStorage\n  tableId: string\n}\n\nexport function getTableServerSidePersistentState(\n  id: string,\n  Storage = TableSessionStorage.Instance()\n) {\n  return Storage.get(id)\n}\n\n/**\n * The TableServerSidePersistent is a persistence middleware that uses closely the same interface as the table\n * with addition of the *Storage* and *tableId*.\n * it wraps and intercepts incoming and outgoing data to inject loaded data into the\n * table or save table changes into the Storage Repository.\n *\n * @param Storage Storage Repository for the Table. This is optional and per default the TableSessionStorage for SessionStorage persistence\n * @param tableId Unique ID for persistence\n * @param config Table Configuration\n * @param onTableUpdate Callback\n * @param tableProps Interface from useTableClientSide hook\n */\nexport function TableServerSidePersistent<TDataType>({\n  Storage = TableSessionStorage.Instance(),\n  tableId,\n  config,\n  onTableUpdate,\n  ...tableProps\n}: TTableServerSidePersistentProps<TDataType>) {\n  const savedTable = useMemo(\n    () =>\n      Storage.get(tableId) || {\n        paging: defaultPagingState,\n        sorting: config.sorting.default,\n      },\n    [tableId]\n  )\n\n  const configurationWithAdjustedSorting = {\n    ...config,\n    sorting: {\n      default: savedTable.sorting,\n    },\n  }\n  const handleTableChange = (tableState: TOnTableUpdateArgs) => {\n    Storage?.set(tableId, () => tableState)\n    onTableUpdate?.(tableState)\n  }\n\n  useEffect(() => {\n    if (!tableProps.metadata) return\n    Storage?.set(tableId, (prev) => ({ ...prev, ...tableProps.metadata }))\n  }, [tableProps.metadata])\n\n  return (\n    <TableServerSide\n      {...tableProps}\n      onTableUpdate={handleTableChange}\n      config={configurationWithAdjustedSorting}\n    />\n  )\n}\n"],"names":["TableServerSidePersistent","getTableServerSidePersistentState","id","Storage","TableSessionStorage","Instance","get","tableId","config","onTableUpdate","tableProps","savedTable","useMemo","paging","defaultPagingState","sorting","default","configurationWithAdjustedSorting","handleTableChange","tableState","set","useEffect","metadata","prev","TableServerSide"],"mappings":"mPAkCgBA,mCAAAA,+BAnBAC,2CAAAA,uHAXmC,8DAChB,kCACA,wCACoB,+7DAQhD,SAASA,kCACdC,EAAU,CACVC,QAAUC,wCAAmB,CAACC,QAAQ,EAAE,EAExC,OAAOF,QAAQG,GAAG,CAACJ,GACrB,CAcO,SAASF,0BAAqC,WAAA,CACnDG,QAAUC,wCAAmB,CAACC,QAAQ,EAAE,CACxCE,OAAO,CACPC,MAAM,CACNC,aAAa,CAE8B,CANQ,OAKhDC,sCALgD,QACnDP,UACAI,UACAC,SACAC,kBAGA,MAAME,WAAaC,GAAAA,cAAO,EACxB,IACET,QAAQG,GAAG,CAACC,UAAY,CACtBM,OAAQC,6BAAkB,CAC1BC,QAASP,OAAOO,OAAO,CAACC,OAAO,AACjC,EACF,CAACT,QAAQ,EAGX,MAAMU,iCAAmC,uCACpCT,SACHO,QAAS,CACPC,QAASL,WAAWI,OAAO,AAC7B,IAEF,MAAMG,kBAAoB,AAACC,aACzBhB,gBAAAA,wBAAAA,QAASiB,GAAG,CAACb,QAAS,IAAMY,YAC5BV,sBAAAA,8BAAAA,cAAgBU,WAClB,EAEAE,GAAAA,gBAAS,EAAC,KACR,GAAI,CAACX,WAAWY,QAAQ,CAAE,OAC1BnB,gBAAAA,wBAAAA,QAASiB,GAAG,CAACb,QAAS,AAACgB,MAAU,kBAAKA,KAASb,WAAWY,QAAQ,EACpE,EAAG,CAACZ,WAAWY,QAAQ,CAAC,EAExB,MACE,oBAACE,sBAAe,wCACVd,aACJD,cAAeS,kBACfV,OAAQS,mCAGd"}

package/lib/cjs/components/Table/TableServerSide/index.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"TableServerSide",{enumerable:true,get:function(){return TableServerSide}});const _jsxruntime=require("react/jsx-runtime");const _useActionMenu=require("../components/ActionMenu/useActionMenu");const _useTableServerSide=require("./useTableServerSide");const _Layout=require("../Layout");const _react=require("react");function _define_property(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true})}else{obj[key]=value}return obj}function _object_spread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};var ownKeys=Object.keys(source);if(typeof Object.getOwnPropertySymbols==="function"){ownKeys=ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym){return Object.getOwnPropertyDescriptor(source,sym).enumerable}))}ownKeys.forEach(function(key){_define_property(target,key,source[key])})}return target}function TableServerSideRaw({data=[],config,onSelect,actionConfig,isLoading=false,metadata,onTableUpdate,BottomRow,TopRow}){const{ActionMenu,ActionsModals}=(0,_useActionMenu.useActionMenu)(actionConfig||[]);const mergedConfig=_object_spread({},config);if(actionConfig){mergedConfig.action=props=>(0,_jsxruntime.jsx)(ActionMenu,{tableProps:props})}const tableData=(0,_useTableServerSide.useTableServerSide)({data,config:mergedConfig,onSelect,onTableUpdate:onTableUpdate,metadata});return(0,_jsxruntime.jsxs)(_jsxruntime.Fragment,{children:[actionConfig&&ActionsModals,(0,_jsxruntime.jsx)(_Layout.Layout,{showLoadingState:isLoading,tableData:tableData,BottomRow:BottomRow,TopRow:TopRow})]})}const TableServerSide=(0,_react.memo)(TableServerSideRaw);
+//# sourceMappingURL=index.js.map

package/lib/cjs/components/Table/TableServerSide/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Table/TableServerSide/index.tsx"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport {\n  TActionMenuItem,\n  TServerSideTableMetadata,\n  TTableConfig,\n  TUseTableConfigInternal,\n} from \"../types\"\nimport { useActionMenu } from \"../components/ActionMenu/useActionMenu\"\nimport { TOnTableUpdateArgs, useTableServerSide } from \"./useTableServerSide\"\nimport { Layout } from \"../Layout\"\nimport { memo } from \"react\"\nimport { TTopRowTableParams } from \"../addons/TopRow\"\nimport { TBottomRowTableParams } from \"../addons/BottomRow\"\n\nexport type TTableServerSideProps<TDataType> = {\n  data?: TDataType[]\n  config: TTableConfig<TDataType>\n  onSelect?: (data: TDataType[]) => void\n  actionConfig?: TActionMenuItem<TDataType>[]\n  isLoading?: boolean\n  isFiltered?: boolean\n  metadata: TServerSideTableMetadata\n  onTableUpdate: (args: TOnTableUpdateArgs) => void\n  TopRow?: (props: TTopRowTableParams<TDataType>) => React.ReactNode\n  BottomRow?: (props: TBottomRowTableParams<TDataType>) => React.ReactNode\n}\n\nfunction TableServerSideRaw<TDataType>({\n  data = [],\n  config,\n  onSelect,\n  actionConfig,\n  isLoading = false,\n  metadata,\n  onTableUpdate,\n  BottomRow,\n  TopRow,\n}: TTableServerSideProps<TDataType>) {\n  // calling actionMenu hook to get access to connected ActionMenu and corresponding Modal components\n  const { ActionMenu, ActionsModals } = useActionMenu(actionConfig || [])\n\n  const mergedConfig: TUseTableConfigInternal<TDataType> = {\n    ...config,\n  }\n  if (actionConfig) {\n    mergedConfig.action = (props) => <ActionMenu tableProps={props} />\n  }\n\n  const tableData = useTableServerSide({\n    data,\n    config: mergedConfig,\n    onSelect,\n    onTableUpdate: onTableUpdate,\n    metadata,\n  })\n  return (\n    <>\n      {/* Rendering ActionsModals as pure element so rerenders won't happen on parent rerender due to state change */}\n      {actionConfig && ActionsModals}\n      <Layout\n        showLoadingState={isLoading}\n        tableData={tableData}\n        BottomRow={BottomRow}\n        TopRow={TopRow}\n      />\n    </>\n  )\n}\n\n// Memo to prevent rerender when props don't change\n\nexport const TableServerSide = memo(TableServerSideRaw) as typeof TableServerSideRaw\n"],"names":["TableServerSide","TableServerSideRaw","data","config","onSelect","actionConfig","isLoading","metadata","onTableUpdate","BottomRow","TopRow","ActionMenu","ActionsModals","useActionMenu","mergedConfig","action","props","tableProps","tableData","useTableServerSide","Layout","showLoadingState","memo"],"mappings":"oGA0EaA,yDAAAA,+FAhEiB,4EACyB,8CAChC,kCACF,6mBAiBrB,SAASC,mBAA8B,CACrCC,KAAO,EAAE,CACTC,MAAM,CACNC,QAAQ,CACRC,YAAY,CACZC,UAAY,KAAK,CACjBC,QAAQ,CACRC,aAAa,CACbC,SAAS,CACTC,MAAM,CAC2B,EAEjC,KAAM,CAAEC,UAAU,CAAEC,aAAa,CAAE,CAAGC,GAAAA,4BAAa,EAACR,cAAgB,EAAE,EAEtE,MAAMS,aAAmD,kBACpDX,QAEL,GAAIE,aAAc,CAChBS,aAAaC,MAAM,CAAG,AAACC,OAAU,oBAACL,YAAWM,WAAYD,OAC3D,CAEA,MAAME,UAAYC,GAAAA,sCAAkB,EAAC,CACnCjB,KACAC,OAAQW,aACRV,SACAI,cAAeA,cACfD,QACF,GACA,MACE,qDAEGF,cAAgBO,cACjB,oBAACQ,cAAM,EACLC,iBAAkBf,UAClBY,UAAWA,UACXT,UAAWA,UACXC,OAAQA,WAIhB,CAIO,MAAMV,gBAAkBsB,GAAAA,WAAI,EAACrB"}

package/lib/cjs/components/Table/TableServerSide/useTableServerSide.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"useTableServerSide",{enumerable:true,get:function(){return useTableServerSide}});const _react=require("react");const _useRowFactoryBuilder=require("../hooks/useRowFactoryBuilder");const _useFillers=require("../hooks/useFillers");const _useColumns=require("../hooks/useColumns");const _getPageIndexWithNewSize=require("../utils/getPageIndexWithNewSize");const _constants=require("../constants");const _genericTypes=require("../../../genericTypes");const _helper=require("../../../helper");const _selectSlice=require("../TableClientSide/state/selectSlice");function _define_property(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true})}else{obj[key]=value}return obj}function _object_spread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};var ownKeys=Object.keys(source);if(typeof Object.getOwnPropertySymbols==="function"){ownKeys=ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym){return Object.getOwnPropertyDescriptor(source,sym).enumerable}))}ownKeys.forEach(function(key){_define_property(target,key,source[key])})}return target}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})}keys.push.apply(keys,symbols)}return keys}function _object_spread_props(target,source){source=source!=null?source:{};if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source))}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))})}return target}function useTableServerSide({data=[],metadata,onTableUpdate,config,onSelect}){var _config_sorting,_config_meta;const[paging,setPaging]=(0,_helper.useMemoizedState)((metadata===null||metadata===void 0?void 0:metadata.paging)||_constants.defaultPagingState);const[sorting,setSorting]=(0,_helper.useMemoizedState)((metadata===null||metadata===void 0?void 0:metadata.sorting)||((_config_sorting=config.sorting)===null||_config_sorting===void 0?void 0:_config_sorting.default)||_constants.defaultSortingState);const selectionState=(0,_selectSlice.useSelect)();(0,_react.useEffect)(()=>{if(!onSelect)return;const selectedData=selectionState.selected.map(id=>data.find(d=>config.rowIdentifierAccessor(d)===id)).filter(x=>x!==undefined);onSelect(selectedData)},[selectionState.selected]);function getSort(id){const isCurrentlySorted=sorting.column===id;const result={column:id,direction:_genericTypes.ESortDirection.ASC};if(isCurrentlySorted){result.direction=sorting.direction===_genericTypes.ESortDirection.ASC?_genericTypes.ESortDirection.DESC:_genericTypes.ESortDirection.ASC}return result}const handleUpdate=(0,_react.useCallback)(args=>{onTableUpdate({paging:args.paging||paging,sorting:args.sorting||sorting})},[paging,sorting]);const rowIds=data.map(row=>row.id);const columns=(0,_useColumns.useColumns)(config,{sorting,sortBy:id=>{setSorting(getSort(id));handleUpdate({sorting:getSort(id)})},selectAll:selectionState.selectAll,selected:selectionState.selected,rowIds:rowIds});const rowFactory=(0,_useRowFactoryBuilder.useRowFactoryBuilder)(config,selectionState,rowIds);const rows=[...data].map(rowFactory);const fillers=(0,_useFillers.useFillers)(config,rows,paging.size);(0,_react.useEffect)(()=>{var _metadata_paging,_metadata_paging1,_metadata_paging2,_metadata_paging3,_metadata_sorting,_metadata_sorting1;if(!metadata)return;setPaging({size:(metadata===null||metadata===void 0?void 0:(_metadata_paging=metadata.paging)===null||_metadata_paging===void 0?void 0:_metadata_paging.size)||_constants.defaultPagingState.size,index:(metadata===null||metadata===void 0?void 0:(_metadata_paging1=metadata.paging)===null||_metadata_paging1===void 0?void 0:_metadata_paging1.index)||_constants.defaultPagingState.index,totalDisplayableResults:(metadata===null||metadata===void 0?void 0:(_metadata_paging2=metadata.paging)===null||_metadata_paging2===void 0?void 0:_metadata_paging2.totalDisplayableResults)||_constants.defaultPagingState.totalDisplayableResults,totalResults:metadata===null||metadata===void 0?void 0:(_metadata_paging3=metadata.paging)===null||_metadata_paging3===void 0?void 0:_metadata_paging3.totalResults});setSorting({column:(metadata===null||metadata===void 0?void 0:(_metadata_sorting=metadata.sorting)===null||_metadata_sorting===void 0?void 0:_metadata_sorting.column)||_constants.defaultSortingState.column,direction:(metadata===null||metadata===void 0?void 0:(_metadata_sorting1=metadata.sorting)===null||_metadata_sorting1===void 0?void 0:_metadata_sorting1.direction)||_constants.defaultSortingState.direction})},[metadata]);(0,_react.useEffect)(()=>{selectionState.clearSelected()},[paging.totalDisplayableResults,paging.totalResults]);return{head:{columns},body:{rows,fillers,meta:{noDataTextContent:(_config_meta=config.meta)===null||_config_meta===void 0?void 0:_config_meta.noDataTextContent}},paging:{size:paging.size,totalDisplayableResults:paging.totalDisplayableResults,index:paging.index,totalResults:paging.totalResults,actions:{gotoPageIndex:index=>{setPaging(_object_spread_props(_object_spread({},paging),{index}));handleUpdate({paging:_object_spread_props(_object_spread({},paging),{index})})},setPageSize:size=>{const newPaging=_object_spread_props(_object_spread({},paging),{size,index:(0,_getPageIndexWithNewSize.getPageIndexWithNewSize)({newSize:size,oldIndex:paging.index,oldSize:paging.size})});setPaging(newPaging);handleUpdate({paging:newPaging})}}},selection:selectionState}}
+//# sourceMappingURL=useTableServerSide.js.map

package/lib/cjs/components/Table/TableServerSide/useTableServerSide.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Table/TableServerSide/useTableServerSide.tsx"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport { useCallback, useEffect } from \"react\"\nimport { TServerSideTableMetadata, TUseTableConfigInternal, TUseTableReturn } from \"../types\"\nimport { useRowFactoryBuilder } from \"../hooks/useRowFactoryBuilder\"\nimport { useFillers } from \"../hooks/useFillers\"\nimport { useColumns } from \"../hooks/useColumns\"\nimport { getPageIndexWithNewSize } from \"../utils/getPageIndexWithNewSize\"\nimport { defaultPagingState, defaultSortingState } from \"../constants\"\nimport { ESortDirection, TPaging, TSorting } from \"../../../genericTypes\"\nimport { useMemoizedState } from \"../../../helper\"\nimport { useSelect } from \"../TableClientSide/state/selectSlice\"\n\nexport type TOnTableUpdateArgs = {\n  paging: TPaging\n  sorting: TSorting\n}\n\nexport type TUseTableServerSideProps<T> = {\n  metadata: TServerSideTableMetadata\n  onTableUpdate: (args: TOnTableUpdateArgs) => void\n  data: T[]\n  config: TUseTableConfigInternal<T>\n  onSelect?: (data: T[]) => void\n}\n\n/**\n * Heart of the **TableServerSide**\n * @param data Array of items for the current page\n * @param metadata Metadata about the table (Page and Sorting)\n * @param onTableUpdate Callback for when the table is updated by the user (Sorting,paging change)\n * @param config Configuration for the **TableServerSide**\n * @param onSelect Callback when selection changes\n */\nexport function useTableServerSide<T>({\n  data = [],\n  metadata,\n  onTableUpdate,\n  config,\n  onSelect,\n}: TUseTableServerSideProps<T>): TUseTableReturn<T> {\n  // Initiate internal state based on metadata or default\n  const [paging, setPaging] = useMemoizedState<TPaging>(metadata?.paging || defaultPagingState)\n  const [sorting, setSorting] = useMemoizedState<TSorting>(\n    metadata?.sorting || config.sorting?.default || defaultSortingState\n  )\n  const selectionState = useSelect() // the selection is currently not persistent by design\n\n  // Call callback once selection changes. Usually used to sync state with parent component\n  useEffect(() => {\n    if (!onSelect) return\n    const selectedData = selectionState.selected\n      .map((id) => data.find((d) => config.rowIdentifierAccessor(d) === id))\n      .filter((x) => x !== undefined)\n    onSelect(selectedData)\n  }, [selectionState.selected])\n\n  // Helper function for sorting\n  function getSort(id: string): TSorting {\n    const isCurrentlySorted = sorting.column === id\n    const result: TSorting = {\n      column: id,\n      direction: ESortDirection.ASC,\n    }\n    if (isCurrentlySorted) {\n      result.direction =\n        sorting.direction === ESortDirection.ASC ? ESortDirection.DESC : ESortDirection.ASC\n    }\n\n    return result\n  }\n\n  const handleUpdate = useCallback(\n    (args: Partial<{ sorting: TSorting; paging: TPaging }>) => {\n      onTableUpdate({\n        paging: args.paging || paging,\n        sorting: args.sorting || sorting,\n      })\n    },\n    [paging, sorting]\n  )\n\n  // Get the ids of the items on the current page which are needed in the rows and columns for the selection.\n  const rowIds = data.map((row: any) => row.id)\n\n  // Create column configuration which contains all information about each column (e.g. sorting)\n  const columns = useColumns(config, {\n    sorting,\n    sortBy: (id) => {\n      setSorting(getSort(id))\n      handleUpdate({\n        sorting: getSort(id),\n      })\n    },\n    selectAll: selectionState.selectAll,\n    selected: selectionState.selected,\n    rowIds: rowIds,\n  })\n\n  // Create closure Rows that contain prepared information about each row (e.g. pure data, state, components for each row)\n  const rowFactory = useRowFactoryBuilder(config, selectionState, rowIds)\n\n  // Prepare all rows to be updated and populated with current internal state (e.g. sorting, paging, selection up-to-date)\n  const rows = [...data].map(rowFactory)\n\n  // Filler row when no data is present\n  const fillers = useFillers(config, rows, paging.size)\n\n  // Adjust data to metadata\n  useEffect(() => {\n    if (!metadata) return\n\n    setPaging({\n      size: metadata?.paging?.size || defaultPagingState.size,\n      index: metadata?.paging?.index || defaultPagingState.index,\n      totalDisplayableResults:\n        metadata?.paging?.totalDisplayableResults || defaultPagingState.totalDisplayableResults,\n      totalResults: metadata?.paging?.totalResults,\n    })\n    setSorting({\n      column: metadata?.sorting?.column || defaultSortingState.column,\n      direction: metadata?.sorting?.direction || defaultSortingState.direction,\n    })\n  }, [metadata])\n\n  useEffect(() => {\n    selectionState.clearSelected()\n  }, [paging.totalDisplayableResults, paging.totalResults])\n\n  return {\n    head: {\n      columns,\n    },\n    body: {\n      rows,\n      fillers,\n      meta: {\n        noDataTextContent: config.meta?.noDataTextContent,\n      },\n    },\n    paging: {\n      size: paging.size,\n      totalDisplayableResults: paging.totalDisplayableResults,\n      index: paging.index,\n      totalResults: paging.totalResults,\n      actions: {\n        gotoPageIndex: (index) => {\n          setPaging({ ...paging, index })\n          handleUpdate({\n            paging: {\n              ...paging,\n              index,\n            },\n          })\n        },\n        setPageSize: (size) => {\n          const newPaging = {\n            ...paging,\n            size,\n            index: getPageIndexWithNewSize({\n              newSize: size,\n              oldIndex: paging.index,\n              oldSize: paging.size,\n            }),\n          }\n          setPaging(newPaging)\n          handleUpdate({\n            paging: newPaging,\n          })\n        },\n      },\n    },\n    selection: selectionState,\n  }\n}\n"],"names":["useTableServerSide","data","metadata","onTableUpdate","config","onSelect","paging","setPaging","useMemoizedState","defaultPagingState","sorting","setSorting","default","defaultSortingState","selectionState","useSelect","useEffect","selectedData","selected","map","id","find","d","rowIdentifierAccessor","filter","x","undefined","getSort","isCurrentlySorted","column","result","direction","ESortDirection","ASC","DESC","handleUpdate","useCallback","args","rowIds","row","columns","useColumns","sortBy","selectAll","rowFactory","useRowFactoryBuilder","rows","fillers","useFillers","size","index","totalDisplayableResults","totalResults","clearSelected","head","body","meta","noDataTextContent","actions","gotoPageIndex","setPageSize","newPaging","getPageIndexWithNewSize","newSize","oldIndex","oldSize","selection"],"mappings":"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"}

package/lib/cjs/components/Table/addons/BottomRow.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"BottomRow",{enumerable:true,get:function(){return BottomRow}});const _jsxruntime=require("react/jsx-runtime");const _react=/*#__PURE__*/_interop_require_default(require("react"));const _BottomRowmodulecss=/*#__PURE__*/_interop_require_default(require("./BottomRow.module.css"));const _reacti18next=require("react-i18next");const _Typo=require("../../Typo");function _interop_require_default(obj){return obj&&obj.__esModule?obj:{default:obj}}const BottomRow=({totalDisplayableResults,totalResults,index,size,isFiltered})=>{const{t}=(0,_reacti18next.useTranslation)();const pageCount=Math.ceil(totalDisplayableResults/size);const isLastRaw=pageCount>1&&pageCount===index+1;if(!isLastRaw||!totalResults)return null;return(0,_jsxruntime.jsx)("div",{className:_BottomRowmodulecss.default["bottom-row-container"],"data-testid":"table-bottomRow-container",children:(0,_jsxruntime.jsx)(_Typo.Typo,{className:_BottomRowmodulecss.default.text,type:"small",children:getText({t,isFiltered})})})};const getText=({t,isFiltered})=>{let text=t("No more items can be displayed. Use filters to narrow your search.");if(isFiltered){text=t("No more items can be displayed. Adjust filters to narrow your search.")}return text};
+//# sourceMappingURL=BottomRow.js.map

package/lib/cjs/components/Table/addons/BottomRow.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Table/addons/BottomRow.tsx"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport React from \"react\"\nimport classes from \"./BottomRow.module.css\"\nimport { useTranslation } from \"react-i18next\"\nimport { Typo } from \"../../Typo\"\nimport { TFunction } from \"i18next\"\nimport { TPaging } from \"../../../genericTypes\"\nimport { TUseTableReturn } from \"../types\"\n\nexport type TBottomRowTableParams<TDataType> = TPaging & {\n  tableData: TUseTableReturn<TDataType>\n}\n\ntype TTableBottomRowRow = {\n  totalResults?: number\n  index: number\n  size: number\n  totalDisplayableResults: number\n  isFiltered: boolean\n}\n\nconst BottomRow: React.FC<TTableBottomRowRow> = ({\n  totalDisplayableResults,\n  totalResults,\n  index,\n  size,\n  isFiltered,\n}) => {\n  const { t } = useTranslation()\n  const pageCount = Math.ceil(totalDisplayableResults / size)\n  const isLastRaw = pageCount > 1 && pageCount === index + 1\n\n  if (!isLastRaw || !totalResults) return null\n\n  return (\n    <div className={classes[\"bottom-row-container\"]} data-testid={\"table-bottomRow-container\"}>\n      <Typo className={classes.text} type={\"small\"}>\n        {getText({ t, isFiltered })}\n      </Typo>\n    </div>\n  )\n}\n\nconst getText = ({ t, isFiltered }: { isFiltered?: boolean } & { t: TFunction }) => {\n  let text = t(\"No more items can be displayed. Use filters to narrow your search.\")\n\n  if (isFiltered) {\n    text = t(\"No more items can be displayed. Adjust filters to narrow your search.\")\n  }\n\n  return text\n}\n\nexport { BottomRow }\n"],"names":["BottomRow","totalDisplayableResults","totalResults","index","size","isFiltered","t","useTranslation","pageCount","Math","ceil","isLastRaw","div","className","classes","data-testid","Typo","text","type","getText"],"mappings":"oGAwDSA,mDAAAA,uHApDS,kFACE,uDACW,qCACV,kGAiBrB,MAAMA,UAA0C,CAAC,CAC/CC,uBAAuB,CACvBC,YAAY,CACZC,KAAK,CACLC,IAAI,CACJC,UAAU,CACX,IACC,KAAM,CAAEC,CAAC,CAAE,CAAGC,GAAAA,4BAAc,IAC5B,MAAMC,UAAYC,KAAKC,IAAI,CAACT,wBAA0BG,MACtD,MAAMO,UAAYH,UAAY,GAAKA,YAAcL,MAAQ,EAEzD,GAAI,CAACQ,WAAa,CAACT,aAAc,OAAO,KAExC,MACE,oBAACU,OAAIC,UAAWC,2BAAO,CAAC,uBAAuB,CAAEC,cAAa,qCAC5D,oBAACC,UAAI,EAACH,UAAWC,2BAAO,CAACG,IAAI,CAAEC,KAAM,iBAClCC,QAAQ,CAAEb,EAAGD,UAAW,MAIjC,EAEA,MAAMc,QAAU,CAAC,CAAEb,CAAC,CAAED,UAAU,CAA+C,IAC7E,IAAIY,KAAOX,EAAE,sEAEb,GAAID,WAAY,CACdY,KAAOX,EAAE,wEACX,CAEA,OAAOW,IACT"}

package/lib/cjs/components/Table/addons/BottomRow.module.css

@@ -0,0 +1 @@
+.bottom-row-container{display:flex;justify-content:center;margin:var(--mantine-spacing-lg) 0 var(--mantine-spacing-lg) var(--mantine-spacing-xs)}.text{color:var(--text-color)}:root[data-mantine-color-scheme=dark]{--text-color:var(--mantine-color-gray-0)}:root:not([data-mantine-color-scheme=dark]){--text-color:var(--mantine-color-gray-6)}

package/lib/cjs/components/Table/addons/TopRow.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"TopRow",{enumerable:true,get:function(){return TopRow}});const _jsxruntime=require("react/jsx-runtime");const _react=/*#__PURE__*/_interop_require_default(require("react"));const _reacti18next=require("react-i18next");const _Typo=require("../../Typo");const _TopRowmodulecss=/*#__PURE__*/_interop_require_default(require("./TopRow.module.css"));const _InfoTip=require("../../InfoTip");function _interop_require_default(obj){return obj&&obj.__esModule?obj:{default:obj}}const TopRow=({totalDisplayableResults,totalResults,isFiltered,selected})=>{const{t}=(0,_reacti18next.useTranslation)();const text=getText({t,totalDisplayableResults,totalResults,isFiltered});const selectedResults=(selected===null||selected===void 0?void 0:selected.length)||0;const selectionText=selectedResults?t("{{selectedResults}} items selected",{selectedResults}):"";return(0,_jsxruntime.jsxs)("div",{className:_TopRowmodulecss.default["top-row-container"],"data-testid":"table-topRow-container",children:[selectedResults<=0&&(0,_jsxruntime.jsx)(_Typo.Typo,{className:_TopRowmodulecss.default.text,type:"small",children:text}),totalResults&&selectedResults<=0&&(0,_jsxruntime.jsx)(_InfoTip.InfoI,{dropDownContent:(0,_jsxruntime.jsx)(_Typo.Typo,{type:"body",children:t("For performance reasons, only the first 10,000 items are displayed. Use filters to narrow down your search.")})}),selectedResults>0&&(0,_jsxruntime.jsx)(_Typo.Typo,{className:_TopRowmodulecss.default.text,type:"small",children:selectionText})]})};const getText=({t,totalDisplayableResults,totalResults,isFiltered})=>{let text=t("{{totalDisplayableResults}} items",{totalDisplayableResults});if(isFiltered){text=t("{{totalDisplayableResults}} filtered items",{totalDisplayableResults})}if(totalResults){text=t("Displaying {{totalDisplayableResults}} out of {{totalResults}} items",{totalDisplayableResults,totalResults})}if(isFiltered&&totalResults){text=t("Displaying filtered {{totalDisplayableResults}} out of {{totalResults}} items",{totalDisplayableResults,totalResults})}return text};
+//# sourceMappingURL=TopRow.js.map

package/lib/cjs/components/Table/addons/TopRow.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Table/addons/TopRow.tsx"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport React from \"react\"\nimport { useTranslation } from \"react-i18next\"\nimport { TFunction } from \"i18next\"\nimport { Typo } from \"../../Typo\"\nimport { TUseTableReturn } from \"../types\"\nimport { TPaging, TSelection } from \"../../../genericTypes\"\nimport classes from \"./TopRow.module.css\"\nimport { InfoI } from \"../../InfoTip\"\n\nexport type TTopRowTableParams<TDataType> = {\n  tableData: TUseTableReturn<TDataType>\n  totalDisplayableResults: TPaging[\"totalDisplayableResults\"]\n  totalResults: TPaging[\"totalResults\"]\n  selected: TSelection[\"selected\"]\n}\n\ntype TTableTopRow = {\n  totalDisplayableResults: number\n  totalResults?: number\n  isFiltered: boolean\n  selected?: string[]\n}\n\nconst TopRow: React.FC<TTableTopRow> = ({\n  totalDisplayableResults,\n  totalResults,\n  isFiltered,\n  selected,\n}) => {\n  const { t } = useTranslation()\n  const text = getText({ t, totalDisplayableResults, totalResults, isFiltered })\n  const selectedResults = selected?.length || 0\n  const selectionText = selectedResults\n    ? t(\"{{selectedResults}} items selected\", { selectedResults })\n    : \"\"\n  return (\n    <div className={classes[\"top-row-container\"]} data-testid={\"table-topRow-container\"}>\n      {selectedResults <= 0 && (\n        <Typo className={classes.text} type={\"small\"}>\n          {text}\n        </Typo>\n      )}\n      {totalResults && selectedResults <= 0 && (\n        <InfoI\n          dropDownContent={\n            <Typo type={\"body\"}>\n              {t(\n                \"For performance reasons, only the first 10,000 items are displayed. Use filters to narrow down your search.\"\n              )}\n            </Typo>\n          }\n        />\n      )}\n      {selectedResults > 0 && (\n        <Typo className={classes.text} type={\"small\"}>\n          {selectionText}\n        </Typo>\n      )}\n    </div>\n  )\n}\n\nconst getText = ({\n  t,\n  totalDisplayableResults,\n  totalResults,\n  isFiltered,\n}: { totalDisplayableResults: number; totalResults?: number; isFiltered: boolean } & {\n  t: TFunction\n}) => {\n  let text = t(\"{{totalDisplayableResults}} items\", {\n    totalDisplayableResults,\n  })\n\n  if (isFiltered) {\n    text = t(\"{{totalDisplayableResults}} filtered items\", {\n      totalDisplayableResults,\n    })\n  }\n\n  if (totalResults) {\n    text = t(\"Displaying {{totalDisplayableResults}} out of {{totalResults}} items\", {\n      totalDisplayableResults,\n      totalResults,\n    })\n  }\n\n  if (isFiltered && totalResults) {\n    text = t(\"Displaying filtered {{totalDisplayableResults}} out of {{totalResults}} items\", {\n      totalDisplayableResults,\n      totalResults,\n    })\n  }\n  return text\n}\n\nexport { TopRow }\n"],"names":["TopRow","totalDisplayableResults","totalResults","isFiltered","selected","t","useTranslation","text","getText","selectedResults","length","selectionText","div","className","classes","data-testid","Typo","type","InfoI","dropDownContent"],"mappings":"oGAoGSA,gDAAAA,oHAhGS,sCACa,qCAEV,mFAGD,+CACE,qGAgBtB,MAAMA,OAAiC,CAAC,CACtCC,uBAAuB,CACvBC,YAAY,CACZC,UAAU,CACVC,QAAQ,CACT,IACC,KAAM,CAAEC,CAAC,CAAE,CAAGC,GAAAA,4BAAc,IAC5B,MAAMC,KAAOC,QAAQ,CAAEH,EAAGJ,wBAAyBC,aAAcC,UAAW,GAC5E,MAAMM,gBAAkBL,CAAAA,iBAAAA,yBAAAA,SAAUM,MAAM,GAAI,EAC5C,MAAMC,cAAgBF,gBAClBJ,EAAE,qCAAsC,CAAEI,eAAgB,GAC1D,GACJ,MACE,qBAACG,OAAIC,UAAWC,wBAAO,CAAC,oBAAoB,CAAEC,cAAa,mCACxDN,iBAAmB,GAClB,oBAACO,UAAI,EAACH,UAAWC,wBAAO,CAACP,IAAI,CAAEU,KAAM,iBAClCV,OAGJL,cAAgBO,iBAAmB,GAClC,oBAACS,cAAK,EACJC,gBACE,oBAACH,UAAI,EAACC,KAAM,gBACTZ,EACC,mHAMTI,gBAAkB,GACjB,oBAACO,UAAI,EAACH,UAAWC,wBAAO,CAACP,IAAI,CAAEU,KAAM,iBAClCN,kBAKX,EAEA,MAAMH,QAAU,CAAC,CACfH,CAAC,CACDJ,uBAAuB,CACvBC,YAAY,CACZC,UAAU,CAGX,IACC,IAAII,KAAOF,EAAE,oCAAqC,CAChDJ,uBACF,GAEA,GAAIE,WAAY,CACdI,KAAOF,EAAE,6CAA8C,CACrDJ,uBACF,EACF,CAEA,GAAIC,aAAc,CAChBK,KAAOF,EAAE,uEAAwE,CAC/EJ,wBACAC,YACF,EACF,CAEA,GAAIC,YAAcD,aAAc,CAC9BK,KAAOF,EAAE,gFAAiF,CACxFJ,wBACAC,YACF,EACF,CACA,OAAOK,IACT"}

package/lib/cjs/components/Table/addons/TopRow.module.css

@@ -0,0 +1 @@
+.top-row-container{display:flex;gap:var(--mantine-spacing-xxs);margin:var(--mantine-spacing-lg) 0 var(--mantine-spacing-xs) var(--mantine-spacing-md)}.text{color:var(--text-color)}:root[data-mantine-color-scheme=dark]{--text-color:var(--mantine-color-gray-0)}:root:not([data-mantine-color-scheme=dark]){--text-color:var(--mantine-color-gray-6)}

package/lib/cjs/components/Table/addons/index.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});_export_star(require("./BottomRow"),exports);_export_star(require("./TopRow"),exports);function _export_star(from,to){Object.keys(from).forEach(function(k){if(k!=="default"&&!Object.prototype.hasOwnProperty.call(to,k)){Object.defineProperty(to,k,{enumerable:true,get:function(){return from[k]}})}});return from}
+//# sourceMappingURL=index.js.map

package/lib/cjs/components/Table/addons/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Table/addons/index.ts"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nexport * from \"./BottomRow\"\nexport * from \"./TopRow\"\n"],"names":[],"mappings":"2FAIc,6CACA"}

package/lib/cjs/components/Table/components/ActionMenu/ActionMenu.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});function _export(target,all){for(var name in all)Object.defineProperty(target,name,{enumerable:true,get:Object.getOwnPropertyDescriptor(all,name).get})}_export(exports,{get ActionMenu(){return ActionMenu},get createWiredActionMenuComponent(){return createWiredActionMenuComponent}});const _jsxruntime=require("react/jsx-runtime");const _core=require("@mantine/core");const _lucidereact=require("lucide-react");const _react=require("react");const _Tooltip=require("../../../Tooltip");const _ActionMenumodulecss=/*#__PURE__*/_interop_require_default(require("./ActionMenu.module.css"));function _define_property(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true})}else{obj[key]=value}return obj}function _interop_require_default(obj){return obj&&obj.__esModule?obj:{default:obj}}function _object_spread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};var ownKeys=Object.keys(source);if(typeof Object.getOwnPropertySymbols==="function"){ownKeys=ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym){return Object.getOwnPropertyDescriptor(source,sym).enumerable}))}ownKeys.forEach(function(key){_define_property(target,key,source[key])})}return target}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})}keys.push.apply(keys,symbols)}return keys}function _object_spread_props(target,source){source=source!=null?source:{};if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source))}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))})}return target}function _object_without_properties(source,excluded){if(source==null)return{};var target=_object_without_properties_loose(source,excluded);var key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++){key=sourceSymbolKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key]}}return target}function _object_without_properties_loose(source,excluded){if(source==null)return{};var target={};var sourceKeys=Object.keys(source);var key,i;for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;target[key]=source[key]}return target}function getLabel(label,tableProps){if(typeof label==="function"){return label(tableProps)}return label}function createWiredActionMenuComponent({setMenuState,menuState,items,setModalOpen}){return({tableProps,menuProps,actionIcon})=>{const getOwnMenuState=(0,_react.useMemo)(()=>menuState[tableProps.id],[menuState]);const dispatchLoading=(label,isLoading)=>setMenuState({type:"SET_LOADING",payload:{id:tableProps.id,loading:{label,isLoading}}});const dispatchOpen=open=>setMenuState({type:"SET_OPEN",payload:{id:tableProps.id,state:{open}}});const handleItemClick=item=>{var _item_modal,_item_action;return item.modal?setModalOpen((_item_modal=item.modal)===null||_item_modal===void 0?void 0:_item_modal.id,tableProps)():(_item_action=item.action)===null||_item_action===void 0?void 0:_item_action.call(item,tableProps,{setLoading:setLoading(item)})};const getTooltipText=item=>{var _item_tooltip_customText,_item_tooltip,_item_tooltip1;return((_item_tooltip=item.tooltip)===null||_item_tooltip===void 0?void 0:(_item_tooltip_customText=_item_tooltip.customText)===null||_item_tooltip_customText===void 0?void 0:_item_tooltip_customText.call(_item_tooltip,tableProps))?(_item_tooltip1=item.tooltip)===null||_item_tooltip1===void 0?void 0:_item_tooltip1.customText(tableProps):getLabel(item.label,tableProps)};const getIsMenuItemDisabled=item=>{var _getOwnMenuState_loading,_item_disabled;return(getOwnMenuState===null||getOwnMenuState===void 0?void 0:(_getOwnMenuState_loading=getOwnMenuState.loading)===null||_getOwnMenuState_loading===void 0?void 0:_getOwnMenuState_loading.includes(item.id))||((_item_disabled=item.disabled)===null||_item_disabled===void 0?void 0:_item_disabled.call(item,tableProps))};const getIcon=item=>typeof item.icon==="function"?(0,_jsxruntime.jsx)(item.icon,_object_spread({},tableProps)):item.icon;const setLoading=(0,_react.useCallback)(item=>value=>{dispatchLoading(item.id,value)},[menuState]);if(items.length<=2){return(0,_jsxruntime.jsx)("span",{className:_ActionMenumodulecss.default["icon-container"],children:items.map(item=>{var _item_hidden;if((_item_hidden=item.hidden)===null||_item_hidden===void 0?void 0:_item_hidden.call(item,tableProps))return null;return(0,_jsxruntime.jsx)(_Tooltip.Tooltip,{label:getTooltipText(item),children:(0,_jsxruntime.jsx)("span",{children:(0,_jsxruntime.jsx)(_core.ActionIcon,{className:_ActionMenumodulecss.default.icon,disabled:getIsMenuItemDisabled(item),onClick:()=>handleItemClick(item),children:(0,_jsxruntime.jsx)("span",{children:getIcon(item)})},item.id)})},item.id)})})}return(0,_jsxruntime.jsx)(ActionMenu,_object_spread_props(_object_spread({actionIcon:actionIcon,opened:getOwnMenuState===null||getOwnMenuState===void 0?void 0:getOwnMenuState.open,onOpen:()=>dispatchOpen(true),onClose:()=>dispatchOpen(false)},menuProps),{children:(0,_jsxruntime.jsx)(_jsxruntime.Fragment,{children:items.map(item=>{var _item_hidden,_item_tooltip_showInMenu,_item_tooltip;if((_item_hidden=item.hidden)===null||_item_hidden===void 0?void 0:_item_hidden.call(item,tableProps))return null;return(0,_jsxruntime.jsx)(_Tooltip.Tooltip,{label:getTooltipText(item),disabled:!((_item_tooltip=item.tooltip)===null||_item_tooltip===void 0?void 0:(_item_tooltip_showInMenu=_item_tooltip.showInMenu)===null||_item_tooltip_showInMenu===void 0?void 0:_item_tooltip_showInMenu.call(_item_tooltip,tableProps)),children:(0,_jsxruntime.jsx)("span",{children:(0,_jsxruntime.jsx)(_core.Menu.Item,{className:_ActionMenumodulecss.default.item,disabled:getIsMenuItemDisabled(item),onClick:()=>handleItemClick(item),leftSection:getIcon(item),children:getLabel(item.label,tableProps)},item.id)})},item.id)})})}))}}const ActionMenu=_param=>{var{actionIcon,children}=_param,menuProps=_object_without_properties(_param,["actionIcon","children"]);return(0,_jsxruntime.jsx)("div",{className:_ActionMenumodulecss.default["action-container"],"data-testid":"table-action-menu",children:(0,_jsxruntime.jsxs)(_core.Menu,_object_spread_props(_object_spread({shadow:"md",width:180},menuProps),{children:[(0,_jsxruntime.jsx)(_core.Menu.Target,{children:(0,_jsxruntime.jsx)(_core.ActionIcon,{"data-testid":"table-action-menu-opener",className:_ActionMenumodulecss.default.icon,children:actionIcon||(0,_jsxruntime.jsx)(_lucidereact.MoreVertical,{})})}),(0,_jsxruntime.jsx)(_core.Menu.Dropdown,{children:children})]}))})};
+//# sourceMappingURL=ActionMenu.js.map

package/lib/cjs/components/Table/components/ActionMenu/ActionMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/components/Table/components/ActionMenu/ActionMenu.tsx"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport { ActionIcon, Menu, MenuProps } from \"@mantine/core\"\nimport { MoreVertical } from \"lucide-react\"\nimport {\n  TActionMenuItem,\n  TActionMenuRawProps,\n  TMenuConfig,\n  TMenuState,\n  TWiredActionMenuProps,\n} from \"../../types\"\nimport { Dispatch, ReactNode, useCallback, useMemo } from \"react\"\nimport { Tooltip } from \"../../../Tooltip\"\nimport classes from \"./ActionMenu.module.css\"\n\ntype TcreateWiredActionMenuComponent<TDataType> = {\n  setMenuState: Dispatch<{\n    type: string\n    payload: {\n      state?: Partial<TMenuState>\n      loading?: { label: string; isLoading: boolean }\n      id: string\n    }\n  }>\n  menuState: TMenuConfig\n  items: TActionMenuItem<TDataType>[]\n  setModalOpen: (\n    id: string | undefined,\n    tableProps?: TActionMenuRawProps<TDataType>\n  ) => (value?: boolean) => void\n}\n\nfunction getLabel<TDataType>(\n  label: TActionMenuItem<TDataType>[\"label\"],\n  tableProps: TActionMenuRawProps<TDataType>\n) {\n  if (typeof label === \"function\") {\n    return label(tableProps)\n  }\n  return label\n}\n\n/**\n *\n * The **Table ActionMenu** has two forms. If less than 3 entries, the menu items are visualized as **ActionIcons**,\n * if more or equal to 3, it's a Menu that the user can open and close.\n * This function (closure) returns the ActionMenu or Block of ActionIcon **Components** that are wired to the ActionMenu state.\n * It is a closure to abstract away the ActionMenu states and return a simple component that fits perfectly into the Table Action Menu Configuration.\n * @param setMenuState Callback to set the MenuState\n * @param menuState Connected state for all **ActionMenu** (not the options, just the menu) on the page\n * @param items Configuration items for the ActionMenu\n * @param setModalOpen Callback to open a modal. Needs the id for the modal\n */\nfunction createWiredActionMenuComponent<TDataType>({\n  setMenuState,\n  menuState,\n  items,\n  setModalOpen,\n}: TcreateWiredActionMenuComponent<TDataType>) {\n  // Closure function to abstract statehandler from direct props for action item\n  // eslint-disable-next-line react/display-name\n  return ({ tableProps, menuProps, actionIcon }: TWiredActionMenuProps<TDataType>) => {\n    // Simplification function to update value of this explicit ActionMenu in state\n\n    const getOwnMenuState = useMemo(() => menuState[tableProps.id], [menuState])\n\n    const dispatchLoading = (label: string, isLoading: boolean) =>\n      setMenuState({\n        type: \"SET_LOADING\",\n        payload: {\n          id: tableProps.id,\n          loading: {\n            label,\n            isLoading,\n          },\n        },\n      })\n    const dispatchOpen = (open: boolean) =>\n      setMenuState({\n        type: \"SET_OPEN\",\n        payload: {\n          id: tableProps.id,\n          state: {\n            open,\n          },\n        },\n      })\n\n    const handleItemClick = (item: TActionMenuItem<TDataType>) =>\n      item.modal\n        ? setModalOpen(item.modal?.id, tableProps)()\n        : item.action?.(tableProps, {\n            setLoading: setLoading(item),\n          })\n\n    const getTooltipText = (item: TActionMenuItem<TDataType>) =>\n      item.tooltip?.customText?.(tableProps)\n        ? item.tooltip?.customText(tableProps)\n        : getLabel(item.label, tableProps)\n\n    const getIsMenuItemDisabled = (item: TActionMenuItem<TDataType>) =>\n      getOwnMenuState?.loading?.includes(item.id) || item.disabled?.(tableProps)\n\n    const getIcon = (item: TActionMenuItem<TDataType>) =>\n      typeof item.icon === \"function\" ? <item.icon {...tableProps} /> : item.icon\n\n    // closure function that alters the menustate to set loading to true for this specific ActionItem\n    const setLoading = useCallback(\n      (item: TActionMenuItem<TDataType>) => (value: boolean) => {\n        dispatchLoading(item.id, value)\n      },\n      [menuState]\n    )\n\n    // Condition if the amount of items is less than 3, it's not a menu, it's just two icons next to each other\n    if (items.length <= 2) {\n      return (\n        <span className={classes[\"icon-container\"]}>\n          {items.map((item) => {\n            if (item.hidden?.(tableProps)) return null\n\n            return (\n              <Tooltip key={item.id} label={getTooltipText(item)}>\n                <span>\n                  <ActionIcon\n                    key={item.id}\n                    className={classes.icon}\n                    disabled={getIsMenuItemDisabled(item)}\n                    onClick={() => handleItemClick(item)}\n                  >\n                    <span>{getIcon(item)}</span>\n                  </ActionIcon>\n                </span>\n              </Tooltip>\n            )\n          })}\n        </span>\n      )\n    }\n\n    return (\n      <ActionMenu\n        actionIcon={actionIcon}\n        opened={getOwnMenuState?.open}\n        onOpen={() => dispatchOpen(true)}\n        onClose={() => dispatchOpen(false)}\n        {...menuProps}\n      >\n        <>\n          {items.map((item) => {\n            if (item.hidden?.(tableProps)) return null\n\n            return (\n              <Tooltip\n                key={item.id}\n                label={getTooltipText(item)}\n                disabled={!item.tooltip?.showInMenu?.(tableProps)}\n              >\n                <span>\n                  <Menu.Item\n                    className={classes.item}\n                    key={item.id}\n                    disabled={getIsMenuItemDisabled(item)}\n                    onClick={() => handleItemClick(item)}\n                    leftSection={getIcon(item)}\n                  >\n                    {getLabel(item.label, tableProps)}\n                  </Menu.Item>\n                </span>\n              </Tooltip>\n            )\n          })}\n        </>\n      </ActionMenu>\n    )\n  }\n}\n\ntype TActionMenuProps = MenuProps & {\n  actionIcon?: ReactNode\n  children: ReactNode\n}\n\n/**\n * Simple UI Action Menu component opened by Icon click\n * @param actionIcon Icon for Opener\n * @param children Children menu items\n * @param menuProps Properties for the Menu component\n * @constructor\n */\nconst ActionMenu = ({ actionIcon, children, ...menuProps }: TActionMenuProps) => {\n  return (\n    <div className={classes[\"action-container\"]} data-testid={\"table-action-menu\"}>\n      <Menu shadow=\"md\" width={180} {...menuProps}>\n        <Menu.Target>\n          <ActionIcon data-testid={\"table-action-menu-opener\"} className={classes.icon}>\n            {actionIcon || <MoreVertical />}\n          </ActionIcon>\n        </Menu.Target>\n\n        <Menu.Dropdown>{children}</Menu.Dropdown>\n      </Menu>\n    </div>\n  )\n}\n\nexport { createWiredActionMenuComponent, ActionMenu }\n"],"names":["ActionMenu","createWiredActionMenuComponent","getLabel","label","tableProps","setMenuState","menuState","items","setModalOpen","menuProps","actionIcon","getOwnMenuState","useMemo","id","dispatchLoading","isLoading","type","payload","loading","dispatchOpen","open","state","handleItemClick","item","modal","action","setLoading","getTooltipText","tooltip","customText","getIsMenuItemDisabled","includes","disabled","getIcon","icon","useCallback","value","length","span","className","classes","map","hidden","Tooltip","ActionIcon","onClick","opened","onOpen","onClose","showInMenu","Menu","Item","leftSection","children","div","data-testid","shadow","width","Target","MoreVertical","Dropdown"],"mappings":"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"}

package/lib/cjs/components/Table/components/ActionMenu/ActionMenu.module.css

@@ -0,0 +1 @@
+.action-container,.icon-container{display:flex;justify-content:flex-start}.icon-container{gap:1em}.icon,.icon:hover{background-color:inherit;color:var(--action-menu-icon-color)}.item{height:calc(1.875rem*var(--mantine-scale));padding:var(--mantine-spacing-xs) var(--mantine-spacing-sm)}:root[data-mantine-color-scheme=dark]{--action-menu-icon-color:var(--mantine-color-gray-1)}:root:not([data-mantine-color-scheme=dark]){--action-menu-icon-color:var(--mantine-color-gray-5)}

package/lib/cjs/components/Table/components/ActionMenu/useActionMenu.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"useActionMenu",{enumerable:true,get:function(){return useActionMenu}});const _jsxruntime=require("react/jsx-runtime");const _react=require("react");const _ActionMenu=require("./ActionMenu");const _Modal=require("../../../Modal");const _tinyinvariant=/*#__PURE__*/_interop_require_default(require("tiny-invariant"));function _define_property(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true})}else{obj[key]=value}return obj}function _interop_require_default(obj){return obj&&obj.__esModule?obj:{default:obj}}function _object_spread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};var ownKeys=Object.keys(source);if(typeof Object.getOwnPropertySymbols==="function"){ownKeys=ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym){return Object.getOwnPropertyDescriptor(source,sym).enumerable}))}ownKeys.forEach(function(key){_define_property(target,key,source[key])})}return target}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})}keys.push.apply(keys,symbols)}return keys}function _object_spread_props(target,source){source=source!=null?source:{};if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source))}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))})}return target}function convertModalConfig(items){return items.reduce((acc,curr)=>{if(curr.modal){acc[curr.modal.id]={open:false,data:{row:{},columns:[],id:curr.modal.id}}}return acc},{})}const menuStateReducer=(state,action)=>{switch(action.type){case"SET_ENTRY":return _object_spread_props(_object_spread({},state),{[action.payload.id]:action.payload.state});case"SET_LOADING":var _action_payload_loading,_action_payload,_state_action_payload_id,_state_action_payload_id_loading,_state_action_payload_id1;(0,_tinyinvariant.default)(action.payload,"Payload not set");(0,_tinyinvariant.default)(action.payload.loading,"Loading has to be defined to set it...");(0,_tinyinvariant.default)(state[action.payload.id],"No state available with this id");return _object_spread_props(_object_spread({},state),{[action.payload.id]:_object_spread_props(_object_spread({},state[action.payload.id]),{loading:((_action_payload=action.payload)===null||_action_payload===void 0?void 0:(_action_payload_loading=_action_payload.loading)===null||_action_payload_loading===void 0?void 0:_action_payload_loading.isLoading)?[...((_state_action_payload_id=state[action.payload.id])===null||_state_action_payload_id===void 0?void 0:_state_action_payload_id.loading)||[],action.payload.loading.label]:(_state_action_payload_id1=state[action.payload.id])===null||_state_action_payload_id1===void 0?void 0:(_state_action_payload_id_loading=_state_action_payload_id1.loading)===null||_state_action_payload_id_loading===void 0?void 0:_state_action_payload_id_loading.filter(l=>l!==action.payload.loading.label)})});case"SET_OPEN":var _action_payload_state,_action_payload1;return _object_spread_props(_object_spread({},state),{[action.payload.id]:_object_spread_props(_object_spread({},state[action.payload.id]),{open:((_action_payload1=action.payload)===null||_action_payload1===void 0?void 0:(_action_payload_state=_action_payload1.state)===null||_action_payload_state===void 0?void 0:_action_payload_state.open)||false})});default:return state}};function useActionMenu(items){const[modalState,setModalState]=(0,_react.useState)(convertModalConfig(items));const[menuState,dispatchMenuState]=(0,_react.useReducer)(menuStateReducer,{});const setModalOpen=(id,tableProps)=>(value=true)=>{if(!id)return;setModalState(_object_spread_props(_object_spread({},modalState),{[id]:{open:value,data:tableProps||modalState[id].data}}))};return{ActionsModals:(0,_jsxruntime.jsx)(_jsxruntime.Fragment,{children:items.map(item=>{var _item_modal,_modalState_item_modal_id,_item_modal1,_modalState_item_modal_id1,_item_modal2;return item.modal&&(0,_jsxruntime.jsx)(_Modal.Modal,_object_spread_props(_object_spread({},(_item_modal=item.modal)===null||_item_modal===void 0?void 0:_item_modal.props),{opened:modalState[item.modal.id].open,onClose:()=>{var _item_modal;return setModalOpen((_item_modal=item.modal)===null||_item_modal===void 0?void 0:_item_modal.id)(false)},children:(_item_modal2=item.modal)===null||_item_modal2===void 0?void 0:_item_modal2.content(_object_spread_props(_object_spread({},(_modalState_item_modal_id=modalState[item.modal.id])===null||_modalState_item_modal_id===void 0?void 0:_modalState_item_modal_id.data),{setModalOpen:setModalOpen((_item_modal1=item.modal)===null||_item_modal1===void 0?void 0:_item_modal1.id,(_modalState_item_modal_id1=modalState[item.modal.id])===null||_modalState_item_modal_id1===void 0?void 0:_modalState_item_modal_id1.data)}))}),item.modal.id)})}),ActionMenu:(0,_ActionMenu.createWiredActionMenuComponent)({setMenuState:dispatchMenuState,setModalOpen,menuState,items})}}
+//# sourceMappingURL=useActionMenu.js.map

package/lib/cjs/components/Table/components/ActionMenu/useActionMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/components/Table/components/ActionMenu/useActionMenu.tsx"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport { useReducer, useState } from \"react\"\nimport {\n  TActionMenuItem,\n  TActionMenuRawProps,\n  TMenuConfig,\n  TMenuState,\n  TModalConfig,\n} from \"../../types\"\nimport { createWiredActionMenuComponent } from \"./ActionMenu\"\nimport { Modal } from \"../../../Modal\"\nimport invariant from \"tiny-invariant\"\n\nfunction convertModalConfig<T>(items: TActionMenuItem<T>[]) {\n  return items.reduce((acc, curr) => {\n    if (curr.modal) {\n      acc[curr.modal.id] = {\n        open: false,\n        data: {\n          row: {} as unknown as T,\n          columns: [],\n          id: curr.modal.id,\n        },\n      }\n    }\n    return acc\n  }, {} as TModalConfig<T>)\n}\n\n/**\n * Reducer for the menuState\n * @param state Menu state\n * @param action Reducer Action\n */\nconst menuStateReducer = (\n  state: TMenuConfig,\n  action: {\n    type: string\n    payload: {\n      state?: Partial<TMenuState>\n      loading?: { label: string; isLoading: boolean }\n      id: string\n    }\n  }\n): TMenuConfig => {\n  switch (action.type) {\n    case \"SET_ENTRY\":\n      return {\n        ...state,\n        [action.payload.id]: action.payload.state as NonNullable<TMenuState>,\n      }\n    case \"SET_LOADING\":\n      invariant(action.payload, \"Payload not set\")\n      invariant(action.payload.loading, \"Loading has to be defined to set it...\")\n      invariant(state[action.payload.id], \"No state available with this id\")\n\n      return {\n        ...state,\n        [action.payload.id]: {\n          ...state[action.payload.id],\n          loading: action.payload?.loading?.isLoading\n            ? [...(state[action.payload.id]?.loading || []), action.payload.loading.label]\n            : state[action.payload.id]?.loading?.filter((l) => l !== action.payload.loading!.label),\n        },\n      }\n    case \"SET_OPEN\":\n      return {\n        ...state,\n        [action.payload.id]: {\n          ...state[action.payload.id],\n          open: action.payload?.state?.open || false,\n        },\n      }\n    default:\n      return state\n  }\n}\n\n/**\n * This hook gets the *ActionMenuItems* and creates the necessary modals for it. This is necessary because ActionItems have the capability to open modals.\n * To circumvent having a modal for each ActionItem that needs a Modal for each Row inside the current page. It instantiates each individual modal layout only once.\n * The modalState keeps track of the current modal-states (open-state and data)\n * The **ActionMenu** Components (one for each row. So maybe 50 per page) are then connected with the state by **createWiredActionMenuComponent**.\n * You may ask: Why is all of this necessary? Good question, it's necessary because the action menus close once it remounts. The Table, per design (headless UI),\n * has a lot of anonymous functions which cause the layout to remount when rendered. When this happens, the menus and modals are closed.\n * This happens for example, if the parent rerenders due to data polling, asynchronous SSE/WebSocket events or state changes in general.\n * That's why we keep a separate state for it that is automatically applied to the **ActionMenus** and **ActionModals**.\n *\n * @param items ActionMenu config items\n */\nexport function useActionMenu<TDataType>(items: TActionMenuItem<TDataType>[]) {\n  const [modalState, setModalState] = useState<TModalConfig<TDataType>>(\n    convertModalConfig<TDataType>(items)\n  )\n  const [menuState, dispatchMenuState] = useReducer(menuStateReducer, {})\n\n  // creating closure function to manipulate local modalState -> passing id from current scope to the modal\n  const setModalOpen =\n    (id?: string, tableProps?: TActionMenuRawProps<TDataType>) =>\n    (value = true) => {\n      if (!id) return\n      setModalState({\n        ...modalState,\n        [id]: {\n          open: value,\n          data: tableProps || modalState[id].data,\n        },\n      })\n    }\n  return {\n    ActionsModals: (\n      // Rendering the modals that are connected to the menu.\n      <>\n        {items.map(\n          (item) =>\n            item.modal && (\n              <Modal\n                key={item.modal.id}\n                {...item.modal?.props}\n                opened={modalState[item.modal.id].open}\n                onClose={() => setModalOpen(item.modal?.id)(false)}\n              >\n                {/* Rendering modal content (component) and passing the data and the controller to open/close it as args */}\n                {item.modal?.content({\n                  ...modalState[item.modal.id]?.data,\n                  setModalOpen: setModalOpen(item.modal?.id, modalState[item.modal.id]?.data),\n                })}\n              </Modal>\n            )\n        )}\n      </>\n    ),\n    // Call createWiredActionMenuComponent **closure** to create a JSX **Component** which fits into the Action slot in the table\n    ActionMenu: createWiredActionMenuComponent({\n      setMenuState: dispatchMenuState,\n      setModalOpen,\n      menuState,\n      items,\n    }),\n  }\n}\n"],"names":["useActionMenu","convertModalConfig","items","reduce","acc","curr","modal","id","open","data","row","columns","menuStateReducer","state","action","type","payload","invariant","loading","isLoading","label","filter","l","modalState","setModalState","useState","menuState","dispatchMenuState","useReducer","setModalOpen","tableProps","value","ActionsModals","map","item","Modal","props","opened","onClose","content","ActionMenu","createWiredActionMenuComponent","setMenuState"],"mappings":"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"}

package/lib/cjs/components/Table/components/Checkbox.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"Checkbox",{enumerable:true,get:function(){return Checkbox}});const _jsxruntime=require("react/jsx-runtime");const _core=require("@mantine/core");const Checkbox=({checked,onChange})=>{return(0,_jsxruntime.jsx)(_core.Checkbox,{style:{width:"fit-content"},onChange:e=>{onChange();e.nativeEvent.stopImmediatePropagation()},checked:checked})};
+//# sourceMappingURL=Checkbox.js.map

package/lib/cjs/components/Table/components/Checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Table/components/Checkbox.tsx"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport { Checkbox as MantineCheckbox } from \"@mantine/core\"\n\ntype TCheckboxProps = {\n  checked: boolean\n  onChange: () => void\n}\n\nexport const Checkbox: React.FC<TCheckboxProps> = ({ checked, onChange }) => {\n  return (\n    <MantineCheckbox\n      style={{ width: \"fit-content\" }}\n      onChange={(e) => {\n        onChange()\n        e.nativeEvent.stopImmediatePropagation()\n      }}\n      checked={checked}\n    />\n  )\n}\n"],"names":["Checkbox","checked","onChange","MantineCheckbox","style","width","e","nativeEvent","stopImmediatePropagation"],"mappings":"oGAWaA,kDAAAA,+EAP+B,iBAOrC,MAAMA,SAAqC,CAAC,CAAEC,OAAO,CAAEC,QAAQ,CAAE,IACtE,MACE,oBAACC,cAAe,EACdC,MAAO,CAAEC,MAAO,aAAc,EAC9BH,SAAU,AAACI,IACTJ,WACAI,EAAEC,WAAW,CAACC,wBAAwB,EACxC,EACAP,QAASA,SAGf"}

package/lib/cjs/components/Table/components/Fillers.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"Fillers",{enumerable:true,get:function(){return Fillers}});const _jsxruntime=require("react/jsx-runtime");const _hooks=require("@mantine/hooks");const _Fillersmodulecss=/*#__PURE__*/_interop_require_default(require("./Fillers.module.css"));function _interop_require_default(obj){return obj&&obj.__esModule?obj:{default:obj}}const Fillers=({fillers,disabled})=>{if(disabled)return(0,_jsxruntime.jsx)(_jsxruntime.Fragment,{});return(0,_jsxruntime.jsx)(_jsxruntime.Fragment,{children:fillers.map(filler=>(0,_jsxruntime.jsx)("tr",{children:(0,_jsxruntime.jsx)("td",{className:_Fillersmodulecss.default.row,colSpan:filler.colSpan,children:" "})},(0,_hooks.randomId)()))})};
+//# sourceMappingURL=Fillers.js.map

package/lib/cjs/components/Table/components/Fillers.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Table/components/Fillers.tsx"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport { randomId } from \"@mantine/hooks\"\nimport classes from \"./Fillers.module.css\"\ntype TFillersProps = {\n  fillers: { colSpan: number }[]\n  disabled?: boolean\n}\n\nexport const Fillers = ({ fillers, disabled }: TFillersProps) => {\n  if (disabled) return <></>\n\n  return (\n    <>\n      {fillers.map((filler) => (\n        <tr key={randomId()}>\n          <td className={classes.row} colSpan={filler.colSpan}>\n            &nbsp;\n          </td>\n        </tr>\n      ))}\n    </>\n  )\n}\n"],"names":["Fillers","fillers","disabled","map","filler","tr","td","className","classes","row","colSpan","randomId"],"mappings":"oGAWaA,iDAAAA,+EAPY,wFACL,6GAMb,MAAMA,QAAU,CAAC,CAAEC,OAAO,CAAEC,QAAQ,CAAiB,IAC1D,GAAIA,SAAU,MAAO,6CAErB,MACE,mDACGD,QAAQE,GAAG,CAAC,AAACC,QACZ,oBAACC,eACC,oBAACC,MAAGC,UAAWC,yBAAO,CAACC,GAAG,CAAEC,QAASN,OAAOM,OAAO,UAAE,OAD9CC,GAAAA,eAAQ,OAQzB"}

package/lib/cjs/components/Table/components/Fillers.module.css

@@ -0,0 +1 @@
+.row{border:none}.row:hover{background-color:var(--row-hover-background);user-select:none}:root[data-mantine-color-scheme=dark]{--row-hover-background:var(--mantine-color-gray-9)}:root:not([data-mantine-color-scheme=dark]){--row-hover-background:var(--mantine-color-white)}

package/lib/cjs/components/Table/components/NoDataMessageRow.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"NoDataMessageRow",{enumerable:true,get:function(){return NoDataMessageRow}});const _jsxruntime=require("react/jsx-runtime");const _Typo=require("../../Typo");const _reacti18next=require("react-i18next");const _NoDataMessageRowmodulecss=/*#__PURE__*/_interop_require_default(require("./NoDataMessageRow.module.css"));function _interop_require_default(obj){return obj&&obj.__esModule?obj:{default:obj}}const NoDataMessageRow=({colSpan,content,height})=>{const{t}=(0,_reacti18next.useTranslation)();return(0,_jsxruntime.jsx)("tr",{className:_NoDataMessageRowmodulecss.default.row,style:{height:height||"inherit"},children:(0,_jsxruntime.jsx)("td",{colSpan:colSpan,children:(0,_jsxruntime.jsx)(_Typo.Typo,{type:"heading3",children:content||t("No data available")})})})};
+//# sourceMappingURL=NoDataMessageRow.js.map

package/lib/cjs/components/Table/components/NoDataMessageRow.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Table/components/NoDataMessageRow.tsx"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport { Typo } from \"../../Typo\"\nimport { ReactNode } from \"react\"\nimport { useTranslation } from \"react-i18next\"\nimport classes from \"./NoDataMessageRow.module.css\"\n\ntype TNoDataMessageRowProps = {\n  colSpan: number\n  content?: ReactNode\n  height?: string\n}\n\nexport const NoDataMessageRow = ({ colSpan, content, height }: TNoDataMessageRowProps) => {\n  const { t } = useTranslation()\n  return (\n    <tr className={classes.row} style={{ height: height || \"inherit\" }}>\n      <td colSpan={colSpan}>\n        <Typo type=\"heading3\">{content || t(\"No data available\")}</Typo>\n      </td>\n    </tr>\n  )\n}\n"],"names":["NoDataMessageRow","colSpan","content","height","t","useTranslation","tr","className","classes","row","style","td","Typo","type"],"mappings":"oGAeaA,0DAAAA,uFAXQ,0CAEU,gGACX,sHAQb,MAAMA,iBAAmB,CAAC,CAAEC,OAAO,CAAEC,OAAO,CAAEC,MAAM,CAA0B,IACnF,KAAM,CAAEC,CAAC,CAAE,CAAGC,GAAAA,4BAAc,IAC5B,MACE,oBAACC,MAAGC,UAAWC,kCAAO,CAACC,GAAG,CAAEC,MAAO,CAAEP,OAAQA,QAAU,SAAU,WAC/D,oBAACQ,MAAGV,QAASA,iBACX,oBAACW,UAAI,EAACC,KAAK,oBAAYX,SAAWE,EAAE,0BAI5C"}

package/lib/cjs/components/Table/components/NoDataMessageRow.module.css

@@ -0,0 +1 @@
+.row td{text-align:center!important}.row td:hover{background-color:var(--table-cell-hover-background)}:root[data-mantine-color-scheme=dark]{--table-cell-hover-background:var(--mantine-color-gray-9)}:root:not([data-mantine-color-scheme=dark]){--table-cell-hover-background:var(--mantine-color-gray-0)}

package/lib/cjs/components/Table/components/Paging.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"Pagination",{enumerable:true,get:function(){return Pagination}});const _jsxruntime=require("react/jsx-runtime");const _react=/*#__PURE__*/_interop_require_wildcard(require("react"));const _core=require("@mantine/core");const _constants=require("../constants");const _Form=require("../../Form");const _reacti18next=require("react-i18next");const _Pagingmodulecss=/*#__PURE__*/_interop_require_default(require("./Paging.module.css"));function _interop_require_default(obj){return obj&&obj.__esModule?obj:{default:obj}}function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!=="function")return null;var cacheBabelInterop=new WeakMap;var cacheNodeInterop=new WeakMap;return(_getRequireWildcardCache=function(nodeInterop){return nodeInterop?cacheNodeInterop:cacheBabelInterop})(nodeInterop)}function _interop_require_wildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule){return obj}if(obj===null||typeof obj!=="object"&&typeof obj!=="function"){return{default:obj}}var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj)){return cache.get(obj)}var newObj={__proto__:null};var hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj){if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;if(desc&&(desc.get||desc.set)){Object.defineProperty(newObj,key,desc)}else{newObj[key]=obj[key]}}}newObj.default=obj;if(cache){cache.set(obj,newObj)}return newObj}const PaginationRaw=({index,size=10,totalDisplayableResults,actions})=>{const{t}=(0,_reacti18next.useTranslation)();if(totalDisplayableResults<=0)return null;const pagingStepsStringified=_constants.PAGING_STEPS.map(s=>""+s);const start=index*size+1;const end=(index+1)*size>totalDisplayableResults?totalDisplayableResults:(index+1)*size;const text=t("{start}–{end} of {totalDisplayableResults} items",{start,end,totalDisplayableResults});return(0,_jsxruntime.jsxs)("div",{className:_Pagingmodulecss.default["pagination-container"],"data-testid":"pagination-container",children:[(0,_jsxruntime.jsxs)("div",{className:_Pagingmodulecss.default.info,children:[(0,_jsxruntime.jsxs)("span",{className:_Pagingmodulecss.default["per-page"],children:[(0,_jsxruntime.jsxs)("span",{className:_Pagingmodulecss.default.text,children:[t("Items per page"),":"]}),(0,_jsxruntime.jsx)(_Form.Select,{"data-testid":"paging-step-select",data:pagingStepsStringified,defaultValue:size+""||pagingStepsStringified[0],onChange:val=>actions.setPageSize(parseInt(val||pagingStepsStringified[0]))})]}),(0,_jsxruntime.jsx)("span",{className:_Pagingmodulecss.default.text,children:text})]}),(0,_jsxruntime.jsx)(_core.Pagination,{className:_Pagingmodulecss.default.pagination,total:Math.ceil(totalDisplayableResults/size),value:index+1,onChange:val=>{actions.gotoPageIndex(val-1)}})]})};const Pagination=(0,_react.memo)(PaginationRaw);
+//# sourceMappingURL=Paging.js.map

package/lib/cjs/components/Table/components/Paging.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Table/components/Paging.tsx"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport React, { memo } from \"react\"\nimport { Pagination as MantinePagination } from \"@mantine/core\"\nimport { TPaginationReturnProps } from \"../types\"\nimport { PAGING_STEPS } from \"../constants\"\nimport { Select } from \"../../Form\"\nimport { useTranslation } from \"react-i18next\"\nimport classes from \"./Paging.module.css\"\n\nconst PaginationRaw: React.FC<TPaginationReturnProps> = ({\n  index,\n  size = 10,\n  totalDisplayableResults,\n  actions,\n}) => {\n  const { t } = useTranslation()\n\n  if (totalDisplayableResults <= 0) return null\n\n  const pagingStepsStringified = PAGING_STEPS.map((s) => \"\" + s)\n  const start = index * size + 1\n  const end =\n    (index + 1) * size > totalDisplayableResults ? totalDisplayableResults : (index + 1) * size\n  const text = t(\"{start}–{end} of {totalDisplayableResults} items\", {\n    start,\n    end,\n    totalDisplayableResults,\n  })\n\n  return (\n    <div className={classes[\"pagination-container\"]} data-testid={\"pagination-container\"}>\n      <div className={classes.info}>\n        <span className={classes[\"per-page\"]}>\n          <span className={classes.text}>{t(\"Items per page\")}:</span>\n          <Select\n            data-testid={\"paging-step-select\"}\n            data={pagingStepsStringified}\n            defaultValue={size + \"\" || pagingStepsStringified[0]}\n            onChange={(val) => actions.setPageSize(parseInt(val || pagingStepsStringified[0]))}\n          />\n        </span>\n        <span className={classes.text}>{text}</span>\n      </div>\n      <MantinePagination\n        className={classes.pagination}\n        total={Math.ceil(totalDisplayableResults / size)}\n        value={index + 1}\n        onChange={(val: number) => {\n          actions.gotoPageIndex(val - 1)\n        }}\n      />\n    </div>\n  )\n}\n\nconst Pagination = memo(PaginationRaw)\n\nexport { Pagination }\n"],"names":["Pagination","PaginationRaw","index","size","totalDisplayableResults","actions","t","useTranslation","pagingStepsStringified","PAGING_STEPS","map","s","start","end","text","div","className","classes","data-testid","info","span","Select","data","defaultValue","onChange","val","setPageSize","parseInt","MantinePagination","pagination","total","Math","ceil","value","gotoPageIndex","memo"],"mappings":"oGA4DSA,oDAAAA,yHAxDmB,8BACoB,0CAEnB,oCACN,0CACQ,sFACX,glCAEpB,MAAMC,cAAkD,CAAC,CACvDC,KAAK,CACLC,KAAO,EAAE,CACTC,uBAAuB,CACvBC,OAAO,CACR,IACC,KAAM,CAAEC,CAAC,CAAE,CAAGC,GAAAA,4BAAc,IAE5B,GAAIH,yBAA2B,EAAG,OAAO,KAEzC,MAAMI,uBAAyBC,uBAAY,CAACC,GAAG,CAAC,AAACC,GAAM,GAAKA,GAC5D,MAAMC,MAAQV,MAAQC,KAAO,EAC7B,MAAMU,IACJ,AAACX,CAAAA,MAAQ,CAAA,EAAKC,KAAOC,wBAA0BA,wBAA0B,AAACF,CAAAA,MAAQ,CAAA,EAAKC,KACzF,MAAMW,KAAOR,EAAE,mDAAoD,CACjEM,MACAC,IACAT,uBACF,GAEA,MACE,qBAACW,OAAIC,UAAWC,wBAAO,CAAC,uBAAuB,CAAEC,cAAa,iCAC5D,qBAACH,OAAIC,UAAWC,wBAAO,CAACE,IAAI,WAC1B,qBAACC,QAAKJ,UAAWC,wBAAO,CAAC,WAAW,WAClC,qBAACG,QAAKJ,UAAWC,wBAAO,CAACH,IAAI,WAAGR,EAAE,kBAAkB,OACpD,oBAACe,YAAM,EACLH,cAAa,qBACbI,KAAMd,uBACNe,aAAcpB,KAAO,IAAMK,sBAAsB,CAAC,EAAE,CACpDgB,SAAU,AAACC,KAAQpB,QAAQqB,WAAW,CAACC,SAASF,KAAOjB,sBAAsB,CAAC,EAAE,QAGpF,oBAACY,QAAKJ,UAAWC,wBAAO,CAACH,IAAI,UAAGA,UAElC,oBAACc,gBAAiB,EAChBZ,UAAWC,wBAAO,CAACY,UAAU,CAC7BC,MAAOC,KAAKC,IAAI,CAAC5B,wBAA0BD,MAC3C8B,MAAO/B,MAAQ,EACfsB,SAAU,AAACC,MACTpB,QAAQ6B,aAAa,CAACT,IAAM,EAC9B,MAIR,EAEA,MAAMzB,WAAamC,GAAAA,WAAI,EAAClC"}

package/lib/cjs/components/Table/components/Paging.module.css

@@ -0,0 +1 @@
+.pagination-container{align-items:center;display:flex;justify-content:space-between;margin-left:var(--mantine-spacing-md);margin-top:var(--mantine-spacing-md)}.pagination button{color:var(--pagination-button-color)}.pagination button[aria-current=page]{background-color:var(--pagination-current-button-bg);color:var(--pagination-current-button-active)}.info{gap:calc(2.3125rem*var(--mantine-scale))}.info,.per-page{align-items:center;display:flex;flex-direction:row}.per-page{gap:calc(1rem*var(--mantine-scale))}.per-page input{padding-right:calc(1.875rem*var(--mantine-scale));width:calc(4.375rem*var(--mantine-scale))}.text{color:var(--pagination-text-color);font-family:Roboto;font-size:calc(.75rem*var(--mantine-scale));font-style:normal;font-weight:400;line-height:calc(.875rem*var(--mantine-scale))}:root[data-mantine-color-scheme=dark]{--pagination-text-color:var(--mantine-color-gray-0);--pagination-button-color:var(--mantine-color-gray-7);--pagination-current-button-bg:var(--mantine-color-green-5);--pagination-current-button-active:var(--mantine-color-black)}:root:not([data-mantine-color-scheme=dark]){--pagination-text-color:var(--mantine-color-gray-6);--pagination-button-color:var(--mantine-color-gray-7);--pagination-current-button-bg:var(--mantine-color-green-5);--pagination-current-button-active:var(--mantine-color-white)}

package/lib/cjs/components/Table/components/SelectAll.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"SelectAll",{enumerable:true,get:function(){return SelectAll}});const _jsxruntime=require("react/jsx-runtime");const _core=require("@mantine/core");const SelectAll=({onChange,checked,indeterminate})=>{return(0,_jsxruntime.jsx)(_core.Checkbox,{indeterminate:indeterminate,onClick:e=>{e.stopPropagation();onChange()},onChange:()=>{},checked:checked},`4438cd29-c446-453d-8f73-f9037410a6fe${checked}`)};
+//# sourceMappingURL=SelectAll.js.map

package/lib/cjs/components/Table/components/SelectAll.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Table/components/SelectAll.tsx"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport { Checkbox } from \"@mantine/core\"\n\nexport const SelectAll: React.FC<{\n  onChange: () => void\n  checked: boolean\n  indeterminate: boolean\n}> = ({ onChange, checked, indeterminate }) => {\n  return (\n    <Checkbox\n      indeterminate={indeterminate}\n      key={`4438cd29-c446-453d-8f73-f9037410a6fe${checked}`}\n      onClick={(e) => {\n        e.stopPropagation()\n        onChange()\n      }}\n      onChange={() => {}}\n      checked={checked}\n    />\n  )\n}\n"],"names":["SelectAll","onChange","checked","indeterminate","Checkbox","onClick","e","stopPropagation"],"mappings":"oGAMaA,mDAAAA,gFAFY,iBAElB,MAAMA,UAIR,CAAC,CAAEC,QAAQ,CAAEC,OAAO,CAAEC,aAAa,CAAE,IACxC,MACE,oBAACC,cAAQ,EACPD,cAAeA,cAEfE,QAAS,AAACC,IACRA,EAAEC,eAAe,GACjBN,UACF,EACAA,SAAU,KAAO,EACjBC,QAASA,SANJ,CAAC,oCAAoC,EAAEA,QAAQ,CAAC,CAS3D"}

package/lib/cjs/components/Table/constants.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});function _export(target,all){for(var name in all)Object.defineProperty(target,name,{enumerable:true,get:Object.getOwnPropertyDescriptor(all,name).get})}_export(exports,{get BUILD_IN_COLUMNS(){return BUILD_IN_COLUMNS},get PAGING_STEPS(){return PAGING_STEPS},get defaultPagingState(){return defaultPagingState},get defaultSortingState(){return defaultSortingState}});const _genericTypes=require("../../genericTypes");const BUILD_IN_COLUMNS={selection:{id:"selection"},action:{id:"action"}};const defaultPagingState={index:0,totalDisplayableResults:0,size:10};const defaultSortingState={column:"",direction:_genericTypes.ESortDirection.ASC};const PAGING_STEPS=[10,25,50,100];
+//# sourceMappingURL=constants.js.map

package/lib/cjs/components/Table/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Table/constants.ts"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport { ESortDirection, TPaging, TSorting } from \"../../genericTypes\"\n\nexport const BUILD_IN_COLUMNS = {\n  selection: {\n    id: \"selection\",\n  },\n  action: {\n    id: \"action\",\n  },\n}\n\nexport const defaultPagingState: TPaging = {\n  index: 0,\n  totalDisplayableResults: 0,\n  size: 10,\n}\n\nexport const defaultSortingState: TSorting = {\n  column: \"\",\n  direction: ESortDirection.ASC,\n}\n\nexport const PAGING_STEPS = [10, 25, 50, 100]\n"],"names":["BUILD_IN_COLUMNS","PAGING_STEPS","defaultPagingState","defaultSortingState","selection","id","action","index","totalDisplayableResults","size","column","direction","ESortDirection","ASC"],"mappings":"mPAMaA,0BAAAA,sBAoBAC,sBAAAA,kBAXAC,4BAAAA,wBAMAC,6BAAAA,mDAjBqC,sBAE3C,MAAMH,iBAAmB,CAC9BI,UAAW,CACTC,GAAI,WACN,EACAC,OAAQ,CACND,GAAI,QACN,CACF,EAEO,MAAMH,mBAA8B,CACzCK,MAAO,EACPC,wBAAyB,EACzBC,KAAM,EACR,EAEO,MAAMN,oBAAgC,CAC3CO,OAAQ,GACRC,UAAWC,4BAAc,CAACC,GAAG,AAC/B,EAEO,MAAMZ,aAAe,CAAC,GAAI,GAAI,GAAI,IAAI"}

package/lib/cjs/components/Table/hooks/useColumns.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"useColumns",{enumerable:true,get:function(){return useColumns}});const _jsxruntime=require("react/jsx-runtime");const _types=require("../types");const _SelectAll=require("../components/SelectAll");const _reacti18next=require("react-i18next");function useColumns(config,{sorting,sortBy,selected,selectAll,rowIds}){const{t}=(0,_reacti18next.useTranslation)();const columnInProcess=config.columns.map(col=>{var _col_sorting;return{id:col.id,label:col.label,actions:{autoSort:()=>{sortBy(col.id)},selectAll:()=>{}},meta:{sorting:{isSorted:col.id===sorting.column,isSortable:!!((_col_sorting=col.sorting)===null||_col_sorting===void 0?void 0:_col_sorting.enabled),direction:sorting.direction},isGenerated:false}}});if(config.enableSelect){const checked=rowIds.length>0&&rowIds.every(entity=>selected.includes(entity));const indeterminate=selected.length>0&&rowIds.some(entity=>selected.includes(entity))&&!checked;columnInProcess.unshift({id:_types.DEFAULT_COLUMNS.SELECT_ALL,label:(0,_jsxruntime.jsx)(_SelectAll.SelectAll,{checked:checked,indeterminate:indeterminate,onChange:()=>selectAll(!checked,rowIds)}),actions:{autoSort:()=>{},selectAll:()=>{selectAll(!checked,rowIds)}},meta:{sorting:{isSorted:false,isSortable:false,direction:sorting.direction},isGenerated:true}})}if(config.action){columnInProcess.push({id:_types.DEFAULT_COLUMNS.ACTION,label:t("Action"),actions:{autoSort:()=>{},selectAll:()=>{}},meta:{sorting:{isSorted:false,isSortable:false,direction:sorting.direction},isGenerated:true}})}return columnInProcess}
+//# sourceMappingURL=useColumns.js.map

package/lib/cjs/components/Table/hooks/useColumns.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Table/hooks/useColumns.tsx"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport { DEFAULT_COLUMNS, TUseTableConfigInternal } from \"../types\"\nimport { SelectAll } from \"../components/SelectAll\"\nimport { useTranslation } from \"react-i18next\"\nimport { TSorting } from \"../../../genericTypes\"\n\ntype TUseColumnsParams = {\n  sorting: TSorting\n  sortBy: (column: string) => void\n  selected: string[]\n  selectAll: (allSelected: boolean, ids: string[]) => void\n  rowIds: string[]\n}\n\nexport function useColumns<T>(\n  config: TUseTableConfigInternal<T>,\n  { sorting, sortBy, selected, selectAll, rowIds }: TUseColumnsParams\n) {\n  const { t } = useTranslation()\n  const columnInProcess = config.columns.map((col) => {\n    return {\n      id: col.id,\n      label: col.label,\n      actions: {\n        autoSort: () => {\n          sortBy(col.id)\n        },\n        selectAll: () => {},\n      },\n      meta: {\n        sorting: {\n          isSorted: col.id === sorting.column,\n          isSortable: !!col.sorting?.enabled,\n          direction: sorting.direction,\n        },\n        isGenerated: false,\n      },\n    }\n  })\n\n  if (config.enableSelect) {\n    const checked = rowIds.length > 0 && rowIds.every((entity: string) => selected.includes(entity))\n    const indeterminate =\n      selected.length > 0 && rowIds.some((entity: string) => selected.includes(entity)) && !checked\n\n    columnInProcess.unshift({\n      id: DEFAULT_COLUMNS.SELECT_ALL,\n      label: (\n        <SelectAll\n          checked={checked}\n          indeterminate={indeterminate}\n          onChange={() => selectAll(!checked, rowIds)}\n        />\n      ),\n      actions: {\n        autoSort: () => {},\n        selectAll: () => {\n          selectAll(!checked, rowIds)\n        },\n      },\n      meta: {\n        sorting: {\n          isSorted: false,\n          isSortable: false,\n          direction: sorting.direction,\n        },\n        isGenerated: true,\n      },\n    })\n  }\n\n  if (config.action) {\n    columnInProcess.push({\n      id: DEFAULT_COLUMNS.ACTION,\n      label: t(\"Action\"),\n      actions: {\n        autoSort: () => {},\n        selectAll: () => {},\n      },\n      meta: {\n        sorting: {\n          isSorted: false,\n          isSortable: false,\n          direction: sorting.direction,\n        },\n        isGenerated: true,\n      },\n    })\n  }\n\n  return columnInProcess\n}\n"],"names":["useColumns","config","sorting","sortBy","selected","selectAll","rowIds","t","useTranslation","columnInProcess","columns","map","col","id","label","actions","autoSort","meta","isSorted","column","isSortable","enabled","direction","isGenerated","enableSelect","checked","length","every","entity","includes","indeterminate","some","unshift","DEFAULT_COLUMNS","SELECT_ALL","SelectAll","onChange","action","push","ACTION"],"mappings":"oGAiBgBA,oDAAAA,kFAbyC,qCAC/B,uDACK,iBAWxB,SAASA,WACdC,MAAkC,CAClC,CAAEC,OAAO,CAAEC,MAAM,CAAEC,QAAQ,CAAEC,SAAS,CAAEC,MAAM,CAAqB,EAEnE,KAAM,CAAEC,CAAC,CAAE,CAAGC,GAAAA,4BAAc,IAC5B,MAAMC,gBAAkBR,OAAOS,OAAO,CAACC,GAAG,CAAC,AAACC,UAatBA,aAZpB,MAAO,CACLC,GAAID,IAAIC,EAAE,CACVC,MAAOF,IAAIE,KAAK,CAChBC,QAAS,CACPC,SAAU,KACRb,OAAOS,IAAIC,EAAE,CACf,EACAR,UAAW,KAAO,CACpB,EACAY,KAAM,CACJf,QAAS,CACPgB,SAAUN,IAAIC,EAAE,GAAKX,QAAQiB,MAAM,CACnCC,WAAY,CAAC,GAACR,aAAAA,IAAIV,OAAO,UAAXU,6BAAAA,aAAaS,OAAO,EAClCC,UAAWpB,QAAQoB,SAAS,AAC9B,EACAC,YAAa,KACf,CACF,CACF,GAEA,GAAItB,OAAOuB,YAAY,CAAE,CACvB,MAAMC,QAAUnB,OAAOoB,MAAM,CAAG,GAAKpB,OAAOqB,KAAK,CAAC,AAACC,QAAmBxB,SAASyB,QAAQ,CAACD,SACxF,MAAME,cACJ1B,SAASsB,MAAM,CAAG,GAAKpB,OAAOyB,IAAI,CAAC,AAACH,QAAmBxB,SAASyB,QAAQ,CAACD,UAAY,CAACH,QAExFhB,gBAAgBuB,OAAO,CAAC,CACtBnB,GAAIoB,sBAAe,CAACC,UAAU,CAC9BpB,MACE,oBAACqB,oBAAS,EACRV,QAASA,QACTK,cAAeA,cACfM,SAAU,IAAM/B,UAAU,CAACoB,QAASnB,UAGxCS,QAAS,CACPC,SAAU,KAAO,EACjBX,UAAW,KACTA,UAAU,CAACoB,QAASnB,OACtB,CACF,EACAW,KAAM,CACJf,QAAS,CACPgB,SAAU,MACVE,WAAY,MACZE,UAAWpB,QAAQoB,SAAS,AAC9B,EACAC,YAAa,IACf,CACF,EACF,CAEA,GAAItB,OAAOoC,MAAM,CAAE,CACjB5B,gBAAgB6B,IAAI,CAAC,CACnBzB,GAAIoB,sBAAe,CAACM,MAAM,CAC1BzB,MAAOP,EAAE,UACTQ,QAAS,CACPC,SAAU,KAAO,EACjBX,UAAW,KAAO,CACpB,EACAY,KAAM,CACJf,QAAS,CACPgB,SAAU,MACVE,WAAY,MACZE,UAAWpB,QAAQoB,SAAS,AAC9B,EACAC,YAAa,IACf,CACF,EACF,CAEA,OAAOd,eACT"}

package/lib/cjs/components/Table/hooks/useFillers.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"useFillers",{enumerable:true,get:function(){return useFillers}});const useFillers=(config,rows,pageSize)=>{const fillers=[];let colSpan=config.columns.length;if(config.enableSelect)colSpan+=1;if(config.action)colSpan+=1;if(rows.length<pageSize){for(let i=0;i<pageSize-rows.length;i++){fillers.push({colSpan})}}return fillers};
+//# sourceMappingURL=useFillers.js.map

package/lib/cjs/components/Table/hooks/useFillers.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Table/hooks/useFillers.tsx"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport { TTableReturnRow, TUseTableConfigInternal } from \"../types\"\n\nexport const useFillers = <T,>(\n  config: TUseTableConfigInternal<T>,\n  rows: Array<TTableReturnRow<T>>,\n  pageSize: number\n): Array<{ colSpan: number }> => {\n  const fillers: Array<{ colSpan: number }> = []\n  let colSpan = config.columns.length\n  if (config.enableSelect) colSpan += 1\n  if (config.action) colSpan += 1\n\n  if (rows.length < pageSize) {\n    for (let i = 0; i < pageSize - rows.length; i++) {\n      fillers.push({\n        colSpan,\n      })\n    }\n  }\n\n  return fillers\n}\n"],"names":["useFillers","config","rows","pageSize","fillers","colSpan","columns","length","enableSelect","action","i","push"],"mappings":"oGAMaA,oDAAAA,cAAN,MAAMA,WAAa,CACxBC,OACAC,KACAC,YAEA,MAAMC,QAAsC,EAAE,CAC9C,IAAIC,QAAUJ,OAAOK,OAAO,CAACC,MAAM,CACnC,GAAIN,OAAOO,YAAY,CAAEH,SAAW,EACpC,GAAIJ,OAAOQ,MAAM,CAAEJ,SAAW,EAE9B,GAAIH,KAAKK,MAAM,CAAGJ,SAAU,CAC1B,IAAK,IAAIO,EAAI,EAAGA,EAAIP,SAAWD,KAAKK,MAAM,CAAEG,IAAK,CAC/CN,QAAQO,IAAI,CAAC,CACXN,OACF,EACF,CACF,CAEA,OAAOD,OACT"}

package/lib/cjs/components/Table/hooks/useRowFactoryBuilder/NoData.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"NoData",{enumerable:true,get:function(){return NoData}});const _jsxruntime=require("react/jsx-runtime");const _theme=require("../../../../theme");const _Badge=require("../../../Badge");const _reacti18next=require("react-i18next");const _NoDatamodulecss=/*#__PURE__*/_interop_require_default(require("./NoData.module.css"));function _interop_require_default(obj){return obj&&obj.__esModule?obj:{default:obj}}const NoData=({content})=>{const{t}=(0,_reacti18next.useTranslation)();return(0,_jsxruntime.jsx)(_Badge.Badge,{className:_NoDatamodulecss.default.badge,color:_theme.EThemeColors.NeutralLight,children:content||t("No data")})};
+//# sourceMappingURL=NoData.js.map

package/lib/cjs/components/Table/hooks/useRowFactoryBuilder/NoData.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/components/Table/hooks/useRowFactoryBuilder/NoData.tsx"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport { EThemeColors } from \"../../../../theme\"\nimport { Badge } from \"../../../Badge\"\nimport { ReactNode } from \"react\"\nimport { useTranslation } from \"react-i18next\"\nimport classes from \"./NoData.module.css\"\n\n/**\n * Default component for NoData\n * @param content optional content\n */\nconst NoData: React.FC<{ content?: ReactNode }> = ({ content }) => {\n  const { t } = useTranslation()\n  return (\n    <Badge className={classes.badge} color={EThemeColors.NeutralLight}>\n      {content || t(\"No data\")}\n    </Badge>\n  )\n}\n\nexport { NoData }\n"],"names":["NoData","content","t","useTranslation","Badge","className","classes","badge","color","EThemeColors","NeutralLight"],"mappings":"oGAuBSA,gDAAAA,8EAnBoB,0CACP,8CAES,sFACX,4GAMpB,MAAMA,OAA4C,CAAC,CAAEC,OAAO,CAAE,IAC5D,KAAM,CAAEC,CAAC,CAAE,CAAGC,GAAAA,4BAAc,IAC5B,MACE,oBAACC,YAAK,EAACC,UAAWC,wBAAO,CAACC,KAAK,CAAEC,MAAOC,mBAAY,CAACC,YAAY,UAC9DT,SAAWC,EAAE,YAGpB"}

package/lib/cjs/components/Table/hooks/useRowFactoryBuilder/NoData.module.css

@@ -0,0 +1 @@
+.badge{padding:0 calc(.875rem*var(--mantine-scale));width:max-content}

package/lib/cjs/components/Table/hooks/useRowFactoryBuilder/buildReturnColumnFactory.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"buildReturnColumnFactory",{enumerable:true,get:function(){return buildReturnColumnFactory}});const _constants=require("../../constants");const _getComponent=require("./getComponent");function buildReturnColumnFactory(selectionState,id,config,rowIds){return function(col,row){var _config_meta;return{component:(0,_getComponent.getComponent)(col,row,(config===null||config===void 0?void 0:(_config_meta=config.meta)===null||_config_meta===void 0?void 0:_config_meta.noDataBadge)||{}),events:{onClick:event=>{if(event.target!==event.currentTarget){return}switch(col.id){case _constants.BUILD_IN_COLUMNS.selection.id:{selectionState.select(id,rowIds);break}}}},selection:{setSelected:()=>{selectionState.select(id,rowIds)},selected:!!selectionState.selected.find(selectedId=>selectedId===id)},id:col.id}}}
+//# sourceMappingURL=buildReturnColumnFactory.js.map

package/lib/cjs/components/Table/hooks/useRowFactoryBuilder/buildReturnColumnFactory.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/components/Table/hooks/useRowFactoryBuilder/buildReturnColumnFactory.ts"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport { TUseSelect } from \"../../TableClientSide/state/selectSlice\"\nimport { MouseEvent } from \"react\"\nimport { BUILD_IN_COLUMNS } from \"../../constants\"\nimport { getComponent } from \"./getComponent\"\nimport { TPartialHeaderCol } from \"./types\"\nimport { TTableConfig } from \"../../types\"\n\nexport function buildReturnColumnFactory<T>(\n  selectionState: ReturnType<TUseSelect>,\n  id: string,\n  config: TTableConfig<T>,\n  rowIds: string[]\n) {\n  return function (col: TPartialHeaderCol<T>, row: T) {\n    return {\n      component: getComponent(col, row, config?.meta?.noDataBadge || {}),\n      events: {\n        onClick: (event: MouseEvent<HTMLElement>) => {\n          if (event.target !== event.currentTarget) {\n            return\n          }\n\n          switch (col.id) {\n            case BUILD_IN_COLUMNS.selection.id: {\n              selectionState.select(id, rowIds)\n              break\n            }\n          }\n        },\n      },\n      selection: {\n        setSelected: () => {\n          selectionState.select(id, rowIds)\n        },\n        selected: !!selectionState.selected.find((selectedId) => selectedId === id),\n      },\n      id: col.id,\n    }\n  }\n}\n"],"names":["buildReturnColumnFactory","selectionState","id","config","rowIds","col","row","component","getComponent","meta","noDataBadge","events","onClick","event","target","currentTarget","BUILD_IN_COLUMNS","selection","select","setSelected","selected","find","selectedId"],"mappings":"oGAWgBA,kEAAAA,qDALiB,+CACJ,kBAItB,SAASA,yBACdC,cAAsC,CACtCC,EAAU,CACVC,MAAuB,CACvBC,MAAgB,EAEhB,OAAO,SAAUC,GAAyB,CAAEC,GAAM,MAEZH,aADpC,MAAO,CACLI,UAAWC,GAAAA,0BAAY,EAACH,IAAKC,IAAKH,CAAAA,eAAAA,wBAAAA,aAAAA,OAAQM,IAAI,UAAZN,6BAAAA,aAAcO,WAAW,GAAI,CAAC,GAChEC,OAAQ,CACNC,QAAS,AAACC,QACR,GAAIA,MAAMC,MAAM,GAAKD,MAAME,aAAa,CAAE,CACxC,MACF,CAEA,OAAQV,IAAIH,EAAE,EACZ,KAAKc,2BAAgB,CAACC,SAAS,CAACf,EAAE,CAAE,CAClCD,eAAeiB,MAAM,CAAChB,GAAIE,QAC1B,KACF,CACF,CACF,CACF,EACAa,UAAW,CACTE,YAAa,KACXlB,eAAeiB,MAAM,CAAChB,GAAIE,OAC5B,EACAgB,SAAU,CAAC,CAACnB,eAAemB,QAAQ,CAACC,IAAI,CAAC,AAACC,YAAeA,aAAepB,GAC1E,EACAA,GAAIG,IAAIH,EAAE,AACZ,CACF,CACF"}

package/lib/cjs/components/Table/hooks/useRowFactoryBuilder/getComponent.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"getComponent",{enumerable:true,get:function(){return getComponent}});const _jsxruntime=require("react/jsx-runtime");const _NoData=require("./NoData");function createNoDataComponent(noDataBadgeConfig,row,col){let ComponentToReturn=(0,_jsxruntime.jsx)(_NoData.NoData,{});if(noDataBadgeConfig===null||noDataBadgeConfig===void 0?void 0:noDataBadgeConfig.content){const Content=noDataBadgeConfig===null||noDataBadgeConfig===void 0?void 0:noDataBadgeConfig.content;ComponentToReturn=(0,_jsxruntime.jsx)(_NoData.NoData,{content:(0,_jsxruntime.jsx)(Content,{row:row,col:col})})}if(noDataBadgeConfig===null||noDataBadgeConfig===void 0?void 0:noDataBadgeConfig.component){const Component=noDataBadgeConfig===null||noDataBadgeConfig===void 0?void 0:noDataBadgeConfig.component;ComponentToReturn=(0,_jsxruntime.jsx)(Component,{row:row,col:col})}return ComponentToReturn}const VALID_NO_DATA_VALUES=[undefined,null];function getComponent(col,row,noDataBadgeConfig){var _noDataBadgeConfig_pattern,_col_accessor;const value=col.accessor(row);const defaultPattern=!value&&VALID_NO_DATA_VALUES.includes(value);const pattern=(noDataBadgeConfig===null||noDataBadgeConfig===void 0?void 0:noDataBadgeConfig.pattern)?noDataBadgeConfig===null||noDataBadgeConfig===void 0?void 0:(_noDataBadgeConfig_pattern=noDataBadgeConfig.pattern)===null||_noDataBadgeConfig_pattern===void 0?void 0:_noDataBadgeConfig_pattern.call(noDataBadgeConfig,{row,value}):defaultPattern;if(!(noDataBadgeConfig===null||noDataBadgeConfig===void 0?void 0:noDataBadgeConfig.disabled)&&pattern)return createNoDataComponent(noDataBadgeConfig||{},row,col);if(col.component){return col.component({row,value:col.accessor(row)})}return(_col_accessor=col.accessor)===null||_col_accessor===void 0?void 0:_col_accessor.call(col,row)}
+//# sourceMappingURL=getComponent.js.map

package/lib/cjs/components/Table/hooks/useRowFactoryBuilder/getComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/components/Table/hooks/useRowFactoryBuilder/getComponent.tsx"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport { TPartialHeaderCol } from \"./types\"\nimport { NoData } from \"./NoData\"\nimport { TnoDataBadgeConfig, TTableAccessorReturn } from \"../../types\"\n\n/**\n * Creates the NoDataComponent. Is per default the **NoDataBadge** but can be changed.\n * @param noDataBadgeConfig Configuration for the NoDataBadge\n * @param row current row\n * @param col current col\n */\nfunction createNoDataComponent<T>(\n  noDataBadgeConfig: TnoDataBadgeConfig<T>,\n  row: T,\n  col: TPartialHeaderCol<T>\n) {\n  let ComponentToReturn = <NoData />\n\n  if (noDataBadgeConfig?.content) {\n    const Content = noDataBadgeConfig?.content\n    ComponentToReturn = <NoData content={<Content row={row} col={col} />} />\n  }\n\n  if (noDataBadgeConfig?.component) {\n    const Component = noDataBadgeConfig?.component\n    ComponentToReturn = <Component row={row} col={col} />\n  }\n\n  return ComponentToReturn\n}\n\nconst VALID_NO_DATA_VALUES: Array<TTableAccessorReturn | null | undefined> = [undefined, null]\n\n/**\n * Gets the actual component that is going to be rendered.\n * One of:\n * - *component*\n * - *accessor* value\n * - *NoDataComponent*\n * @param col current col\n * @param row current row\n * @param noDataBadgeConfig config for NoDataBadge\n */\nexport function getComponent<T>(\n  col: TPartialHeaderCol<T>,\n  row: T,\n  noDataBadgeConfig: TnoDataBadgeConfig<T>\n) {\n  const value = col.accessor(row)\n  const defaultPattern = !value && VALID_NO_DATA_VALUES.includes(value)\n  const pattern = noDataBadgeConfig?.pattern\n    ? noDataBadgeConfig?.pattern?.({ row, value })\n    : defaultPattern\n\n  if (!noDataBadgeConfig?.disabled && pattern)\n    return createNoDataComponent(noDataBadgeConfig || {}, row, col)\n\n  if (col.component) {\n    return col.component({ row, value: col.accessor(row) })\n  }\n\n  return col.accessor?.(row)\n}\n"],"names":["getComponent","createNoDataComponent","noDataBadgeConfig","row","col","ComponentToReturn","NoData","content","Content","component","Component","VALID_NO_DATA_VALUES","undefined","value","accessor","defaultPattern","includes","pattern","disabled"],"mappings":"oGA8CgBA,sDAAAA,qFAzCO,YASvB,SAASC,sBACPC,iBAAwC,CACxCC,GAAM,CACNC,GAAyB,EAEzB,IAAIC,kBAAoB,oBAACC,cAAM,KAE/B,GAAIJ,0BAAAA,kCAAAA,kBAAmBK,OAAO,CAAE,CAC9B,MAAMC,QAAUN,0BAAAA,kCAAAA,kBAAmBK,OAAO,CAC1CF,kBAAoB,oBAACC,cAAM,EAACC,QAAS,oBAACC,SAAQL,IAAKA,IAAKC,IAAKA,OAC/D,CAEA,GAAIF,0BAAAA,kCAAAA,kBAAmBO,SAAS,CAAE,CAChC,MAAMC,UAAYR,0BAAAA,kCAAAA,kBAAmBO,SAAS,CAC9CJ,kBAAoB,oBAACK,WAAUP,IAAKA,IAAKC,IAAKA,KAChD,CAEA,OAAOC,iBACT,CAEA,MAAMM,qBAAuE,CAACC,UAAW,KAAK,CAYvF,SAASZ,aACdI,GAAyB,CACzBD,GAAM,CACND,iBAAwC,MAKpCA,2BAUGE,cAbP,MAAMS,MAAQT,IAAIU,QAAQ,CAACX,KAC3B,MAAMY,eAAiB,CAACF,OAASF,qBAAqBK,QAAQ,CAACH,OAC/D,MAAMI,QAAUf,CAAAA,0BAAAA,kCAAAA,kBAAmBe,OAAO,EACtCf,0BAAAA,mCAAAA,2BAAAA,kBAAmBe,OAAO,UAA1Bf,2CAAAA,gCAAAA,kBAA6B,CAAEC,IAAKU,KAAM,GAC1CE,eAEJ,GAAI,EAACb,0BAAAA,kCAAAA,kBAAmBgB,QAAQ,GAAID,QAClC,OAAOhB,sBAAsBC,mBAAqB,CAAC,EAAGC,IAAKC,KAE7D,GAAIA,IAAIK,SAAS,CAAE,CACjB,OAAOL,IAAIK,SAAS,CAAC,CAAEN,IAAKU,MAAOT,IAAIU,QAAQ,CAACX,IAAK,EACvD,CAEA,OAAOC,cAAAA,IAAIU,QAAQ,UAAZV,8BAAAA,mBAAAA,IAAeD,IACxB"}

package/lib/cjs/components/Table/hooks/useRowFactoryBuilder/index.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"useRowFactoryBuilder",{enumerable:true,get:function(){return _useRowFactoryBuilder.useRowFactoryBuilder}});const _useRowFactoryBuilder=require("./useRowFactoryBuilder");_export_star(require("./NoData"),exports);function _export_star(from,to){Object.keys(from).forEach(function(k){if(k!=="default"&&!Object.prototype.hasOwnProperty.call(to,k)){Object.defineProperty(to,k,{enumerable:true,get:function(){return from[k]}})}});return from}
+//# sourceMappingURL=index.js.map

package/lib/cjs/components/Table/hooks/useRowFactoryBuilder/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/components/Table/hooks/useRowFactoryBuilder/index.ts"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nexport { useRowFactoryBuilder } from \"./useRowFactoryBuilder\"\nexport * from \"./NoData\"\n"],"names":["useRowFactoryBuilder"],"mappings":"oGAISA,8DAAAA,0CAAoB,wCAAQ,+CACvB"}

package/lib/cjs/components/Table/hooks/useRowFactoryBuilder/types.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});
+//# sourceMappingURL=types.js.map

package/lib/cjs/components/Table/hooks/useRowFactoryBuilder/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/components/Table/hooks/useRowFactoryBuilder/types.ts"],"names":[],"mappings":""}

package/lib/cjs/components/Table/hooks/useRowFactoryBuilder/useRowFactoryBuilder.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"useRowFactoryBuilder",{enumerable:true,get:function(){return useRowFactoryBuilder}});const _jsxruntime=require("react/jsx-runtime");const _types=require("../../types");const _Checkbox=require("../../components/Checkbox");const _constants=require("../../constants");const _buildReturnColumnFactory=require("./buildReturnColumnFactory");const _useRowFactoryBuildermodulecss=/*#__PURE__*/_interop_require_default(require("./useRowFactoryBuilder.module.css"));const _lucidereact=require("lucide-react");const _theme=require("../../../../theme");function _interop_require_default(obj){return obj&&obj.__esModule?obj:{default:obj}}function getActionMenuComponentBasedOnStatus(id,status,row,config){if(status===_types.ETableRowStatus.IN_DELETION_PROCESS){return(0,_jsxruntime.jsx)("span",{className:_useRowFactoryBuildermodulecss.default.spinner,children:(0,_jsxruntime.jsx)(_lucidereact.Loader2,{size:_theme.ICON_SIZES.MEDIUM_LARGE})})}else{var _config_action;return(config===null||config===void 0?void 0:(_config_action=config.action)===null||_config_action===void 0?void 0:_config_action.call(config,{row,columns:config.columns,id}))||(0,_jsxruntime.jsx)(_jsxruntime.Fragment,{})}}const useRowFactoryBuilder=(config,selectionState,rowIds)=>{return row=>{var _config_rows_rowStatus,_config_rows;const id=config.rowIdentifierAccessor(row);const rowStatus=(_config_rows=config.rows)===null||_config_rows===void 0?void 0:(_config_rows_rowStatus=_config_rows.rowStatus)===null||_config_rows_rowStatus===void 0?void 0:_config_rows_rowStatus.call(_config_rows,row);return{raw:row,id,status:rowStatus,getColumns:()=>{const buildReturnColumn=(0,_buildReturnColumnFactory.buildReturnColumnFactory)(selectionState,id,config,rowIds);const values=config.columns.map(col=>buildReturnColumn(col,row));if(config.enableSelect){const allSelected=rowIds.length>0&&rowIds.every(entity=>selectionState.selected.includes(entity));values.unshift(buildReturnColumn({id:_constants.BUILD_IN_COLUMNS.selection.id,component:()=>(0,_jsxruntime.jsx)(_Checkbox.Checkbox,{onChange:()=>selectionState.select(id,rowIds),checked:selectionState.selected.includes(id)||allSelected}),accessor:()=>"SelectionColumn"},row))}if(config.action){values.push(buildReturnColumn({id:_constants.BUILD_IN_COLUMNS.action.id,component:({row})=>getActionMenuComponentBasedOnStatus(id,rowStatus,row,config),accessor:()=>"ActionColumn"},row))}if(config.enableSelect){return[...values]}return values}}}};
+//# sourceMappingURL=useRowFactoryBuilder.js.map

package/lib/cjs/components/Table/hooks/useRowFactoryBuilder/useRowFactoryBuilder.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/components/Table/hooks/useRowFactoryBuilder/useRowFactoryBuilder.tsx"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport { ETableRowStatus, TTableReturnRow, TUseTableConfigInternal } from \"../../types\"\nimport { Checkbox } from \"../../components/Checkbox\"\nimport { TUseSelect } from \"../../TableClientSide/state/selectSlice\"\nimport { BUILD_IN_COLUMNS } from \"../../constants\"\nimport { buildReturnColumnFactory } from \"./buildReturnColumnFactory\"\nimport classes from \"./useRowFactoryBuilder.module.css\"\nimport { Loader2 } from \"lucide-react\"\nimport { ICON_SIZES } from \"../../../../theme\"\n\n/**\n * Gets an action menu overwrite based on the row status\n * @param id Row ID\n * @param status Row Status\n * @param row row\n * @param config Table configuration\n */\nfunction getActionMenuComponentBasedOnStatus<T>(\n  id: string,\n  status: ETableRowStatus | undefined,\n  row: T,\n  config: TUseTableConfigInternal<T>\n) {\n  if (status === ETableRowStatus.IN_DELETION_PROCESS) {\n    return (\n      <span className={classes.spinner}>\n        <Loader2 size={ICON_SIZES.MEDIUM_LARGE} />\n      </span>\n    )\n  } else {\n    return (\n      config?.action?.({\n        row,\n        columns: config.columns,\n        id,\n      }) || <></>\n    )\n  }\n}\n\n/**\n * A closure that returns a rowFactoryBuilder. The Closure simply injects the table config and the selection state.\n * That way the caller of the closure can easily map the enclosed function through an array.\n * The enclosed function builds the row by automatically taking care of select checkboxes and the action menu.\n * @param config TableConfiguration with optional injected ActionMenu\n * @param selectionState State of current Selection (NOT USED AND NOT IMPLEMENTED)\n * @param rowIds ids of all the rows on the current page (used to check if all rows are selected)\n */\nexport const useRowFactoryBuilder = <T,>(\n  config: TUseTableConfigInternal<T>,\n  selectionState: ReturnType<TUseSelect>,\n  rowIds: string[]\n) => {\n  return (row: T): TTableReturnRow<T> => {\n    const id = config.rowIdentifierAccessor(row)\n    const rowStatus = config.rows?.rowStatus?.(row)\n    return {\n      raw: row,\n      id,\n      status: rowStatus,\n      getColumns: () => {\n        const buildReturnColumn = buildReturnColumnFactory(selectionState, id, config, rowIds)\n\n        const values = config.columns.map((col) => buildReturnColumn(col, row))\n\n        if (config.enableSelect) {\n          const allSelected =\n            rowIds.length > 0 &&\n            rowIds.every((entity: string) => selectionState.selected.includes(entity))\n\n          values.unshift(\n            buildReturnColumn(\n              {\n                id: BUILD_IN_COLUMNS.selection.id,\n                component: () => (\n                  <Checkbox\n                    onChange={() => selectionState.select(id, rowIds)}\n                    checked={selectionState.selected.includes(id) || allSelected}\n                  />\n                ),\n                accessor: () => \"SelectionColumn\",\n              },\n              row\n            )\n          )\n        }\n\n        if (config.action) {\n          values.push(\n            buildReturnColumn(\n              {\n                id: BUILD_IN_COLUMNS.action.id,\n                component: ({ row }) =>\n                  getActionMenuComponentBasedOnStatus(id, rowStatus, row, config),\n                accessor: () => \"ActionColumn\",\n              },\n              row\n            )\n          )\n        }\n\n        if (config.enableSelect) {\n          return [...values]\n        }\n\n        return values\n      },\n    }\n  }\n}\n"],"names":["useRowFactoryBuilder","getActionMenuComponentBasedOnStatus","id","status","row","config","ETableRowStatus","IN_DELETION_PROCESS","span","className","classes","spinner","Loader2","size","ICON_SIZES","MEDIUM_LARGE","action","columns","selectionState","rowIds","rowIdentifierAccessor","rowStatus","rows","raw","getColumns","buildReturnColumn","buildReturnColumnFactory","values","map","col","enableSelect","allSelected","length","every","entity","selected","includes","unshift","BUILD_IN_COLUMNS","selection","component","Checkbox","onChange","select","checked","accessor","push"],"mappings":"oGAmDaA,8DAAAA,4FA/C6D,uCACjD,sDAEQ,2DACQ,iHACrB,iEACI,qCACG,yGAS3B,SAASC,oCACPC,EAAU,CACVC,MAAmC,CACnCC,GAAM,CACNC,MAAkC,EAElC,GAAIF,SAAWG,sBAAe,CAACC,mBAAmB,CAAE,CAClD,MACE,oBAACC,QAAKC,UAAWC,sCAAO,CAACC,OAAO,UAC9B,oBAACC,oBAAO,EAACC,KAAMC,iBAAU,CAACC,YAAY,IAG5C,KAAO,KAEHV,eADF,MACEA,CAAAA,eAAAA,wBAAAA,eAAAA,OAAQW,MAAM,UAAdX,+BAAAA,oBAAAA,OAAiB,CACfD,IACAa,QAASZ,OAAOY,OAAO,CACvBf,EACF,KAAM,4CAEV,CACF,CAUO,MAAMF,qBAAuB,CAClCK,OACAa,eACAC,UAEA,OAAO,AAACf,UAEYC,uBAAAA,aADlB,MAAMH,GAAKG,OAAOe,qBAAqB,CAAChB,KACxC,MAAMiB,WAAYhB,aAAAA,OAAOiB,IAAI,UAAXjB,8BAAAA,uBAAAA,aAAagB,SAAS,UAAtBhB,uCAAAA,4BAAAA,aAAyBD,KAC3C,MAAO,CACLmB,IAAKnB,IACLF,GACAC,OAAQkB,UACRG,WAAY,KACV,MAAMC,kBAAoBC,GAAAA,kDAAwB,EAACR,eAAgBhB,GAAIG,OAAQc,QAE/E,MAAMQ,OAAStB,OAAOY,OAAO,CAACW,GAAG,CAAC,AAACC,KAAQJ,kBAAkBI,IAAKzB,MAElE,GAAIC,OAAOyB,YAAY,CAAE,CACvB,MAAMC,YACJZ,OAAOa,MAAM,CAAG,GAChBb,OAAOc,KAAK,CAAC,AAACC,QAAmBhB,eAAeiB,QAAQ,CAACC,QAAQ,CAACF,SAEpEP,OAAOU,OAAO,CACZZ,kBACE,CACEvB,GAAIoC,2BAAgB,CAACC,SAAS,CAACrC,EAAE,CACjCsC,UAAW,IACT,oBAACC,kBAAQ,EACPC,SAAU,IAAMxB,eAAeyB,MAAM,CAACzC,GAAIiB,QAC1CyB,QAAS1B,eAAeiB,QAAQ,CAACC,QAAQ,CAAClC,KAAO6B,cAGrDc,SAAU,IAAM,iBAClB,EACAzC,KAGN,CAEA,GAAIC,OAAOW,MAAM,CAAE,CACjBW,OAAOmB,IAAI,CACTrB,kBACE,CACEvB,GAAIoC,2BAAgB,CAACtB,MAAM,CAACd,EAAE,CAC9BsC,UAAW,CAAC,CAAEpC,GAAG,CAAE,GACjBH,oCAAoCC,GAAImB,UAAWjB,IAAKC,QAC1DwC,SAAU,IAAM,cAClB,EACAzC,KAGN,CAEA,GAAIC,OAAOyB,YAAY,CAAE,CACvB,MAAO,IAAIH,OAAO,AACpB,CAEA,OAAOA,MACT,CACF,CACF,CACF"}

package/lib/cjs/components/Table/hooks/useRowFactoryBuilder/useRowFactoryBuilder.module.css

@@ -0,0 +1 @@
+@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.spinner{align-items:center;color:var(--action-menu-icon-color);display:flex;justify-content:flex-start;margin-left:calc(.25rem*var(--mantine-scale))}.spinner>svg{animation:spin 2s linear infinite}

package/lib/cjs/components/Table/index.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});_export_star(require("./TableClientSide"),exports);_export_star(require("./TableServerSide"),exports);_export_star(require("./constants"),exports);_export_star(require("./types"),exports);_export_star(require("./TableServerSide/useTableServerSide"),exports);_export_star(require("./TableServerSide/TableServerSidePersistent"),exports);_export_star(require("./TableClientSide/useTableClientSide"),exports);_export_star(require("./TableClientSide/TableClientSidePersistent"),exports);_export_star(require("./hooks/useRowFactoryBuilder"),exports);_export_star(require("./addons"),exports);function _export_star(from,to){Object.keys(from).forEach(function(k){if(k!=="default"&&!Object.prototype.hasOwnProperty.call(to,k)){Object.defineProperty(to,k,{enumerable:true,get:function(){return from[k]}})}});return from}
+//# sourceMappingURL=index.js.map

package/lib/cjs/components/Table/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Table/index.ts"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nexport * from \"./TableClientSide\"\nexport * from \"./TableServerSide\"\nexport * from \"./constants\"\nexport * from \"./types\"\nexport * from \"./TableServerSide/useTableServerSide\"\nexport * from \"./TableServerSide/TableServerSidePersistent\"\nexport * from \"./TableClientSide/useTableClientSide\"\nexport * from \"./TableClientSide/TableClientSidePersistent\"\nexport * from \"./hooks/useRowFactoryBuilder\"\nexport * from \"./addons\"\n"],"names":[],"mappings":"2FAIc,mDACA,mDACA,6CACA,yCACA,sEACA,6EACA,sEACA,6EACA,8DACA"}

package/lib/cjs/components/Table/persistence/TableSessionStorage.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"TableSessionStorage",{enumerable:true,get:function(){return TableSessionStorage}});const _helper=require("../../../helper");const _yup=require("yup");const _genericTypes=require("../../../genericTypes");function _define_property(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true})}else{obj[key]=value}return obj}const tableStoredSchema=(0,_yup.object)({sorting:(0,_yup.object)({direction:(0,_yup.string)().required().oneOf([_genericTypes.ESortDirection.ASC,_genericTypes.ESortDirection.DESC]),column:(0,_yup.string)().required()}).required(),paging:(0,_yup.object)({index:(0,_yup.number)().required(),size:(0,_yup.number)().required()}).required()});function validateTableData(data){let isValid=true;try{tableStoredSchema.validateSync(data,{strict:true,stripUnknown:true})}catch(_){isValid=false}return isValid}class TableSessionStorage{static Instance(){if(!this._instance)this._instance=new this;return this._instance}get(id){const storedTables=TableSessionStorage.storage.get(TableSessionStorage.sessionStorageKey)||{};const tableData=storedTables[id];if(!tableData)return null;const isValidData=validateTableData(tableData);if(!isValidData){const storedTableClone=structuredClone(storedTables);delete storedTableClone[id];TableSessionStorage.storage.set(TableSessionStorage.sessionStorageKey,storedTableClone);return null}return tableData}set(id,updateData){const storedTables=TableSessionStorage.storage.get(TableSessionStorage.sessionStorageKey)||{};const updatedData=updateData(storedTables[id]);const isValidData=validateTableData(updatedData);if(!isValidData){return}storedTables[id]=updatedData;TableSessionStorage.storage.set(TableSessionStorage.sessionStorageKey,storedTables);return}constructor(){}}_define_property(TableSessionStorage,"_instance",null);_define_property(TableSessionStorage,"sessionStorageKey",_helper.ESessionStorageKeys.TABLE);_define_property(TableSessionStorage,"storage",_helper.SessionStorage.Instance());
+//# sourceMappingURL=TableSessionStorage.js.map

package/lib/cjs/components/Table/persistence/TableSessionStorage.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Table/persistence/TableSessionStorage.ts"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport {\n  ESessionStorageKeys,\n  IKeyValueStorage,\n  ITemporaryStorage,\n  SessionStorage,\n} from \"../../../helper\"\nimport { InferType, number, object, ObjectSchema, string } from \"yup\"\nimport { ESortDirection, TPaging, TSorting } from \"../../../genericTypes\"\n\nconst tableStoredSchema: ObjectSchema<{\n  sorting: TSorting\n  paging: Omit<TPaging, \"totalDisplayableResults\">\n}> = object({\n  sorting: object({\n    direction: string().required().oneOf([ESortDirection.ASC, ESortDirection.DESC]),\n    column: string().required(),\n  }).required(),\n  paging: object({\n    index: number().required(),\n    size: number().required(),\n  }).required(),\n})\n\nexport type TTableStorageData = InferType<typeof tableStoredSchema>\n\nfunction validateTableData(data: TTableStorageData) {\n  let isValid = true\n\n  try {\n    tableStoredSchema.validateSync(data, {\n      strict: true,\n      stripUnknown: true,\n    })\n  } catch (_) {\n    isValid = false\n  }\n\n  return isValid\n}\n\n// eslint-disable-next-line @typescript-eslint/no-empty-object-type\nexport interface ITableStorage extends ITemporaryStorage<TTableStorageData> {}\n\nexport class TableSessionStorage implements ITableStorage {\n  private static _instance: null | TableSessionStorage = null\n  public static sessionStorageKey = ESessionStorageKeys.TABLE\n  private static storage: IKeyValueStorage = SessionStorage.Instance()\n  constructor() {}\n\n  public static Instance() {\n    if (!this._instance) this._instance = new this()\n    return this._instance\n  }\n\n  public get(id: string): TTableStorageData | null {\n    const storedTables =\n      TableSessionStorage.storage.get<Record<string, TTableStorageData>>(\n        TableSessionStorage.sessionStorageKey\n      ) || {}\n    const tableData = storedTables[id]\n    if (!tableData) return null\n    const isValidData = validateTableData(tableData)\n    if (!isValidData) {\n      const storedTableClone = structuredClone(storedTables) // Deep clone object\n      delete storedTableClone[id]\n      TableSessionStorage.storage.set(TableSessionStorage.sessionStorageKey, storedTableClone)\n      return null\n    }\n\n    return tableData\n  }\n\n  public set(id: string, updateData: (prev: TTableStorageData) => TTableStorageData) {\n    const storedTables =\n      TableSessionStorage.storage.get<Record<string, TTableStorageData>>(\n        TableSessionStorage.sessionStorageKey\n      ) || {}\n    const updatedData = updateData(storedTables[id])\n    const isValidData = validateTableData(updatedData)\n    if (!isValidData) {\n      return // Return null, maybe return empty table state instead\n    }\n\n    storedTables[id] = updatedData\n    TableSessionStorage.storage.set(TableSessionStorage.sessionStorageKey, storedTables)\n\n    return\n  }\n}\n"],"names":["TableSessionStorage","tableStoredSchema","object","sorting","direction","string","required","oneOf","ESortDirection","ASC","DESC","column","paging","index","number","size","validateTableData","data","isValid","validateSync","strict","stripUnknown","_","Instance","_instance","get","id","storedTables","storage","sessionStorageKey","tableData","isValidData","storedTableClone","structuredClone","set","updateData","updatedData","constructor","ESessionStorageKeys","TABLE","SessionStorage"],"mappings":"oGA+CaA,6DAAAA,6CAtCN,sCACyD,mCACd,6MAElD,MAAMC,kBAGDC,GAAAA,WAAM,EAAC,CACVC,QAASD,GAAAA,WAAM,EAAC,CACdE,UAAWC,GAAAA,WAAM,IAAGC,QAAQ,GAAGC,KAAK,CAAC,CAACC,4BAAc,CAACC,GAAG,CAAED,4BAAc,CAACE,IAAI,CAAC,EAC9EC,OAAQN,GAAAA,WAAM,IAAGC,QAAQ,EAC3B,GAAGA,QAAQ,GACXM,OAAQV,GAAAA,WAAM,EAAC,CACbW,MAAOC,GAAAA,WAAM,IAAGR,QAAQ,GACxBS,KAAMD,GAAAA,WAAM,IAAGR,QAAQ,EACzB,GAAGA,QAAQ,EACb,GAIA,SAASU,kBAAkBC,IAAuB,EAChD,IAAIC,QAAU,KAEd,GAAI,CACFjB,kBAAkBkB,YAAY,CAACF,KAAM,CACnCG,OAAQ,KACRC,aAAc,IAChB,EACF,CAAE,MAAOC,EAAG,CACVJ,QAAU,KACZ,CAEA,OAAOA,OACT,CAKO,MAAMlB,oBAMX,OAAcuB,UAAW,CACvB,GAAI,CAAC,IAAI,CAACC,SAAS,CAAE,IAAI,CAACA,SAAS,CAAG,IAAI,IAAI,CAC9C,OAAO,IAAI,CAACA,SAAS,AACvB,CAEA,AAAOC,IAAIC,EAAU,CAA4B,CAC/C,MAAMC,aACJ3B,oBAAoB4B,OAAO,CAACH,GAAG,CAC7BzB,oBAAoB6B,iBAAiB,GAClC,CAAC,EACR,MAAMC,UAAYH,YAAY,CAACD,GAAG,CAClC,GAAI,CAACI,UAAW,OAAO,KACvB,MAAMC,YAAcf,kBAAkBc,WACtC,GAAI,CAACC,YAAa,CAChB,MAAMC,iBAAmBC,gBAAgBN,aACzC,QAAOK,gBAAgB,CAACN,GAAG,CAC3B1B,oBAAoB4B,OAAO,CAACM,GAAG,CAAClC,oBAAoB6B,iBAAiB,CAAEG,kBACvE,OAAO,IACT,CAEA,OAAOF,SACT,CAEA,AAAOI,IAAIR,EAAU,CAAES,UAA0D,CAAE,CACjF,MAAMR,aACJ3B,oBAAoB4B,OAAO,CAACH,GAAG,CAC7BzB,oBAAoB6B,iBAAiB,GAClC,CAAC,EACR,MAAMO,YAAcD,WAAWR,YAAY,CAACD,GAAG,EAC/C,MAAMK,YAAcf,kBAAkBoB,aACtC,GAAI,CAACL,YAAa,CAChB,MACF,CAEAJ,YAAY,CAACD,GAAG,CAAGU,YACnBpC,oBAAoB4B,OAAO,CAACM,GAAG,CAAClC,oBAAoB6B,iBAAiB,CAAEF,cAEvE,MACF,CAxCAU,aAAc,CAAC,CAyCjB,CA5CE,iBADWrC,oBACIwB,YAAwC,MACvD,iBAFWxB,oBAEG6B,oBAAoBS,2BAAmB,CAACC,KAAK,EAC3D,iBAHWvC,oBAGI4B,UAA4BY,sBAAc,CAACjB,QAAQ"}

package/lib/cjs/components/Table/types.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});function _export(target,all){for(var name in all)Object.defineProperty(target,name,{enumerable:true,get:Object.getOwnPropertyDescriptor(all,name).get})}_export(exports,{get DEFAULT_COLUMNS(){return DEFAULT_COLUMNS},get ETableRowStatus(){return ETableRowStatus}});var DEFAULT_COLUMNS=/*#__PURE__*/function(DEFAULT_COLUMNS){DEFAULT_COLUMNS["SELECT_ALL"]="select_all";DEFAULT_COLUMNS["ACTION"]="action";return DEFAULT_COLUMNS}({});var ETableRowStatus=/*#__PURE__*/function(ETableRowStatus){ETableRowStatus["IN_DELETION_PROCESS"]="IN_DELETION_PROCESS";return ETableRowStatus}({});
+//# sourceMappingURL=types.js.map