@greenbone/ui-lib 0.7.7-alpha0

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/SeverityBadge/SeverityBadge.tsx"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport { EThemeColors, ICON_SIZES } from \"../../theme\"\nimport { Badge } from \"../Badge\"\nimport { Tooltip } from \"../Tooltip\"\nimport { useTranslation } from \"react-i18next\"\nimport { getIntlNumber } from \"../../helper\"\nimport { ELanguage } from \"../../helper/Language\"\nimport { Edit2 } from \"lucide-react\"\nimport { getI18n } from \"react-i18next\"\n\ntype TSeverityBadgeProps = {\n  severity: number\n  originalSeverity?: number\n}\n\n// This function uses the decimals only on the numbers that are not 10\n// e.g. 5.0, 2.2, 9.8 and 10\nexport const numberToSeverity = (num: number) =>\n  getIntlNumber(num, getI18n().language as ELanguage, {\n    minimumFractionDigits: num === 10 ? 0 : 1,\n  })\n\nexport const getColorForSeverity = (severity: number) => {\n  if (severity >= 9) {\n    //Critical\n    return EThemeColors.RedDark\n  }\n\n  if (severity >= 7) {\n    //High\n    return EThemeColors.RedLight\n  }\n\n  if (severity >= 4) {\n    //Medium\n    return EThemeColors.Orange\n  }\n\n  if (severity > 0) {\n    //Low\n    return EThemeColors.Blue\n  }\n\n  return EThemeColors.NeutralLight\n}\n\nexport const SeverityBadge = ({ severity, originalSeverity }: TSeverityBadgeProps) => {\n  const { t } = useTranslation()\n  const shouldShowOriginalSeverity = originalSeverity !== undefined && originalSeverity !== severity\n  return (\n    <Tooltip\n      disabled={!shouldShowOriginalSeverity}\n      label={`${t(\"original: \")} ${numberToSeverity(originalSeverity || 0)}`}\n    >\n      <Badge color={getColorForSeverity(severity)}>\n        {numberToSeverity(severity)}\n        {shouldShowOriginalSeverity && <Edit2 size={ICON_SIZES.MEDIUM} />}\n      </Badge>\n    </Tooltip>\n  )\n}\n"],"names":["EThemeColors","ICON_SIZES","Badge","Tooltip","useTranslation","getIntlNumber","Edit2","getI18n","numberToSeverity","num","language","minimumFractionDigits","getColorForSeverity","severity","RedDark","RedLight","Orange","Blue","NeutralLight","SeverityBadge","originalSeverity","t","shouldShowOriginalSeverity","undefined","disabled","label","color","size","MEDIUM"],"mappings":"wDAIA,QAASA,YAAY,CAAEC,UAAU,KAAQ,aAAa,AACtD,QAASC,KAAK,KAAQ,UAAU,AAChC,QAASC,OAAO,KAAQ,YAAY,AACpC,QAASC,cAAc,KAAQ,eAAe,AAC9C,QAASC,aAAa,KAAQ,cAAc,AAE5C,QAASC,KAAK,KAAQ,cAAc,AACpC,QAASC,OAAO,KAAQ,eAAe,AASvC,QAAO,MAAMC,iBAAmB,AAACC,KAC/BJ,cAAcI,IAAKF,UAAUG,QAAQ,CAAe,CAClDC,sBAAuBF,MAAQ,GAAK,EAAI,CAC1C,EAAE,AAEJ,QAAO,MAAMG,oBAAsB,AAACC,WAClC,GAAIA,UAAY,EAAG,CAEjB,OAAOb,aAAac,OAAO,AAC7B,CAEA,GAAID,UAAY,EAAG,CAEjB,OAAOb,aAAae,QAAQ,AAC9B,CAEA,GAAIF,UAAY,EAAG,CAEjB,OAAOb,aAAagB,MAAM,AAC5B,CAEA,GAAIH,SAAW,EAAG,CAEhB,OAAOb,aAAaiB,IAAI,AAC1B,CAEA,OAAOjB,aAAakB,YAAY,AAClC,CAAC,AAED,QAAO,MAAMC,cAAgB,CAAC,CAAEN,QAAQ,CAAEO,gBAAgB,CAAuB,IAC/E,KAAM,CAAEC,CAAC,CAAE,CAAGjB,iBACd,MAAMkB,2BAA6BF,mBAAqBG,WAAaH,mBAAqBP,SAC1F,OACE,KAACV,SACCqB,SAAU,CAACF,2BACXG,MAAO,CAAC,EAAEJ,EAAE,cAAc,CAAC,EAAEb,iBAAiBY,kBAAoB,GAAG,CAAC,UAEtE,MAAClB,OAAMwB,MAAOd,oBAAoBC,oBAC/BL,iBAAiBK,UACjBS,4BAA8B,KAAChB,OAAMqB,KAAM1B,WAAW2B,MAAM,OAIrE,CAAC"}

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

@@ -0,0 +1 @@
+.icon{padding-left:var(--mantine-spacing-xxs)}

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

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

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

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

package/lib/esm/components/Spinner/Spinner.js

@@ -0,0 +1,2 @@
+import{jsx as _jsx}from"react/jsx-runtime";import classes from"./Spinner.module.css";import{cx}from"../../helper/cx";const Spinner=({className,withInFullPage=false})=>{return _jsx("div",{className:cx(classes.container,className,withInFullPage?classes["full-page"]:undefined),children:_jsx("div",{className:classes.loading,"data-testid":"spinner"})})};export{Spinner};
+//# sourceMappingURL=Spinner.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Spinner/Spinner.tsx"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport classes from \"./Spinner.module.css\"\nimport { cx } from \"../../helper/cx\"\n\ntype TSpinnerProps = {\n  withInFullPage?: boolean\n  className?: string\n}\n\nconst Spinner: React.FC<TSpinnerProps> = ({ className, withInFullPage = false }) => {\n  return (\n    <div\n      className={cx(\n        classes.container,\n        className,\n        withInFullPage ? classes[\"full-page\"] : undefined\n      )}\n    >\n      <div className={classes.loading} data-testid={\"spinner\"}></div>\n    </div>\n  )\n}\n\nexport { Spinner }\n"],"names":["classes","cx","Spinner","className","withInFullPage","div","container","undefined","loading","data-testid"],"mappings":"0CAIA,QAAOA,YAAa,sBAAsB,AAC1C,QAASC,EAAE,KAAQ,iBAAiB,CAOpC,MAAMC,QAAmC,CAAC,CAAEC,SAAS,CAAEC,eAAiB,KAAK,CAAE,IAC7E,OACE,KAACC,OACCF,UAAWF,GACTD,QAAQM,SAAS,CACjBH,UACAC,eAAiBJ,OAAO,CAAC,YAAY,CAAGO,oBAG1C,KAACF,OAAIF,UAAWH,QAAQQ,OAAO,CAAEC,cAAa,aAGpD,CAEA,QAASP,OAAO,CAAE"}

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

@@ -0,0 +1 @@
+.loading{animation:spin 1s ease-in-out infinite;border:3px solid var(--mantine-color-gray-3);border-radius:50%;border-top-color:var(--mantine-color-green-5);display:inline-block;height:calc(3.125rem*var(--mantine-scale));width:calc(3.125rem*var(--mantine-scale))}.container{align-items:center;display:flex;height:100%;justify-content:center}.container.full-page{height:calc(90vh - var(--header-height))}@keyframes spin{to{transform:rotate(1turn)}}

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

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

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

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

package/lib/esm/components/Table/Layout/TableBody.js

@@ -0,0 +1,2 @@
+import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{ETableRowStatus}from"../types";import{NoDataMessageRow}from"../components/NoDataMessageRow";import{Fillers}from"../components/Fillers";import{memo}from"react";import{Typo}from"../../Typo";import classes from"./TableBody.module.css";import{cx}from"../../../helper/cx";import{Table}from"@mantine/core";import{BUILD_IN_COLUMNS}from"../constants";const getRowClassNameBasedOnStatus=status=>{switch(status){case ETableRowStatus.IN_DELETION_PROCESS:return classes["row-status-in-deletion-process"];default:return undefined}};const getTypoClassNameBasedOnStatus=status=>{switch(status){case ETableRowStatus.IN_DELETION_PROCESS:return classes["typo-status-in-deletion-process"];default:return classes["text"]}};function TableBodyRaw({head,body}){return _jsxs(Table.Tbody,{className:classes.tbody,children:[body.rows.length===0&&_jsx(NoDataMessageRow,{colSpan:head.columns.length,content:body.meta.noDataTextContent,height:"100px"}),body.rows.map(row=>_jsx(Table.Tr,{className:cx(getRowClassNameBasedOnStatus(row.status)),children:row.getColumns().map((col,index)=>_jsx(Table.Td,{onClick:col.events.onClick,className:cx(col.selection.selected?classes.selected:""),children:_jsx(Typo,{type:"body",span:true,className:col.id!==BUILD_IN_COLUMNS.action.id?getTypoClassNameBasedOnStatus(row.status):"",children:col.component})},index))},row.id)),_jsx(Fillers,{fillers:body.fillers,disabled:true})]})}const TableBody=memo(TableBodyRaw);export{TableBody};
+//# sourceMappingURL=TableBody.js.map

package/lib/esm/components/Table/Layout/TableBody.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Table/Layout/TableBody.tsx"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport { ETableRowStatus, TUseTableReturn } from \"../types\"\nimport { NoDataMessageRow } from \"../components/NoDataMessageRow\"\nimport { Fillers } from \"../components/Fillers\"\nimport { memo } from \"react\"\nimport { Typo } from \"../../Typo\"\nimport classes from \"./TableBody.module.css\"\nimport { cx } from \"../../../helper/cx\"\nimport { Table } from \"@mantine/core\"\nimport { BUILD_IN_COLUMNS } from \"../constants\"\n\ntype TTableBody<TDataType> = {\n  head: TUseTableReturn<TDataType>[\"head\"]\n  body: TUseTableReturn<any>[\"body\"]\n  selection: TUseTableReturn<TDataType>[\"selection\"]\n}\n\nconst getRowClassNameBasedOnStatus = (status?: ETableRowStatus): string | undefined => {\n  switch (status) {\n    case ETableRowStatus.IN_DELETION_PROCESS:\n      return classes[\"row-status-in-deletion-process\"]\n    default:\n      return undefined\n  }\n}\n\nconst getTypoClassNameBasedOnStatus = (status?: ETableRowStatus): string => {\n  switch (status) {\n    case ETableRowStatus.IN_DELETION_PROCESS:\n      return classes[\"typo-status-in-deletion-process\"]\n    default:\n      return classes[\"text\"]\n  }\n}\n\nfunction TableBodyRaw<TDataType>({ head, body }: TTableBody<TDataType>) {\n  return (\n    <Table.Tbody className={classes.tbody}>\n      {body.rows.length === 0 && (\n        <NoDataMessageRow\n          colSpan={head.columns.length}\n          content={body.meta.noDataTextContent}\n          height={\"100px\"}\n        />\n      )}\n      {body.rows.map((row) => (\n        <Table.Tr key={row.id} className={cx(getRowClassNameBasedOnStatus(row.status))}>\n          {row.getColumns().map((col, index) => (\n            <Table.Td\n              onClick={col.events.onClick}\n              className={cx(col.selection.selected ? classes.selected : \"\")}\n              key={index}\n            >\n              <Typo\n                type={\"body\"}\n                span\n                className={\n                  col.id !== BUILD_IN_COLUMNS.action.id\n                    ? getTypoClassNameBasedOnStatus(row.status)\n                    : \"\"\n                }\n              >\n                {col.component}\n              </Typo>\n            </Table.Td>\n          ))}\n        </Table.Tr>\n      ))}\n      <Fillers fillers={body.fillers} disabled={true} />\n    </Table.Tbody>\n  )\n}\n\nconst TableBody = memo(TableBodyRaw)\n\nexport { TableBody }\n"],"names":["ETableRowStatus","NoDataMessageRow","Fillers","memo","Typo","classes","cx","Table","BUILD_IN_COLUMNS","getRowClassNameBasedOnStatus","status","IN_DELETION_PROCESS","undefined","getTypoClassNameBasedOnStatus","TableBodyRaw","head","body","Tbody","className","tbody","rows","length","colSpan","columns","content","meta","noDataTextContent","height","map","row","Tr","getColumns","col","index","Td","onClick","events","selection","selected","type","span","id","action","component","fillers","disabled","TableBody"],"mappings":"wDAIA,QAASA,eAAe,KAAyB,UAAU,AAC3D,QAASC,gBAAgB,KAAQ,gCAAgC,AACjE,QAASC,OAAO,KAAQ,uBAAuB,AAC/C,QAASC,IAAI,KAAQ,OAAO,AAC5B,QAASC,IAAI,KAAQ,YAAY,AACjC,QAAOC,YAAa,wBAAwB,AAC5C,QAASC,EAAE,KAAQ,oBAAoB,AACvC,QAASC,KAAK,KAAQ,eAAe,AACrC,QAASC,gBAAgB,KAAQ,cAAc,CAQ/C,MAAMC,6BAA+B,AAACC,SACpC,OAAQA,QACN,KAAKV,gBAAgBW,mBAAmB,CACtC,OAAON,OAAO,CAAC,iCAAiC,AAClD,SACE,OAAOO,SACX,CACF,EAEA,MAAMC,8BAAgC,AAACH,SACrC,OAAQA,QACN,KAAKV,gBAAgBW,mBAAmB,CACtC,OAAON,OAAO,CAAC,kCAAkC,AACnD,SACE,OAAOA,OAAO,CAAC,OAAO,AAC1B,CACF,EAEA,SAASS,aAAwB,CAAEC,IAAI,CAAEC,IAAI,CAAyB,EACpE,OACE,MAACT,MAAMU,KAAK,EAACC,UAAWb,QAAQc,KAAK,WAClCH,KAAKI,IAAI,CAACC,MAAM,GAAK,GACpB,KAACpB,kBACCqB,QAASP,KAAKQ,OAAO,CAACF,MAAM,CAC5BG,QAASR,KAAKS,IAAI,CAACC,iBAAiB,CACpCC,OAAQ,UAGXX,KAAKI,IAAI,CAACQ,GAAG,CAAC,AAACC,KACd,KAACtB,MAAMuB,EAAE,EAAcZ,UAAWZ,GAAGG,6BAA6BoB,IAAInB,MAAM,YACzEmB,IAAIE,UAAU,GAAGH,GAAG,CAAC,CAACI,IAAKC,QAC1B,KAAC1B,MAAM2B,EAAE,EACPC,QAASH,IAAII,MAAM,CAACD,OAAO,CAC3BjB,UAAWZ,GAAG0B,IAAIK,SAAS,CAACC,QAAQ,CAAGjC,QAAQiC,QAAQ,CAAG,aAG1D,KAAClC,MACCmC,KAAM,OACNC,IAAI,MACJtB,UACEc,IAAIS,EAAE,GAAKjC,iBAAiBkC,MAAM,CAACD,EAAE,CACjC5B,8BAA8BgB,IAAInB,MAAM,EACxC,YAGLsB,IAAIW,SAAS,IAXXV,SALIJ,IAAIY,EAAE,GAsBvB,KAACvC,SAAQ0C,QAAS5B,KAAK4B,OAAO,CAAEC,SAAU,SAGhD,CAEA,MAAMC,UAAY3C,KAAKW,aAEvB,QAASgC,SAAS,CAAE"}

