@greenbone/ui-lib 0.0.1-alpha0

package/lib/cjs/components/Layout/AppShell.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"AppShell",{enumerable:true,get:function(){return AppShell}});const _jsxruntime=require("react/jsx-runtime");const _core=require("@mantine/core");const _react=/*#__PURE__*/_interop_require_default(require("react"));const _AppShellmodulecss=/*#__PURE__*/_interop_require_default(require("./AppShell.module.css"));function _interop_require_default(obj){return obj&&obj.__esModule?obj:{default:obj}}const AppShell=({children,navbar,header})=>{return(0,_jsxruntime.jsxs)(_core.AppShell,{padding:"md",header:{height:48},navbar:{width:231,collapsed:undefined,breakpoint:0},classNames:{main:_AppShellmodulecss.default.content},children:[(0,_jsxruntime.jsx)(_core.AppShell.Header,{children:header}),(0,_jsxruntime.jsx)(_core.AppShell.Navbar,{children:navbar}),(0,_jsxruntime.jsx)(_core.AppShell.Main,{children:children})]})};
+//# sourceMappingURL=AppShell.js.map

package/lib/cjs/components/Layout/AppShell.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Layout/AppShell.tsx"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport { AppShell as MantineAppShell } from \"@mantine/core\"\nimport React from \"react\"\nimport classes from \"./AppShell.module.css\"\n\ntype TAppShellProps = {\n  navbar: React.ReactElement\n  header: React.ReactElement\n}\n\nexport const AppShell: FCC<TAppShellProps> = ({ children, navbar, header }) => {\n  return (\n    <MantineAppShell\n      padding={\"md\"}\n      header={{\n        height: 48,\n      }}\n      navbar={{\n        width: 231,\n        collapsed: undefined,\n        breakpoint: 0,\n      }}\n      classNames={{\n        main: classes.content,\n      }}\n    >\n      <MantineAppShell.Header>{header}</MantineAppShell.Header>\n      <MantineAppShell.Navbar>{navbar}</MantineAppShell.Navbar>\n      <MantineAppShell.Main>{children}</MantineAppShell.Main>\n    </MantineAppShell>\n  )\n}\n"],"names":["AppShell","children","navbar","header","MantineAppShell","padding","height","width","collapsed","undefined","breakpoint","classNames","main","classes","content","Header","Navbar","Main"],"mappings":"oGAaaA,kDAAAA,+EAT+B,4EAC1B,iFACE,8GAOb,MAAMA,SAAgC,CAAC,CAAEC,QAAQ,CAAEC,MAAM,CAAEC,MAAM,CAAE,IACxE,MACE,qBAACC,cAAe,EACdC,QAAS,KACTF,OAAQ,CACNG,OAAQ,EACV,EACAJ,OAAQ,CACNK,MAAO,IACPC,UAAWC,UACXC,WAAY,CACd,EACAC,WAAY,CACVC,KAAMC,0BAAO,CAACC,OAAO,AACvB,YAEA,oBAACV,cAAe,CAACW,MAAM,WAAEZ,SACzB,oBAACC,cAAe,CAACY,MAAM,WAAEd,SACzB,oBAACE,cAAe,CAACa,IAAI,WAAEhB,aAG7B"}

package/lib/cjs/components/Layout/AppShell.module.css

@@ -0,0 +1 @@
+.content{height:100%;min-height:calc(100vh - var(--header-height));overflow-y:auto}.body,.content{position:relative}.body{height:calc(100vh - var(--header-height))}

package/lib/cjs/components/Layout/SimplePageLayout/SimpleGrid.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"SimpleGrid",{enumerable:true,get:function(){return SimpleGrid}});const _jsxruntime=require("react/jsx-runtime");const _react=/*#__PURE__*/_interop_require_default(require("react"));const _SimpleGridmodulecss=/*#__PURE__*/_interop_require_default(require("./SimpleGrid.module.css"));function _interop_require_default(obj){return obj&&obj.__esModule?obj:{default:obj}}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}const SimpleGrid=_param=>{var{config}=_param,styleProps=_object_without_properties(_param,["config"]);return(0,_jsxruntime.jsx)("div",{className:_SimpleGridmodulecss.default["grid-container"],style:{padding:styleProps.padding||`0 var(--mantine-spacing-md)`,margin:styleProps.margin||"",gridTemplateAreas:`"${styleProps.gridTemplateAreas.join('" "')}"`,gridTemplateColumns:styleProps.gridTemplateColumns,gridTemplateRows:styleProps.gridTemplateRows,gap:styleProps.gap||""},children:Object.entries(config).map(([gridArea,element])=>(0,_jsxruntime.jsx)("div",{className:_SimpleGridmodulecss.default.area,style:{gridArea},children:element},gridArea))})};
+//# sourceMappingURL=SimpleGrid.js.map

package/lib/cjs/components/Layout/SimplePageLayout/SimpleGrid.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Layout/SimplePageLayout/SimpleGrid.tsx"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport React, { ReactNode } from \"react\"\nimport classes from \"./SimpleGrid.module.css\"\nexport type TSimpleGridStyling = {\n  gridTemplateAreas: string[]\n  gridTemplateColumns: string\n  gridTemplateRows: string\n  gap?: string\n  margin?: string\n  padding?: string\n}\n\ntype TSimpleGridProps = TSimpleGridStyling & {\n  config: Record<string, ReactNode>\n}\n\nexport const SimpleGrid: React.FC<TSimpleGridProps> = ({ config, ...styleProps }) => {\n  return (\n    <div\n      className={classes[\"grid-container\"]}\n      style={{\n        padding: styleProps.padding || `0 var(--mantine-spacing-md)`,\n        margin: styleProps.margin || \"\",\n        gridTemplateAreas: `\"${styleProps.gridTemplateAreas.join('\" \"')}\"`,\n        gridTemplateColumns: styleProps.gridTemplateColumns,\n        gridTemplateRows: styleProps.gridTemplateRows,\n        gap: styleProps.gap || \"\",\n      }}\n    >\n      {Object.entries(config).map(([gridArea, element]: [string, ReactNode]) => (\n        <div key={gridArea} className={classes.area} style={{ gridArea }}>\n          {element}\n        </div>\n      ))}\n    </div>\n  )\n}\n"],"names":["SimpleGrid","config","styleProps","div","className","classes","style","padding","margin","gridTemplateAreas","join","gridTemplateColumns","gridTemplateRows","gap","Object","entries","map","gridArea","element","area"],"mappings":"oGAmBaA,oDAAAA,wHAfoB,mFACb,4zBAcb,MAAMA,WAAyC,YAAC,CAAEC,MAAM,CAAiB,QAAZC,8CAAXD,WACvD,MACE,oBAACE,OACCC,UAAWC,4BAAO,CAAC,iBAAiB,CACpCC,MAAO,CACLC,QAASL,WAAWK,OAAO,EAAI,CAAC,2BAA2B,CAAC,CAC5DC,OAAQN,WAAWM,MAAM,EAAI,GAC7BC,kBAAmB,CAAC,CAAC,EAAEP,WAAWO,iBAAiB,CAACC,IAAI,CAAC,OAAO,CAAC,CAAC,CAClEC,oBAAqBT,WAAWS,mBAAmB,CACnDC,iBAAkBV,WAAWU,gBAAgB,CAC7CC,IAAKX,WAAWW,GAAG,EAAI,EACzB,WAECC,OAAOC,OAAO,CAACd,QAAQe,GAAG,CAAC,CAAC,CAACC,SAAUC,QAA6B,GACnE,oBAACf,OAAmBC,UAAWC,4BAAO,CAACc,IAAI,CAAEb,MAAO,CAAEW,QAAS,WAC5DC,SADOD,YAMlB"}

package/lib/cjs/components/Layout/SimplePageLayout/SimpleGrid.module.css

@@ -0,0 +1 @@
+.grid-container{display:grid;height:max-content;padding:var(--grid-container-padding,0 var(--mantine-spacing-md))}.area{height:100%;min-height:max-content;position:relative;width:100%}

