@greenbone/ui-lib 0.0.1-alpha0

package/lib/esm/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":["useCallback","useEffect","useRowFactoryBuilder","useFillers","useColumns","getPageIndexWithNewSize","defaultPagingState","defaultSortingState","ESortDirection","useMemoizedState","useSelect","useTableServerSide","data","metadata","onTableUpdate","config","onSelect","paging","setPaging","sorting","setSorting","default","selectionState","selectedData","selected","map","id","find","d","rowIdentifierAccessor","filter","x","undefined","getSort","isCurrentlySorted","column","result","direction","ASC","DESC","handleUpdate","args","rowIds","row","columns","sortBy","selectAll","rowFactory","rows","fillers","size","index","totalDisplayableResults","totalResults","clearSelected","head","body","meta","noDataTextContent","actions","gotoPageIndex","setPageSize","newPaging","newSize","oldIndex","oldSize","selection"],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+import{jsx as _jsx}from"react/jsx-runtime";import React from"react";import classes from"./BottomRow.module.css";import{useTranslation}from"react-i18next";import{Typo}from"../../Typo";const BottomRow=({totalDisplayableResults,totalResults,index,size,isFiltered})=>{const{t}=useTranslation();const pageCount=Math.ceil(totalDisplayableResults/size);const isLastRaw=pageCount>1&&pageCount===index+1;if(!isLastRaw||!totalResults)return null;return _jsx("div",{className:classes["bottom-row-container"],"data-testid":"table-bottomRow-container",children:_jsx(Typo,{className:classes.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};export{BottomRow};
+//# sourceMappingURL=BottomRow.js.map

package/lib/esm/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":["React","classes","useTranslation","Typo","BottomRow","totalDisplayableResults","totalResults","index","size","isFiltered","t","pageCount","Math","ceil","isLastRaw","div","className","data-testid","text","type","getText"],"mappings":"0CAIA,QAAOA,UAAW,OAAO,AACzB,QAAOC,YAAa,wBAAwB,AAC5C,QAASC,cAAc,KAAQ,eAAe,AAC9C,QAASC,IAAI,KAAQ,YAAY,CAiBjC,MAAMC,UAA0C,CAAC,CAC/CC,uBAAuB,CACvBC,YAAY,CACZC,KAAK,CACLC,IAAI,CACJC,UAAU,CACX,IACC,KAAM,CAAEC,CAAC,CAAE,CAAGR,iBACd,MAAMS,UAAYC,KAAKC,IAAI,CAACR,wBAA0BG,MACtD,MAAMM,UAAYH,UAAY,GAAKA,YAAcJ,MAAQ,EAEzD,GAAI,CAACO,WAAa,CAACR,aAAc,OAAO,KAExC,OACE,KAACS,OAAIC,UAAWf,OAAO,CAAC,uBAAuB,CAAEgB,cAAa,qCAC5D,KAACd,MAAKa,UAAWf,QAAQiB,IAAI,CAAEC,KAAM,iBAClCC,QAAQ,CAAEV,EAAGD,UAAW,MAIjC,EAEA,MAAMW,QAAU,CAAC,CAAEV,CAAC,CAAED,UAAU,CAA+C,IAC7E,IAAIS,KAAOR,EAAE,sEAEb,GAAID,WAAY,CACdS,KAAOR,EAAE,wEACX,CAEA,OAAOQ,IACT,CAEA,QAASd,SAAS,CAAE"}

package/lib/esm/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/esm/components/Table/addons/TopRow.js