package/lib/esm/components/Table/Layout/TableBody.module.css

@@ -0,0 +1 @@
+.tbody td{font-size:var(--mantine-font-size-md)}.tbody{height:100%}.tbody tr:hover{background-color:var(--table-body-hover-background-color)}.tbody tr td:last-of-type{text-align:left}.selected{background-color:var(--table-body-selected-background-color)}.text{color:var(--table-body-text-color)}.typo-status-in-deletion-process{opacity:.5}.row-status-in-deletion-process{background-color:var(--table-body-row-status-in-deletion-process)}.row-status-in-deletion-process:hover{background-color:var(--table-body-row-status-in-deletion-process-hover)!important}.row-wrapper{height:100%;position:relative;width:100%}:root[data-mantine-color-scheme=dark]{--table-body-hover-background-color:var(--mantine-color-gray-9);--table-body-selected-background-color:var(--mantine-color-green-8);--table-body-text-color:var(--mantine-color-gray-1);--table-body-text-color-in-deletion:var(--mantine-color-gray-5);--table-body-row-status-in-deletion-process-hover:var(--mantine-color-red-8);--table-body-row-status-in-deletion-process:var(--mantine-color-red-9)}:root:not([data-mantine-color-scheme=dark]){--table-body-hover-background-color:var(--mantine-color-gray-0);--table-body-selected-background-color:var(--mantine-color-green-0);--table-body-text-color:var(--mantine-color-gray-8);--table-body-text-color-in-deletion:var(--mantine-color-gray-5);--table-body-row-status-in-deletion-process-hover:var(--mantine-color-red-1);--table-body-row-status-in-deletion-process:var(--mantine-color-red-0)}

package/lib/esm/components/Table/Layout/TableHead.js

@@ -0,0 +1,2 @@
+import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{Table,useMantineTheme}from"@mantine/core";import{ArrowDown,ArrowUp,ArrowUpDown}from"lucide-react";import{Typo}from"../../Typo";import{memo}from"react";import classes from"./TableHead.module.css";import{cx}from"../../../helper/cx";const SortAppendix=(col,theme)=>{return col.meta.sorting.direction==="asc"?_jsx(ArrowUp,{"data-testid":"table-sort-arrow-up",color:theme.colors.green[5],size:18}):_jsx(ArrowDown,{"data-testid":"table-sort-arrow-down",color:theme.colors.green[5],size:18})};function TableHeadRaw({head}){const theme=useMantineTheme();return _jsx(Table.Thead,{className:classes.thead,children:_jsx(Table.Tr,{children:head.columns.map(col=>{const isSortable=col.meta.sorting.isSortable;return _jsx(Table.Th,{onClick:()=>{col.meta.sorting.isSortable&&col.actions.autoSort();col.actions.selectAll()},children:_jsxs("span",{className:cx(classes["header-container"],isSortable?classes.sortable:""),children:[_jsx(Typo,{span:true,type:"heading4",children:col.label}),col.meta.sorting.isSorted?SortAppendix(col,theme):isSortable?_jsx(ArrowUpDown,{color:theme.colors.gray[5],"data-testid":"table-sort-arrow-up-down",size:18}):""]})},col.id)})})})}const TableHead=memo(TableHeadRaw);export{TableHead};
+//# sourceMappingURL=TableHead.js.map

package/lib/esm/components/Table/Layout/TableHead.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Table/Layout/TableHead.tsx"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport { MantineTheme, Table, useMantineTheme } from \"@mantine/core\"\nimport { THeader, TUseTableReturn } from \"../types\"\nimport { ArrowDown, ArrowUp, ArrowUpDown } from \"lucide-react\"\nimport { Typo } from \"../../Typo\"\nimport { memo } from \"react\"\nimport classes from \"./TableHead.module.css\"\nimport { cx } from \"../../../helper/cx\"\n\ntype TTableHead<TDataType> = { head: TUseTableReturn<TDataType>[\"head\"] }\n\nconst SortAppendix = (col: THeader, theme: MantineTheme) => {\n  return col.meta.sorting.direction === \"asc\" ? (\n    <ArrowUp data-testid={\"table-sort-arrow-up\"} color={theme.colors.green[5]} size={18} />\n  ) : (\n    <ArrowDown data-testid={\"table-sort-arrow-down\"} color={theme.colors.green[5]} size={18} />\n  )\n}\n\nfunction TableHeadRaw<TDataType>({ head }: TTableHead<TDataType>) {\n  const theme = useMantineTheme()\n\n  return (\n    <Table.Thead className={classes.thead}>\n      <Table.Tr>\n        {head.columns.map((col) => {\n          const isSortable = col.meta.sorting.isSortable\n          return (\n            <Table.Th\n              key={col.id}\n              onClick={() => {\n                col.meta.sorting.isSortable && col.actions.autoSort()\n                col.actions.selectAll()\n              }}\n            >\n              <span className={cx(classes[\"header-container\"], isSortable ? classes.sortable : \"\")}>\n                <Typo span type=\"heading4\">\n                  {col.label}\n                </Typo>\n                {col.meta.sorting.isSorted ? (\n                  SortAppendix(col, theme)\n                ) : isSortable ? (\n                  <ArrowUpDown\n                    color={theme.colors.gray[5]}\n                    data-testid={\"table-sort-arrow-up-down\"}\n                    size={18}\n                  />\n                ) : (\n                  \"\"\n                )}\n              </span>\n            </Table.Th>\n          )\n        })}\n      </Table.Tr>\n    </Table.Thead>\n  )\n}\n\nconst TableHead = memo(TableHeadRaw)\n\nexport { TableHead }\n"],"names":["Table","useMantineTheme","ArrowDown","ArrowUp","ArrowUpDown","Typo","memo","classes","cx","SortAppendix","col","theme","meta","sorting","direction","data-testid","color","colors","green","size","TableHeadRaw","head","Thead","className","thead","Tr","columns","map","isSortable","Th","onClick","actions","autoSort","selectAll","span","sortable","type","label","isSorted","gray","id","TableHead"],"mappings":"wDAIA,QAAuBA,KAAK,CAAEC,eAAe,KAAQ,eAAe,AAEpE,QAASC,SAAS,CAAEC,OAAO,CAAEC,WAAW,KAAQ,cAAc,AAC9D,QAASC,IAAI,KAAQ,YAAY,AACjC,QAASC,IAAI,KAAQ,OAAO,AAC5B,QAAOC,YAAa,wBAAwB,AAC5C,QAASC,EAAE,KAAQ,oBAAoB,CAIvC,MAAMC,aAAe,CAACC,IAAcC,SAClC,OAAOD,IAAIE,IAAI,CAACC,OAAO,CAACC,SAAS,GAAK,MACpC,KAACX,SAAQY,cAAa,sBAAuBC,MAAOL,MAAMM,MAAM,CAACC,KAAK,CAAC,EAAE,CAAEC,KAAM,KAEjF,KAACjB,WAAUa,cAAa,wBAAyBC,MAAOL,MAAMM,MAAM,CAACC,KAAK,CAAC,EAAE,CAAEC,KAAM,IAEzF,EAEA,SAASC,aAAwB,CAAEC,IAAI,CAAyB,EAC9D,MAAMV,MAAQV,kBAEd,OACE,KAACD,MAAMsB,KAAK,EAACC,UAAWhB,QAAQiB,KAAK,UACnC,KAACxB,MAAMyB,EAAE,WACNJ,KAAKK,OAAO,CAACC,GAAG,CAAC,AAACjB,MACjB,MAAMkB,WAAalB,IAAIE,IAAI,CAACC,OAAO,CAACe,UAAU,CAC9C,OACE,KAAC5B,MAAM6B,EAAE,EAEPC,QAAS,KACPpB,IAAIE,IAAI,CAACC,OAAO,CAACe,UAAU,EAAIlB,IAAIqB,OAAO,CAACC,QAAQ,GACnDtB,IAAIqB,OAAO,CAACE,SAAS,EACvB,WAEA,MAACC,QAAKX,UAAWf,GAAGD,OAAO,CAAC,mBAAmB,CAAEqB,WAAarB,QAAQ4B,QAAQ,CAAG,cAC/E,KAAC9B,MAAK6B,IAAI,MAACE,KAAK,oBACb1B,IAAI2B,KAAK,GAEX3B,IAAIE,IAAI,CAACC,OAAO,CAACyB,QAAQ,CACxB7B,aAAaC,IAAKC,OAChBiB,WACF,KAACxB,aACCY,MAAOL,MAAMM,MAAM,CAACsB,IAAI,CAAC,EAAE,CAC3BxB,cAAa,2BACbI,KAAM,KAGR,OAnBCT,IAAI8B,EAAE,CAwBjB,MAIR,CAEA,MAAMC,UAAYnC,KAAKc,aAEvB,QAASqB,SAAS,CAAE"}

package/lib/esm/components/Table/Layout/TableHead.module.css

@@ -0,0 +1 @@
+.thead{color:var(--thead-color)!important;text-align:right}.header-container{align-items:center;display:flex;gap:calc(.625rem*var(--mantine-scale));justify-content:left}.sortable{cursor:pointer}:root[data-mantine-color-scheme=dark]{--thead-color:var(--mantine-color-white)}:root:not([data-mantine-color-scheme=dark]){--thead-color:var(--mantine-color-gray-9)}

package/lib/esm/components/Table/Layout/index.js

@@ -0,0 +1,2 @@
+import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from"react/jsx-runtime";import{Table as MantineTable}from"@mantine/core";import{TableHead}from"./TableHead";import{TableBody}from"./TableBody";import{Pagination}from"../components/Paging";import classes from"./index.module.css";import{Spinner}from"../../Spinner";function Layout({tableData,showLoadingState,BottomRow,TopRow}){return _jsxs(_Fragment,{children:[TopRow&&!showLoadingState&&_jsx(TopRow,{tableData:tableData,totalDisplayableResults:tableData.paging.totalDisplayableResults,totalResults:tableData.paging.totalResults,selected:tableData.selection.selected}),_jsxs(MantineTable,{verticalSpacing:11,horizontalSpacing:8,className:showLoadingState?classes.table:"",children:[_jsx(TableHead,{head:tableData.head}),!showLoadingState&&_jsx(TableBody,{selection:tableData.selection,head:tableData.head,body:tableData.body})]}),showLoadingState&&_jsx(Spinner,{className:classes.spinner}),BottomRow&&!showLoadingState&&_jsx(BottomRow,{totalDisplayableResults:tableData.paging.totalDisplayableResults,totalResults:tableData.paging.totalResults,index:tableData.paging.index,size:tableData.paging.size,tableData:tableData}),_jsx(Pagination,{index:tableData.paging.index,size:tableData.paging.size,totalDisplayableResults:tableData.paging.totalDisplayableResults,actions:tableData.paging.actions})]})}export{Layout};
+//# sourceMappingURL=index.js.map