package/lib/cjs/components/Layout/SimplePageLayout/index.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});function _export(target,all){for(var name in all)Object.defineProperty(target,name,{enumerable:true,get:Object.getOwnPropertyDescriptor(all,name).get})}_export(exports,{get SimplePageLayout(){return SimplePageLayout},get SimplePageLayoutComplex(){return SimplePageLayoutComplex}});const _jsxruntime=require("react/jsx-runtime");const _react=/*#__PURE__*/_interop_require_default(require("react"));const _SimpleGrid=require("./SimpleGrid");const _Typo=require("../../Typo");const _indexmodulecss=/*#__PURE__*/_interop_require_default(require("./index.module.css"));function _define_property(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true})}else{obj[key]=value}return obj}function _interop_require_default(obj){return obj&&obj.__esModule?obj:{default:obj}}function _object_spread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};var ownKeys=Object.keys(source);if(typeof Object.getOwnPropertySymbols==="function"){ownKeys=ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym){return Object.getOwnPropertyDescriptor(source,sym).enumerable}))}ownKeys.forEach(function(key){_define_property(target,key,source[key])})}return target}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})}keys.push.apply(keys,symbols)}return keys}function _object_spread_props(target,source){source=source!=null?source:{};if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source))}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))})}return target}function _object_without_properties(source,excluded){if(source==null)return{};var target=_object_without_properties_loose(source,excluded);var key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++){key=sourceSymbolKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key]}}return target}function _object_without_properties_loose(source,excluded){if(source==null)return{};var target={};var sourceKeys=Object.keys(source);var key,i;for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;target[key]=source[key]}return target}const SimplePageLayout=_param=>{var{children,title,Button,Breadcrumbs}=_param,gridProps=_object_without_properties(_param,["children","title","Button","Breadcrumbs"]);return(0,_jsxruntime.jsx)(_SimpleGrid.SimpleGrid,{config:{title:(0,_jsxruntime.jsx)("div",{className:_indexmodulecss.default.title,children:(0,_jsxruntime.jsx)(_Typo.Typo,{type:"heading2",children:title})}),button:Button?(0,_jsxruntime.jsx)("div",{className:_indexmodulecss.default.button,children:Button}):null,content:(0,_jsxruntime.jsx)("div",{className:_indexmodulecss.default.content,children:children}),breadcrumbs:Breadcrumbs?(0,_jsxruntime.jsx)("div",{className:_indexmodulecss.default.breadcrumbs,children:Breadcrumbs}):null},gridTemplateAreas:[...Breadcrumbs?["breadcrumbs breadcrumbs breadcrumbs"]:[],"title . button","content content content"],gridTemplateColumns:"1fr 1fr 1fr",gridTemplateRows:`${Breadcrumbs?"35px":""} 66px 1fr`,gap:gridProps.gap,margin:"-1rem -1rem 0 -1rem",padding:gridProps.padding})};const SimplePageLayoutComplex=props=>{return(0,_jsxruntime.jsx)(SimplePageLayout,{title:props.title,Button:props.Button,children:(0,_jsxruntime.jsx)(_SimpleGrid.SimpleGrid,_object_spread_props(_object_spread({},props),{padding:props.padding||"0"}))})};
+//# sourceMappingURL=index.js.map

package/lib/cjs/components/Layout/SimplePageLayout/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Layout/SimplePageLayout/index.tsx"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport React, { ReactNode } from \"react\"\nimport { SimpleGrid, TSimpleGridStyling } from \"./SimpleGrid\"\nimport { Typo } from \"../../Typo\"\nimport classes from \"./index.module.css\"\n\nexport type TSimplePageLayoutProps = Partial<TSimpleGridStyling> & {\n  title: string\n  Button?: ReactNode\n  children?: ReactNode\n  Breadcrumbs?: ReactNode\n}\n\nexport const SimplePageLayout: React.FC<TSimplePageLayoutProps> = ({\n  children,\n  title,\n  Button,\n  Breadcrumbs,\n  ...gridProps\n}) => {\n  return (\n    <SimpleGrid\n      config={{\n        title: (\n          <div className={classes.title}>\n            <Typo type=\"heading2\">{title}</Typo>\n          </div>\n        ),\n        button: Button ? <div className={classes.button}>{Button}</div> : null,\n        content: <div className={classes.content}>{children}</div>,\n        breadcrumbs: Breadcrumbs ? <div className={classes.breadcrumbs}>{Breadcrumbs}</div> : null,\n      }}\n      gridTemplateAreas={[\n        ...(Breadcrumbs ? [\"breadcrumbs breadcrumbs breadcrumbs\"] : []),\n        \"title . button\",\n        \"content content content\",\n      ]}\n      gridTemplateColumns={\"1fr 1fr 1fr\"}\n      gridTemplateRows={`${Breadcrumbs ? \"35px\" : \"\"} 66px 1fr`}\n      gap={gridProps.gap}\n      margin={\"-1rem -1rem 0 -1rem\"}\n      padding={gridProps.padding}\n    />\n  )\n}\n\nexport type TSimplePageLayoutComplex = TSimpleGridStyling & {\n  title: string\n  Button?: ReactNode\n  config: Record<string, ReactNode>\n}\n\nexport const SimplePageLayoutComplex = (props: TSimplePageLayoutComplex) => {\n  return (\n    <SimplePageLayout title={props.title} Button={props.Button}>\n      <SimpleGrid {...props} padding={props.padding || \"0\"} />\n    </SimplePageLayout>\n  )\n}\n"],"names":["SimplePageLayout","SimplePageLayoutComplex","children","title","Button","Breadcrumbs","gridProps","SimpleGrid","config","div","className","classes","Typo","type","button","content","breadcrumbs","gridTemplateAreas","gridTemplateColumns","gridTemplateRows","gap","margin","padding","props"],"mappings":"mPAgBaA,0BAAAA,sBAuCAC,iCAAAA,qIAnDoB,oCACc,oCAC1B,kFACD,8hEASb,MAAMD,iBAAqD,YAAC,CACjEE,QAAQ,CACRC,KAAK,CACLC,MAAM,CACNC,WAAW,CAEZ,QADIC,6CAJHJ,WACAC,QACAC,SACAC,gBAGA,MACE,oBAACE,sBAAU,EACTC,OAAQ,CACNL,MACE,oBAACM,OAAIC,UAAWC,uBAAO,CAACR,KAAK,UAC3B,oBAACS,UAAI,EAACC,KAAK,oBAAYV,UAG3BW,OAAQV,OAAS,oBAACK,OAAIC,UAAWC,uBAAO,CAACG,MAAM,UAAGV,SAAgB,KAClEW,QAAS,oBAACN,OAAIC,UAAWC,uBAAO,CAACI,OAAO,UAAGb,WAC3Cc,YAAaX,YAAc,oBAACI,OAAIC,UAAWC,uBAAO,CAACK,WAAW,UAAGX,cAAqB,IACxF,EACAY,kBAAmB,IACbZ,YAAc,CAAC,sCAAsC,CAAG,EAAE,CAC9D,iBACA,0BACD,CACDa,oBAAqB,cACrBC,iBAAkB,CAAC,EAAEd,YAAc,OAAS,GAAG,SAAS,CAAC,CACzDe,IAAKd,UAAUc,GAAG,CAClBC,OAAQ,sBACRC,QAAShB,UAAUgB,OAAO,EAGhC,EAQO,MAAMrB,wBAA0B,AAACsB,QACtC,MACE,oBAACvB,kBAAiBG,MAAOoB,MAAMpB,KAAK,CAAEC,OAAQmB,MAAMnB,MAAM,UACxD,oBAACG,sBAAU,wCAAKgB,QAAOD,QAASC,MAAMD,OAAO,EAAI,QAGvD"}

package/lib/cjs/components/Layout/SimplePageLayout/index.module.css

@@ -0,0 +1 @@
+.content{grid-area:content}.title{grid-area:title;justify-content:center;width:max-content}.button,.title{align-items:center;display:flex;flex-basis:auto;height:100%}.button{gap:var(--mantine-spacing-md);grid-area:button;justify-content:right}.breadcrumbs{align-items:flex-end;display:flex;height:100%;width:50%}.breadcrumbs>*{flex-grow:0}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});function _export(target,all){for(var name in all)Object.defineProperty(target,name,{enumerable:true,get:Object.getOwnPropertyDescriptor(all,name).get})}_export(exports,{get AppShell(){return _AppShell.AppShell},get SimpleGrid(){return _SimpleGrid.SimpleGrid}});_export_star(require("./AppHeader"),exports);_export_star(require("./AppNavigation"),exports);const _AppShell=require("./AppShell");_export_star(require("./SimplePageLayout"),exports);const _SimpleGrid=require("./SimplePageLayout/SimpleGrid");function _export_star(from,to){Object.keys(from).forEach(function(k){if(k!=="default"&&!Object.prototype.hasOwnProperty.call(to,k)){Object.defineProperty(to,k,{enumerable:true,get:function(){return from[k]}})}});return from}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Layout/index.ts"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nexport * from \"./AppHeader\"\nexport * from \"./AppNavigation\"\nexport { AppShell } from \"./AppShell\"\nexport * from \"./SimplePageLayout\"\nexport { SimpleGrid } from \"./SimplePageLayout/SimpleGrid\"\n"],"names":["AppShell","SimpleGrid"],"mappings":"mPAMSA,kBAAAA,kBAAQ,MAERC,oBAAAA,sBAAU,yBAJL,6CACA,oDACW,mCACX,yDACa"}