@@ -0,0 +1,2 @@
+import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import React from"react";import{useTranslation}from"react-i18next";import{Typo}from"../../Typo";import classes from"./TopRow.module.css";import{InfoI}from"../../InfoTip";const TopRow=({totalDisplayableResults,totalResults,isFiltered,selected})=>{const{t}=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 _jsxs("div",{className:classes["top-row-container"],"data-testid":"table-topRow-container",children:[selectedResults<=0&&_jsx(Typo,{className:classes.text,type:"small",children:text}),totalResults&&selectedResults<=0&&_jsx(InfoI,{dropDownContent:_jsx(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&&_jsx(Typo,{className:classes.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};export{TopRow};
+//# sourceMappingURL=TopRow.js.map

package/lib/esm/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":["React","useTranslation","Typo","classes","InfoI","TopRow","totalDisplayableResults","totalResults","isFiltered","selected","t","text","getText","selectedResults","length","selectionText","div","className","data-testid","type","dropDownContent"],"mappings":"wDAIA,QAAOA,UAAW,OAAO,AACzB,QAASC,cAAc,KAAQ,eAAe,AAE9C,QAASC,IAAI,KAAQ,YAAY,AAGjC,QAAOC,YAAa,qBAAqB,AACzC,QAASC,KAAK,KAAQ,eAAe,CAgBrC,MAAMC,OAAiC,CAAC,CACtCC,uBAAuB,CACvBC,YAAY,CACZC,UAAU,CACVC,QAAQ,CACT,IACC,KAAM,CAAEC,CAAC,CAAE,CAAGT,iBACd,MAAMU,KAAOC,QAAQ,CAAEF,EAAGJ,wBAAyBC,aAAcC,UAAW,GAC5E,MAAMK,gBAAkBJ,CAAAA,iBAAAA,yBAAAA,SAAUK,MAAM,GAAI,EAC5C,MAAMC,cAAgBF,gBAClBH,EAAE,qCAAsC,CAAEG,eAAgB,GAC1D,GACJ,OACE,MAACG,OAAIC,UAAWd,OAAO,CAAC,oBAAoB,CAAEe,cAAa,mCACxDL,iBAAmB,GAClB,KAACX,MAAKe,UAAWd,QAAQQ,IAAI,CAAEQ,KAAM,iBAClCR,OAGJJ,cAAgBM,iBAAmB,GAClC,KAACT,OACCgB,gBACE,KAAClB,MAAKiB,KAAM,gBACTT,EACC,mHAMTG,gBAAkB,GACjB,KAACX,MAAKe,UAAWd,QAAQQ,IAAI,CAAEQ,KAAM,iBAClCJ,kBAKX,EAEA,MAAMH,QAAU,CAAC,CACfF,CAAC,CACDJ,uBAAuB,CACvBC,YAAY,CACZC,UAAU,CAGX,IACC,IAAIG,KAAOD,EAAE,oCAAqC,CAChDJ,uBACF,GAEA,GAAIE,WAAY,CACdG,KAAOD,EAAE,6CAA8C,CACrDJ,uBACF,EACF,CAEA,GAAIC,aAAc,CAChBI,KAAOD,EAAE,uEAAwE,CAC/EJ,wBACAC,YACF,EACF,CAEA,GAAIC,YAAcD,aAAc,CAC9BI,KAAOD,EAAE,gFAAiF,CACxFJ,wBACAC,YACF,EACF,CACA,OAAOI,IACT,CAEA,QAASN,MAAM,CAAE"}

package/lib/esm/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/esm/components/Table/addons/index.js

@@ -0,0 +1,2 @@
+export*from"./BottomRow";export*from"./TopRow";
+//# sourceMappingURL=index.js.map

package/lib/esm/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":"AAIA,WAAc,aAAa,AAC3B,YAAc,UAAU"}

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

@@ -0,0 +1,2 @@
+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}import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from"react/jsx-runtime";import{ActionIcon,Menu}from"@mantine/core";import{MoreVertical}from"lucide-react";import{useCallback,useMemo}from"react";import{Tooltip}from"../../../Tooltip";import classes from"./ActionMenu.module.css";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=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"?_jsx(item.icon,_object_spread({},tableProps)):item.icon;const setLoading=useCallback(item=>value=>{dispatchLoading(item.id,value)},[menuState]);if(items.length<=2){return _jsx("span",{className:classes["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 _jsx(Tooltip,{label:getTooltipText(item),children:_jsx("span",{children:_jsx(ActionIcon,{className:classes.icon,disabled:getIsMenuItemDisabled(item),onClick:()=>handleItemClick(item),children:_jsx("span",{children:getIcon(item)})},item.id)})},item.id)})})}return _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:_jsx(_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 _jsx(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:_jsx("span",{children:_jsx(Menu.Item,{className:classes.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 _jsx("div",{className:classes["action-container"],"data-testid":"table-action-menu",children:_jsxs(Menu,_object_spread_props(_object_spread({shadow:"md",width:180},menuProps),{children:[_jsx(Menu.Target,{children:_jsx(ActionIcon,{"data-testid":"table-action-menu-opener",className:classes.icon,children:actionIcon||_jsx(MoreVertical,{})})}),_jsx(Menu.Dropdown,{children:children})]}))})};export{createWiredActionMenuComponent,ActionMenu};
+//# sourceMappingURL=ActionMenu.js.map

package/lib/esm/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":["ActionIcon","Menu","MoreVertical","useCallback","useMemo","Tooltip","classes","getLabel","label","tableProps","createWiredActionMenuComponent","setMenuState","menuState","items","setModalOpen","menuProps","actionIcon","getOwnMenuState","id","dispatchLoading","isLoading","type","payload","loading","dispatchOpen","open","state","handleItemClick","item","modal","action","setLoading","getTooltipText","tooltip","customText","getIsMenuItemDisabled","includes","disabled","getIcon","icon","value","length","span","className","map","hidden","onClick","ActionMenu","opened","onOpen","onClose","showInMenu","Item","leftSection","children","div","data-testid","shadow","width","Target","Dropdown"],"mappings":"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"}

package/lib/esm/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/esm/components/Table/components/ActionMenu/useActionMenu.js

@@ -0,0 +1,2 @@
+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}import{jsx as _jsx,Fragment as _Fragment}from"react/jsx-runtime";import{useReducer,useState}from"react";import{createWiredActionMenuComponent}from"./ActionMenu";import{Modal}from"../../../Modal";import invariant from"tiny-invariant";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;invariant(action.payload,"Payload not set");invariant(action.payload.loading,"Loading has to be defined to set it...");invariant(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}};export function useActionMenu(items){const[modalState,setModalState]=useState(convertModalConfig(items));const[menuState,dispatchMenuState]=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:_jsx(_Fragment,{children:items.map(item=>{var _item_modal,_modalState_item_modal_id,_item_modal1,_modalState_item_modal_id1,_item_modal2;return item.modal&&_jsx(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:createWiredActionMenuComponent({setMenuState:dispatchMenuState,setModalOpen,menuState,items})}}
+//# sourceMappingURL=useActionMenu.js.map

package/lib/esm/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":["useReducer","useState","createWiredActionMenuComponent","Modal","invariant","convertModalConfig","items","reduce","acc","curr","modal","id","open","data","row","columns","menuStateReducer","state","action","type","payload","loading","isLoading","label","filter","l","useActionMenu","modalState","setModalState","menuState","dispatchMenuState","setModalOpen","tableProps","value","ActionsModals","map","item","props","opened","onClose","content","ActionMenu","setMenuState"],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+import{jsx as _jsx}from"react/jsx-runtime";import{Checkbox as MantineCheckbox}from"@mantine/core";export const Checkbox=({checked,onChange})=>{return _jsx(MantineCheckbox,{style:{width:"fit-content"},onChange:e=>{onChange();e.nativeEvent.stopImmediatePropagation()},checked:checked})};
+//# sourceMappingURL=Checkbox.js.map

package/lib/esm/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","MantineCheckbox","checked","onChange","style","width","e","nativeEvent","stopImmediatePropagation"],"mappings":"0CAIA,QAASA,YAAYC,eAAe,KAAQ,eAAe,AAO3D,QAAO,MAAMD,SAAqC,CAAC,CAAEE,OAAO,CAAEC,QAAQ,CAAE,IACtE,OACE,KAACF,iBACCG,MAAO,CAAEC,MAAO,aAAc,EAC9BF,SAAU,AAACG,IACTH,WACAG,EAAEC,WAAW,CAACC,wBAAwB,EACxC,EACAN,QAASA,SAGf,CAAC"}

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

@@ -0,0 +1,2 @@
+import{jsx as _jsx,Fragment as _Fragment}from"react/jsx-runtime";import{randomId}from"@mantine/hooks";import classes from"./Fillers.module.css";export const Fillers=({fillers,disabled})=>{if(disabled)return _jsx(_Fragment,{});return _jsx(_Fragment,{children:fillers.map(filler=>_jsx("tr",{children:_jsx("td",{className:classes.row,colSpan:filler.colSpan,children:" "})},randomId()))})};
+//# sourceMappingURL=Fillers.js.map

package/lib/esm/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":["randomId","classes","Fillers","fillers","disabled","map","filler","tr","td","className","row","colSpan"],"mappings":"gEAIA,QAASA,QAAQ,KAAQ,gBAAgB,AACzC,QAAOC,YAAa,sBAAsB,AAM1C,QAAO,MAAMC,QAAU,CAAC,CAAEC,OAAO,CAAEC,QAAQ,CAAiB,IAC1D,GAAIA,SAAU,OAAO,mBAErB,OACE,yBACGD,QAAQE,GAAG,CAAC,AAACC,QACZ,KAACC,eACC,KAACC,MAAGC,UAAWR,QAAQS,GAAG,CAAEC,QAASL,OAAOK,OAAO,UAAE,OAD9CX,cAQjB,CAAC"}

package/lib/esm/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/esm/components/Table/components/NoDataMessageRow.js

@@ -0,0 +1,2 @@
+import{jsx as _jsx}from"react/jsx-runtime";import{Typo}from"../../Typo";import{useTranslation}from"react-i18next";import classes from"./NoDataMessageRow.module.css";export const NoDataMessageRow=({colSpan,content,height})=>{const{t}=useTranslation();return _jsx("tr",{className:classes.row,style:{height:height||"inherit"},children:_jsx("td",{colSpan:colSpan,children:_jsx(Typo,{type:"heading3",children:content||t("No data available")})})})};
+//# sourceMappingURL=NoDataMessageRow.js.map

package/lib/esm/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":["Typo","useTranslation","classes","NoDataMessageRow","colSpan","content","height","t","tr","className","row","style","td","type"],"mappings":"0CAIA,QAASA,IAAI,KAAQ,YAAY,AAEjC,QAASC,cAAc,KAAQ,eAAe,AAC9C,QAAOC,YAAa,+BAA+B,AAQnD,QAAO,MAAMC,iBAAmB,CAAC,CAAEC,OAAO,CAAEC,OAAO,CAAEC,MAAM,CAA0B,IACnF,KAAM,CAAEC,CAAC,CAAE,CAAGN,iBACd,OACE,KAACO,MAAGC,UAAWP,QAAQQ,GAAG,CAAEC,MAAO,CAAEL,OAAQA,QAAU,SAAU,WAC/D,KAACM,MAAGR,QAASA,iBACX,KAACJ,MAAKa,KAAK,oBAAYR,SAAWE,EAAE,0BAI5C,CAAC"}

package/lib/esm/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/esm/components/Table/components/Paging.js

@@ -0,0 +1,2 @@
+import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import React,{memo}from"react";import{Pagination as MantinePagination}from"@mantine/core";import{PAGING_STEPS}from"../constants";import{Select}from"../../Form";import{useTranslation}from"react-i18next";import classes from"./Paging.module.css";const PaginationRaw=({index,size=10,totalDisplayableResults,actions})=>{const{t}=useTranslation();if(totalDisplayableResults<=0)return null;const pagingStepsStringified=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 _jsxs("div",{className:classes["pagination-container"],"data-testid":"pagination-container",children:[_jsxs("div",{className:classes.info,children:[_jsxs("span",{className:classes["per-page"],children:[_jsxs("span",{className:classes.text,children:[t("Items per page"),":"]}),_jsx(Select,{"data-testid":"paging-step-select",data:pagingStepsStringified,defaultValue:size+""||pagingStepsStringified[0],onChange:val=>actions.setPageSize(parseInt(val||pagingStepsStringified[0]))})]}),_jsx("span",{className:classes.text,children:text})]}),_jsx(MantinePagination,{className:classes.pagination,total:Math.ceil(totalDisplayableResults/size),value:index+1,onChange:val=>{actions.gotoPageIndex(val-1)}})]})};const Pagination=memo(PaginationRaw);export{Pagination};
+//# sourceMappingURL=Paging.js.map

package/lib/esm/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":["React","memo","Pagination","MantinePagination","PAGING_STEPS","Select","useTranslation","classes","PaginationRaw","index","size","totalDisplayableResults","actions","t","pagingStepsStringified","map","s","start","end","text","div","className","data-testid","info","span","data","defaultValue","onChange","val","setPageSize","parseInt","pagination","total","Math","ceil","value","gotoPageIndex"],"mappings":"wDAIA,QAAOA,OAASC,IAAI,KAAQ,OAAO,AACnC,QAASC,cAAcC,iBAAiB,KAAQ,eAAe,AAE/D,QAASC,YAAY,KAAQ,cAAc,AAC3C,QAASC,MAAM,KAAQ,YAAY,AACnC,QAASC,cAAc,KAAQ,eAAe,AAC9C,QAAOC,YAAa,qBAAqB,CAEzC,MAAMC,cAAkD,CAAC,CACvDC,KAAK,CACLC,KAAO,EAAE,CACTC,uBAAuB,CACvBC,OAAO,CACR,IACC,KAAM,CAAEC,CAAC,CAAE,CAAGP,iBAEd,GAAIK,yBAA2B,EAAG,OAAO,KAEzC,MAAMG,uBAAyBV,aAAaW,GAAG,CAAC,AAACC,GAAM,GAAKA,GAC5D,MAAMC,MAAQR,MAAQC,KAAO,EAC7B,MAAMQ,IACJ,AAACT,CAAAA,MAAQ,CAAA,EAAKC,KAAOC,wBAA0BA,wBAA0B,AAACF,CAAAA,MAAQ,CAAA,EAAKC,KACzF,MAAMS,KAAON,EAAE,mDAAoD,CACjEI,MACAC,IACAP,uBACF,GAEA,OACE,MAACS,OAAIC,UAAWd,OAAO,CAAC,uBAAuB,CAAEe,cAAa,iCAC5D,MAACF,OAAIC,UAAWd,QAAQgB,IAAI,WAC1B,MAACC,QAAKH,UAAWd,OAAO,CAAC,WAAW,WAClC,MAACiB,QAAKH,UAAWd,QAAQY,IAAI,WAAGN,EAAE,kBAAkB,OACpD,KAACR,QACCiB,cAAa,qBACbG,KAAMX,uBACNY,aAAchB,KAAO,IAAMI,sBAAsB,CAAC,EAAE,CACpDa,SAAU,AAACC,KAAQhB,QAAQiB,WAAW,CAACC,SAASF,KAAOd,sBAAsB,CAAC,EAAE,QAGpF,KAACU,QAAKH,UAAWd,QAAQY,IAAI,UAAGA,UAElC,KAAChB,mBACCkB,UAAWd,QAAQwB,UAAU,CAC7BC,MAAOC,KAAKC,IAAI,CAACvB,wBAA0BD,MAC3CyB,MAAO1B,MAAQ,EACfkB,SAAU,AAACC,MACThB,QAAQwB,aAAa,CAACR,IAAM,EAC9B,MAIR,EAEA,MAAM1B,WAAaD,KAAKO,cAExB,QAASN,UAAU,CAAE"}

package/lib/esm/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/esm/components/Table/components/SelectAll.js

@@ -0,0 +1,2 @@
+import{jsx as _jsx}from"react/jsx-runtime";import{Checkbox}from"@mantine/core";export const SelectAll=({onChange,checked,indeterminate})=>{return _jsx(Checkbox,{indeterminate:indeterminate,onClick:e=>{e.stopPropagation();onChange()},onChange:()=>{},checked:checked},`4438cd29-c446-453d-8f73-f9037410a6fe${checked}`)};
+//# sourceMappingURL=SelectAll.js.map

package/lib/esm/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":["Checkbox","SelectAll","onChange","checked","indeterminate","onClick","e","stopPropagation"],"mappings":"0CAIA,QAASA,QAAQ,KAAQ,eAAe,AAExC,QAAO,MAAMC,UAIR,CAAC,CAAEC,QAAQ,CAAEC,OAAO,CAAEC,aAAa,CAAE,IACxC,OACE,KAACJ,UACCI,cAAeA,cAEfC,QAAS,AAACC,IACRA,EAAEC,eAAe,GACjBL,UACF,EACAA,SAAU,KAAO,EACjBC,QAASA,SANJ,CAAC,oCAAoC,EAAEA,QAAQ,CAAC,CAS3D,CAAC"}

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

@@ -0,0 +1,2 @@
+import{ESortDirection}from"../../genericTypes";export const BUILD_IN_COLUMNS={selection:{id:"selection"},action:{id:"action"}};export const defaultPagingState={index:0,totalDisplayableResults:0,size:10};export const defaultSortingState={column:"",direction:ESortDirection.ASC};export const PAGING_STEPS=[10,25,50,100];
+//# sourceMappingURL=constants.js.map

package/lib/esm/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":["ESortDirection","BUILD_IN_COLUMNS","selection","id","action","defaultPagingState","index","totalDisplayableResults","size","defaultSortingState","column","direction","ASC","PAGING_STEPS"],"mappings":"AAIA,OAASA,cAAc,KAA2B,oBAAoB,AAEtE,QAAO,MAAMC,iBAAmB,CAC9BC,UAAW,CACTC,GAAI,WACN,EACAC,OAAQ,CACND,GAAI,QACN,CACF,CAAC,AAED,QAAO,MAAME,mBAA8B,CACzCC,MAAO,EACPC,wBAAyB,EACzBC,KAAM,EACR,CAAC,AAED,QAAO,MAAMC,oBAAgC,CAC3CC,OAAQ,GACRC,UAAWX,eAAeY,GAAG,AAC/B,CAAC,AAED,QAAO,MAAMC,aAAe,CAAC,GAAI,GAAI,GAAI,IAAI"}

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

@@ -0,0 +1,2 @@
+import{jsx as _jsx}from"react/jsx-runtime";import{DEFAULT_COLUMNS}from"../types";import{SelectAll}from"../components/SelectAll";import{useTranslation}from"react-i18next";export function useColumns(config,{sorting,sortBy,selected,selectAll,rowIds}){const{t}=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:DEFAULT_COLUMNS.SELECT_ALL,label:_jsx(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: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/esm/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":["DEFAULT_COLUMNS","SelectAll","useTranslation","useColumns","config","sorting","sortBy","selected","selectAll","rowIds","t","columnInProcess","columns","map","col","id","label","actions","autoSort","meta","isSorted","column","isSortable","enabled","direction","isGenerated","enableSelect","checked","length","every","entity","includes","indeterminate","some","unshift","SELECT_ALL","onChange","action","push","ACTION"],"mappings":"0CAIA,QAASA,eAAe,KAAiC,UAAU,AACnE,QAASC,SAAS,KAAQ,yBAAyB,AACnD,QAASC,cAAc,KAAQ,eAAe,AAW9C,QAAO,SAASC,WACdC,MAAkC,CAClC,CAAEC,OAAO,CAAEC,MAAM,CAAEC,QAAQ,CAAEC,SAAS,CAAEC,MAAM,CAAqB,EAEnE,KAAM,CAAEC,CAAC,CAAE,CAAGR,iBACd,MAAMS,gBAAkBP,OAAOQ,OAAO,CAACC,GAAG,CAAC,AAACC,UAatBA,aAZpB,MAAO,CACLC,GAAID,IAAIC,EAAE,CACVC,MAAOF,IAAIE,KAAK,CAChBC,QAAS,CACPC,SAAU,KACRZ,OAAOQ,IAAIC,EAAE,CACf,EACAP,UAAW,KAAO,CACpB,EACAW,KAAM,CACJd,QAAS,CACPe,SAAUN,IAAIC,EAAE,GAAKV,QAAQgB,MAAM,CACnCC,WAAY,CAAC,GAACR,aAAAA,IAAIT,OAAO,UAAXS,6BAAAA,aAAaS,OAAO,EAClCC,UAAWnB,QAAQmB,SAAS,AAC9B,EACAC,YAAa,KACf,CACF,CACF,GAEA,GAAIrB,OAAOsB,YAAY,CAAE,CACvB,MAAMC,QAAUlB,OAAOmB,MAAM,CAAG,GAAKnB,OAAOoB,KAAK,CAAC,AAACC,QAAmBvB,SAASwB,QAAQ,CAACD,SACxF,MAAME,cACJzB,SAASqB,MAAM,CAAG,GAAKnB,OAAOwB,IAAI,CAAC,AAACH,QAAmBvB,SAASwB,QAAQ,CAACD,UAAY,CAACH,QAExFhB,gBAAgBuB,OAAO,CAAC,CACtBnB,GAAIf,gBAAgBmC,UAAU,CAC9BnB,MACE,KAACf,WACC0B,QAASA,QACTK,cAAeA,cACfI,SAAU,IAAM5B,UAAU,CAACmB,QAASlB,UAGxCQ,QAAS,CACPC,SAAU,KAAO,EACjBV,UAAW,KACTA,UAAU,CAACmB,QAASlB,OACtB,CACF,EACAU,KAAM,CACJd,QAAS,CACPe,SAAU,MACVE,WAAY,MACZE,UAAWnB,QAAQmB,SAAS,AAC9B,EACAC,YAAa,IACf,CACF,EACF,CAEA,GAAIrB,OAAOiC,MAAM,CAAE,CACjB1B,gBAAgB2B,IAAI,CAAC,CACnBvB,GAAIf,gBAAgBuC,MAAM,CAC1BvB,MAAON,EAAE,UACTO,QAAS,CACPC,SAAU,KAAO,EACjBV,UAAW,KAAO,CACpB,EACAW,KAAM,CACJd,QAAS,CACPe,SAAU,MACVE,WAAY,MACZE,UAAWnB,QAAQmB,SAAS,AAC9B,EACAC,YAAa,IACf,CACF,EACF,CAEA,OAAOd,eACT"}

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

@@ -0,0 +1,2 @@
+export 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/esm/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":"AAMA,OAAO,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,CAAC"}

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

@@ -0,0 +1,2 @@
+import{jsx as _jsx}from"react/jsx-runtime";import{EThemeColors}from"../../../../theme";import{Badge}from"../../../Badge";import{useTranslation}from"react-i18next";import classes from"./NoData.module.css";const NoData=({content})=>{const{t}=useTranslation();return _jsx(Badge,{className:classes.badge,color:EThemeColors.NeutralLight,children:content||t("No data")})};export{NoData};
+//# sourceMappingURL=NoData.js.map

package/lib/esm/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":["EThemeColors","Badge","useTranslation","classes","NoData","content","t","className","badge","color","NeutralLight"],"mappings":"0CAIA,QAASA,YAAY,KAAQ,mBAAmB,AAChD,QAASC,KAAK,KAAQ,gBAAgB,AAEtC,QAASC,cAAc,KAAQ,eAAe,AAC9C,QAAOC,YAAa,qBAAqB,CAMzC,MAAMC,OAA4C,CAAC,CAAEC,OAAO,CAAE,IAC5D,KAAM,CAAEC,CAAC,CAAE,CAAGJ,iBACd,OACE,KAACD,OAAMM,UAAWJ,QAAQK,KAAK,CAAEC,MAAOT,aAAaU,YAAY,UAC9DL,SAAWC,EAAE,YAGpB,CAEA,QAASF,MAAM,CAAE"}

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

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

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

@@ -0,0 +1,2 @@
+import{BUILD_IN_COLUMNS}from"../../constants";import{getComponent}from"./getComponent";export function buildReturnColumnFactory(selectionState,id,config,rowIds){return function(col,row){var _config_meta;return{component: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 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/esm/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":["BUILD_IN_COLUMNS","getComponent","buildReturnColumnFactory","selectionState","id","config","rowIds","col","row","component","meta","noDataBadge","events","onClick","event","target","currentTarget","selection","select","setSelected","selected","find","selectedId"],"mappings":"AAMA,OAASA,gBAAgB,KAAQ,iBAAiB,AAClD,QAASC,YAAY,KAAQ,gBAAgB,AAI7C,QAAO,SAASC,yBACdC,cAAsC,CACtCC,EAAU,CACVC,MAAuB,CACvBC,MAAgB,EAEhB,OAAO,SAAUC,GAAyB,CAAEC,GAAM,MAEZH,aADpC,MAAO,CACLI,UAAWR,aAAaM,IAAKC,IAAKH,CAAAA,eAAAA,wBAAAA,aAAAA,OAAQK,IAAI,UAAZL,6BAAAA,aAAcM,WAAW,GAAI,CAAC,GAChEC,OAAQ,CACNC,QAAS,AAACC,QACR,GAAIA,MAAMC,MAAM,GAAKD,MAAME,aAAa,CAAE,CACxC,MACF,CAEA,OAAQT,IAAIH,EAAE,EACZ,KAAKJ,iBAAiBiB,SAAS,CAACb,EAAE,CAAE,CAClCD,eAAee,MAAM,CAACd,GAAIE,QAC1B,KACF,CACF,CACF,CACF,EACAW,UAAW,CACTE,YAAa,KACXhB,eAAee,MAAM,CAACd,GAAIE,OAC5B,EACAc,SAAU,CAAC,CAACjB,eAAeiB,QAAQ,CAACC,IAAI,CAAC,AAACC,YAAeA,aAAelB,GAC1E,EACAA,GAAIG,IAAIH,EAAE,AACZ,CACF,CACF"}

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

@@ -0,0 +1,2 @@
+import{jsx as _jsx}from"react/jsx-runtime";import{NoData}from"./NoData";function createNoDataComponent(noDataBadgeConfig,row,col){let ComponentToReturn=_jsx(NoData,{});if(noDataBadgeConfig===null||noDataBadgeConfig===void 0?void 0:noDataBadgeConfig.content){const Content=noDataBadgeConfig===null||noDataBadgeConfig===void 0?void 0:noDataBadgeConfig.content;ComponentToReturn=_jsx(NoData,{content:_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=_jsx(Component,{row:row,col:col})}return ComponentToReturn}const VALID_NO_DATA_VALUES=[undefined,null];export 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/esm/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":["NoData","createNoDataComponent","noDataBadgeConfig","row","col","ComponentToReturn","content","Content","component","Component","VALID_NO_DATA_VALUES","undefined","getComponent","value","accessor","defaultPattern","includes","pattern","disabled"],"mappings":"0CAKA,QAASA,MAAM,KAAQ,UAAU,CASjC,SAASC,sBACPC,iBAAwC,CACxCC,GAAM,CACNC,GAAyB,EAEzB,IAAIC,kBAAoB,KAACL,WAEzB,GAAIE,0BAAAA,kCAAAA,kBAAmBI,OAAO,CAAE,CAC9B,MAAMC,QAAUL,0BAAAA,kCAAAA,kBAAmBI,OAAO,CAC1CD,kBAAoB,KAACL,QAAOM,QAAS,KAACC,SAAQJ,IAAKA,IAAKC,IAAKA,OAC/D,CAEA,GAAIF,0BAAAA,kCAAAA,kBAAmBM,SAAS,CAAE,CAChC,MAAMC,UAAYP,0BAAAA,kCAAAA,kBAAmBM,SAAS,CAC9CH,kBAAoB,KAACI,WAAUN,IAAKA,IAAKC,IAAKA,KAChD,CAEA,OAAOC,iBACT,CAEA,MAAMK,qBAAuE,CAACC,UAAW,KAAK,AAY9F,QAAO,SAASC,aACdR,GAAyB,CACzBD,GAAM,CACND,iBAAwC,MAKpCA,2BAUGE,cAbP,MAAMS,MAAQT,IAAIU,QAAQ,CAACX,KAC3B,MAAMY,eAAiB,CAACF,OAASH,qBAAqBM,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,IAAII,SAAS,CAAE,CACjB,OAAOJ,IAAII,SAAS,CAAC,CAAEL,IAAKU,MAAOT,IAAIU,QAAQ,CAACX,IAAK,EACvD,CAEA,OAAOC,cAAAA,IAAIU,QAAQ,UAAZV,8BAAAA,mBAAAA,IAAeD,IACxB"}

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

@@ -0,0 +1,2 @@
+export{useRowFactoryBuilder}from"./useRowFactoryBuilder";export*from"./NoData";
+//# sourceMappingURL=index.js.map

package/lib/esm/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":"AAIA,OAASA,oBAAoB,KAAQ,wBAAwB,AAC7D,YAAc,UAAU"}

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

@@ -0,0 +1,2 @@
+export{};
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/components/Table/hooks/useRowFactoryBuilder/types.ts"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport { THeaderConfig } from \"../../types\"\n\nexport type TPartialHeaderCol<T> = {\n  id: THeaderConfig<T>[\"id\"]\n  component?: THeaderConfig<T>[\"component\"]\n  accessor: THeaderConfig<T>[\"accessor\"]\n}\n"],"names":[],"mappings":"AAMA,QAIC"}

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

@@ -0,0 +1,2 @@
+import{jsx as _jsx,Fragment as _Fragment}from"react/jsx-runtime";import{ETableRowStatus}from"../../types";import{Checkbox}from"../../components/Checkbox";import{BUILD_IN_COLUMNS}from"../../constants";import{buildReturnColumnFactory}from"./buildReturnColumnFactory";import classes from"./useRowFactoryBuilder.module.css";import{Loader2}from"lucide-react";import{ICON_SIZES}from"../../../../theme";function getActionMenuComponentBasedOnStatus(id,status,row,config){if(status===ETableRowStatus.IN_DELETION_PROCESS){return _jsx("span",{className:classes.spinner,children:_jsx(Loader2,{size: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}))||_jsx(_Fragment,{})}}export 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=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:BUILD_IN_COLUMNS.selection.id,component:()=>_jsx(Checkbox,{onChange:()=>selectionState.select(id,rowIds),checked:selectionState.selected.includes(id)||allSelected}),accessor:()=>"SelectionColumn"},row))}if(config.action){values.push(buildReturnColumn({id: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/esm/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":["ETableRowStatus","Checkbox","BUILD_IN_COLUMNS","buildReturnColumnFactory","classes","Loader2","ICON_SIZES","getActionMenuComponentBasedOnStatus","id","status","row","config","IN_DELETION_PROCESS","span","className","spinner","size","MEDIUM_LARGE","action","columns","useRowFactoryBuilder","selectionState","rowIds","rowIdentifierAccessor","rowStatus","rows","raw","getColumns","buildReturnColumn","values","map","col","enableSelect","allSelected","length","every","entity","selected","includes","unshift","selection","component","onChange","select","checked","accessor","push"],"mappings":"gEAIA,QAASA,eAAe,KAAkD,aAAa,AACvF,QAASC,QAAQ,KAAQ,2BAA2B,AAEpD,QAASC,gBAAgB,KAAQ,iBAAiB,AAClD,QAASC,wBAAwB,KAAQ,4BAA4B,AACrE,QAAOC,YAAa,mCAAmC,AACvD,QAASC,OAAO,KAAQ,cAAc,AACtC,QAASC,UAAU,KAAQ,mBAAmB,CAS9C,SAASC,oCACPC,EAAU,CACVC,MAAmC,CACnCC,GAAM,CACNC,MAAkC,EAElC,GAAIF,SAAWT,gBAAgBY,mBAAmB,CAAE,CAClD,OACE,KAACC,QAAKC,UAAWV,QAAQW,OAAO,UAC9B,KAACV,SAAQW,KAAMV,WAAWW,YAAY,IAG5C,KAAO,KAEHN,eADF,MACEA,CAAAA,eAAAA,wBAAAA,eAAAA,OAAQO,MAAM,UAAdP,+BAAAA,oBAAAA,OAAiB,CACfD,IACAS,QAASR,OAAOQ,OAAO,CACvBX,EACF,KAAM,kBAEV,CACF,CAUA,OAAO,MAAMY,qBAAuB,CAClCT,OACAU,eACAC,UAEA,OAAO,AAACZ,UAEYC,uBAAAA,aADlB,MAAMH,GAAKG,OAAOY,qBAAqB,CAACb,KACxC,MAAMc,WAAYb,aAAAA,OAAOc,IAAI,UAAXd,8BAAAA,uBAAAA,aAAaa,SAAS,UAAtBb,uCAAAA,4BAAAA,aAAyBD,KAC3C,MAAO,CACLgB,IAAKhB,IACLF,GACAC,OAAQe,UACRG,WAAY,KACV,MAAMC,kBAAoBzB,yBAAyBkB,eAAgBb,GAAIG,OAAQW,QAE/E,MAAMO,OAASlB,OAAOQ,OAAO,CAACW,GAAG,CAAC,AAACC,KAAQH,kBAAkBG,IAAKrB,MAElE,GAAIC,OAAOqB,YAAY,CAAE,CACvB,MAAMC,YACJX,OAAOY,MAAM,CAAG,GAChBZ,OAAOa,KAAK,CAAC,AAACC,QAAmBf,eAAegB,QAAQ,CAACC,QAAQ,CAACF,SAEpEP,OAAOU,OAAO,CACZX,kBACE,CACEpB,GAAIN,iBAAiBsC,SAAS,CAAChC,EAAE,CACjCiC,UAAW,IACT,KAACxC,UACCyC,SAAU,IAAMrB,eAAesB,MAAM,CAACnC,GAAIc,QAC1CsB,QAASvB,eAAegB,QAAQ,CAACC,QAAQ,CAAC9B,KAAOyB,cAGrDY,SAAU,IAAM,iBAClB,EACAnC,KAGN,CAEA,GAAIC,OAAOO,MAAM,CAAE,CACjBW,OAAOiB,IAAI,CACTlB,kBACE,CACEpB,GAAIN,iBAAiBgB,MAAM,CAACV,EAAE,CAC9BiC,UAAW,CAAC,CAAE/B,GAAG,CAAE,GACjBH,oCAAoCC,GAAIgB,UAAWd,IAAKC,QAC1DkC,SAAU,IAAM,cAClB,EACAnC,KAGN,CAEA,GAAIC,OAAOqB,YAAY,CAAE,CACvB,MAAO,IAAIH,OAAO,AACpB,CAEA,OAAOA,MACT,CACF,CACF,CACF,CAAC"}

package/lib/esm/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/esm/components/Table/index.js

@@ -0,0 +1,2 @@
+export*from"./TableClientSide";export*from"./TableServerSide";export*from"./constants";export*from"./types";export*from"./TableServerSide/useTableServerSide";export*from"./TableServerSide/TableServerSidePersistent";export*from"./TableClientSide/useTableClientSide";export*from"./TableClientSide/TableClientSidePersistent";export*from"./hooks/useRowFactoryBuilder";export*from"./addons";
+//# sourceMappingURL=index.js.map

package/lib/esm/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":"AAIA,WAAc,mBAAmB,AACjC,YAAc,mBAAmB,AACjC,YAAc,aAAa,AAC3B,YAAc,SAAS,AACvB,YAAc,sCAAsC,AACpD,YAAc,6CAA6C,AAC3D,YAAc,sCAAsC,AACpD,YAAc,6CAA6C,AAC3D,YAAc,8BAA8B,AAC5C,YAAc,UAAU"}

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

@@ -0,0 +1,2 @@
+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}import{ESessionStorageKeys,SessionStorage}from"../../../helper";import{number,object,string}from"yup";import{ESortDirection}from"../../../genericTypes";const tableStoredSchema=object({sorting:object({direction:string().required().oneOf([ESortDirection.ASC,ESortDirection.DESC]),column:string().required()}).required(),paging:object({index:number().required(),size:number().required()}).required()});function validateTableData(data){let isValid=true;try{tableStoredSchema.validateSync(data,{strict:true,stripUnknown:true})}catch(_){isValid=false}return isValid}export 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",ESessionStorageKeys.TABLE);_define_property(TableSessionStorage,"storage",SessionStorage.Instance());
+//# sourceMappingURL=TableSessionStorage.js.map

package/lib/esm/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":["ESessionStorageKeys","SessionStorage","number","object","string","ESortDirection","tableStoredSchema","sorting","direction","required","oneOf","ASC","DESC","column","paging","index","size","validateTableData","data","isValid","validateSync","strict","stripUnknown","_","TableSessionStorage","Instance","_instance","get","id","storedTables","storage","sessionStorageKey","tableData","isValidData","storedTableClone","structuredClone","set","updateData","updatedData","TABLE"],"mappings":"oLAIA,OACEA,mBAAmB,CAGnBC,cAAc,KACT,iBAAiB,AACxB,QAAoBC,MAAM,CAAEC,MAAM,CAAgBC,MAAM,KAAQ,KAAK,AACrE,QAASC,cAAc,KAA2B,uBAAuB,CAEzE,MAAMC,kBAGDH,OAAO,CACVI,QAASJ,OAAO,CACdK,UAAWJ,SAASK,QAAQ,GAAGC,KAAK,CAAC,CAACL,eAAeM,GAAG,CAAEN,eAAeO,IAAI,CAAC,EAC9EC,OAAQT,SAASK,QAAQ,EAC3B,GAAGA,QAAQ,GACXK,OAAQX,OAAO,CACbY,MAAOb,SAASO,QAAQ,GACxBO,KAAMd,SAASO,QAAQ,EACzB,GAAGA,QAAQ,EACb,GAIA,SAASQ,kBAAkBC,IAAuB,EAChD,IAAIC,QAAU,KAEd,GAAI,CACFb,kBAAkBc,YAAY,CAACF,KAAM,CACnCG,OAAQ,KACRC,aAAc,IAChB,EACF,CAAE,MAAOC,EAAG,CACVJ,QAAU,KACZ,CAEA,OAAOA,OACT,CAKA,OAAO,MAAMK,oBAMX,OAAcC,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,aACJL,oBAAoBM,OAAO,CAACH,GAAG,CAC7BH,oBAAoBO,iBAAiB,GAClC,CAAC,EACR,MAAMC,UAAYH,YAAY,CAACD,GAAG,CAClC,GAAI,CAACI,UAAW,OAAO,KACvB,MAAMC,YAAchB,kBAAkBe,WACtC,GAAI,CAACC,YAAa,CAChB,MAAMC,iBAAmBC,gBAAgBN,aACzC,QAAOK,gBAAgB,CAACN,GAAG,CAC3BJ,oBAAoBM,OAAO,CAACM,GAAG,CAACZ,oBAAoBO,iBAAiB,CAAEG,kBACvE,OAAO,IACT,CAEA,OAAOF,SACT,CAEA,AAAOI,IAAIR,EAAU,CAAES,UAA0D,CAAE,CACjF,MAAMR,aACJL,oBAAoBM,OAAO,CAACH,GAAG,CAC7BH,oBAAoBO,iBAAiB,GAClC,CAAC,EACR,MAAMO,YAAcD,WAAWR,YAAY,CAACD,GAAG,EAC/C,MAAMK,YAAchB,kBAAkBqB,aACtC,GAAI,CAACL,YAAa,CAChB,MACF,CAEAJ,YAAY,CAACD,GAAG,CAAGU,YACnBd,oBAAoBM,OAAO,CAACM,GAAG,CAACZ,oBAAoBO,iBAAiB,CAAEF,cAEvE,MACF,CAxCA,aAAc,CAAC,CAyCjB,CA5CE,iBADWL,oBACIE,YAAwC,MACvD,iBAFWF,oBAEGO,oBAAoB/B,oBAAoBuC,KAAK,EAC3D,iBAHWf,oBAGIM,UAA4B7B,eAAewB,QAAQ"}

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

@@ -0,0 +1,2 @@
+export var DEFAULT_COLUMNS=/*#__PURE__*/function(DEFAULT_COLUMNS){DEFAULT_COLUMNS["SELECT_ALL"]="select_all";DEFAULT_COLUMNS["ACTION"]="action";return DEFAULT_COLUMNS}({});export var ETableRowStatus=/*#__PURE__*/function(ETableRowStatus){ETableRowStatus["IN_DELETION_PROCESS"]="IN_DELETION_PROCESS";return ETableRowStatus}({});
+//# sourceMappingURL=types.js.map

package/lib/esm/components/Table/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Table/types.ts"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\n\nimport { TSortFunction } from \"./TableClientSide/state/sortSlice\"\nimport { TUseSelect } from \"./TableClientSide/state/selectSlice\"\nimport { MenuProps, ModalProps } from \"@mantine/core\"\nimport { ReactNode } from \"react\"\nimport { TPartialHeaderCol } from \"./hooks/useRowFactoryBuilder/types\"\nimport { TPaging, TSorting } from \"../../genericTypes\"\n\nexport type TServerSideTableMetadata = null | {\n  paging?: TPaging\n  sorting?: TSorting\n}\n\nexport enum DEFAULT_COLUMNS {\n  SELECT_ALL = \"select_all\",\n  ACTION = \"action\",\n}\n\n// any because accessor return can be anything depending on what you want to do with the data\nexport type TTableAccessorReturn = any\n\ninterface THeaderConfigBasics<T> {\n  id: string\n  label: string\n  accessor: (row: T) => TTableAccessorReturn\n  component?: ({ row, value }: { row: T; value: TTableAccessorReturn }) => JSX.Element\n  sorting?: {\n    enabled: boolean\n    sortFn?: TSortFunction<T>\n  }\n}\n\ninterface THeaderConfigWithComponent<T> extends THeaderConfigBasics<T> {\n  label: never\n}\n\ninterface THeaderConfigWithLabel<T> extends THeaderConfigBasics<T> {\n  label: string | any\n}\n\nexport type THeaderConfig<T> = THeaderConfigWithComponent<T> | THeaderConfigWithLabel<T>\n\nexport type TnoDataBadgeConfig<T> = {\n  content?: React.FC<{ row: T; col: TPartialHeaderCol<T> }>\n  component?: React.FC<{ row: T; col: TPartialHeaderCol<T> }>\n  pattern?: (args: { row: T; value: TTableAccessorReturn }) => boolean\n  disabled?: boolean\n}\n\nexport enum ETableRowStatus {\n  IN_DELETION_PROCESS = \"IN_DELETION_PROCESS\",\n}\n\nexport type TTableRowConfig<T> = {\n  rowStatus?: (row: T) => ETableRowStatus | undefined\n}\n\nexport type TTableConfig<T> = {\n  columns: Array<THeaderConfig<T>>\n  rows?: TTableRowConfig<T>\n  rowIdentifierAccessor: (row: T) => string\n  enableSelect?: boolean\n  sorting: {\n    default: TSorting\n  }\n  meta?: {\n    noDataTextContent?: ReactNode\n    noDataBadge?: TnoDataBadgeConfig<T>\n  }\n}\n\nexport type TUseTableConfigInternal<T> = TTableConfig<T> & {\n  action?: ({\n    row,\n    columns,\n    id,\n  }: {\n    row: T\n    columns: THeaderConfig<T>[]\n    id: string\n  }) => JSX.Element\n}\n\nexport type THeader = {\n  id: string\n  label: any\n  actions: {\n    autoSort: () => void\n    selectAll: () => void\n  }\n  meta: {\n    sorting: {\n      isSorted: boolean\n      isSortable: boolean\n      direction: string\n    }\n    isGenerated: boolean\n  }\n}\n\nexport type TPaginationReturnProps = {\n  index: number\n  size: number\n  totalDisplayableResults: number\n  totalResults?: number\n  actions: {\n    gotoPageIndex: (index: number) => void\n    setPageSize: (size: number) => void\n  }\n}\n\nexport type TTableReturnRowMeta = {\n  component: string | React.ReactElement\n  events: {\n    onClick: (event: any) => void\n  }\n  selection: {\n    setSelected: () => void\n    selected: boolean\n  }\n  id: string\n}\n\nexport type TTableReturnRow<T> = {\n  raw: T\n  id: string\n  status?: ETableRowStatus\n  getColumns: () => Array<TTableReturnRowMeta>\n}\n\nexport type TUseTableReturn<T> = {\n  head: {\n    columns: Array<THeader>\n  }\n  body: {\n    fillers: Array<{ colSpan: number }>\n    rows: Array<TTableReturnRow<T>>\n    meta: {\n      noDataTextContent?: ReactNode\n    }\n  }\n  paging: TPaginationReturnProps\n  selection: ReturnType<TUseSelect>\n}\n\nexport type TActionMenuRawProps<T> = {\n  row: T\n  columns: THeaderConfig<T>[]\n  id: string\n}\n\nexport type TWiredActionMenuProps<T> = {\n  tableProps: TActionMenuRawProps<T>\n  menuProps?: Partial<MenuProps>\n  actionIcon?: ReactNode\n}\n\nexport type TActionMenuConfig<T> = TActionMenuItem<T>[]\n\nexport type TActionMenuItem<T> = {\n  id: string\n  label: string | ((args: TActionMenuRawProps<T>) => string)\n  icon?: ReactNode | React.FC<TActionMenuRawProps<T>>\n  action?: (args: TActionMenuRawProps<T>, meta: { setLoading: (val: boolean) => void }) => void\n  modal?: {\n    content: (\n      args: TActionMenuRawProps<T> & {\n        setModalOpen: (val: boolean) => void\n      }\n    ) => ReactNode\n    props?: Partial<ModalProps>\n    id: string\n  }\n  tooltip?: {\n    customText?: (args: TActionMenuRawProps<T>) => string | undefined\n    showInMenu?: (args: TActionMenuRawProps<T>) => boolean\n  }\n  disabled?: (args: TActionMenuRawProps<T>) => boolean\n  hidden?: (args: TActionMenuRawProps<T>) => boolean\n}\n\nexport type TModalConfig<T> = Record<string, { open: boolean; data: TActionMenuRawProps<T> }>\n\nexport type TMenuState = {\n  open: boolean\n  loading: string[]\n}\n\nexport type TMenuConfig = Record<string, TMenuState>\n"],"names":["DEFAULT_COLUMNS","ETableRowStatus"],"mappings":"AAiBA,OAAO,IAAA,AAAKA,sCAAAA,sGAAAA,oBAGX,AAiCD,QAAO,IAAA,AAAKC,sCAAAA,qFAAAA,oBAEX"}

package/lib/esm/components/Table/utils/getColumnById.js

@@ -0,0 +1,2 @@
+export function getColumnById(columns,id){const column=columns.find(col=>col.id===id);return column||null}
+//# sourceMappingURL=getColumnById.js.map

package/lib/esm/components/Table/utils/getColumnById.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Table/utils/getColumnById.ts"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport { THeaderConfig } from \"../types\"\n\nexport function getColumnById<T>(\n  columns: Array<THeaderConfig<T>>,\n  id: string\n): THeaderConfig<T> | null {\n  const column = columns.find((col) => col.id === id)\n  return column || null\n}\n"],"names":["getColumnById","columns","id","column","find","col"],"mappings":"AAMA,OAAO,SAASA,cACdC,OAAgC,CAChCC,EAAU,EAEV,MAAMC,OAASF,QAAQG,IAAI,CAAC,AAACC,KAAQA,IAAIH,EAAE,GAAKA,IAChD,OAAOC,QAAU,IACnB"}

package/lib/esm/components/Table/utils/getPageIndexWithNewSize.js

@@ -0,0 +1,2 @@
+export const getPageIndexWithNewSize=({oldIndex,oldSize,newSize})=>{const firstItemIndexWithOldSize=oldSize*oldIndex;const pageOfOldFirstItemWithNewSize=Math.floor(firstItemIndexWithOldSize/newSize);if(pageOfOldFirstItemWithNewSize<0)return 0;return pageOfOldFirstItemWithNewSize};
+//# sourceMappingURL=getPageIndexWithNewSize.js.map

package/lib/esm/components/Table/utils/getPageIndexWithNewSize.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Table/utils/getPageIndexWithNewSize.ts"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\ntype TgetPageIndexWithNewSizeProps = {\n  oldSize: number\n  oldIndex: number\n  newSize: number\n}\n\nexport const getPageIndexWithNewSize = ({\n  oldIndex,\n  oldSize,\n  newSize,\n}: TgetPageIndexWithNewSizeProps) => {\n  const firstItemIndexWithOldSize = oldSize * oldIndex\n  const pageOfOldFirstItemWithNewSize = Math.floor(firstItemIndexWithOldSize / newSize)\n\n  if (pageOfOldFirstItemWithNewSize < 0) return 0\n\n  return pageOfOldFirstItemWithNewSize\n}\n"],"names":["getPageIndexWithNewSize","oldIndex","oldSize","newSize","firstItemIndexWithOldSize","pageOfOldFirstItemWithNewSize","Math","floor"],"mappings":"AAUA,OAAO,MAAMA,wBAA0B,CAAC,CACtCC,QAAQ,CACRC,OAAO,CACPC,OAAO,CACuB,IAC9B,MAAMC,0BAA4BF,QAAUD,SAC5C,MAAMI,8BAAgCC,KAAKC,KAAK,CAACH,0BAA4BD,SAE7E,GAAIE,8BAAgC,EAAG,OAAO,EAE9C,OAAOA,6BACT,CAAC"}

package/lib/esm/components/Tag/Tag.js

@@ -0,0 +1,2 @@
+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}import{jsx as _jsx}from"react/jsx-runtime";import{Badge}from"../Badge";import{EThemeColors}from"../../theme";import{TextWithTooltip}from"../TextWithTooltip";import classes from"./Tag.module.css";export const Tag=_param=>{var{name,value}=_param,badgeProps=_object_without_properties(_param,["name","value"]);return _jsx(Badge,_object_spread_props(_object_spread({className:classes["tag-name"],color:EThemeColors.NeutralLight},badgeProps),{children:_jsx(TextWithTooltip,{tooltipProps:{multiline:true,style:{width:300}},classNameText:classes.typo,classNameTooltip:classes["tooltip-text"],text:`${name}: ${value}`,tooltip:`${name}: ${value}`,typoType:"small"})}))};
+//# sourceMappingURL=Tag.js.map

package/lib/esm/components/Tag/Tag.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Tag/Tag.tsx"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport { FC } from \"react\"\nimport { Badge, TBadgeProps } from \"../Badge\"\nimport { EThemeColors } from \"../../theme\"\nimport { TextWithTooltip } from \"../TextWithTooltip\"\nimport classes from \"./Tag.module.css\"\n\nexport type TTagProps = Partial<TBadgeProps> & {\n  name: string\n  value: string\n}\nexport const Tag: FC<TTagProps> = ({ name, value, ...badgeProps }) => {\n  return (\n    <Badge className={classes[\"tag-name\"]} color={EThemeColors.NeutralLight} {...badgeProps}>\n      <TextWithTooltip\n        tooltipProps={{\n          multiline: true,\n          style: {\n            width: 300,\n          },\n        }}\n        classNameText={classes.typo}\n        classNameTooltip={classes[\"tooltip-text\"]}\n        text={`${name}: ${value}`}\n        tooltip={`${name}: ${value}`}\n        typoType={\"small\"}\n      />\n    </Badge>\n  )\n}\n"],"names":["Badge","EThemeColors","TextWithTooltip","classes","Tag","name","value","badgeProps","className","color","NeutralLight","tooltipProps","multiline","style","width","classNameText","typo","classNameTooltip","text","tooltip","typoType"],"mappings":"69DAKA,QAASA,KAAK,KAAqB,UAAU,AAC7C,QAASC,YAAY,KAAQ,aAAa,AAC1C,QAASC,eAAe,KAAQ,oBAAoB,AACpD,QAAOC,YAAa,kBAAkB,AAMtC,QAAO,MAAMC,IAAqB,YAAC,CAAEC,IAAI,CAAEC,KAAK,CAAiB,QAAZC,8CAAhBF,OAAMC,UACzC,OACE,KAACN,2CAAMQ,UAAWL,OAAO,CAAC,WAAW,CAAEM,MAAOR,aAAaS,YAAY,EAAMH,sBAC3E,KAACL,iBACCS,aAAc,CACZC,UAAW,KACXC,MAAO,CACLC,MAAO,GACT,CACF,EACAC,cAAeZ,QAAQa,IAAI,CAC3BC,iBAAkBd,OAAO,CAAC,eAAe,CACzCe,KAAM,CAAC,EAAEb,KAAK,EAAE,EAAEC,MAAM,CAAC,CACzBa,QAAS,CAAC,EAAEd,KAAK,EAAE,EAAEC,MAAM,CAAC,CAC5Bc,SAAU,YAIlB,CAAC"}

package/lib/esm/components/Tag/Tag.module.css

@@ -0,0 +1 @@
+.tag-name{margin-right:calc(.25rem*var(--mantine-scale))}.typo{color:inherit}.tooltip-text{word-break:break-all}

package/lib/esm/components/Tag/TagsCollapsed.js

@@ -0,0 +1,2 @@
+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}import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{useState}from"react";import{Popover}from"@mantine/core";import{Badge}from"../Badge";import{Tooltip}from"../Tooltip";import{EThemeColors}from"../../theme";import{useTranslation}from"react-i18next";import{Tag}from"./Tag";import classes from"./TagsCollapsed.module.css";const TagsCollapsed=({onClick,tags})=>{const{t}=useTranslation();const[tooltipText,setTooltipText]=useState("Show remaining tags");const tagsLength=tags.length;if(tagsLength<1){return null}return _jsxs("div",{className:classes["tag-wrapper"],children:[_jsx(Tag,{name:tags[0].name,value:tags[0].value,onClick:onClick}),tagsLength>1&&_jsx("div",{className:classes.count,children:_jsxs(Popover,{onOpen:()=>setTooltipText("Hide remaining tags"),onClose:()=>setTooltipText("Show remaining tags"),children:[_jsx(Popover.Target,{children:_jsx("div",{children:_jsx(Tooltip,{label:t(tooltipText),children:_jsx(Badge,{color:EThemeColors.NeutralLight,className:classes["count-badge"],children:_jsxs("div",{children:["+",tagsLength-1]})})})})}),_jsx(Popover.Dropdown,{p:"0.5em",children:_jsx("div",{className:classes["listed-tags-container"],children:[...tags].slice(1).map(tag=>_jsx(Tag,_object_spread_props(_object_spread({},tag),{className:classes["listed-tag"]}),`${tag.name}:${tag.value}`))})})]})})]})};export{TagsCollapsed};
+//# sourceMappingURL=TagsCollapsed.js.map

package/lib/esm/components/Tag/TagsCollapsed.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Tag/TagsCollapsed.tsx"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport { FC, MouseEventHandler, useState } from \"react\"\nimport { Popover } from \"@mantine/core\"\nimport { Badge } from \"../Badge\"\nimport { Tooltip } from \"../Tooltip\"\nimport { EThemeColors } from \"../../theme\"\nimport { useTranslation } from \"react-i18next\"\nimport { Tag } from \"./Tag\"\nimport classes from \"./TagsCollapsed.module.css\"\n\ntype TtagValue = {\n  name: string\n  value: string\n}\n\nexport type TTagsCollapsedProps = {\n  onClick?: MouseEventHandler\n  tags: Array<TtagValue>\n}\n\nconst TagsCollapsed: FC<TTagsCollapsedProps> = ({ onClick, tags }) => {\n  const { t } = useTranslation()\n  const [tooltipText, setTooltipText] = useState(\"Show remaining tags\")\n  const tagsLength = tags.length\n  if (tagsLength < 1) {\n    return null\n  }\n\n  return (\n    <div className={classes[\"tag-wrapper\"]}>\n      <Tag name={tags[0].name} value={tags[0].value} onClick={onClick} />\n      {tagsLength > 1 && (\n        <div className={classes.count}>\n          <Popover\n            onOpen={() => setTooltipText(\"Hide remaining tags\")}\n            onClose={() => setTooltipText(\"Show remaining tags\")}\n          >\n            <Popover.Target>\n              <div>\n                <Tooltip label={t(tooltipText)}>\n                  <Badge color={EThemeColors.NeutralLight} className={classes[\"count-badge\"]}>\n                    <div>+{tagsLength - 1}</div>\n                  </Badge>\n                </Tooltip>\n              </div>\n            </Popover.Target>\n\n            <Popover.Dropdown p={\"0.5em\"}>\n              <div className={classes[\"listed-tags-container\"]}>\n                {[...tags].slice(1).map((tag) => (\n                  <Tag\n                    key={`${tag.name}:${tag.value}`}\n                    {...tag}\n                    className={classes[\"listed-tag\"]}\n                  />\n                ))}\n              </div>\n            </Popover.Dropdown>\n          </Popover>\n        </div>\n      )}\n    </div>\n  )\n}\n\nexport { TagsCollapsed }\n"],"names":["useState","Popover","Badge","Tooltip","EThemeColors","useTranslation","Tag","classes","TagsCollapsed","onClick","tags","t","tooltipText","setTooltipText","tagsLength","length","div","className","name","value","count","onOpen","onClose","Target","label","color","NeutralLight","Dropdown","p","slice","map","tag"],"mappings":"+xCAIA,QAAgCA,QAAQ,KAAQ,OAAO,AACvD,QAASC,OAAO,KAAQ,eAAe,AACvC,QAASC,KAAK,KAAQ,UAAU,AAChC,QAASC,OAAO,KAAQ,YAAY,AACpC,QAASC,YAAY,KAAQ,aAAa,AAC1C,QAASC,cAAc,KAAQ,eAAe,AAC9C,QAASC,GAAG,KAAQ,OAAO,AAC3B,QAAOC,YAAa,4BAA4B,CAYhD,MAAMC,cAAyC,CAAC,CAAEC,OAAO,CAAEC,IAAI,CAAE,IAC/D,KAAM,CAAEC,CAAC,CAAE,CAAGN,iBACd,KAAM,CAACO,YAAaC,eAAe,CAAGb,SAAS,uBAC/C,MAAMc,WAAaJ,KAAKK,MAAM,CAC9B,GAAID,WAAa,EAAG,CAClB,OAAO,IACT,CAEA,OACE,MAACE,OAAIC,UAAWV,OAAO,CAAC,cAAc,WACpC,KAACD,KAAIY,KAAMR,IAAI,CAAC,EAAE,CAACQ,IAAI,CAAEC,MAAOT,IAAI,CAAC,EAAE,CAACS,KAAK,CAAEV,QAASA,UACvDK,WAAa,GACZ,KAACE,OAAIC,UAAWV,QAAQa,KAAK,UAC3B,MAACnB,SACCoB,OAAQ,IAAMR,eAAe,uBAC7BS,QAAS,IAAMT,eAAe,iCAE9B,KAACZ,QAAQsB,MAAM,WACb,KAACP,gBACC,KAACb,SAAQqB,MAAOb,EAAEC,sBAChB,KAACV,OAAMuB,MAAOrB,aAAasB,YAAY,CAAET,UAAWV,OAAO,CAAC,cAAc,UACxE,MAACS,iBAAI,IAAEF,WAAa,aAM5B,KAACb,QAAQ0B,QAAQ,EAACC,EAAG,iBACnB,KAACZ,OAAIC,UAAWV,OAAO,CAAC,wBAAwB,UAC7C,IAAIG,KAAK,CAACmB,KAAK,CAAC,GAAGC,GAAG,CAAC,AAACC,KACvB,KAACzB,2CAEKyB,MACJd,UAAWV,OAAO,CAAC,aAAa,GAF3B,CAAC,EAAEwB,IAAIb,IAAI,CAAC,CAAC,EAAEa,IAAIZ,KAAK,CAAC,CAAC,cAYnD,CAEA,QAASX,aAAa,CAAE"}

package/lib/esm/components/Tag/TagsCollapsed.module.css

@@ -0,0 +1 @@
+.tag-wrapper{display:flex}.tag-name{margin-right:calc(.25rem*var(--mantine-scale))}.count{margin-left:calc(.3125rem*var(--mantine-scale))}.count-badge{cursor:pointer}.hidden{display:none}.listed-tag{margin-bottom:calc(.25rem*var(--mantine-scale))}.listed-tag:last-of-type{margin-bottom:0}.listed-tags-container{align-items:flex-start;display:flex;flex-direction:column;max-width:calc(18.75rem*var(--mantine-scale))}

package/lib/esm/components/Tag/index.js

@@ -0,0 +1,2 @@
+export*from"./TagsCollapsed";export*from"./Tag";
+//# sourceMappingURL=index.js.map

package/lib/esm/components/Tag/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Tag/index.ts"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nexport * from \"./TagsCollapsed\"\nexport * from \"./Tag\"\n"],"names":[],"mappings":"AAIA,WAAc,iBAAiB,AAC/B,YAAc,OAAO"}