package/lib/esm/components/Table/Layout/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Table/Layout/index.tsx"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport { Table as MantineTable } from \"@mantine/core\"\nimport { TableHead } from \"./TableHead\"\nimport { TUseTableReturn } from \"../types\"\nimport { TableBody } from \"./TableBody\"\nimport { Pagination } from \"../components/Paging\"\nimport { TTopRowTableParams } from \"../addons\"\nimport { TBottomRowTableParams } from \"../addons\"\nimport classes from \"./index.module.css\"\nimport { Spinner } from \"../../Spinner\"\n\ntype TLayout<TDataType> = {\n  tableData: TUseTableReturn<TDataType>\n  showLoadingState: boolean\n  TopRow?: (props: TTopRowTableParams<TDataType>) => React.ReactNode\n  BottomRow?: (props: TBottomRowTableParams<TDataType>) => React.ReactNode\n  isFiltered?: boolean\n}\n\nfunction Layout<TDataType>({ tableData, showLoadingState, BottomRow, TopRow }: TLayout<TDataType>) {\n  return (\n    <>\n      {TopRow && !showLoadingState && (\n        <TopRow\n          tableData={tableData}\n          totalDisplayableResults={tableData.paging.totalDisplayableResults}\n          totalResults={tableData.paging.totalResults}\n          selected={tableData.selection.selected}\n        />\n      )}\n      <MantineTable\n        verticalSpacing={11}\n        horizontalSpacing={8}\n        className={showLoadingState ? classes.table : \"\"}\n      >\n        <TableHead head={tableData.head} />\n        {!showLoadingState && (\n          <TableBody selection={tableData.selection} head={tableData.head} body={tableData.body} />\n        )}\n      </MantineTable>\n      {showLoadingState && <Spinner className={classes.spinner} />}\n      {BottomRow && !showLoadingState && (\n        <BottomRow\n          totalDisplayableResults={tableData.paging.totalDisplayableResults}\n          totalResults={tableData.paging.totalResults}\n          index={tableData.paging.index}\n          size={tableData.paging.size}\n          tableData={tableData}\n        />\n      )}\n      <Pagination\n        index={tableData.paging.index}\n        size={tableData.paging.size}\n        totalDisplayableResults={tableData.paging.totalDisplayableResults}\n        actions={tableData.paging.actions}\n      />\n    </>\n  )\n}\n\nexport { Layout }\n"],"names":["Table","MantineTable","TableHead","TableBody","Pagination","classes","Spinner","Layout","tableData","showLoadingState","BottomRow","TopRow","totalDisplayableResults","paging","totalResults","selected","selection","verticalSpacing","horizontalSpacing","className","table","head","body","spinner","index","size","actions"],"mappings":"8EAIA,QAASA,SAASC,YAAY,KAAQ,eAAe,AACrD,QAASC,SAAS,KAAQ,aAAa,AAEvC,QAASC,SAAS,KAAQ,aAAa,AACvC,QAASC,UAAU,KAAQ,sBAAsB,AAGjD,QAAOC,YAAa,oBAAoB,AACxC,QAASC,OAAO,KAAQ,eAAe,CAUvC,SAASC,OAAkB,CAAEC,SAAS,CAAEC,gBAAgB,CAAEC,SAAS,CAAEC,MAAM,CAAsB,EAC/F,OACE,2BACGA,QAAU,CAACF,kBACV,KAACE,QACCH,UAAWA,UACXI,wBAAyBJ,UAAUK,MAAM,CAACD,uBAAuB,CACjEE,aAAcN,UAAUK,MAAM,CAACC,YAAY,CAC3CC,SAAUP,UAAUQ,SAAS,CAACD,QAAQ,GAG1C,MAACd,cACCgB,gBAAiB,GACjBC,kBAAmB,EACnBC,UAAWV,iBAAmBJ,QAAQe,KAAK,CAAG,aAE9C,KAAClB,WAAUmB,KAAMb,UAAUa,IAAI,GAC9B,CAACZ,kBACA,KAACN,WAAUa,UAAWR,UAAUQ,SAAS,CAAEK,KAAMb,UAAUa,IAAI,CAAEC,KAAMd,UAAUc,IAAI,MAGxFb,kBAAoB,KAACH,SAAQa,UAAWd,QAAQkB,OAAO,GACvDb,WAAa,CAACD,kBACb,KAACC,WACCE,wBAAyBJ,UAAUK,MAAM,CAACD,uBAAuB,CACjEE,aAAcN,UAAUK,MAAM,CAACC,YAAY,CAC3CU,MAAOhB,UAAUK,MAAM,CAACW,KAAK,CAC7BC,KAAMjB,UAAUK,MAAM,CAACY,IAAI,CAC3BjB,UAAWA,YAGf,KAACJ,YACCoB,MAAOhB,UAAUK,MAAM,CAACW,KAAK,CAC7BC,KAAMjB,UAAUK,MAAM,CAACY,IAAI,CAC3Bb,wBAAyBJ,UAAUK,MAAM,CAACD,uBAAuB,CACjEc,QAASlB,UAAUK,MAAM,CAACa,OAAO,KAIzC,CAEA,OAASnB,MAAM,CAAE"}

package/lib/esm/components/Table/Layout/index.module.css

@@ -0,0 +1 @@
+.table{height:100%}.spinner{margin-top:2rem}

package/lib/esm/components/Table/Table.mdx

@@ -0,0 +1,215 @@
+import { Meta } from "@storybook/blocks"
+import ClientSideTableStories from "./ClientSideTable.stories"
+
+<Meta title="Core/Table" of={ClientSideTableStories} />
+
+# Table Documentation
+
+The Table is divided into two parts:
+
+- TableClientSide
+- TableServerSide
+
+They share closely the same interface and the same configuration.
+Both Components have a dedicated hook, namely:
+
+- useTableClientSide
+- useTableServerSide
+
+These hooks encapsulate the main logic:
+
+- ClientSide
+  - keep internal sorting, selection and paging state
+  - Automatically apply sorting and paging to show the correct data
+- ServerSide
+  - Mostly callbacks to notify the calling component whenever a page/selection/sorting changes
+
+Both hooks return the same Interface (`TUseTableReturn<T>` where T is the row type).
+This enables the shared use of the `<Layout {...hookReturn} />`.
+
+Component Flow:
+
+```
+TableClientSide -> useTableClientSide \
+                                       V
+                                      Layout
+                                       ^
+TableServerSide -> useTableServerSide /
+```
+
+## Important Directories
+
+<table>
+  <tr>
+    <td>Name</td>
+    <td>Description</td>
+  </tr>
+  <tr>
+    <td>Layout</td>
+    <td>Layout and Styling of the table (CSS, HTML)</td>
+  </tr>
+  <tr>
+    <td>hooks</td>
+    <td>Contains row and column building hooks used by the tables</td>
+  </tr>
+  <tr>
+    <td>TableClientSide</td>
+    <td>
+      Contains the corresponding hook, state handlers and Component initialization of the
+      client-side table
+    </td>
+  </tr>
+  <tr>
+    <td>TableServerSide</td>
+    <td>Contains the corresponding hook and Component initialization of the server-side table</td>
+  </tr>
+</table>
+
+## TableClientSide
+
+### Props
+
+```
+TDataType is the type of the dataset entry
+
+{
+    data?: TDataType[]
+    config: TTableConfig<TDataType>
+    actionConfig?: TActionMenuConfig<TDataType>
+    isLoading?: boolean
+    onSortingChange?: THandleSortingChange
+    onPagingChange?: THandlePagingChange
+}
+```
+
+## TableServerSide
+
+### Props
+
+```
+{
+    data?: TDataType[]
+    config: TTableConfig<TDataType>
+    onSelect?: (data: any) => void
+    actionConfig?: TActionMenuItem<TDataType>[] // Config for action menu
+    isLoading?: boolean
+    metadata: TServerSideTableMetadata // used to override state with state returned form backend (important for pagination)
+    onTableUpdate: (args: TOnTableUpdateArgs) => void // Callback whenever paging or sorting changes
+}
+```
+
+## Types
+
+### TPaging
+
+> Basic Paging type
+
+```
+{
+    size: number,
+    index: number,
+    totalDisplayableResults: number
+}
+```
+
+### TSorting
+
+> Basic Sorting type
+
+```
+{
+    column: string,
+    direction: ESortingDirection
+}
+```
+
+### TOnTableUpdateArgs
+
+> Arguments used in callback for table updates (Server-Side)
+
+```
+{
+    paging: TPaging
+    sorting: TSorting
+}
+```
+
+### TServerSideTableMetadata
+
+> Metadata that can change the tables state (usually a backend response)
+
+```
+{
+    paging: TPaging
+    sorting: TSorting
+}
+```
+
+#### THandleSortingChange
+
+> Callback when sorting changes (Client-Side)
+> `({ column: string, direction: ESortingDirection }) => void`
+
+#### THandlePagingChange
+
+> Callback when paging changes (Client-Side)
+
+`(TSorting) => void`
+
+#### TActionMenuConfig = TActionMenuItem[]
+
+> Config-Item for the ActionMenu
+
+```
+{
+    label: string // Label of menu entry
+    icon?: ReactNode // component
+    action?: (
+        args: TActionMenuRawProps<T>, // { row, columns, id }
+        meta: { setLoading: (val: boolean) => void }
+    ) => void
+    modal?: {
+        content: (
+            args: TActionMenuRawProps<T> & {
+                setModalOpen: (val: boolean) => void
+            }
+        ) => ReactNode
+        props?: Partial<ModalProps>
+        id: string
+    }
+}
+
+```
+
+#### Configuration
+
+> Type: TTableConfig
+
+Example:
+
+```
+{
+    sorting: {
+        default: { column: "severity", direction: ESortDirection.DESC }, // Default Sorting when table is initially loaded
+    },
+    columns: [
+        {
+            accessor: (row) => row.severity, // Callback to receive the value corresponding to the column
+            component: ({ row, value }) => ( // Value is the returned value from the accessor (e.g. row.severity). Row is the full dataset. If defined, component will be rendered in cell
+                <span className={"red-font"}>
+                    {value}
+                </ span>
+            ),
+            id: "severity", // Unique ID for the column (important for sorting)
+            label: "Severity", // Table header label
+            sorting: {
+                enabled: true, // If column can be sorted
+                sortFn: (a, b) => a.severity - b.severity // Sort function that overrides the default string sort. Arguments are type of the entire row.
+            },
+        },
+    ],
+    rowIdentifierAccessor: (row) => row.oid, // Callback to get a unique value (e.g. primary key)
+}
+```
+
+###

package/lib/esm/components/Table/TableClientSide/TableClientSidePersistent/index.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{TableClientSide}from"../index";import{TableSessionStorage}from"../../persistence/TableSessionStorage";import{useMemo}from"react";import{defaultPagingState}from"../../constants";export function TableClientSidePersistent(_param){var{Storage=TableSessionStorage.Instance(),tableId,config,onSortingChange,onPagingChange}=_param,tableProps=_object_without_properties(_param,["Storage","tableId","config","onSortingChange","onPagingChange"]);const savedTable=useMemo(()=>Storage.get(tableId)||{paging:defaultPagingState,sorting:config.sorting.default},[tableId]);const configurationWithAdjustedSorting=_object_spread_props(_object_spread({},config),{sorting:{default:savedTable.sorting}});const handleSortingChange=props=>{Storage===null||Storage===void 0?void 0:Storage.set(tableId,()=>_object_spread_props(_object_spread({},savedTable),{sorting:{column:props.column,direction:props.direction}}));onSortingChange===null||onSortingChange===void 0?void 0:onSortingChange(props)};const handlePagingChange=props=>{Storage===null||Storage===void 0?void 0:Storage.set(tableId,()=>_object_spread_props(_object_spread({},savedTable),{paging:{index:props.index,size:props.size}}));onPagingChange===null||onPagingChange===void 0?void 0:onPagingChange(props)};return _jsx(TableClientSide,_object_spread_props(_object_spread({},tableProps),{onSortingChange:handleSortingChange,onPagingChange:handlePagingChange,defaultPaging:savedTable.paging,config:configurationWithAdjustedSorting}))}
+//# sourceMappingURL=index.js.map