package/lib/cjs/components/Modal/Modal.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});function _export(target,all){for(var name in all)Object.defineProperty(target,name,{enumerable:true,get:Object.getOwnPropertyDescriptor(all,name).get})}_export(exports,{get Modal(){return Modal},get ModalContext(){return ModalContext},get ModalWithOpener(){return ModalWithOpener}});const _jsxruntime=require("react/jsx-runtime");const _react=require("react");const _core=require("@mantine/core");const _ErrorBoundary=require("../ErrorBoundary");const _Modalmodulecss=/*#__PURE__*/_interop_require_default(require("./Modal.module.css"));function _define_property(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true})}else{obj[key]=value}return obj}function _interop_require_default(obj){return obj&&obj.__esModule?obj:{default:obj}}function _object_spread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};var ownKeys=Object.keys(source);if(typeof Object.getOwnPropertySymbols==="function"){ownKeys=ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym){return Object.getOwnPropertyDescriptor(source,sym).enumerable}))}ownKeys.forEach(function(key){_define_property(target,key,source[key])})}return target}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})}keys.push.apply(keys,symbols)}return keys}function _object_spread_props(target,source){source=source!=null?source:{};if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source))}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))})}return target}function _object_without_properties(source,excluded){if(source==null)return{};var target=_object_without_properties_loose(source,excluded);var key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++){key=sourceSymbolKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key]}}return target}function _object_without_properties_loose(source,excluded){if(source==null)return{};var target={};var sourceKeys=Object.keys(source);var key,i;for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;target[key]=source[key]}return target}const ModalContext=(0,_react.createContext)({setOpen:()=>void 0});const ModalWithOpener=({children,Opener,initiallyOpen=false,modalProps,title})=>{const[open,setOpen]=(0,_react.useState)(initiallyOpen);return(0,_jsxruntime.jsxs)(ModalContext.Provider,{value:{setOpen},children:[Opener(setOpen),(0,_jsxruntime.jsx)(Modal,_object_spread_props(_object_spread({opened:open,title:title},modalProps),{onClose:()=>setOpen(false),children:typeof children==="function"?children(setOpen):children}))]})};const Modal=_param=>{var{children,title}=_param,props=_object_without_properties(_param,["children","title"]);return(0,_jsxruntime.jsx)(_core.Modal,_object_spread_props(_object_spread({centered:true,classNames:{body:_Modalmodulecss.default.body,header:_Modalmodulecss.default.header,title:_Modalmodulecss.default.title,content:_Modalmodulecss.default.content,close:_Modalmodulecss.default.close},title:title},props),{children:(0,_jsxruntime.jsx)(_ErrorBoundary.ErrorBoundary,{children:children})}))};
+//# sourceMappingURL=Modal.js.map

package/lib/cjs/components/Modal/Modal.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Modal/Modal.tsx"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport {\n  createContext,\n  Dispatch,\n  FC,\n  PropsWithChildren,\n  ReactElement,\n  ReactNode,\n  useState,\n} from \"react\"\nimport { Modal as MantineModal, ModalProps } from \"@mantine/core\"\nimport { ErrorBoundary } from \"../ErrorBoundary\"\nimport classes from \"./Modal.module.css\"\n\nexport type TModalWithOpenerConfig = {\n  initiallyOpen?: boolean\n  Opener: (setOpen: Dispatch<React.SetStateAction<boolean>>) => ReactElement\n  children: ReactNode | ((setOpen: (value: boolean) => void) => ReactElement)\n  onSave?: () => void\n  title?: ReactNode\n  modalProps?: Partial<ModalProps>\n}\n\ntype TModalContext = {\n  setOpen: Dispatch<React.SetStateAction<boolean>>\n}\n\nexport const ModalContext = createContext<TModalContext>({\n  setOpen: () => void 0,\n})\n\nconst ModalWithOpener = ({\n  children,\n  Opener,\n  initiallyOpen = false,\n  modalProps,\n  title,\n}: TModalWithOpenerConfig) => {\n  const [open, setOpen] = useState<boolean>(initiallyOpen)\n  return (\n    <ModalContext.Provider value={{ setOpen }}>\n      {Opener(setOpen)}\n      <Modal opened={open} title={title} {...modalProps} onClose={() => setOpen(false)}>\n        {typeof children === \"function\" ? children(setOpen) : children}\n      </Modal>\n    </ModalContext.Provider>\n  )\n}\n\nconst Modal: FC<PropsWithChildren<ModalProps>> = ({ children, title, ...props }) => {\n  return (\n    <MantineModal\n      centered\n      classNames={{\n        body: classes.body,\n        header: classes.header,\n        title: classes.title,\n        content: classes.content,\n        close: classes.close,\n      }}\n      title={title}\n      {...props}\n    >\n      <ErrorBoundary>{children}</ErrorBoundary>\n    </MantineModal>\n  )\n}\n\nexport { ModalWithOpener, Modal }\n"],"names":["Modal","ModalContext","ModalWithOpener","createContext","setOpen","children","Opener","initiallyOpen","modalProps","title","open","useState","Provider","value","opened","onClose","props","MantineModal","centered","classNames","body","classes","header","content","close","ErrorBoundary"],"mappings":"mPAuE0BA,eAAAA,WAzCbC,sBAAAA,kBAyCJC,yBAAAA,uFA3DF,6BAC2C,8CACpB,wFACV,8hEAeb,MAAMD,aAAeE,GAAAA,oBAAa,EAAgB,CACvDC,QAAS,IAAM,KAAK,CACtB,GAEA,MAAMF,gBAAkB,CAAC,CACvBG,QAAQ,CACRC,MAAM,CACNC,cAAgB,KAAK,CACrBC,UAAU,CACVC,KAAK,CACkB,IACvB,KAAM,CAACC,KAAMN,QAAQ,CAAGO,GAAAA,eAAQ,EAAUJ,eAC1C,MACE,qBAACN,aAAaW,QAAQ,EAACC,MAAO,CAAET,OAAQ,YACrCE,OAAOF,SACR,oBAACJ,2CAAMc,OAAQJ,KAAMD,MAAOA,OAAWD,aAAYO,QAAS,IAAMX,QAAQ,gBACvE,OAAOC,WAAa,WAAaA,SAASD,SAAWC,cAI9D,EAEA,MAAML,MAA2C,YAAC,CAAEK,QAAQ,CAAEI,KAAK,CAAY,QAAPO,yCAApBX,WAAUI,UAC5D,MACE,oBAACQ,WAAY,sCACXC,QAAQ,MACRC,WAAY,CACVC,KAAMC,uBAAO,CAACD,IAAI,CAClBE,OAAQD,uBAAO,CAACC,MAAM,CACtBb,MAAOY,uBAAO,CAACZ,KAAK,CACpBc,QAASF,uBAAO,CAACE,OAAO,CACxBC,MAAOH,uBAAO,CAACG,KAAK,AACtB,EACAf,MAAOA,OACHO,iBAEJ,oBAACS,4BAAa,WAAEpB,aAGtB"}

package/lib/cjs/components/Modal/Modal.module.css

@@ -0,0 +1 @@
+.container{padding:calc(1.5625rem*var(--mantine-scale))}.header{color:var(--header-color);padding:calc(2rem*var(--mantine-scale)) calc(1.5rem*var(--mantine-scale)) calc(1rem*var(--mantine-scale)) calc(1.5rem*var(--mantine-scale))}.body{padding:0 calc(1.5rem*var(--mantine-scale)) calc(2rem*var(--mantine-scale)) calc(1.5rem*var(--mantine-scale))}.title{font-size:var(--mantine-font-size-xl)}.content{max-height:80dvh}.close{height:calc(1.25rem*var(--mantine-scale));min-height:calc(1.25rem*var(--mantine-scale));min-width:calc(1.25rem*var(--mantine-scale));width:calc(1.25rem*var(--mantine-scale))}:root[data-mantine-color-scheme=dark]{--header-color:var(--mantine-color-white)}:root:not([data-mantine-color-scheme=dark]){--header-color:var(--mantine-color-black)}