package/lib/esm/components/TextWithTooltip/TextWithTooltip.js

@@ -0,0 +1,2 @@
+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}import{jsx as _jsx}from"react/jsx-runtime";import{createRef,useEffect,useState}from"react";import{Typo}from"../Typo";import{Tooltip}from"../Tooltip";import classes from"./TextWithTooltip.module.css";import{cx}from"../../helper/cx";const TextWithTooltip=({tooltip,text,typoType,tooltipProps,textProps,classNameTooltip,classNameText})=>{const[isActive,setIsActive]=useState(false);const targetRef=createRef();useEffect(()=>{var _targetRef_current,_targetRef_current1,_targetRef_current2,_targetRef_current3;if(!((_targetRef_current=targetRef.current)===null||_targetRef_current===void 0?void 0:_targetRef_current.offsetWidth)||!((_targetRef_current1=targetRef.current)===null||_targetRef_current1===void 0?void 0:_targetRef_current1.scrollWidth))return;if(((_targetRef_current2=targetRef.current)===null||_targetRef_current2===void 0?void 0:_targetRef_current2.offsetWidth)<(((_targetRef_current3=targetRef.current)===null||_targetRef_current3===void 0?void 0:_targetRef_current3.scrollWidth)||0)){setIsActive(true)}},[]);return _jsx(Tooltip,_object_spread_props(_object_spread({label:tooltip!==null&&tooltip!==void 0?tooltip:text,disabled:!isActive,className:cx(classes.tooltip,classNameTooltip),classNames:{tooltip:cx(classes.tooltip,classNameTooltip)},withinPortal:true},tooltipProps),{children:_jsx(Typo,_object_spread_props(_object_spread({withWrapper:true,truncate:true,type:typoType,innerRef:targetRef,className:cx(classNameText,classes.text)},textProps),{children:text}))}))};export{TextWithTooltip};
+//# sourceMappingURL=TextWithTooltip.js.map