package/lib/esm/components/Table/TableClientSide/TableClientSidePersistent/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/components/Table/TableClientSide/TableClientSidePersistent/index.tsx"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport {\n  TableClientSide,\n  THandlePagingChange,\n  THandleSortingChange,\n  TTableClientSideProps,\n} from \"../index\"\nimport { ITableStorage, TableSessionStorage } from \"../../persistence/TableSessionStorage\"\nimport { useMemo } from \"react\"\nimport { defaultPagingState } from \"../../constants\"\n\nexport type TTableClientSidePersistentProps<TDataType> = TTableClientSideProps<TDataType> & {\n  Storage?: ITableStorage\n  tableId: string\n}\n\n/**\n * The TableClientSidePersistent is a persistence middleware that uses closely the same interface as the table\n * with addition of the *Storage* and *tableId*.\n * it wraps and intercepts incoming and outgoing data to inject loaded data into the\n * table or save table changes into the Storage Repository.\n *\n * @param Storage Storage Repository for the Table. This is optional and per default the TableSessionStorage for SessionStorage persistence\n * @param tableId Unique ID for persistence\n * @param config Table Configuration\n * @param onSortingChange Callback\n * @param onPagingChange Callback\n * @param tableProps Interface from useTableClientSide hook\n */\nexport function TableClientSidePersistent<TDataType>({\n  Storage = TableSessionStorage.Instance(),\n  tableId,\n  config,\n  onSortingChange,\n  onPagingChange,\n  ...tableProps\n}: TTableClientSidePersistentProps<TDataType>) {\n  const savedTable = useMemo(\n    () =>\n      Storage.get(tableId) || {\n        paging: defaultPagingState,\n        sorting: config.sorting.default,\n      },\n    [tableId]\n  )\n\n  const configurationWithAdjustedSorting = {\n    ...config,\n    sorting: {\n      default: savedTable.sorting,\n    },\n  }\n  const handleSortingChange: THandleSortingChange = (props) => {\n    Storage?.set(tableId, () => ({\n      ...savedTable,\n      sorting: {\n        column: props.column,\n        direction: props.direction,\n      },\n    }))\n    onSortingChange?.(props)\n  }\n\n  const handlePagingChange: THandlePagingChange = (props) => {\n    Storage?.set(tableId, () => ({\n      ...savedTable,\n      paging: {\n        index: props.index,\n        size: props.size,\n      },\n    }))\n    onPagingChange?.(props)\n  }\n\n  return (\n    <TableClientSide\n      {...tableProps}\n      onSortingChange={handleSortingChange}\n      onPagingChange={handlePagingChange}\n      defaultPaging={savedTable.paging}\n      config={configurationWithAdjustedSorting}\n    />\n  )\n}\n"],"names":["TableClientSide","TableSessionStorage","useMemo","defaultPagingState","TableClientSidePersistent","Storage","Instance","tableId","config","onSortingChange","onPagingChange","tableProps","savedTable","get","paging","sorting","default","configurationWithAdjustedSorting","handleSortingChange","props","set","column","direction","handlePagingChange","index","size","defaultPaging"],"mappings":"69DAIA,QACEA,eAAe,KAIV,UAAU,AACjB,QAAwBC,mBAAmB,KAAQ,uCAAuC,AAC1F,QAASC,OAAO,KAAQ,OAAO,AAC/B,QAASC,kBAAkB,KAAQ,iBAAiB,AAoBpD,QAAO,SAASC,0BAAqC,WAAA,CACnDC,QAAUJ,oBAAoBK,QAAQ,EAAE,CACxCC,OAAO,CACPC,MAAM,CACNC,eAAe,CACfC,cAAc,CAE6B,CAPQ,OAMhDC,sCANgD,QACnDN,UACAE,UACAC,SACAC,kBACAC,mBAGA,MAAME,WAAaV,QACjB,IACEG,QAAQQ,GAAG,CAACN,UAAY,CACtBO,OAAQX,mBACRY,QAASP,OAAOO,OAAO,CAACC,OAAO,AACjC,EACF,CAACT,QAAQ,EAGX,MAAMU,iCAAmC,uCACpCT,SACHO,QAAS,CACPC,QAASJ,WAAWG,OAAO,AAC7B,IAEF,MAAMG,oBAA4C,AAACC,QACjDd,gBAAAA,wBAAAA,QAASe,GAAG,CAACb,QAAS,IAAO,uCACxBK,aACHG,QAAS,CACPM,OAAQF,MAAME,MAAM,CACpBC,UAAWH,MAAMG,SAAS,AAC5B,KAEFb,wBAAAA,gCAAAA,gBAAkBU,MACpB,EAEA,MAAMI,mBAA0C,AAACJ,QAC/Cd,gBAAAA,wBAAAA,QAASe,GAAG,CAACb,QAAS,IAAO,uCACxBK,aACHE,OAAQ,CACNU,MAAOL,MAAMK,KAAK,CAClBC,KAAMN,MAAMM,IAAI,AAClB,KAEFf,uBAAAA,+BAAAA,eAAiBS,MACnB,EAEA,OACE,KAACnB,uDACKW,aACJF,gBAAiBS,oBACjBR,eAAgBa,mBAChBG,cAAed,WAAWE,MAAM,CAChCN,OAAQS,mCAGd"}

package/lib/esm/components/Table/TableClientSide/index.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}import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from"react/jsx-runtime";import{useTableClientSide}from"./useTableClientSide";import{useActionMenu}from"../components/ActionMenu/useActionMenu";import{Layout}from"../Layout";export function TableClientSide({data=[],config,onSelect,actionConfig,isLoading=false,onSortingChange,onPagingChange,defaultPaging,TopRow,BottomRow}){const{ActionMenu,ActionsModals}=useActionMenu(actionConfig||[]);const mergedConfig=_object_spread({},config);if(actionConfig){mergedConfig.action=props=>_jsx(ActionMenu,{tableProps:props})}const showLoadingState=isLoading&&(data===null||data===void 0?void 0:data.length)===0;const tableData=useTableClientSide(data,mergedConfig,onSelect,onSortingChange,onPagingChange,defaultPaging);return _jsxs(_Fragment,{children:[actionConfig&&ActionsModals,_jsx(Layout,{showLoadingState:showLoadingState,tableData:tableData,TopRow:TopRow,BottomRow:BottomRow})]})}
+//# sourceMappingURL=index.js.map

package/lib/esm/components/Table/TableClientSide/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Table/TableClientSide/index.tsx"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport { useTableClientSide } from \"./useTableClientSide\"\n\nimport { TActionMenuConfig, TTableConfig, TUseTableConfigInternal } from \"../types\"\nimport { useActionMenu } from \"../components/ActionMenu/useActionMenu\"\nimport { Layout } from \"../Layout\"\nimport { ESortDirection, TPaging } from \"../../../genericTypes\"\nimport { TTopRowTableParams } from \"../addons/TopRow\"\nimport { TBottomRowTableParams } from \"../addons/BottomRow\"\nexport type THandleSortingChange = (args: { column: string; direction: ESortDirection }) => void\n\nexport type THandlePagingChange = (args: Omit<TPaging, \"totalDisplayableResults\">) => void\n\nexport type TTableClientSideProps<TDataType> = {\n  data?: TDataType[]\n  config: TTableConfig<TDataType>\n  onSelect?: (data: TDataType[]) => void\n  actionConfig?: TActionMenuConfig<TDataType>\n  isLoading?: boolean\n  onSortingChange?: THandleSortingChange\n  onPagingChange?: THandlePagingChange\n  defaultPaging?: Omit<TPaging, \"totalDisplayableResults\">\n  TopRow?: (props: TTopRowTableParams<TDataType>) => React.ReactNode\n  BottomRow?: (props: TBottomRowTableParams<TDataType>) => React.ReactNode\n}\n\nexport function TableClientSide<TDataType>({\n  data = [],\n  config,\n  onSelect,\n  actionConfig,\n  isLoading = false,\n  onSortingChange,\n  onPagingChange,\n  defaultPaging,\n  TopRow,\n  BottomRow,\n}: TTableClientSideProps<TDataType>) {\n  const { ActionMenu, ActionsModals } = useActionMenu(actionConfig || [])\n  const mergedConfig: TUseTableConfigInternal<TDataType> = {\n    ...config,\n  }\n  if (actionConfig) {\n    mergedConfig.action = (props) => <ActionMenu tableProps={props} />\n  }\n  const showLoadingState = isLoading && data?.length === 0\n  const tableData = useTableClientSide(\n    data,\n    mergedConfig,\n    onSelect,\n    onSortingChange,\n    onPagingChange,\n    defaultPaging\n  )\n  return (\n    <>\n      {/* Rendering ActionsModals as pure element so rerenders won't happen on parent rerender due to state change */}\n      {actionConfig && ActionsModals}\n      <Layout\n        showLoadingState={showLoadingState}\n        tableData={tableData}\n        TopRow={TopRow}\n        BottomRow={BottomRow}\n      />\n    </>\n  )\n}\n"],"names":["useTableClientSide","useActionMenu","Layout","TableClientSide","data","config","onSelect","actionConfig","isLoading","onSortingChange","onPagingChange","defaultPaging","TopRow","BottomRow","ActionMenu","ActionsModals","mergedConfig","action","props","tableProps","showLoadingState","length","tableData"],"mappings":"krBAIA,QAASA,kBAAkB,KAAQ,sBAAsB,AAGzD,QAASC,aAAa,KAAQ,wCAAwC,AACtE,QAASC,MAAM,KAAQ,WAAW,AAqBlC,QAAO,SAASC,gBAA2B,CACzCC,KAAO,EAAE,CACTC,MAAM,CACNC,QAAQ,CACRC,YAAY,CACZC,UAAY,KAAK,CACjBC,eAAe,CACfC,cAAc,CACdC,aAAa,CACbC,MAAM,CACNC,SAAS,CACwB,EACjC,KAAM,CAAEC,UAAU,CAAEC,aAAa,CAAE,CAAGd,cAAcM,cAAgB,EAAE,EACtE,MAAMS,aAAmD,kBACpDX,QAEL,GAAIE,aAAc,CAChBS,aAAaC,MAAM,CAAG,AAACC,OAAU,KAACJ,YAAWK,WAAYD,OAC3D,CACA,MAAME,iBAAmBZ,WAAaJ,CAAAA,aAAAA,qBAAAA,KAAMiB,MAAM,IAAK,EACvD,MAAMC,UAAYtB,mBAChBI,KACAY,aACAV,SACAG,gBACAC,eACAC,eAEF,OACE,2BAEGJ,cAAgBQ,cACjB,KAACb,QACCkB,iBAAkBA,iBAClBE,UAAWA,UACXV,OAAQA,OACRC,UAAWA,cAInB"}

package/lib/esm/components/Table/TableClientSide/state/pageSlice.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{createSlice}from"@reduxjs/toolkit";import{useEffect,useReducer}from"react";import{getPageIndexWithNewSize}from"../../utils/getPageIndexWithNewSize";import{defaultPagingState}from"../../constants";const initialState=defaultPagingState;export const pageSlice=createSlice({name:"page",initialState,reducers:{gotoPageIndex(state,action){state.index=action.payload},previous(state){if(state.index>0){state.index=state.index-1}},setPageSize(state,action){state.size=action.payload},setPageSizeAndIndex(state,action){state.size=action.payload.size;state.index=action.payload.index},next(state){if(state.totalDisplayableResults-(state.index+1)*state.size>=0){state.index=state.index+1}},setTotalRowCount(state,action){state.totalDisplayableResults=action.payload}}});export function usePaging(data,defaultPaging){useEffect(()=>{dispatch(pageSlice.actions.setTotalRowCount(data.length))},[data]);const[paging,dispatch]=useReducer(pageSlice.reducer,_object_spread_props(_object_spread({},defaultPaging||pageSlice.getInitialState()),{totalDisplayableResults:0}));const gotoPageIndex=index=>{dispatch(pageSlice.actions.gotoPageIndex(index))};const setPageSize=size=>{const index=getPageIndexWithNewSize({newSize:size,oldIndex:paging.index,oldSize:paging.size});dispatch(pageSlice.actions.setPageSizeAndIndex({size,index}))};const setTotalRowCount=totalDisplayableResults=>{dispatch(pageSlice.actions.setTotalRowCount(totalDisplayableResults))};const sliceParams=[paging.index*paging.size,paging.index*paging.size+paging.size];return{paging,gotoPageIndex,setPageSize,setTotalRowCount,sliceParams}}
+//# sourceMappingURL=pageSlice.js.map