package/lib/cjs/components/Modal/ModalActions.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"ModalActions",{enumerable:true,get:function(){return ModalActions}});const _jsxruntime=require("react/jsx-runtime");const _react=require("react");const _index=require("./index");const _ModalActionsmodulecss=/*#__PURE__*/_interop_require_default(require("./ModalActions.module.css"));function _interop_require_default(obj){return obj&&obj.__esModule?obj:{default:obj}}const ModalActions=({children,justifyContent="flex-end",alignItems="center"})=>{const{setOpen}=(0,_react.useContext)(_index.ModalContext);return(0,_jsxruntime.jsx)("div",{className:_ModalActionsmodulecss.default["actions-container"],style:{justifyContent,alignItems},children:typeof children==="function"?children(setOpen):children})};
+//# sourceMappingURL=ModalActions.js.map

package/lib/cjs/components/Modal/ModalActions.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Modal/ModalActions.tsx"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport { CSSProperties, ReactElement, ReactNode, useContext } from \"react\"\nimport { ModalContext } from \"./index\"\nimport classes from \"./ModalActions.module.css\"\n\ntype TModalActionProps = {\n  alignItems?: CSSProperties[\"alignItems\"]\n  justifyContent?: CSSProperties[\"justifyContent\"]\n  children: ReactNode | ((setOpen: (value: boolean) => void) => ReactElement)\n}\n\nconst ModalActions: React.FC<TModalActionProps> = ({\n  children,\n  justifyContent = \"flex-end\",\n  alignItems = \"center\",\n}) => {\n  const { setOpen } = useContext(ModalContext)\n  return (\n    <div\n      className={classes[\"actions-container\"]}\n      style={{\n        justifyContent,\n        alignItems,\n      }}\n    >\n      {typeof children === \"function\" ? children(setOpen) : children}\n    </div>\n  )\n}\n\nexport { ModalActions }\n"],"names":["ModalActions","children","justifyContent","alignItems","setOpen","useContext","ModalContext","div","className","classes","style"],"mappings":"oGAiCSA,sDAAAA,oFA7B0D,8BACtC,sFACT,kHAQpB,MAAMA,aAA4C,CAAC,CACjDC,QAAQ,CACRC,eAAiB,UAAU,CAC3BC,WAAa,QAAQ,CACtB,IACC,KAAM,CAAEC,OAAO,CAAE,CAAGC,GAAAA,iBAAU,EAACC,mBAAY,EAC3C,MACE,oBAACC,OACCC,UAAWC,8BAAO,CAAC,oBAAoB,CACvCC,MAAO,CACLR,eACAC,UACF,WAEC,OAAOF,WAAa,WAAaA,SAASG,SAAWH,UAG5D"}

package/lib/cjs/components/Modal/ModalActions.module.css

@@ -0,0 +1 @@
+.actions-container{display:flex;gap:calc(1rem*var(--mantine-scale));margin-top:calc(2rem*var(--mantine-scale))}

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

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

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

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

package/lib/cjs/components/Notification/Notification.module.css

@@ -0,0 +1 @@
+.root{align-items:start;background-color:var(--notification-background);border:1px solid var(--notification-border);border-radius:var(--mantine-radius-xs);padding:var(--mantine-spacing-md)}.icon{background-color:transparent;margin-right:var(--mantine-spacing-xs)}.closeButton,.icon{height:1rem;width:1rem}.closeButton{color:var(--notification-closeButton);min-height:1rem;min-width:1rem}.closeButton:hover{background-color:transparent}.title{font-size:var(--mantine-font-size-md)}.description,.title{color:var(--text-color-black)}:root[data-mantine-color-scheme=dark]{--notification-background:var(--mantine-color-gray-9);--notification-border:var(--mantine-color-gray-6);--notification-closeButton:var(--mantine-color-gray-3)}:root:not([data-mantine-color-scheme=dark]){--notification-background:var(--mantine-color-white);--notification-border:var(--mantine-color-gray-2);--notification-closeButton:var(--mantine-color-gray-5)}

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

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

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

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

package/lib/cjs/components/Notification/notifications.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});function _export(target,all){for(var name in all)Object.defineProperty(target,name,{enumerable:true,get:Object.getOwnPropertyDescriptor(all,name).get})}_export(exports,{get showErrorNotification(){return showErrorNotification},get showInfoNotification(){return showInfoNotification},get showNotification(){return showNotification},get showSuccessNotification(){return showSuccessNotification},get showWarningNotification(){return showWarningNotification}});const _jsxruntime=require("react/jsx-runtime");const _notifications=require("@mantine/notifications");const _Notificationmodulecss=/*#__PURE__*/_interop_require_default(require("./Notification.module.css"));const _icons=require("../../icons");const _genericTypes=require("../../genericTypes");function _define_property(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true})}else{obj[key]=value}return obj}function _interop_require_default(obj){return obj&&obj.__esModule?obj:{default:obj}}function _object_spread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};var ownKeys=Object.keys(source);if(typeof Object.getOwnPropertySymbols==="function"){ownKeys=ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym){return Object.getOwnPropertyDescriptor(source,sym).enumerable}))}ownKeys.forEach(function(key){_define_property(target,key,source[key])})}return target}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})}keys.push.apply(keys,symbols)}return keys}function _object_spread_props(target,source){source=source!=null?source:{};if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source))}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))})}return target}function _object_without_properties(source,excluded){if(source==null)return{};var target=_object_without_properties_loose(source,excluded);var key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++){key=sourceSymbolKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key]}}return target}function _object_without_properties_loose(source,excluded){if(source==null)return{};var target={};var sourceKeys=Object.keys(source);var key,i;for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;target[key]=source[key]}return target}const showNotification=_param=>{var{type=_genericTypes.EStatus.INFO}=_param,props=_object_without_properties(_param,["type"]);_notifications.notifications.show(_object_spread_props(_object_spread({classNames:_object_spread({},_Notificationmodulecss.default)},props),{icon:(0,_jsxruntime.jsx)(_icons.StatusIcon,{status:type})}))};const showSuccessNotification=(text,title)=>{showNotification({type:_genericTypes.EStatus.SUCCESS,title:title,message:text})};const showErrorNotification=(text,title)=>{showNotification({type:_genericTypes.EStatus.ERROR,title:title,message:text})};const showInfoNotification=(text,title)=>{showNotification({type:_genericTypes.EStatus.INFO,title:title,message:text})};const showWarningNotification=(text,title)=>{showNotification({type:_genericTypes.EStatus.WARNING,title:title,message:text})};
+//# sourceMappingURL=notifications.js.map

package/lib/cjs/components/Notification/notifications.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Notification/notifications.tsx"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport { notifications, NotificationData } from \"@mantine/notifications\"\n\nimport classes from \"./Notification.module.css\"\nimport { StatusIcon } from \"../../icons\"\nimport { EStatus } from \"../../genericTypes\"\nexport type TNotificationProps = {\n  type?: EStatus\n} & NotificationData\n\nexport const showNotification = ({ type = EStatus.INFO, ...props }: TNotificationProps) => {\n  notifications.show({\n    classNames: { ...classes },\n    ...props,\n    icon: <StatusIcon status={type} />,\n  })\n}\n\nexport const showSuccessNotification = (text: string, title?: string) => {\n  showNotification({\n    type: EStatus.SUCCESS,\n    title: title,\n    message: text,\n  })\n}\n\nexport const showErrorNotification = (text: string, title?: string) => {\n  showNotification({\n    type: EStatus.ERROR,\n    title: title,\n    message: text,\n  })\n}\n\nexport const showInfoNotification = (text: string, title?: string) => {\n  showNotification({\n    type: EStatus.INFO,\n    title: title,\n    message: text,\n  })\n}\n\nexport const showWarningNotification = (text: string, title?: string) => {\n  showNotification({\n    type: EStatus.WARNING,\n    title: title,\n    message: text,\n  })\n}\n"],"names":["showErrorNotification","showInfoNotification","showNotification","showSuccessNotification","showWarningNotification","type","EStatus","INFO","props","notifications","show","classNames","classes","icon","StatusIcon","status","text","title","SUCCESS","message","ERROR","WARNING"],"mappings":"mPA6BaA,+BAAAA,2BAQAC,8BAAAA,0BAxBAC,0BAAAA,sBAQAC,iCAAAA,6BAwBAC,iCAAAA,uGAzCmC,qGAE5B,mDACO,2CACH,6hEAKjB,MAAMF,iBAAmB,YAAC,CAAEG,KAAOC,qBAAO,CAACC,IAAI,CAAgC,QAA3BC,yCAAxBH,SACjCI,4BAAa,CAACC,IAAI,CAAC,qCACjBC,WAAY,kBAAKC,8BAAO,GACrBJ,QACHK,KAAM,oBAACC,iBAAU,EAACC,OAAQV,SAE9B,EAEO,MAAMF,wBAA0B,CAACa,KAAcC,SACpDf,iBAAiB,CACfG,KAAMC,qBAAO,CAACY,OAAO,CACrBD,MAAOA,MACPE,QAASH,IACX,EACF,EAEO,MAAMhB,sBAAwB,CAACgB,KAAcC,SAClDf,iBAAiB,CACfG,KAAMC,qBAAO,CAACc,KAAK,CACnBH,MAAOA,MACPE,QAASH,IACX,EACF,EAEO,MAAMf,qBAAuB,CAACe,KAAcC,SACjDf,iBAAiB,CACfG,KAAMC,qBAAO,CAACC,IAAI,CAClBU,MAAOA,MACPE,QAASH,IACX,EACF,EAEO,MAAMZ,wBAA0B,CAACY,KAAcC,SACpDf,iBAAiB,CACfG,KAAMC,qBAAO,CAACe,OAAO,CACrBJ,MAAOA,MACPE,QAASH,IACX,EACF"}