package/lib/esm/components/TextWithTooltip/TextWithTooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/TextWithTooltip/TextWithTooltip.tsx"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport { createRef, useEffect, useState } from \"react\"\nimport { TooltipProps } from \"@mantine/core\"\nimport { TTypoProps, TTypoTypeProps, Typo } from \"../Typo\"\nimport { Tooltip } from \"../Tooltip\"\nimport classes from \"./TextWithTooltip.module.css\"\nimport { cx } from \"../../helper/cx\"\n\ntype TTextWithTooltipProps = {\n  text: string\n  typoType: TTypoTypeProps\n  tooltip?: string\n  tooltipProps?: Partial<TooltipProps>\n  textProps?: Partial<TTypoProps>\n  classNameText?: string\n  classNameTooltip?: string\n}\n\nconst TextWithTooltip: React.FC<TTextWithTooltipProps> = ({\n  tooltip,\n  text,\n  typoType,\n  tooltipProps,\n  textProps,\n  classNameTooltip,\n  classNameText,\n}) => {\n  const [isActive, setIsActive] = useState<boolean>(false)\n  const targetRef = createRef<HTMLHeadingElement>()\n\n  useEffect(() => {\n    if (!targetRef.current?.offsetWidth || !targetRef.current?.scrollWidth) return\n    if (targetRef.current?.offsetWidth < (targetRef.current?.scrollWidth || 0)) {\n      setIsActive(true)\n    }\n  }, [])\n\n  return (\n    <Tooltip\n      label={tooltip ?? text}\n      disabled={!isActive}\n      className={cx(classes.tooltip, classNameTooltip)}\n      classNames={{\n        tooltip: cx(classes.tooltip, classNameTooltip),\n      }}\n      withinPortal={true}\n      {...tooltipProps}\n    >\n      <Typo\n        withWrapper\n        truncate\n        type={typoType}\n        innerRef={targetRef}\n        className={cx(classNameText, classes.text)}\n        {...textProps}\n      >\n        {text}\n      </Typo>\n    </Tooltip>\n  )\n}\n\nexport { TextWithTooltip }\n"],"names":["createRef","useEffect","useState","Typo","Tooltip","classes","cx","TextWithTooltip","tooltip","text","typoType","tooltipProps","textProps","classNameTooltip","classNameText","isActive","setIsActive","targetRef","current","offsetWidth","scrollWidth","label","disabled","className","classNames","withinPortal","withWrapper","truncate","type","innerRef"],"mappings":"ixCAIA,QAASA,SAAS,CAAEC,SAAS,CAAEC,QAAQ,KAAQ,OAAO,AAEtD,QAAqCC,IAAI,KAAQ,SAAS,AAC1D,QAASC,OAAO,KAAQ,YAAY,AACpC,QAAOC,YAAa,8BAA8B,AAClD,QAASC,EAAE,KAAQ,iBAAiB,CAYpC,MAAMC,gBAAmD,CAAC,CACxDC,OAAO,CACPC,IAAI,CACJC,QAAQ,CACRC,YAAY,CACZC,SAAS,CACTC,gBAAgB,CAChBC,aAAa,CACd,IACC,KAAM,CAACC,SAAUC,YAAY,CAAGd,SAAkB,OAClD,MAAMe,UAAYjB,YAElBC,UAAU,SACHgB,mBAAmCA,oBACpCA,oBAAkCA,oBADtC,GAAI,GAACA,mBAAAA,UAAUC,OAAO,UAAjBD,mCAAAA,mBAAmBE,WAAW,GAAI,GAACF,oBAAAA,UAAUC,OAAO,UAAjBD,oCAAAA,oBAAmBG,WAAW,EAAE,OACxE,GAAIH,EAAAA,oBAAAA,UAAUC,OAAO,UAAjBD,oCAAAA,oBAAmBE,WAAW,EAAIF,CAAAA,EAAAA,oBAAAA,UAAUC,OAAO,UAAjBD,oCAAAA,oBAAmBG,WAAW,GAAI,CAAA,EAAI,CAC1EJ,YAAY,KACd,CACF,EAAG,EAAE,EAEL,OACE,KAACZ,6CACCiB,MAAOb,gBAAAA,iBAAAA,QAAWC,KAClBa,SAAU,CAACP,SACXQ,UAAWjB,GAAGD,QAAQG,OAAO,CAAEK,kBAC/BW,WAAY,CACVhB,QAASF,GAAGD,QAAQG,OAAO,CAAEK,iBAC/B,EACAY,aAAc,MACVd,wBAEJ,KAACR,0CACCuB,WAAW,MACXC,QAAQ,MACRC,KAAMlB,SACNmB,SAAUZ,UACVM,UAAWjB,GAAGQ,cAAeT,QAAQI,IAAI,GACrCG,qBAEHH,UAIT,CAEA,QAASF,eAAe,CAAE"}

package/lib/esm/components/TextWithTooltip/TextWithTooltip.module.css

@@ -0,0 +1 @@
+.text{white-space:nowrap}.tooltip{max-width:fit-content}

package/lib/esm/components/TextWithTooltip/index.js

@@ -0,0 +1,2 @@
+export*from"./TextWithTooltip";
+//# sourceMappingURL=index.js.map

package/lib/esm/components/TextWithTooltip/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/TextWithTooltip/index.tsx"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nexport * from \"./TextWithTooltip\"\n"],"names":[],"mappings":"AAIA,WAAc,mBAAmB"}