package/lib/esm/components/Table/TableClientSide/state/pageSlice.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/components/Table/TableClientSide/state/pageSlice.ts"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport { createSlice, PayloadAction } from \"@reduxjs/toolkit\"\nimport { useEffect, useReducer } from \"react\"\nimport { getPageIndexWithNewSize } from \"../../utils/getPageIndexWithNewSize\"\nimport { defaultPagingState } from \"../../constants\"\nimport { TPaging } from \"../../../../genericTypes\"\n\nconst initialState = defaultPagingState\n\nexport const pageSlice = createSlice({\n  name: \"page\",\n  initialState,\n  reducers: {\n    gotoPageIndex(state, action: PayloadAction<number>) {\n      state.index = action.payload\n    },\n    previous(state) {\n      if (state.index > 0) {\n        state.index = state.index - 1\n      }\n    },\n    setPageSize(state, action: PayloadAction<number>) {\n      state.size = action.payload\n    },\n    setPageSizeAndIndex(state, action: PayloadAction<{ size: number; index: number }>) {\n      state.size = action.payload.size\n      state.index = action.payload.index\n    },\n    next(state) {\n      if (state.totalDisplayableResults - (state.index + 1) * state.size >= 0) {\n        state.index = state.index + 1\n      }\n    },\n    setTotalRowCount(state, action: PayloadAction<number>) {\n      state.totalDisplayableResults = action.payload\n    },\n  },\n})\n\n/**\n * Keeps track of internal paging\n * @param data Array of items to list\n * @param defaultPaging Default paging configuration\n */\nexport function usePaging<T>(data: T[], defaultPaging?: Omit<TPaging, \"totalDisplayableResults\">) {\n  useEffect(() => {\n    dispatch(pageSlice.actions.setTotalRowCount(data.length))\n  }, [data])\n\n  const [paging, dispatch] = useReducer(pageSlice.reducer, {\n    ...(defaultPaging || pageSlice.getInitialState()),\n    totalDisplayableResults: 0,\n  })\n\n  const gotoPageIndex = (index: number) => {\n    dispatch(pageSlice.actions.gotoPageIndex(index))\n  }\n\n  const setPageSize = (size: number) => {\n    const index = getPageIndexWithNewSize({\n      newSize: size,\n      oldIndex: paging.index,\n      oldSize: paging.size,\n    })\n    dispatch(\n      pageSlice.actions.setPageSizeAndIndex({\n        size,\n        index,\n      })\n    )\n  }\n\n  const setTotalRowCount = (totalDisplayableResults: number) => {\n    dispatch(pageSlice.actions.setTotalRowCount(totalDisplayableResults))\n  }\n\n  const sliceParams = [paging.index * paging.size, paging.index * paging.size + paging.size]\n\n  return {\n    paging,\n    gotoPageIndex,\n    setPageSize,\n    setTotalRowCount,\n    sliceParams,\n  }\n}\n"],"names":["createSlice","useEffect","useReducer","getPageIndexWithNewSize","defaultPagingState","initialState","pageSlice","name","reducers","gotoPageIndex","state","action","index","payload","previous","setPageSize","size","setPageSizeAndIndex","next","totalDisplayableResults","setTotalRowCount","usePaging","data","defaultPaging","dispatch","actions","length","paging","reducer","getInitialState","newSize","oldIndex","oldSize","sliceParams"],"mappings":"uuCAIA,OAASA,WAAW,KAAuB,kBAAkB,AAC7D,QAASC,SAAS,CAAEC,UAAU,KAAQ,OAAO,AAC7C,QAASC,uBAAuB,KAAQ,qCAAqC,AAC7E,QAASC,kBAAkB,KAAQ,iBAAiB,CAGpD,MAAMC,aAAeD,kBAErB,QAAO,MAAME,UAAYN,YAAY,CACnCO,KAAM,OACNF,aACAG,SAAU,CACRC,cAAcC,KAAK,CAAEC,MAA6B,EAChDD,MAAME,KAAK,CAAGD,OAAOE,OAAO,AAC9B,EACAC,SAASJ,KAAK,EACZ,GAAIA,MAAME,KAAK,CAAG,EAAG,CACnBF,MAAME,KAAK,CAAGF,MAAME,KAAK,CAAG,CAC9B,CACF,EACAG,YAAYL,KAAK,CAAEC,MAA6B,EAC9CD,MAAMM,IAAI,CAAGL,OAAOE,OAAO,AAC7B,EACAI,oBAAoBP,KAAK,CAAEC,MAAsD,EAC/ED,MAAMM,IAAI,CAAGL,OAAOE,OAAO,CAACG,IAAI,AAChCN,CAAAA,MAAME,KAAK,CAAGD,OAAOE,OAAO,CAACD,KAAK,AACpC,EACAM,KAAKR,KAAK,EACR,GAAIA,MAAMS,uBAAuB,CAAG,AAACT,CAAAA,MAAME,KAAK,CAAG,CAAA,EAAKF,MAAMM,IAAI,EAAI,EAAG,CACvEN,MAAME,KAAK,CAAGF,MAAME,KAAK,CAAG,CAC9B,CACF,EACAQ,iBAAiBV,KAAK,CAAEC,MAA6B,EACnDD,MAAMS,uBAAuB,CAAGR,OAAOE,OAAO,AAChD,CACF,CACF,EAAE,AAOF,QAAO,SAASQ,UAAaC,IAAS,CAAEC,aAAwD,EAC9FtB,UAAU,KACRuB,SAASlB,UAAUmB,OAAO,CAACL,gBAAgB,CAACE,KAAKI,MAAM,EACzD,EAAG,CAACJ,KAAK,EAET,KAAM,CAACK,OAAQH,SAAS,CAAGtB,WAAWI,UAAUsB,OAAO,CAAE,uCACnDL,eAAiBjB,UAAUuB,eAAe,KAC9CV,wBAAyB,KAG3B,MAAMV,cAAgB,AAACG,QACrBY,SAASlB,UAAUmB,OAAO,CAAChB,aAAa,CAACG,OAC3C,EAEA,MAAMG,YAAc,AAACC,OACnB,MAAMJ,MAAQT,wBAAwB,CACpC2B,QAASd,KACTe,SAAUJ,OAAOf,KAAK,CACtBoB,QAASL,OAAOX,IAAI,AACtB,GACAQ,SACElB,UAAUmB,OAAO,CAACR,mBAAmB,CAAC,CACpCD,KACAJ,KACF,GAEJ,EAEA,MAAMQ,iBAAmB,AAACD,0BACxBK,SAASlB,UAAUmB,OAAO,CAACL,gBAAgB,CAACD,yBAC9C,EAEA,MAAMc,YAAc,CAACN,OAAOf,KAAK,CAAGe,OAAOX,IAAI,CAAEW,OAAOf,KAAK,CAAGe,OAAOX,IAAI,CAAGW,OAAOX,IAAI,CAAC,CAE1F,MAAO,CACLW,OACAlB,cACAM,YACAK,iBACAa,WACF,CACF"}

package/lib/esm/components/Table/TableClientSide/state/selectSlice.js

@@ -0,0 +1,2 @@
+import{createSlice}from"@reduxjs/toolkit";import{useReducer}from"react";const initialState={selected:[]};export const selectSlice=createSlice({name:"select",initialState,reducers:{select(state,action){if(state.selected.includes(action.payload.id)){state.selected=state.selected.filter(e=>e!==action.payload.id)}else{state.selected.push(action.payload.id)}},selectAll(state,action){if(action.payload.allSelected){for(const entity of action.payload.ids){if(!state.selected.includes(entity)){state.selected.push(entity)}}}else{for(const entity of action.payload.ids){if(state.selected.includes(entity)){state.selected=state.selected.filter(e=>e!==entity)}}}},clearSelected(state){state.selected=[]}}});export function useSelect(){const[state,dispatch]=useReducer(selectSlice.reducer,selectSlice.getInitialState());const select=(id,ids)=>{dispatch(selectSlice.actions.select({id,ids}))};const selectAll=(allSelected,ids)=>{dispatch(selectSlice.actions.selectAll({allSelected,ids}))};const clearSelected=()=>{dispatch(selectSlice.actions.clearSelected())};const selected=state.selected;return{selected,select,selectAll,clearSelected}}
+//# sourceMappingURL=selectSlice.js.map

package/lib/esm/components/Table/TableClientSide/state/selectSlice.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/components/Table/TableClientSide/state/selectSlice.tsx"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport { createSlice, PayloadAction } from \"@reduxjs/toolkit\"\nimport { useReducer } from \"react\"\n\ninterface ISelectState {\n  selected: Array<string>\n}\n\nconst initialState: ISelectState = {\n  selected: [],\n}\n\nexport const selectSlice = createSlice({\n  name: \"select\",\n  initialState,\n  reducers: {\n    select(state, action: PayloadAction<{ id: string; ids: string[] }>) {\n      if (state.selected.includes(action.payload.id)) {\n        state.selected = state.selected.filter((e) => e !== action.payload.id)\n      } else {\n        state.selected.push(action.payload.id)\n      }\n    },\n    selectAll(state, action: PayloadAction<{ allSelected: boolean; ids: string[] }>) {\n      if (action.payload.allSelected) {\n        for (const entity of action.payload.ids) {\n          if (!state.selected.includes(entity)) {\n            state.selected.push(entity)\n          }\n        }\n      } else {\n        for (const entity of action.payload.ids) {\n          if (state.selected.includes(entity)) {\n            state.selected = state.selected.filter((e) => e !== entity)\n          }\n        }\n      }\n    },\n    clearSelected(state) {\n      state.selected = []\n    },\n  },\n})\n\nexport type TUseSelect = () => {\n  selected: string[]\n  select: (id: string, ids: string[]) => void\n  selectAll: (allSelected: boolean, ids: string[]) => void\n  clearSelected: () => void\n}\n\n/**\n * Keeps track of internal selection\n * @returns { selected, select, selectAll, clearSelected }\n *  selected: the list of the currently selected items\n *  select: function to select one item (used in the row when the checkbox is clicked)\n *  selectAll: function to select/deselect all items on the current page (used in the column for the selectAll checkbox)\n *  clearSelected: function to reset the list of currently selected items\n */\nexport function useSelect(): ReturnType<TUseSelect> {\n  const [state, dispatch] = useReducer(selectSlice.reducer, selectSlice.getInitialState())\n\n  const select = (id: string, ids: string[]) => {\n    dispatch(selectSlice.actions.select({ id, ids }))\n  }\n\n  const selectAll = (allSelected: boolean, ids: string[]) => {\n    dispatch(selectSlice.actions.selectAll({ allSelected, ids }))\n  }\n\n  const clearSelected = () => {\n    dispatch(selectSlice.actions.clearSelected())\n  }\n\n  const selected = state.selected\n\n  return { selected, select, selectAll, clearSelected }\n}\n"],"names":["createSlice","useReducer","initialState","selected","selectSlice","name","reducers","select","state","action","includes","payload","id","filter","e","push","selectAll","allSelected","entity","ids","clearSelected","useSelect","dispatch","reducer","getInitialState","actions"],"mappings":"AAIA,OAASA,WAAW,KAAuB,kBAAkB,AAC7D,QAASC,UAAU,KAAQ,OAAO,CAMlC,MAAMC,aAA6B,CACjCC,SAAU,EAAE,AACd,CAEA,QAAO,MAAMC,YAAcJ,YAAY,CACrCK,KAAM,SACNH,aACAI,SAAU,CACRC,OAAOC,KAAK,CAAEC,MAAoD,EAChE,GAAID,MAAML,QAAQ,CAACO,QAAQ,CAACD,OAAOE,OAAO,CAACC,EAAE,EAAG,CAC9CJ,MAAML,QAAQ,CAAGK,MAAML,QAAQ,CAACU,MAAM,CAAC,AAACC,GAAMA,IAAML,OAAOE,OAAO,CAACC,EAAE,CACvE,KAAO,CACLJ,MAAML,QAAQ,CAACY,IAAI,CAACN,OAAOE,OAAO,CAACC,EAAE,CACvC,CACF,EACAI,UAAUR,KAAK,CAAEC,MAA8D,EAC7E,GAAIA,OAAOE,OAAO,CAACM,WAAW,CAAE,CAC9B,IAAK,MAAMC,UAAUT,OAAOE,OAAO,CAACQ,GAAG,CAAE,CACvC,GAAI,CAACX,MAAML,QAAQ,CAACO,QAAQ,CAACQ,QAAS,CACpCV,MAAML,QAAQ,CAACY,IAAI,CAACG,OACtB,CACF,CACF,KAAO,CACL,IAAK,MAAMA,UAAUT,OAAOE,OAAO,CAACQ,GAAG,CAAE,CACvC,GAAIX,MAAML,QAAQ,CAACO,QAAQ,CAACQ,QAAS,CACnCV,MAAML,QAAQ,CAAGK,MAAML,QAAQ,CAACU,MAAM,CAAC,AAACC,GAAMA,IAAMI,OACtD,CACF,CACF,CACF,EACAE,cAAcZ,KAAK,EACjBA,MAAML,QAAQ,CAAG,EAAE,AACrB,CACF,CACF,EAAE,AAiBF,QAAO,SAASkB,YACd,KAAM,CAACb,MAAOc,SAAS,CAAGrB,WAAWG,YAAYmB,OAAO,CAAEnB,YAAYoB,eAAe,IAErF,MAAMjB,OAAS,CAACK,GAAYO,OAC1BG,SAASlB,YAAYqB,OAAO,CAAClB,MAAM,CAAC,CAAEK,GAAIO,GAAI,GAChD,EAEA,MAAMH,UAAY,CAACC,YAAsBE,OACvCG,SAASlB,YAAYqB,OAAO,CAACT,SAAS,CAAC,CAAEC,YAAaE,GAAI,GAC5D,EAEA,MAAMC,cAAgB,KACpBE,SAASlB,YAAYqB,OAAO,CAACL,aAAa,GAC5C,EAEA,MAAMjB,SAAWK,MAAML,QAAQ,CAE/B,MAAO,CAAEA,SAAUI,OAAQS,UAAWI,aAAc,CACtD"}

package/lib/esm/components/Table/TableClientSide/state/sortSlice.js