package/lib/cjs/components/NumberInline/NumberInline.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"NumberInline",{enumerable:true,get:function(){return NumberInline}});const _helper=require("../../helper");const _reacti18next=require("react-i18next");const _Language=require("../../helper/Language");const NumberInline=({options,number})=>{const{i18n}=(0,_reacti18next.useTranslation)();return(0,_helper.getIntlNumber)(number,(i18n===null||i18n===void 0?void 0:i18n.language)?i18n.language:_Language.ELanguage.EN,options)};
+//# sourceMappingURL=NumberInline.js.map

package/lib/cjs/components/NumberInline/NumberInline.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/NumberInline/NumberInline.tsx"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport { getIntlNumber, TNumberOptions } from \"../../helper\"\nimport { useTranslation } from \"react-i18next\"\nimport { ELanguage } from \"../../helper/Language\"\n\nexport type TDisplayNumberProps = {\n  number: number\n  options?: TNumberOptions\n}\n\nexport const NumberInline: React.FC<TDisplayNumberProps> = ({ options, number }) => {\n  const { i18n } = useTranslation()\n  return getIntlNumber(\n    number,\n    i18n?.language ? (i18n.language as ELanguage) : ELanguage.EN,\n    options\n  )\n}\n"],"names":["NumberInline","options","number","i18n","useTranslation","getIntlNumber","language","ELanguage","EN"],"mappings":"oGAaaA,sDAAAA,sCATiC,4CACf,yCACL,yBAOnB,MAAMA,aAA8C,CAAC,CAAEC,OAAO,CAAEC,MAAM,CAAE,IAC7E,KAAM,CAAEC,IAAI,CAAE,CAAGC,GAAAA,4BAAc,IAC/B,MAAOC,GAAAA,qBAAa,EAClBH,OACAC,CAAAA,aAAAA,qBAAAA,KAAMG,QAAQ,EAAIH,KAAKG,QAAQ,CAAiBC,mBAAS,CAACC,EAAE,CAC5DP,QAEJ"}

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

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

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

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

package/lib/cjs/components/SeverityBadge/SeverityBadge.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});function _export(target,all){for(var name in all)Object.defineProperty(target,name,{enumerable:true,get:Object.getOwnPropertyDescriptor(all,name).get})}_export(exports,{get SeverityBadge(){return SeverityBadge},get getColorForSeverity(){return getColorForSeverity},get numberToSeverity(){return numberToSeverity}});const _jsxruntime=require("react/jsx-runtime");const _theme=require("../../theme");const _Badge=require("../Badge");const _Tooltip=require("../Tooltip");const _reacti18next=require("react-i18next");const _helper=require("../../helper");const _lucidereact=require("lucide-react");const numberToSeverity=num=>(0,_helper.getIntlNumber)(num,(0,_reacti18next.getI18n)().language,{minimumFractionDigits:num===10?0:1});const getColorForSeverity=severity=>{if(severity>=9){return _theme.EThemeColors.RedDark}if(severity>=7){return _theme.EThemeColors.RedLight}if(severity>=4){return _theme.EThemeColors.Orange}if(severity>0){return _theme.EThemeColors.Blue}return _theme.EThemeColors.NeutralLight};const SeverityBadge=({severity,originalSeverity})=>{const{t}=(0,_reacti18next.useTranslation)();const shouldShowOriginalSeverity=originalSeverity!==undefined&&originalSeverity!==severity;return(0,_jsxruntime.jsx)(_Tooltip.Tooltip,{disabled:!shouldShowOriginalSeverity,label:`${t("original: ")} ${numberToSeverity(originalSeverity||0)}`,children:(0,_jsxruntime.jsxs)(_Badge.Badge,{color:getColorForSeverity(severity),children:[numberToSeverity(severity),shouldShowOriginalSeverity&&(0,_jsxruntime.jsx)(_lucidereact.Edit2,{size:_theme.ICON_SIZES.MEDIUM})]})})};
+//# sourceMappingURL=SeverityBadge.js.map

package/lib/cjs/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":["SeverityBadge","getColorForSeverity","numberToSeverity","num","getIntlNumber","getI18n","language","minimumFractionDigits","severity","EThemeColors","RedDark","RedLight","Orange","Blue","NeutralLight","originalSeverity","t","useTranslation","shouldShowOriginalSeverity","undefined","Tooltip","disabled","label","Badge","color","Edit2","size","ICON_SIZES","MEDIUM"],"mappings":"mPAiDaA,uBAAAA,mBAxBAC,6BAAAA,yBALAC,0BAAAA,wFAhB4B,oCACnB,mCACE,0CACO,uCACD,2CAER,gBAUf,MAAMA,iBAAmB,AAACC,KAC/BC,GAAAA,qBAAa,EAACD,IAAKE,GAAAA,qBAAO,IAAGC,QAAQ,CAAe,CAClDC,sBAAuBJ,MAAQ,GAAK,EAAI,CAC1C,GAEK,MAAMF,oBAAsB,AAACO,WAClC,GAAIA,UAAY,EAAG,CAEjB,OAAOC,mBAAY,CAACC,OAAO,AAC7B,CAEA,GAAIF,UAAY,EAAG,CAEjB,OAAOC,mBAAY,CAACE,QAAQ,AAC9B,CAEA,GAAIH,UAAY,EAAG,CAEjB,OAAOC,mBAAY,CAACG,MAAM,AAC5B,CAEA,GAAIJ,SAAW,EAAG,CAEhB,OAAOC,mBAAY,CAACI,IAAI,AAC1B,CAEA,OAAOJ,mBAAY,CAACK,YAAY,AAClC,EAEO,MAAMd,cAAgB,CAAC,CAAEQ,QAAQ,CAAEO,gBAAgB,CAAuB,IAC/E,KAAM,CAAEC,CAAC,CAAE,CAAGC,GAAAA,4BAAc,IAC5B,MAAMC,2BAA6BH,mBAAqBI,WAAaJ,mBAAqBP,SAC1F,MACE,oBAACY,gBAAO,EACNC,SAAU,CAACH,2BACXI,MAAO,CAAC,EAAEN,EAAE,cAAc,CAAC,EAAEd,iBAAiBa,kBAAoB,GAAG,CAAC,UAEtE,qBAACQ,YAAK,EAACC,MAAOvB,oBAAoBO,oBAC/BN,iBAAiBM,UACjBU,4BAA8B,oBAACO,kBAAK,EAACC,KAAMC,iBAAU,CAACC,MAAM,OAIrE"}

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

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

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

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

package/lib/cjs/components/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":"2FAIc"}

package/lib/cjs/components/Spinner/Spinner.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"Spinner",{enumerable:true,get:function(){return Spinner}});const _jsxruntime=require("react/jsx-runtime");const _Spinnermodulecss=/*#__PURE__*/_interop_require_default(require("./Spinner.module.css"));const _cx=require("../../helper/cx");function _interop_require_default(obj){return obj&&obj.__esModule?obj:{default:obj}}const Spinner=({className,withInFullPage=false})=>{return(0,_jsxruntime.jsx)("div",{className:(0,_cx.cx)(_Spinnermodulecss.default.container,className,withInFullPage?_Spinnermodulecss.default["full-page"]:undefined),children:(0,_jsxruntime.jsx)("div",{className:_Spinnermodulecss.default.loading,"data-testid":"spinner"})})};
+//# sourceMappingURL=Spinner.js.map

package/lib/cjs/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":["Spinner","className","withInFullPage","div","cx","classes","container","undefined","loading","data-testid"],"mappings":"oGA0BSA,iDAAAA,gIAtBW,2CACD,uGAOnB,MAAMA,QAAmC,CAAC,CAAEC,SAAS,CAAEC,eAAiB,KAAK,CAAE,IAC7E,MACE,oBAACC,OACCF,UAAWG,GAAAA,MAAE,EACXC,yBAAO,CAACC,SAAS,CACjBL,UACAC,eAAiBG,yBAAO,CAAC,YAAY,CAAGE,oBAG1C,oBAACJ,OAAIF,UAAWI,yBAAO,CAACG,OAAO,CAAEC,cAAa,aAGpD"}

package/lib/cjs/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/cjs/components/Spinner/index.js

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

package/lib/cjs/components/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":"2FAIc"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"TableBody",{enumerable:true,get:function(){return TableBody}});const _jsxruntime=require("react/jsx-runtime");const _types=require("../types");const _NoDataMessageRow=require("../components/NoDataMessageRow");const _Fillers=require("../components/Fillers");const _react=require("react");const _Typo=require("../../Typo");const _TableBodymodulecss=/*#__PURE__*/_interop_require_default(require("./TableBody.module.css"));const _cx=require("../../../helper/cx");const _core=require("@mantine/core");const _constants=require("../constants");function _interop_require_default(obj){return obj&&obj.__esModule?obj:{default:obj}}const getRowClassNameBasedOnStatus=status=>{switch(status){case _types.ETableRowStatus.IN_DELETION_PROCESS:return _TableBodymodulecss.default["row-status-in-deletion-process"];default:return undefined}};const getTypoClassNameBasedOnStatus=status=>{switch(status){case _types.ETableRowStatus.IN_DELETION_PROCESS:return _TableBodymodulecss.default["typo-status-in-deletion-process"];default:return _TableBodymodulecss.default["text"]}};function TableBodyRaw({head,body}){return(0,_jsxruntime.jsxs)(_core.Table.Tbody,{className:_TableBodymodulecss.default.tbody,children:[body.rows.length===0&&(0,_jsxruntime.jsx)(_NoDataMessageRow.NoDataMessageRow,{colSpan:head.columns.length,content:body.meta.noDataTextContent,height:"100px"}),body.rows.map(row=>(0,_jsxruntime.jsx)(_core.Table.Tr,{className:(0,_cx.cx)(getRowClassNameBasedOnStatus(row.status)),children:row.getColumns().map((col,index)=>(0,_jsxruntime.jsx)(_core.Table.Td,{onClick:col.events.onClick,className:(0,_cx.cx)(col.selection.selected?_TableBodymodulecss.default.selected:""),children:(0,_jsxruntime.jsx)(_Typo.Typo,{type:"body",span:true,className:col.id!==_constants.BUILD_IN_COLUMNS.action.id?getTypoClassNameBasedOnStatus(row.status):"",children:col.component})},index))},row.id)),(0,_jsxruntime.jsx)(_Fillers.Fillers,{fillers:body.fillers,disabled:true})]})}const TableBody=(0,_react.memo)(TableBodyRaw);
+//# sourceMappingURL=TableBody.js.map

package/lib/cjs/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":["TableBody","getRowClassNameBasedOnStatus","status","ETableRowStatus","IN_DELETION_PROCESS","classes","undefined","getTypoClassNameBasedOnStatus","TableBodyRaw","head","body","Table","Tbody","className","tbody","rows","length","NoDataMessageRow","colSpan","columns","content","meta","noDataTextContent","height","map","row","Tr","cx","getColumns","col","index","Td","onClick","events","selection","selected","Typo","type","span","id","BUILD_IN_COLUMNS","action","component","Fillers","fillers","disabled","memo"],"mappings":"oGA8ESA,mDAAAA,iFA1EwC,4CAChB,yDACT,8CACH,6BACA,sFACD,6CACD,0CACG,0CACW,oGAQjC,MAAMC,6BAA+B,AAACC,SACpC,OAAQA,QACN,KAAKC,sBAAe,CAACC,mBAAmB,CACtC,OAAOC,2BAAO,CAAC,iCAAiC,AAClD,SACE,OAAOC,SACX,CACF,EAEA,MAAMC,8BAAgC,AAACL,SACrC,OAAQA,QACN,KAAKC,sBAAe,CAACC,mBAAmB,CACtC,OAAOC,2BAAO,CAAC,kCAAkC,AACnD,SACE,OAAOA,2BAAO,CAAC,OAAO,AAC1B,CACF,EAEA,SAASG,aAAwB,CAAEC,IAAI,CAAEC,IAAI,CAAyB,EACpE,MACE,qBAACC,WAAK,CAACC,KAAK,EAACC,UAAWR,2BAAO,CAACS,KAAK,WAClCJ,KAAKK,IAAI,CAACC,MAAM,GAAK,GACpB,oBAACC,kCAAgB,EACfC,QAAST,KAAKU,OAAO,CAACH,MAAM,CAC5BI,QAASV,KAAKW,IAAI,CAACC,iBAAiB,CACpCC,OAAQ,UAGXb,KAAKK,IAAI,CAACS,GAAG,CAAC,AAACC,KACd,oBAACd,WAAK,CAACe,EAAE,EAAcb,UAAWc,GAAAA,MAAE,EAAC1B,6BAA6BwB,IAAIvB,MAAM,YACzEuB,IAAIG,UAAU,GAAGJ,GAAG,CAAC,CAACK,IAAKC,QAC1B,oBAACnB,WAAK,CAACoB,EAAE,EACPC,QAASH,IAAII,MAAM,CAACD,OAAO,CAC3BnB,UAAWc,GAAAA,MAAE,EAACE,IAAIK,SAAS,CAACC,QAAQ,CAAG9B,2BAAO,CAAC8B,QAAQ,CAAG,aAG1D,oBAACC,UAAI,EACHC,KAAM,OACNC,IAAI,MACJzB,UACEgB,IAAIU,EAAE,GAAKC,2BAAgB,CAACC,MAAM,CAACF,EAAE,CACjChC,8BAA8BkB,IAAIvB,MAAM,EACxC,YAGL2B,IAAIa,SAAS,IAXXZ,SALIL,IAAIc,EAAE,GAsBvB,oBAACI,gBAAO,EAACC,QAASlC,KAAKkC,OAAO,CAAEC,SAAU,SAGhD,CAEA,MAAM7C,UAAY8C,GAAAA,WAAI,EAACtC"}

package/lib/cjs/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/cjs/components/Table/Layout/TableHead.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"TableHead",{enumerable:true,get:function(){return TableHead}});const _jsxruntime=require("react/jsx-runtime");const _core=require("@mantine/core");const _lucidereact=require("lucide-react");const _Typo=require("../../Typo");const _react=require("react");const _TableHeadmodulecss=/*#__PURE__*/_interop_require_default(require("./TableHead.module.css"));const _cx=require("../../../helper/cx");function _interop_require_default(obj){return obj&&obj.__esModule?obj:{default:obj}}const SortAppendix=(col,theme)=>{return col.meta.sorting.direction==="asc"?(0,_jsxruntime.jsx)(_lucidereact.ArrowUp,{"data-testid":"table-sort-arrow-up",color:theme.colors.green[5],size:18}):(0,_jsxruntime.jsx)(_lucidereact.ArrowDown,{"data-testid":"table-sort-arrow-down",color:theme.colors.green[5],size:18})};function TableHeadRaw({head}){const theme=(0,_core.useMantineTheme)();return(0,_jsxruntime.jsx)(_core.Table.Thead,{className:_TableHeadmodulecss.default.thead,children:(0,_jsxruntime.jsx)(_core.Table.Tr,{children:head.columns.map(col=>{const isSortable=col.meta.sorting.isSortable;return(0,_jsxruntime.jsx)(_core.Table.Th,{onClick:()=>{col.meta.sorting.isSortable&&col.actions.autoSort();col.actions.selectAll()},children:(0,_jsxruntime.jsxs)("span",{className:(0,_cx.cx)(_TableHeadmodulecss.default["header-container"],isSortable?_TableHeadmodulecss.default.sortable:""),children:[(0,_jsxruntime.jsx)(_Typo.Typo,{span:true,type:"heading4",children:col.label}),col.meta.sorting.isSorted?SortAppendix(col,theme):isSortable?(0,_jsxruntime.jsx)(_lucidereact.ArrowUpDown,{color:theme.colors.gray[5],"data-testid":"table-sort-arrow-up-down",size:18}):""]})},col.id)})})})}const TableHead=(0,_react.memo)(TableHeadRaw);
+//# sourceMappingURL=TableHead.js.map