@@ -0,0 +1,2 @@
+import{createSlice}from"@reduxjs/toolkit";import{useReducer}from"react";import{getColumnById}from"../../utils/getColumnById";import{compare}from"../../../../helper/compareHelper";import{defaultSortingState}from"../../constants";import{ESortDirection}from"../../../../genericTypes";const initialState=defaultSortingState;export const sortSlice=createSlice({name:"sort",initialState,reducers:{sort(state,action){const column=action.payload;if(column!==state.column){state.column=column;state.direction=ESortDirection.ASC;return}if(state.column===column&&state.direction===ESortDirection.ASC){state.direction=ESortDirection.DESC;return}else{state.direction=ESortDirection.ASC}}}});function getInitialState(config){var _config_sorting;if((_config_sorting=config.sorting)===null||_config_sorting===void 0?void 0:_config_sorting.default){return config.sorting.default}return initialState}export function useSorting(config){const[sorting,dispatchSorting]=useReducer(sortSlice.reducer,getInitialState(config));const sortBy=columnId=>{var _column_sorting;const column=getColumnById(config.columns,columnId);if(column===null||column===void 0?void 0:(_column_sorting=column.sorting)===null||_column_sorting===void 0?void 0:_column_sorting.enabled)dispatchSorting(sortSlice.actions.sort(columnId))};return{sortBy,sorting,sortFunction:sortFunctionFactory(config,sorting)}}export const sortFunctionFactory=(config,sorting)=>{return(a,b)=>{var _column_sorting;const column=(sorting===null||sorting===void 0?void 0:sorting.column)?getColumnById(config.columns,sorting.column):null;if(column&&(column===null||column===void 0?void 0:(_column_sorting=column.sorting)===null||_column_sorting===void 0?void 0:_column_sorting.enabled)){const reverse=sorting.direction===ESortDirection.DESC;if(column.sorting.sortFn){return column.sorting.sortFn(a,b)*(reverse?-1:1)}return compare(column.accessor(a),column.accessor(b),reverse)}return 0}};
+//# sourceMappingURL=sortSlice.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/components/Table/TableClientSide/state/sortSlice.ts"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport { createSlice, PayloadAction } from \"@reduxjs/toolkit\"\nimport { useReducer } from \"react\"\nimport { TTableConfig } from \"../../types\"\nimport { getColumnById } from \"../../utils/getColumnById\"\nimport { compare } from \"../../../../helper/compareHelper\"\nimport { defaultSortingState } from \"../../constants\"\nimport { ESortDirection, TSorting } from \"../../../../genericTypes\"\nexport type TSortFunction<T> = (a: T, b: T) => number\n\nconst initialState: TSorting = defaultSortingState\n\nexport const sortSlice = createSlice({\n  name: \"sort\",\n  initialState,\n  reducers: {\n    sort(state, action: PayloadAction<string>) {\n      const column = action.payload\n      if (column !== state.column) {\n        state.column = column\n        state.direction = ESortDirection.ASC\n        return\n      }\n\n      if (state.column === column && state.direction === ESortDirection.ASC) {\n        state.direction = ESortDirection.DESC\n        return\n      } else {\n        state.direction = ESortDirection.ASC\n      }\n    },\n  },\n})\n\nfunction getInitialState<T>(config: TTableConfig<T>): TSorting {\n  if (config.sorting?.default) {\n    return config.sorting.default\n  }\n\n  return initialState\n}\n\n/**\n * Keeps track of internal Sorting\n * @param config Configuration for the **TableClientSide**\n */\nexport function useSorting<T>(config: TTableConfig<T>) {\n  const [sorting, dispatchSorting] = useReducer(sortSlice.reducer, getInitialState(config))\n\n  const sortBy = (columnId: string) => {\n    const column = getColumnById(config.columns, columnId)\n    if (column?.sorting?.enabled) dispatchSorting(sortSlice.actions.sort(columnId))\n  }\n\n  return {\n    sortBy,\n    sorting,\n    sortFunction: sortFunctionFactory(config, sorting),\n  }\n}\n\nexport const sortFunctionFactory = <T>(\n  config: TTableConfig<T>,\n  sorting: TSorting\n): TSortFunction<T> => {\n  return (a: T, b: T) => {\n    const column = sorting?.column ? getColumnById(config.columns, sorting.column) : null\n    if (column && column?.sorting?.enabled) {\n      const reverse = sorting.direction === ESortDirection.DESC\n      if (column.sorting.sortFn) {\n        return column.sorting.sortFn(a, b) * (reverse ? -1 : 1)\n      }\n      return compare(column.accessor(a), column.accessor(b), reverse)\n    }\n    return 0\n  }\n}\n"],"names":["createSlice","useReducer","getColumnById","compare","defaultSortingState","ESortDirection","initialState","sortSlice","name","reducers","sort","state","action","column","payload","direction","ASC","DESC","getInitialState","config","sorting","default","useSorting","dispatchSorting","reducer","sortBy","columnId","columns","enabled","actions","sortFunction","sortFunctionFactory","a","b","reverse","sortFn","accessor"],"mappings":"AAIA,OAASA,WAAW,KAAuB,kBAAkB,AAC7D,QAASC,UAAU,KAAQ,OAAO,AAElC,QAASC,aAAa,KAAQ,2BAA2B,AACzD,QAASC,OAAO,KAAQ,kCAAkC,AAC1D,QAASC,mBAAmB,KAAQ,iBAAiB,AACrD,QAASC,cAAc,KAAkB,0BAA0B,CAGnE,MAAMC,aAAyBF,mBAE/B,QAAO,MAAMG,UAAYP,YAAY,CACnCQ,KAAM,OACNF,aACAG,SAAU,CACRC,KAAKC,KAAK,CAAEC,MAA6B,EACvC,MAAMC,OAASD,OAAOE,OAAO,CAC7B,GAAID,SAAWF,MAAME,MAAM,CAAE,CAC3BF,MAAME,MAAM,CAAGA,MACfF,CAAAA,MAAMI,SAAS,CAAGV,eAAeW,GAAG,CACpC,MACF,CAEA,GAAIL,MAAME,MAAM,GAAKA,QAAUF,MAAMI,SAAS,GAAKV,eAAeW,GAAG,CAAE,CACrEL,MAAMI,SAAS,CAAGV,eAAeY,IAAI,CACrC,MACF,KAAO,CACLN,MAAMI,SAAS,CAAGV,eAAeW,GAAG,AACtC,CACF,CACF,CACF,EAAE,CAEF,SAASE,gBAAmBC,MAAuB,MAC7CA,gBAAJ,IAAIA,gBAAAA,OAAOC,OAAO,UAAdD,gCAAAA,gBAAgBE,OAAO,CAAE,CAC3B,OAAOF,OAAOC,OAAO,CAACC,OAAO,AAC/B,CAEA,OAAOf,YACT,CAMA,OAAO,SAASgB,WAAcH,MAAuB,EACnD,KAAM,CAACC,QAASG,gBAAgB,CAAGtB,WAAWM,UAAUiB,OAAO,CAAEN,gBAAgBC,SAEjF,MAAMM,OAAS,AAACC,eAEVb,gBADJ,MAAMA,OAASX,cAAciB,OAAOQ,OAAO,CAAED,UAC7C,GAAIb,eAAAA,wBAAAA,gBAAAA,OAAQO,OAAO,UAAfP,gCAAAA,gBAAiBe,OAAO,CAAEL,gBAAgBhB,UAAUsB,OAAO,CAACnB,IAAI,CAACgB,UACvE,EAEA,MAAO,CACLD,OACAL,QACAU,aAAcC,oBAAoBZ,OAAQC,QAC5C,CACF,CAEA,OAAO,MAAMW,oBAAsB,CACjCZ,OACAC,WAEA,MAAO,CAACY,EAAMC,SAEEpB,gBADd,MAAMA,OAASO,CAAAA,gBAAAA,wBAAAA,QAASP,MAAM,EAAGX,cAAciB,OAAOQ,OAAO,CAAEP,QAAQP,MAAM,EAAI,KACjF,GAAIA,SAAUA,eAAAA,wBAAAA,gBAAAA,OAAQO,OAAO,UAAfP,gCAAAA,gBAAiBe,OAAO,EAAE,CACtC,MAAMM,QAAUd,QAAQL,SAAS,GAAKV,eAAeY,IAAI,CACzD,GAAIJ,OAAOO,OAAO,CAACe,MAAM,CAAE,CACzB,OAAOtB,OAAOO,OAAO,CAACe,MAAM,CAACH,EAAGC,GAAMC,CAAAA,QAAU,CAAC,EAAI,CAAA,CACvD,CACA,OAAO/B,QAAQU,OAAOuB,QAAQ,CAACJ,GAAInB,OAAOuB,QAAQ,CAACH,GAAIC,QACzD,CACA,OAAO,CACT,CACF,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Table/TableClientSide/useTableClientSide.tsx"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport { useEffect, useState } from \"react\"\nimport { TUseTableConfigInternal, TUseTableReturn } from \"../types\"\nimport { useSorting } from \"./state/sortSlice\"\nimport { usePaging } from \"./state/pageSlice\"\nimport { useSelect } from \"./state/selectSlice\"\nimport { useColumns } from \"../hooks/useColumns\"\nimport { useFillers } from \"../hooks/useFillers\"\nimport { useRowFactoryBuilder } from \"../hooks/useRowFactoryBuilder\"\nimport { THandlePagingChange, THandleSortingChange } from \"./index\"\nimport { TPaging } from \"../../../genericTypes\"\n\n/**\n * Heart of the **TableClientSide**. Keeps the internal states for sorting, paging and selecting.\n * @param inputData An Array of items to list (All items for all pages)\n * @param config Configuration for the **TableClientSide**\n * @param onSelect Callback when selection changes\n * @param onSortingChange Callback when sorting changes\n * @param onPagingChange Callback when paging changes\n * @param defaultPaging Default pagination\n */\nexport function useTableClientSide<T>(\n  inputData: Array<T>,\n  config: TUseTableConfigInternal<T>,\n  onSelect?: (data: T[]) => void,\n  onSortingChange?: THandleSortingChange,\n  onPagingChange?: THandlePagingChange,\n  defaultPaging?: Omit<TPaging, \"totalDisplayableResults\">\n): TUseTableReturn<T> {\n  // Initiating states and hooks (that contain states/reducers)\n  const [data, setData] = useState<Array<T>>(inputData)\n  const { sorting, sortBy, sortFunction } = useSorting(config)\n  const { paging, gotoPageIndex, setPageSize, sliceParams } = usePaging(data, defaultPaging)\n  const selectionState = useSelect() // the selection is currently not persistent by design\n\n  useEffect(() => {\n    onPagingChange && onPagingChange({ index: paging.index, size: paging.size })\n  }, [paging])\n\n  useEffect(() => {\n    onSortingChange &&\n      onSortingChange({\n        column: sorting.column,\n        direction: sorting.direction,\n      })\n  }, [sorting])\n\n  // Call callback once selection changes. Usually used to sync state with parent component\n  useEffect(() => {\n    if (!onSelect) return\n    const selectedData = selectionState.selected\n      .map((id) => data.find((d) => config.rowIdentifierAccessor(d) === id))\n      .filter((x) => x !== undefined)\n    onSelect(selectedData)\n  }, [selectionState.selected])\n\n  // Keep local state up-to-date with props\n  useEffect(() => {\n    if (JSON.stringify(data) === JSON.stringify(inputData)) return\n    setData(inputData)\n  }, [inputData])\n\n  useEffect(() => {\n    selectionState.clearSelected()\n  }, [paging.totalDisplayableResults, paging.totalResults])\n\n  // Prepare all rows to be updated and populated with current internal state. Start with sorting and paging to get the\n  // rows for the current page.\n  const rowsRaw = [...data].sort(sortFunction).slice(...sliceParams)\n\n  // Get the items on the current page which are needed in the rows and columns for the selection.\n  const rowIds = rowsRaw.map((row: any) => row.id)\n\n  // Create closure Rows that contain prepared information about each row (e.g. pure data, state, components for each row)\n  const rowFactory = useRowFactoryBuilder(config, selectionState, rowIds)\n  // Create row configuration\n  const rows = rowsRaw.map(rowFactory)\n\n  // Create column configuration which contains all information about each column (e.g. sorting)\n  const columns = useColumns(config, {\n    sorting,\n    sortBy,\n    selected: selectionState.selected,\n    selectAll: selectionState.selectAll,\n    rowIds: rowIds,\n  })\n\n  // Filler row when no data is present\n  const fillers = useFillers(config, rows, paging.size)\n  return {\n    head: {\n      columns,\n    },\n    body: {\n      rows,\n      fillers,\n      meta: {\n        noDataTextContent: config.meta?.noDataTextContent,\n      },\n    },\n    paging: {\n      index: paging.index,\n      size: paging.size,\n      totalDisplayableResults: paging.totalDisplayableResults,\n      actions: {\n        gotoPageIndex,\n        setPageSize,\n      },\n    },\n    selection: selectionState,\n  }\n}\n"],"names":["useEffect","useState","useSorting","usePaging","useSelect","useColumns","useFillers","useRowFactoryBuilder","useTableClientSide","inputData","config","onSelect","onSortingChange","onPagingChange","defaultPaging","data","setData","sorting","sortBy","sortFunction","paging","gotoPageIndex","setPageSize","sliceParams","selectionState","index","size","column","direction","selectedData","selected","map","id","find","d","rowIdentifierAccessor","filter","x","undefined","JSON","stringify","clearSelected","totalDisplayableResults","totalResults","rowsRaw","sort","slice","rowIds","row","rowFactory","rows","columns","selectAll","fillers","head","body","meta","noDataTextContent","actions","selection"],"mappings":"AAIA,OAASA,SAAS,CAAEC,QAAQ,KAAQ,OAAO,AAE3C,QAASC,UAAU,KAAQ,mBAAmB,AAC9C,QAASC,SAAS,KAAQ,mBAAmB,AAC7C,QAASC,SAAS,KAAQ,qBAAqB,AAC/C,QAASC,UAAU,KAAQ,qBAAqB,AAChD,QAASC,UAAU,KAAQ,qBAAqB,AAChD,QAASC,oBAAoB,KAAQ,+BAA+B,AAapE,QAAO,SAASC,mBACdC,SAAmB,CACnBC,MAAkC,CAClCC,QAA8B,CAC9BC,eAAsC,CACtCC,cAAoC,CACpCC,aAAwD,MAsE/BJ,aAnEzB,KAAM,CAACK,KAAMC,QAAQ,CAAGf,SAAmBQ,WAC3C,KAAM,CAAEQ,OAAO,CAAEC,MAAM,CAAEC,YAAY,CAAE,CAAGjB,WAAWQ,QACrD,KAAM,CAAEU,MAAM,CAAEC,aAAa,CAAEC,WAAW,CAAEC,WAAW,CAAE,CAAGpB,UAAUY,KAAMD,eAC5E,MAAMU,eAAiBpB,YAEvBJ,UAAU,KACRa,gBAAkBA,eAAe,CAAEY,MAAOL,OAAOK,KAAK,CAAEC,KAAMN,OAAOM,IAAI,AAAC,EAC5E,EAAG,CAACN,OAAO,EAEXpB,UAAU,KACRY,iBACEA,gBAAgB,CACde,OAAQV,QAAQU,MAAM,CACtBC,UAAWX,QAAQW,SAAS,AAC9B,EACJ,EAAG,CAACX,QAAQ,EAGZjB,UAAU,KACR,GAAI,CAACW,SAAU,OACf,MAAMkB,aAAeL,eAAeM,QAAQ,CACzCC,GAAG,CAAC,AAACC,IAAOjB,KAAKkB,IAAI,CAAC,AAACC,GAAMxB,OAAOyB,qBAAqB,CAACD,KAAOF,KACjEI,MAAM,CAAC,AAACC,GAAMA,IAAMC,WACvB3B,SAASkB,aACX,EAAG,CAACL,eAAeM,QAAQ,CAAC,EAG5B9B,UAAU,KACR,GAAIuC,KAAKC,SAAS,CAACzB,QAAUwB,KAAKC,SAAS,CAAC/B,WAAY,OACxDO,QAAQP,UACV,EAAG,CAACA,UAAU,EAEdT,UAAU,KACRwB,eAAeiB,aAAa,EAC9B,EAAG,CAACrB,OAAOsB,uBAAuB,CAAEtB,OAAOuB,YAAY,CAAC,EAIxD,MAAMC,QAAU,IAAI7B,KAAK,CAAC8B,IAAI,CAAC1B,cAAc2B,KAAK,IAAIvB,aAGtD,MAAMwB,OAASH,QAAQb,GAAG,CAAC,AAACiB,KAAaA,IAAIhB,EAAE,EAG/C,MAAMiB,WAAa1C,qBAAqBG,OAAQc,eAAgBuB,QAEhE,MAAMG,KAAON,QAAQb,GAAG,CAACkB,YAGzB,MAAME,QAAU9C,WAAWK,OAAQ,CACjCO,QACAC,OACAY,SAAUN,eAAeM,QAAQ,CACjCsB,UAAW5B,eAAe4B,SAAS,CACnCL,OAAQA,MACV,GAGA,MAAMM,QAAU/C,WAAWI,OAAQwC,KAAM9B,OAAOM,IAAI,EACpD,MAAO,CACL4B,KAAM,CACJH,OACF,EACAI,KAAM,CACJL,KACAG,QACAG,KAAM,CACJC,iBAAiB,EAAE/C,aAAAA,OAAO8C,IAAI,UAAX9C,6BAAAA,aAAa+C,iBAAiB,AACnD,CACF,EACArC,OAAQ,CACNK,MAAOL,OAAOK,KAAK,CACnBC,KAAMN,OAAOM,IAAI,CACjBgB,wBAAyBtB,OAAOsB,uBAAuB,CACvDgB,QAAS,CACPrC,cACAC,WACF,CACF,EACAqC,UAAWnC,cACb,CACF"}