package/lib/cjs/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":["TableHead","SortAppendix","col","theme","meta","sorting","direction","ArrowUp","data-testid","color","colors","green","size","ArrowDown","TableHeadRaw","head","useMantineTheme","Table","Thead","className","classes","thead","Tr","columns","map","isSortable","Th","onClick","actions","autoSort","selectAll","span","cx","sortable","Typo","type","label","isSorted","ArrowUpDown","gray","id","memo"],"mappings":"oGAgESA,mDAAAA,gFA5D4C,4CAEL,oCAC3B,mCACA,iFACD,6CACD,0GAInB,MAAMC,aAAe,CAACC,IAAcC,SAClC,OAAOD,IAAIE,IAAI,CAACC,OAAO,CAACC,SAAS,GAAK,MACpC,oBAACC,oBAAO,EAACC,cAAa,sBAAuBC,MAAON,MAAMO,MAAM,CAACC,KAAK,CAAC,EAAE,CAAEC,KAAM,KAEjF,oBAACC,sBAAS,EAACL,cAAa,wBAAyBC,MAAON,MAAMO,MAAM,CAACC,KAAK,CAAC,EAAE,CAAEC,KAAM,IAEzF,EAEA,SAASE,aAAwB,CAAEC,IAAI,CAAyB,EAC9D,MAAMZ,MAAQa,GAAAA,qBAAe,IAE7B,MACE,oBAACC,WAAK,CAACC,KAAK,EAACC,UAAWC,2BAAO,CAACC,KAAK,UACnC,oBAACJ,WAAK,CAACK,EAAE,WACNP,KAAKQ,OAAO,CAACC,GAAG,CAAC,AAACtB,MACjB,MAAMuB,WAAavB,IAAIE,IAAI,CAACC,OAAO,CAACoB,UAAU,CAC9C,MACE,oBAACR,WAAK,CAACS,EAAE,EAEPC,QAAS,KACPzB,IAAIE,IAAI,CAACC,OAAO,CAACoB,UAAU,EAAIvB,IAAI0B,OAAO,CAACC,QAAQ,GACnD3B,IAAI0B,OAAO,CAACE,SAAS,EACvB,WAEA,qBAACC,QAAKZ,UAAWa,GAAAA,MAAE,EAACZ,2BAAO,CAAC,mBAAmB,CAAEK,WAAaL,2BAAO,CAACa,QAAQ,CAAG,cAC/E,oBAACC,UAAI,EAACH,IAAI,MAACI,KAAK,oBACbjC,IAAIkC,KAAK,GAEXlC,IAAIE,IAAI,CAACC,OAAO,CAACgC,QAAQ,CACxBpC,aAAaC,IAAKC,OAChBsB,WACF,oBAACa,wBAAW,EACV7B,MAAON,MAAMO,MAAM,CAAC6B,IAAI,CAAC,EAAE,CAC3B/B,cAAa,2BACbI,KAAM,KAGR,OAnBCV,IAAIsC,EAAE,CAwBjB,MAIR,CAEA,MAAMxC,UAAYyC,GAAAA,WAAI,EAAC3B"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"Layout",{enumerable:true,get:function(){return Layout}});const _jsxruntime=require("react/jsx-runtime");const _core=require("@mantine/core");const _TableHead=require("./TableHead");const _TableBody=require("./TableBody");const _Paging=require("../components/Paging");const _indexmodulecss=/*#__PURE__*/_interop_require_default(require("./index.module.css"));const _Spinner=require("../../Spinner");function _interop_require_default(obj){return obj&&obj.__esModule?obj:{default:obj}}function Layout({tableData,showLoadingState,BottomRow,TopRow}){return(0,_jsxruntime.jsxs)(_jsxruntime.Fragment,{children:[TopRow&&!showLoadingState&&(0,_jsxruntime.jsx)(TopRow,{tableData:tableData,totalDisplayableResults:tableData.paging.totalDisplayableResults,totalResults:tableData.paging.totalResults,selected:tableData.selection.selected}),(0,_jsxruntime.jsxs)(_core.Table,{verticalSpacing:11,horizontalSpacing:8,className:showLoadingState?_indexmodulecss.default.table:"",children:[(0,_jsxruntime.jsx)(_TableHead.TableHead,{head:tableData.head}),!showLoadingState&&(0,_jsxruntime.jsx)(_TableBody.TableBody,{selection:tableData.selection,head:tableData.head,body:tableData.body})]}),showLoadingState&&(0,_jsxruntime.jsx)(_Spinner.Spinner,{className:_indexmodulecss.default.spinner}),BottomRow&&!showLoadingState&&(0,_jsxruntime.jsx)(BottomRow,{totalDisplayableResults:tableData.paging.totalDisplayableResults,totalResults:tableData.paging.totalResults,index:tableData.paging.index,size:tableData.paging.size,tableData:tableData}),(0,_jsxruntime.jsx)(_Paging.Pagination,{index:tableData.paging.index,size:tableData.paging.size,totalDisplayableResults:tableData.paging.totalDisplayableResults,actions:tableData.paging.actions})]})}
+//# sourceMappingURL=index.js.map

package/lib/cjs/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":["Layout","tableData","showLoadingState","BottomRow","TopRow","totalDisplayableResults","paging","totalResults","selected","selection","MantineTable","verticalSpacing","horizontalSpacing","className","classes","table","TableHead","head","TableBody","body","Spinner","spinner","index","size","Pagination","actions"],"mappings":"oGA+DSA,gDAAAA,6EA3D6B,0CACZ,wCAEA,qCACC,4FAGP,8CACI,qGAUxB,SAASA,OAAkB,CAAEC,SAAS,CAAEC,gBAAgB,CAAEC,SAAS,CAAEC,MAAM,CAAsB,EAC/F,MACE,qDACGA,QAAU,CAACF,kBACV,oBAACE,QACCH,UAAWA,UACXI,wBAAyBJ,UAAUK,MAAM,CAACD,uBAAuB,CACjEE,aAAcN,UAAUK,MAAM,CAACC,YAAY,CAC3CC,SAAUP,UAAUQ,SAAS,CAACD,QAAQ,GAG1C,qBAACE,WAAY,EACXC,gBAAiB,GACjBC,kBAAmB,EACnBC,UAAWX,iBAAmBY,uBAAO,CAACC,KAAK,CAAG,aAE9C,oBAACC,oBAAS,EAACC,KAAMhB,UAAUgB,IAAI,GAC9B,CAACf,kBACA,oBAACgB,oBAAS,EAACT,UAAWR,UAAUQ,SAAS,CAAEQ,KAAMhB,UAAUgB,IAAI,CAAEE,KAAMlB,UAAUkB,IAAI,MAGxFjB,kBAAoB,oBAACkB,gBAAO,EAACP,UAAWC,uBAAO,CAACO,OAAO,GACvDlB,WAAa,CAACD,kBACb,oBAACC,WACCE,wBAAyBJ,UAAUK,MAAM,CAACD,uBAAuB,CACjEE,aAAcN,UAAUK,MAAM,CAACC,YAAY,CAC3Ce,MAAOrB,UAAUK,MAAM,CAACgB,KAAK,CAC7BC,KAAMtB,UAAUK,MAAM,CAACiB,IAAI,CAC3BtB,UAAWA,YAGf,oBAACuB,kBAAU,EACTF,MAAOrB,UAAUK,MAAM,CAACgB,KAAK,CAC7BC,KAAMtB,UAAUK,MAAM,CAACiB,IAAI,CAC3BlB,wBAAyBJ,UAAUK,MAAM,CAACD,uBAAuB,CACjEoB,QAASxB,UAAUK,MAAM,CAACmB,OAAO,KAIzC"}

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

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

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

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

package/lib/cjs/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":["TableClientSidePersistent","Storage","TableSessionStorage","Instance","tableId","config","onSortingChange","onPagingChange","tableProps","savedTable","useMemo","get","paging","defaultPagingState","sorting","default","configurationWithAdjustedSorting","handleSortingChange","props","set","column","direction","handlePagingChange","index","size","TableClientSide","defaultPaging"],"mappings":"oGAgCgBA,mEAAAA,iGAvBT,+CAC4C,8DAC3B,kCACW,s8DAoB5B,SAASA,0BAAqC,WAAA,CACnDC,QAAUC,wCAAmB,CAACC,QAAQ,EAAE,CACxCC,OAAO,CACPC,MAAM,CACNC,eAAe,CACfC,cAAc,CAE6B,CAPQ,OAMhDC,sCANgD,QACnDP,UACAG,UACAC,SACAC,kBACAC,mBAGA,MAAME,WAAaC,GAAAA,cAAO,EACxB,IACET,QAAQU,GAAG,CAACP,UAAY,CACtBQ,OAAQC,6BAAkB,CAC1BC,QAAST,OAAOS,OAAO,CAACC,OAAO,AACjC,EACF,CAACX,QAAQ,EAGX,MAAMY,iCAAmC,uCACpCX,SACHS,QAAS,CACPC,QAASN,WAAWK,OAAO,AAC7B,IAEF,MAAMG,oBAA4C,AAACC,QACjDjB,gBAAAA,wBAAAA,QAASkB,GAAG,CAACf,QAAS,IAAO,uCACxBK,aACHK,QAAS,CACPM,OAAQF,MAAME,MAAM,CACpBC,UAAWH,MAAMG,SAAS,AAC5B,KAEFf,wBAAAA,gCAAAA,gBAAkBY,MACpB,EAEA,MAAMI,mBAA0C,AAACJ,QAC/CjB,gBAAAA,wBAAAA,QAASkB,GAAG,CAACf,QAAS,IAAO,uCACxBK,aACHG,OAAQ,CACNW,MAAOL,MAAMK,KAAK,CAClBC,KAAMN,MAAMM,IAAI,AAClB,KAEFjB,uBAAAA,+BAAAA,eAAiBW,MACnB,EAEA,MACE,oBAACO,sBAAe,wCACVjB,aACJF,gBAAiBW,oBACjBV,eAAgBe,mBAChBI,cAAejB,WAAWG,MAAM,CAChCP,OAAQW,mCAGd"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"TableClientSide",{enumerable:true,get:function(){return TableClientSide}});const _jsxruntime=require("react/jsx-runtime");const _useTableClientSide=require("./useTableClientSide");const _useActionMenu=require("../components/ActionMenu/useActionMenu");const _Layout=require("../Layout");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 TableClientSide({data=[],config,onSelect,actionConfig,isLoading=false,onSortingChange,onPagingChange,defaultPaging,TopRow,BottomRow}){const{ActionMenu,ActionsModals}=(0,_useActionMenu.useActionMenu)(actionConfig||[]);const mergedConfig=_object_spread({},config);if(actionConfig){mergedConfig.action=props=>(0,_jsxruntime.jsx)(ActionMenu,{tableProps:props})}const showLoadingState=isLoading&&(data===null||data===void 0?void 0:data.length)===0;const tableData=(0,_useTableClientSide.useTableClientSide)(data,mergedConfig,onSelect,onSortingChange,onPagingChange,defaultPaging);return(0,_jsxruntime.jsxs)(_jsxruntime.Fragment,{children:[actionConfig&&ActionsModals,(0,_jsxruntime.jsx)(_Layout.Layout,{showLoadingState:showLoadingState,tableData:tableData,TopRow:TopRow,BottomRow:BottomRow})]})}
+//# sourceMappingURL=index.js.map

package/lib/cjs/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":["TableClientSide","data","config","onSelect","actionConfig","isLoading","onSortingChange","onPagingChange","defaultPaging","TopRow","BottomRow","ActionMenu","ActionsModals","useActionMenu","mergedConfig","action","props","tableProps","showLoadingState","length","tableData","useTableClientSide","Layout"],"mappings":"oGA6BgBA,yDAAAA,oGAzBmB,qDAGL,gEACP,inBAqBhB,SAASA,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,CAAGC,GAAAA,4BAAa,EAACT,cAAgB,EAAE,EACtE,MAAMU,aAAmD,kBACpDZ,QAEL,GAAIE,aAAc,CAChBU,aAAaC,MAAM,CAAG,AAACC,OAAU,oBAACL,YAAWM,WAAYD,OAC3D,CACA,MAAME,iBAAmBb,WAAaJ,CAAAA,aAAAA,qBAAAA,KAAMkB,MAAM,IAAK,EACvD,MAAMC,UAAYC,GAAAA,sCAAkB,EAClCpB,KACAa,aACAX,SACAG,gBACAC,eACAC,eAEF,MACE,qDAEGJ,cAAgBQ,cACjB,oBAACU,cAAM,EACLJ,iBAAkBA,iBAClBE,UAAWA,UACXX,OAAQA,OACRC,UAAWA,cAInB"}

package/lib/cjs/components/Table/TableClientSide/state/pageSlice.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});function _export(target,all){for(var name in all)Object.defineProperty(target,name,{enumerable:true,get:Object.getOwnPropertyDescriptor(all,name).get})}_export(exports,{get pageSlice(){return pageSlice},get usePaging(){return usePaging}});const _toolkit=require("@reduxjs/toolkit");const _react=require("react");const _getPageIndexWithNewSize=require("../../utils/getPageIndexWithNewSize");const _constants=require("../../constants");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}const initialState=_constants.defaultPagingState;const pageSlice=(0,_toolkit.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}}});function usePaging(data,defaultPaging){(0,_react.useEffect)(()=>{dispatch(pageSlice.actions.setTotalRowCount(data.length))},[data]);const[paging,dispatch]=(0,_react.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=(0,_getPageIndexWithNewSize.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/cjs/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":["pageSlice","usePaging","initialState","defaultPagingState","createSlice","name","reducers","gotoPageIndex","state","action","index","payload","previous","setPageSize","size","setPageSizeAndIndex","next","totalDisplayableResults","setTotalRowCount","data","defaultPaging","useEffect","dispatch","actions","length","paging","useReducer","reducer","getInitialState","getPageIndexWithNewSize","newSize","oldIndex","oldSize","sliceParams"],"mappings":"mPAYaA,mBAAAA,eAmCGC,mBAAAA,oCA3C2B,yCACL,gDACE,gEACL,0vCAGnC,MAAMC,aAAeC,6BAAkB,CAEhC,MAAMH,UAAYI,GAAAA,oBAAW,EAAC,CACnCC,KAAM,OACNH,aACAI,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,GAOO,SAASV,UAAakB,IAAS,CAAEC,aAAwD,EAC9FC,GAAAA,gBAAS,EAAC,KACRC,SAAStB,UAAUuB,OAAO,CAACL,gBAAgB,CAACC,KAAKK,MAAM,EACzD,EAAG,CAACL,KAAK,EAET,KAAM,CAACM,OAAQH,SAAS,CAAGI,GAAAA,iBAAU,EAAC1B,UAAU2B,OAAO,CAAE,uCACnDP,eAAiBpB,UAAU4B,eAAe,KAC9CX,wBAAyB,KAG3B,MAAMV,cAAgB,AAACG,QACrBY,SAAStB,UAAUuB,OAAO,CAAChB,aAAa,CAACG,OAC3C,EAEA,MAAMG,YAAc,AAACC,OACnB,MAAMJ,MAAQmB,GAAAA,gDAAuB,EAAC,CACpCC,QAAShB,KACTiB,SAAUN,OAAOf,KAAK,CACtBsB,QAASP,OAAOX,IAAI,AACtB,GACAQ,SACEtB,UAAUuB,OAAO,CAACR,mBAAmB,CAAC,CACpCD,KACAJ,KACF,GAEJ,EAEA,MAAMQ,iBAAmB,AAACD,0BACxBK,SAAStB,UAAUuB,OAAO,CAACL,gBAAgB,CAACD,yBAC9C,EAEA,MAAMgB,YAAc,CAACR,OAAOf,KAAK,CAAGe,OAAOX,IAAI,CAAEW,OAAOf,KAAK,CAAGe,OAAOX,IAAI,CAAGW,OAAOX,IAAI,CAAC,CAE1F,MAAO,CACLW,OACAlB,cACAM,YACAK,iBACAe,WACF,CACF"}