package/lib/esm/components/Table/TableServerSide/TableServerSidePersistent/index.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{TableSessionStorage}from"../../persistence/TableSessionStorage";import{useEffect,useMemo}from"react";import{defaultPagingState}from"../../constants";import{TableServerSide}from"../index";export function getTableServerSidePersistentState(id,Storage=TableSessionStorage.Instance()){return Storage.get(id)}export function TableServerSidePersistent(_param){var{Storage=TableSessionStorage.Instance(),tableId,config,onTableUpdate}=_param,tableProps=_object_without_properties(_param,["Storage","tableId","config","onTableUpdate"]);const savedTable=useMemo(()=>Storage.get(tableId)||{paging:defaultPagingState,sorting:config.sorting.default},[tableId]);const configurationWithAdjustedSorting=_object_spread_props(_object_spread({},config),{sorting:{default:savedTable.sorting}});const handleTableChange=tableState=>{Storage===null||Storage===void 0?void 0:Storage.set(tableId,()=>tableState);onTableUpdate===null||onTableUpdate===void 0?void 0:onTableUpdate(tableState)};useEffect(()=>{if(!tableProps.metadata)return;Storage===null||Storage===void 0?void 0:Storage.set(tableId,prev=>_object_spread({},prev,tableProps.metadata))},[tableProps.metadata]);return _jsx(TableServerSide,_object_spread_props(_object_spread({},tableProps),{onTableUpdate:handleTableChange,config:configurationWithAdjustedSorting}))}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/components/Table/TableServerSide/TableServerSidePersistent/index.tsx"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport { ITableStorage, TableSessionStorage } from \"../../persistence/TableSessionStorage\"\nimport { useEffect, useMemo } from \"react\"\nimport { defaultPagingState } from \"../../constants\"\nimport { TableServerSide, TTableServerSideProps } from \"../index\"\nimport { TOnTableUpdateArgs } from \"../useTableServerSide\"\n\nexport type TTableServerSidePersistentProps<TDataType> = TTableServerSideProps<TDataType> & {\n  Storage?: ITableStorage\n  tableId: string\n}\n\nexport function getTableServerSidePersistentState(\n  id: string,\n  Storage = TableSessionStorage.Instance()\n) {\n  return Storage.get(id)\n}\n\n/**\n * The TableServerSidePersistent is a persistence middleware that uses closely the same interface as the table\n * with addition of the *Storage* and *tableId*.\n * it wraps and intercepts incoming and outgoing data to inject loaded data into the\n * table or save table changes into the Storage Repository.\n *\n * @param Storage Storage Repository for the Table. This is optional and per default the TableSessionStorage for SessionStorage persistence\n * @param tableId Unique ID for persistence\n * @param config Table Configuration\n * @param onTableUpdate Callback\n * @param tableProps Interface from useTableClientSide hook\n */\nexport function TableServerSidePersistent<TDataType>({\n  Storage = TableSessionStorage.Instance(),\n  tableId,\n  config,\n  onTableUpdate,\n  ...tableProps\n}: TTableServerSidePersistentProps<TDataType>) {\n  const savedTable = useMemo(\n    () =>\n      Storage.get(tableId) || {\n        paging: defaultPagingState,\n        sorting: config.sorting.default,\n      },\n    [tableId]\n  )\n\n  const configurationWithAdjustedSorting = {\n    ...config,\n    sorting: {\n      default: savedTable.sorting,\n    },\n  }\n  const handleTableChange = (tableState: TOnTableUpdateArgs) => {\n    Storage?.set(tableId, () => tableState)\n    onTableUpdate?.(tableState)\n  }\n\n  useEffect(() => {\n    if (!tableProps.metadata) return\n    Storage?.set(tableId, (prev) => ({ ...prev, ...tableProps.metadata }))\n  }, [tableProps.metadata])\n\n  return (\n    <TableServerSide\n      {...tableProps}\n      onTableUpdate={handleTableChange}\n      config={configurationWithAdjustedSorting}\n    />\n  )\n}\n"],"names":["TableSessionStorage","useEffect","useMemo","defaultPagingState","TableServerSide","getTableServerSidePersistentState","id","Storage","Instance","get","TableServerSidePersistent","tableId","config","onTableUpdate","tableProps","savedTable","paging","sorting","default","configurationWithAdjustedSorting","handleTableChange","tableState","set","metadata","prev"],"mappings":"69DAIA,QAAwBA,mBAAmB,KAAQ,uCAAuC,AAC1F,QAASC,SAAS,CAAEC,OAAO,KAAQ,OAAO,AAC1C,QAASC,kBAAkB,KAAQ,iBAAiB,AACpD,QAASC,eAAe,KAA+B,UAAU,AAQjE,QAAO,SAASC,kCACdC,EAAU,CACVC,QAAUP,oBAAoBQ,QAAQ,EAAE,EAExC,OAAOD,QAAQE,GAAG,CAACH,GACrB,CAcA,OAAO,SAASI,0BAAqC,WAAA,CACnDH,QAAUP,oBAAoBQ,QAAQ,EAAE,CACxCG,OAAO,CACPC,MAAM,CACNC,aAAa,CAE8B,CANQ,OAKhDC,sCALgD,QACnDP,UACAI,UACAC,SACAC,kBAGA,MAAME,WAAab,QACjB,IACEK,QAAQE,GAAG,CAACE,UAAY,CACtBK,OAAQb,mBACRc,QAASL,OAAOK,OAAO,CAACC,OAAO,AACjC,EACF,CAACP,QAAQ,EAGX,MAAMQ,iCAAmC,uCACpCP,SACHK,QAAS,CACPC,QAASH,WAAWE,OAAO,AAC7B,IAEF,MAAMG,kBAAoB,AAACC,aACzBd,gBAAAA,wBAAAA,QAASe,GAAG,CAACX,QAAS,IAAMU,YAC5BR,sBAAAA,8BAAAA,cAAgBQ,WAClB,EAEApB,UAAU,KACR,GAAI,CAACa,WAAWS,QAAQ,CAAE,OAC1BhB,gBAAAA,wBAAAA,QAASe,GAAG,CAACX,QAAS,AAACa,MAAU,kBAAKA,KAASV,WAAWS,QAAQ,EACpE,EAAG,CAACT,WAAWS,QAAQ,CAAC,EAExB,OACE,KAACnB,uDACKU,aACJD,cAAeO,kBACfR,OAAQO,mCAGd"}

package/lib/esm/components/Table/TableServerSide/index.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}import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from"react/jsx-runtime";import{useActionMenu}from"../components/ActionMenu/useActionMenu";import{useTableServerSide}from"./useTableServerSide";import{Layout}from"../Layout";import{memo}from"react";function TableServerSideRaw({data=[],config,onSelect,actionConfig,isLoading=false,metadata,onTableUpdate,BottomRow,TopRow}){const{ActionMenu,ActionsModals}=useActionMenu(actionConfig||[]);const mergedConfig=_object_spread({},config);if(actionConfig){mergedConfig.action=props=>_jsx(ActionMenu,{tableProps:props})}const tableData=useTableServerSide({data,config:mergedConfig,onSelect,onTableUpdate:onTableUpdate,metadata});return _jsxs(_Fragment,{children:[actionConfig&&ActionsModals,_jsx(Layout,{showLoadingState:isLoading,tableData:tableData,BottomRow:BottomRow,TopRow:TopRow})]})}export const TableServerSide=memo(TableServerSideRaw);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Table/TableServerSide/index.tsx"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport {\n  TActionMenuItem,\n  TServerSideTableMetadata,\n  TTableConfig,\n  TUseTableConfigInternal,\n} from \"../types\"\nimport { useActionMenu } from \"../components/ActionMenu/useActionMenu\"\nimport { TOnTableUpdateArgs, useTableServerSide } from \"./useTableServerSide\"\nimport { Layout } from \"../Layout\"\nimport { memo } from \"react\"\nimport { TTopRowTableParams } from \"../addons/TopRow\"\nimport { TBottomRowTableParams } from \"../addons/BottomRow\"\n\nexport type TTableServerSideProps<TDataType> = {\n  data?: TDataType[]\n  config: TTableConfig<TDataType>\n  onSelect?: (data: TDataType[]) => void\n  actionConfig?: TActionMenuItem<TDataType>[]\n  isLoading?: boolean\n  isFiltered?: boolean\n  metadata: TServerSideTableMetadata\n  onTableUpdate: (args: TOnTableUpdateArgs) => void\n  TopRow?: (props: TTopRowTableParams<TDataType>) => React.ReactNode\n  BottomRow?: (props: TBottomRowTableParams<TDataType>) => React.ReactNode\n}\n\nfunction TableServerSideRaw<TDataType>({\n  data = [],\n  config,\n  onSelect,\n  actionConfig,\n  isLoading = false,\n  metadata,\n  onTableUpdate,\n  BottomRow,\n  TopRow,\n}: TTableServerSideProps<TDataType>) {\n  // calling actionMenu hook to get access to connected ActionMenu and corresponding Modal components\n  const { ActionMenu, ActionsModals } = useActionMenu(actionConfig || [])\n\n  const mergedConfig: TUseTableConfigInternal<TDataType> = {\n    ...config,\n  }\n  if (actionConfig) {\n    mergedConfig.action = (props) => <ActionMenu tableProps={props} />\n  }\n\n  const tableData = useTableServerSide({\n    data,\n    config: mergedConfig,\n    onSelect,\n    onTableUpdate: onTableUpdate,\n    metadata,\n  })\n  return (\n    <>\n      {/* Rendering ActionsModals as pure element so rerenders won't happen on parent rerender due to state change */}\n      {actionConfig && ActionsModals}\n      <Layout\n        showLoadingState={isLoading}\n        tableData={tableData}\n        BottomRow={BottomRow}\n        TopRow={TopRow}\n      />\n    </>\n  )\n}\n\n// Memo to prevent rerender when props don't change\n\nexport const TableServerSide = memo(TableServerSideRaw) as typeof TableServerSideRaw\n"],"names":["useActionMenu","useTableServerSide","Layout","memo","TableServerSideRaw","data","config","onSelect","actionConfig","isLoading","metadata","onTableUpdate","BottomRow","TopRow","ActionMenu","ActionsModals","mergedConfig","action","props","tableProps","tableData","showLoadingState","TableServerSide"],"mappings":"krBAUA,QAASA,aAAa,KAAQ,wCAAwC,AACtE,QAA6BC,kBAAkB,KAAQ,sBAAsB,AAC7E,QAASC,MAAM,KAAQ,WAAW,AAClC,QAASC,IAAI,KAAQ,OAAO,CAiB5B,SAASC,mBAA8B,CACrCC,KAAO,EAAE,CACTC,MAAM,CACNC,QAAQ,CACRC,YAAY,CACZC,UAAY,KAAK,CACjBC,QAAQ,CACRC,aAAa,CACbC,SAAS,CACTC,MAAM,CAC2B,EAEjC,KAAM,CAAEC,UAAU,CAAEC,aAAa,CAAE,CAAGf,cAAcQ,cAAgB,EAAE,EAEtE,MAAMQ,aAAmD,kBACpDV,QAEL,GAAIE,aAAc,CAChBQ,aAAaC,MAAM,CAAG,AAACC,OAAU,KAACJ,YAAWK,WAAYD,OAC3D,CAEA,MAAME,UAAYnB,mBAAmB,CACnCI,KACAC,OAAQU,aACRT,SACAI,cAAeA,cACfD,QACF,GACA,OACE,2BAEGF,cAAgBO,cACjB,KAACb,QACCmB,iBAAkBZ,UAClBW,UAAWA,UACXR,UAAWA,UACXC,OAAQA,WAIhB,CAIA,OAAO,MAAMS,gBAAkBnB,KAAKC,mBAAgD"}

package/lib/esm/components/Table/TableServerSide/useTableServerSide.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{useCallback,useEffect}from"react";import{useRowFactoryBuilder}from"../hooks/useRowFactoryBuilder";import{useFillers}from"../hooks/useFillers";import{useColumns}from"../hooks/useColumns";import{getPageIndexWithNewSize}from"../utils/getPageIndexWithNewSize";import{defaultPagingState,defaultSortingState}from"../constants";import{ESortDirection}from"../../../genericTypes";import{useMemoizedState}from"../../../helper";import{useSelect}from"../TableClientSide/state/selectSlice";export function useTableServerSide({data=[],metadata,onTableUpdate,config,onSelect}){var _config_sorting,_config_meta;const[paging,setPaging]=useMemoizedState((metadata===null||metadata===void 0?void 0:metadata.paging)||defaultPagingState);const[sorting,setSorting]=useMemoizedState((metadata===null||metadata===void 0?void 0:metadata.sorting)||((_config_sorting=config.sorting)===null||_config_sorting===void 0?void 0:_config_sorting.default)||defaultSortingState);const selectionState=useSelect();useEffect(()=>{if(!onSelect)return;const selectedData=selectionState.selected.map(id=>data.find(d=>config.rowIdentifierAccessor(d)===id)).filter(x=>x!==undefined);onSelect(selectedData)},[selectionState.selected]);function getSort(id){const isCurrentlySorted=sorting.column===id;const result={column:id,direction:ESortDirection.ASC};if(isCurrentlySorted){result.direction=sorting.direction===ESortDirection.ASC?ESortDirection.DESC:ESortDirection.ASC}return result}const handleUpdate=useCallback(args=>{onTableUpdate({paging:args.paging||paging,sorting:args.sorting||sorting})},[paging,sorting]);const rowIds=data.map(row=>row.id);const columns=useColumns(config,{sorting,sortBy:id=>{setSorting(getSort(id));handleUpdate({sorting:getSort(id)})},selectAll:selectionState.selectAll,selected:selectionState.selected,rowIds:rowIds});const rowFactory=useRowFactoryBuilder(config,selectionState,rowIds);const rows=[...data].map(rowFactory);const fillers=useFillers(config,rows,paging.size);useEffect(()=>{var _metadata_paging,_metadata_paging1,_metadata_paging2,_metadata_paging3,_metadata_sorting,_metadata_sorting1;if(!metadata)return;setPaging({size:(metadata===null||metadata===void 0?void 0:(_metadata_paging=metadata.paging)===null||_metadata_paging===void 0?void 0:_metadata_paging.size)||defaultPagingState.size,index:(metadata===null||metadata===void 0?void 0:(_metadata_paging1=metadata.paging)===null||_metadata_paging1===void 0?void 0:_metadata_paging1.index)||defaultPagingState.index,totalDisplayableResults:(metadata===null||metadata===void 0?void 0:(_metadata_paging2=metadata.paging)===null||_metadata_paging2===void 0?void 0:_metadata_paging2.totalDisplayableResults)||defaultPagingState.totalDisplayableResults,totalResults:metadata===null||metadata===void 0?void 0:(_metadata_paging3=metadata.paging)===null||_metadata_paging3===void 0?void 0:_metadata_paging3.totalResults});setSorting({column:(metadata===null||metadata===void 0?void 0:(_metadata_sorting=metadata.sorting)===null||_metadata_sorting===void 0?void 0:_metadata_sorting.column)||defaultSortingState.column,direction:(metadata===null||metadata===void 0?void 0:(_metadata_sorting1=metadata.sorting)===null||_metadata_sorting1===void 0?void 0:_metadata_sorting1.direction)||defaultSortingState.direction})},[metadata]);useEffect(()=>{selectionState.clearSelected()},[paging.totalDisplayableResults,paging.totalResults]);return{head:{columns},body:{rows,fillers,meta:{noDataTextContent:(_config_meta=config.meta)===null||_config_meta===void 0?void 0:_config_meta.noDataTextContent}},paging:{size:paging.size,totalDisplayableResults:paging.totalDisplayableResults,index:paging.index,totalResults:paging.totalResults,actions:{gotoPageIndex:index=>{setPaging(_object_spread_props(_object_spread({},paging),{index}));handleUpdate({paging:_object_spread_props(_object_spread({},paging),{index})})},setPageSize:size=>{const newPaging=_object_spread_props(_object_spread({},paging),{size,index:getPageIndexWithNewSize({newSize:size,oldIndex:paging.index,oldSize:paging.size})});setPaging(newPaging);handleUpdate({paging:newPaging})}}},selection:selectionState}}
+//# sourceMappingURL=useTableServerSide.js.map

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":"uuCAIA,OAASA,WAAW,CAAEC,SAAS,KAAQ,OAAO,AAE9C,QAASC,oBAAoB,KAAQ,+BAA+B,AACpE,QAASC,UAAU,KAAQ,qBAAqB,AAChD,QAASC,UAAU,KAAQ,qBAAqB,AAChD,QAASC,uBAAuB,KAAQ,kCAAkC,AAC1E,QAASC,kBAAkB,CAAEC,mBAAmB,KAAQ,cAAc,AACtE,QAASC,cAAc,KAA2B,uBAAuB,AACzE,QAASC,gBAAgB,KAAQ,iBAAiB,AAClD,QAASC,SAAS,KAAQ,sCAAsC,AAuBhE,QAAO,SAASC,mBAAsB,CACpCC,KAAO,EAAE,CACTC,QAAQ,CACRC,aAAa,CACbC,MAAM,CACNC,QAAQ,CACoB,MAILD,gBA6FEA,aA/FzB,KAAM,CAACE,OAAQC,UAAU,CAAGT,iBAA0BI,CAAAA,iBAAAA,yBAAAA,SAAUI,MAAM,GAAIX,oBAC1E,KAAM,CAACa,QAASC,WAAW,CAAGX,iBAC5BI,CAAAA,iBAAAA,yBAAAA,SAAUM,OAAO,KAAIJ,gBAAAA,OAAOI,OAAO,UAAdJ,gCAAAA,gBAAgBM,OAAO,GAAId,qBAElD,MAAMe,eAAiBZ,YAGvBT,UAAU,KACR,GAAI,CAACe,SAAU,OACf,MAAMO,aAAeD,eAAeE,QAAQ,CACzCC,GAAG,CAAC,AAACC,IAAOd,KAAKe,IAAI,CAAC,AAACC,GAAMb,OAAOc,qBAAqB,CAACD,KAAOF,KACjEI,MAAM,CAAC,AAACC,GAAMA,IAAMC,WACvBhB,SAASO,aACX,EAAG,CAACD,eAAeE,QAAQ,CAAC,EAG5B,SAASS,QAAQP,EAAU,EACzB,MAAMQ,kBAAoBf,QAAQgB,MAAM,GAAKT,GAC7C,MAAMU,OAAmB,CACvBD,OAAQT,GACRW,UAAW7B,eAAe8B,GAAG,AAC/B,EACA,GAAIJ,kBAAmB,CACrBE,OAAOC,SAAS,CACdlB,QAAQkB,SAAS,GAAK7B,eAAe8B,GAAG,CAAG9B,eAAe+B,IAAI,CAAG/B,eAAe8B,GAAG,AACvF,CAEA,OAAOF,MACT,CAEA,MAAMI,aAAexC,YACnB,AAACyC,OACC3B,cAAc,CACZG,OAAQwB,KAAKxB,MAAM,EAAIA,OACvBE,QAASsB,KAAKtB,OAAO,EAAIA,OAC3B,EACF,EACA,CAACF,OAAQE,QAAQ,EAInB,MAAMuB,OAAS9B,KAAKa,GAAG,CAAC,AAACkB,KAAaA,IAAIjB,EAAE,EAG5C,MAAMkB,QAAUxC,WAAWW,OAAQ,CACjCI,QACA0B,OAAQ,AAACnB,KACPN,WAAWa,QAAQP,KACnBc,aAAa,CACXrB,QAASc,QAAQP,GACnB,EACF,EACAoB,UAAWxB,eAAewB,SAAS,CACnCtB,SAAUF,eAAeE,QAAQ,CACjCkB,OAAQA,MACV,GAGA,MAAMK,WAAa7C,qBAAqBa,OAAQO,eAAgBoB,QAGhE,MAAMM,KAAO,IAAIpC,KAAK,CAACa,GAAG,CAACsB,YAG3B,MAAME,QAAU9C,WAAWY,OAAQiC,KAAM/B,OAAOiC,IAAI,EAGpDjD,UAAU,SAIAY,iBACCA,kBAELA,kBACYA,kBAGNA,kBACGA,mBAXb,GAAI,CAACA,SAAU,OAEfK,UAAU,CACRgC,KAAMrC,CAAAA,iBAAAA,0BAAAA,iBAAAA,SAAUI,MAAM,UAAhBJ,iCAAAA,iBAAkBqC,IAAI,GAAI5C,mBAAmB4C,IAAI,CACvDC,MAAOtC,CAAAA,iBAAAA,0BAAAA,kBAAAA,SAAUI,MAAM,UAAhBJ,kCAAAA,kBAAkBsC,KAAK,GAAI7C,mBAAmB6C,KAAK,CAC1DC,wBACEvC,CAAAA,iBAAAA,0BAAAA,kBAAAA,SAAUI,MAAM,UAAhBJ,kCAAAA,kBAAkBuC,uBAAuB,GAAI9C,mBAAmB8C,uBAAuB,CACzFC,YAAY,CAAExC,iBAAAA,0BAAAA,kBAAAA,SAAUI,MAAM,UAAhBJ,kCAAAA,kBAAkBwC,YAAY,AAC9C,GACAjC,WAAW,CACTe,OAAQtB,CAAAA,iBAAAA,0BAAAA,kBAAAA,SAAUM,OAAO,UAAjBN,kCAAAA,kBAAmBsB,MAAM,GAAI5B,oBAAoB4B,MAAM,CAC/DE,UAAWxB,CAAAA,iBAAAA,0BAAAA,mBAAAA,SAAUM,OAAO,UAAjBN,mCAAAA,mBAAmBwB,SAAS,GAAI9B,oBAAoB8B,SAAS,AAC1E,EACF,EAAG,CAACxB,SAAS,EAEbZ,UAAU,KACRqB,eAAegC,aAAa,EAC9B,EAAG,CAACrC,OAAOmC,uBAAuB,CAAEnC,OAAOoC,YAAY,CAAC,EAExD,MAAO,CACLE,KAAM,CACJX,OACF,EACAY,KAAM,CACJR,KACAC,QACAQ,KAAM,CACJC,iBAAiB,EAAE3C,aAAAA,OAAO0C,IAAI,UAAX1C,6BAAAA,aAAa2C,iBAAiB,AACnD,CACF,EACAzC,OAAQ,CACNiC,KAAMjC,OAAOiC,IAAI,CACjBE,wBAAyBnC,OAAOmC,uBAAuB,CACvDD,MAAOlC,OAAOkC,KAAK,CACnBE,aAAcpC,OAAOoC,YAAY,CACjCM,QAAS,CACPC,cAAe,AAACT,QACdjC,UAAU,uCAAKD,SAAQkC,SACvBX,aAAa,CACXvB,OAAQ,uCACHA,SACHkC,OAEJ,EACF,EACAU,YAAa,AAACX,OACZ,MAAMY,UAAY,uCACb7C,SACHiC,KACAC,MAAO9C,wBAAwB,CAC7B0D,QAASb,KACTc,SAAU/C,OAAOkC,KAAK,CACtBc,QAAShD,OAAOiC,IAAI,AACtB,KAEFhC,UAAU4C,WACVtB,aAAa,CACXvB,OAAQ6C,SACV,EACF,CACF,CACF,EACAI,UAAW5C,cACb,CACF"}

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"}