@greenbone/ui-lib 1.5.0 → 1.5.1-alpha0

package/lib/cjs/components/Form/Switch/Switch.js

@@ -1,2 +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 FormSwitch(){return FormSwitch},get RawSwitch(){return RawSwitch}});const _jsxruntime=require("react/jsx-runtime");const _react=/*#__PURE__*/_interop_require_wildcard(require("react"));const _core=require("@mantine/core");const _Form=require("../Form/Form");const _sharedStyles=require("../sharedStyles");const _Form1=require("../Form");const _FormErrors=require("../Form/FormErrors");const _reacthookform=require("react-hook-form");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 _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!=="function")return null;var cacheBabelInterop=new WeakMap;var cacheNodeInterop=new WeakMap;return(_getRequireWildcardCache=function(nodeInterop){return nodeInterop?cacheNodeInterop:cacheBabelInterop})(nodeInterop)}function _interop_require_wildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule){return obj}if(obj===null||typeof obj!=="object"&&typeof obj!=="function"){return{default:obj}}var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj)){return cache.get(obj)}var newObj={__proto__:null};var hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj){if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;if(desc&&(desc.get||desc.set)){Object.defineProperty(newObj,key,desc)}else{newObj[key]=obj[key]}}}newObj.default=obj;if(cache){cache.set(obj,newObj)}return newObj}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 RawSwitch=(0,_react.forwardRef)((_param,ref)=>{var{size="md"}=_param,props=_object_without_properties(_param,["size"]);const classes=(0,_sharedStyles.getDefaultFormStyles)();return(0,_jsxruntime.jsx)(_core.Switch,_object_spread_props(_object_spread({ref:ref},props),{size:size,classNames:_object_spread({root:classes.root,label:classes.label,input:classes.input,error:classes.error},props.classNames)}))});RawSwitch.displayName="RawSwitch";const FormSwitch=_param=>{var{name,validation={}}=_param,props=_object_without_properties(_param,["name","validation"]);const{control}=(0,_Form.useFormContext)();const errorContext=(0,_Form1.useErrorContext)();const{field:{value=false,onChange,ref},fieldState:{error}}=(0,_reacthookform.useController)({name,control,rules:{validate:validation}});const fetchError=errorContext.errors[name];const isString=val=>typeof val==="string";const errors=[error===null||error===void 0?void 0:error.message,fetchError].flat().filter(isString);return(0,_jsxruntime.jsx)(RawSwitch,_object_spread_props(_object_spread({},props),{ref:ref,checked:value,onChange:event=>onChange(event.currentTarget.checked),error:errors.length>0&&(0,_jsxruntime.jsx)(_FormErrors.FormErrors,{errors:errors})}))};
+"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 FormSwitch(){return FormSwitch},get RawSwitch(){return RawSwitch}});const _jsxruntime=require("react/jsx-runtime");const _react=/*#__PURE__*/_interop_require_wildcard(require("react"));const _core=require("@mantine/core");const _Form=require("../Form/Form");const _sharedStyles=require("../sharedStyles");const _Form1=require("../Form");const _FormErrors=require("../Form/FormErrors");const _reacthookform=require("react-hook-form");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 _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!=="function")return null;var cacheBabelInterop=new WeakMap;var cacheNodeInterop=new WeakMap;return(_getRequireWildcardCache=function(nodeInterop){return nodeInterop?cacheNodeInterop:cacheBabelInterop})(nodeInterop)}function _interop_require_wildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule){return obj}if(obj===null||typeof obj!=="object"&&typeof obj!=="function"){return{default:obj}}var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj)){return cache.get(obj)}var newObj={__proto__:null};var hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj){if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;if(desc&&(desc.get||desc.set)){Object.defineProperty(newObj,key,desc)}else{newObj[key]=obj[key]}}}newObj.default=obj;if(cache){cache.set(obj,newObj)}return newObj}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={},sourceKeys,key,i;if(typeof Reflect!=="undefined"&&Reflect.ownKeys){sourceKeys=Reflect.ownKeys(source);for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key]}return target}target=_object_without_properties_loose(source,excluded);if(Object.getOwnPropertySymbols){sourceKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceKeys.length;i++){key=sourceKeys[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={},sourceKeys=Object.getOwnPropertyNames(source),key,i;for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key]}return target}const RawSwitch=(0,_react.forwardRef)((_0,_1)=>{let _ref=[_0,_1],[_ref1,..._rest]=_ref,{size="md"}=_ref1,props=_object_without_properties(_ref1,["size"]),[ref]=_rest;const classes=(0,_sharedStyles.getDefaultFormStyles)();return(0,_jsxruntime.jsx)(_core.Switch,_object_spread_props(_object_spread({ref:ref},props),{size:size,classNames:_object_spread({root:classes.root,label:classes.label,input:classes.input,error:classes.error},props.classNames)}))});RawSwitch.displayName="RawSwitch";const FormSwitch=_0=>{let{name,validation={}}=_0,props=_object_without_properties(_0,["name","validation"]);const{control}=(0,_Form.useFormContext)();const errorContext=(0,_Form1.useErrorContext)();const{field:{value=false,onChange,ref},fieldState:{error}}=(0,_reacthookform.useController)({name,control,rules:{validate:validation}});const fetchError=errorContext.errors[name];const isString=val=>typeof val==="string";const errors=[error===null||error===void 0?void 0:error.message,fetchError].flat().filter(isString);return(0,_jsxruntime.jsx)(RawSwitch,_object_spread_props(_object_spread({},props),{ref:ref,checked:value,onChange:event=>onChange(event.currentTarget.checked),error:errors.length>0&&(0,_jsxruntime.jsx)(_FormErrors.FormErrors,{errors:errors})}))};
 //# sourceMappingURL=Switch.js.map

package/lib/cjs/components/Form/Switch/Switch.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Form/Switch/Switch.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\"\nimport { Switch, SwitchProps } from \"@mantine/core\"\nimport { useFormContext } from \"../Form/Form\"\nimport { getDefaultFormStyles } from \"../sharedStyles\"\nimport { useErrorContext } from \"../Form\"\nimport { FormErrors } from \"../Form/FormErrors\"\nimport { TFormControl } from \"../Form\"\nimport { useController } from \"react-hook-form\"\n\n/**\n * Raw Switch input that applies shared form styling.\n */\nexport const RawSwitch = forwardRef<HTMLInputElement, SwitchProps>(\n  ({ size = \"md\", ...props }, ref) => {\n    const classes = getDefaultFormStyles()\n\n    return (\n      <Switch\n        ref={ref}\n        {...props}\n        size={size}\n        classNames={{\n          root: classes.root,\n          label: classes.label,\n          input: classes.input,\n          error: classes.error,\n          ...props.classNames,\n        }}\n      />\n    )\n  }\n)\n\nRawSwitch.displayName = \"RawSwitch\"\n\n/**\n * Form-connected Switch using Mantine's Switch, integrated with validation and error context.\n */\nexport const FormSwitch: React.FC<SwitchProps & TFormControl<HTMLInputElement>> = ({\n  name,\n  validation = {},\n  ...props\n}) => {\n  const { control } = useFormContext()\n  const errorContext = useErrorContext()\n\n  const {\n    field: { value = false, onChange, ref },\n    fieldState: { error },\n  } = useController({\n    name,\n    control,\n    rules: { validate: validation },\n  })\n\n  const fetchError = errorContext.errors[name]\n  const isString = (val: unknown): val is string => typeof val === \"string\"\n  const errors = [error?.message, fetchError].flat().filter(isString)\n\n  return (\n    <RawSwitch\n      {...props}\n      ref={ref}\n      checked={value}\n      onChange={(event) => onChange(event.currentTarget.checked)}\n      error={errors.length > 0 && <FormErrors errors={errors} />}\n    />\n  )\n}\n"],"names":["FormSwitch","RawSwitch","forwardRef","ref","size","props","classes","getDefaultFormStyles","Switch","classNames","root","label","input","error","displayName","name","validation","control","useFormContext","errorContext","useErrorContext","field","value","onChange","fieldState","useController","rules","validate","fetchError","errors","isString","val","message","flat","filter","checked","event","currentTarget","length","FormErrors"],"mappings":"mPAsCaA,oBAAAA,gBA1BAC,mBAAAA,wHAZqB,8BACE,qCACL,4CACM,wCACL,qCACL,mDAEG,06FAKvB,MAAMA,UAAYC,GAAAA,iBAAU,EACjC,QAA4BC,UAA3B,CAAEC,KAAO,IAAI,CAAY,QAAPC,yCAAhBD,SACD,MAAME,QAAUC,GAAAA,kCAAoB,IAEpC,MACE,oBAACC,YAAM,sCACLL,IAAKA,KACDE,QACJD,KAAMA,KACNK,WAAY,gBACVC,KAAMJ,QAAQI,IAAI,CAClBC,MAAOL,QAAQK,KAAK,CACpBC,MAAON,QAAQM,KAAK,CACpBC,MAAOP,QAAQO,KAAK,EACjBR,MAAMI,UAAU,IAI3B,EAGFR,CAAAA,UAAUa,WAAW,CAAG,YAKjB,MAAMd,WAAqE,YAAC,CACjFe,IAAI,CACJC,WAAa,CAAC,CAAC,CAEhB,QADIX,yCAFHU,OACAC,eAGA,KAAM,CAAEC,OAAO,CAAE,CAAGC,GAAAA,oBAAc,IAClC,MAAMC,aAAeC,GAAAA,sBAAe,IAEpC,KAAM,CACJC,MAAO,CAAEC,MAAQ,KAAK,CAAEC,QAAQ,CAAEpB,GAAG,CAAE,CACvCqB,WAAY,CAAEX,KAAK,CAAE,CACtB,CAAGY,GAAAA,4BAAa,EAAC,CAChBV,KACAE,QACAS,MAAO,CAAEC,SAAUX,UAAW,CAChC,GAEA,MAAMY,WAAaT,aAAaU,MAAM,CAACd,KAAK,CAC5C,MAAMe,SAAW,AAACC,KAAgC,OAAOA,MAAQ,SACjE,MAAMF,OAAS,CAAChB,cAAAA,sBAAAA,MAAOmB,OAAO,CAAEJ,WAAW,CAACK,IAAI,GAAGC,MAAM,CAACJ,UAE1D,MACE,oBAAC7B,iDACKI,QACJF,IAAKA,IACLgC,QAASb,MACTC,SAAU,AAACa,OAAUb,SAASa,MAAMC,aAAa,CAACF,OAAO,EACzDtB,MAAOgB,OAAOS,MAAM,CAAG,GAAK,oBAACC,sBAAU,EAACV,OAAQA,WAGtD"}
+{"version":3,"sources":["../../../../../src/components/Form/Switch/Switch.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\"\nimport { Switch, SwitchProps } from \"@mantine/core\"\nimport { useFormContext } from \"../Form/Form\"\nimport { getDefaultFormStyles } from \"../sharedStyles\"\nimport { useErrorContext } from \"../Form\"\nimport { FormErrors } from \"../Form/FormErrors\"\nimport { TFormControl } from \"../Form\"\nimport { useController } from \"react-hook-form\"\n\n/**\n * Raw Switch input that applies shared form styling.\n */\nexport const RawSwitch = forwardRef<HTMLInputElement, SwitchProps>(\n  ({ size = \"md\", ...props }, ref) => {\n    const classes = getDefaultFormStyles()\n\n    return (\n      <Switch\n        ref={ref}\n        {...props}\n        size={size}\n        classNames={{\n          root: classes.root,\n          label: classes.label,\n          input: classes.input,\n          error: classes.error,\n          ...props.classNames,\n        }}\n      />\n    )\n  }\n)\n\nRawSwitch.displayName = \"RawSwitch\"\n\n/**\n * Form-connected Switch using Mantine's Switch, integrated with validation and error context.\n */\nexport const FormSwitch: React.FC<SwitchProps & TFormControl<HTMLInputElement>> = ({\n  name,\n  validation = {},\n  ...props\n}) => {\n  const { control } = useFormContext()\n  const errorContext = useErrorContext()\n\n  const {\n    field: { value = false, onChange, ref },\n    fieldState: { error },\n  } = useController({\n    name,\n    control,\n    rules: { validate: validation },\n  })\n\n  const fetchError = errorContext.errors[name]\n  const isString = (val: unknown): val is string => typeof val === \"string\"\n  const errors = [error?.message, fetchError].flat().filter(isString)\n\n  return (\n    <RawSwitch\n      {...props}\n      ref={ref}\n      checked={value}\n      onChange={(event) => onChange(event.currentTarget.checked)}\n      error={errors.length > 0 && <FormErrors errors={errors} />}\n    />\n  )\n}\n"],"names":["FormSwitch","RawSwitch","forwardRef","size","props","ref","classes","getDefaultFormStyles","Switch","classNames","root","label","input","error","displayName","name","validation","control","useFormContext","errorContext","useErrorContext","field","value","onChange","fieldState","useController","rules","validate","fetchError","errors","isString","val","message","flat","filter","checked","event","currentTarget","length","FormErrors"],"mappings":"mPAsCaA,oBAAAA,gBA1BAC,mBAAAA,wHAZqB,8BACE,qCACL,4CACM,wCACL,qCACL,mDAEG,uwGAKvB,MAAMA,UAAYC,GAAAA,iBAAU,EACjC,iDAAC,CAAEC,KAAO,IAAI,CAAY,OAAPC,kDAASC,WAC1B,MAAMC,QAAUC,GAAAA,kCAAoB,IAEpC,MACE,oBAACC,YAAM,sCACLH,IAAKA,KACDD,QACJD,KAAMA,KACNM,WAAY,gBACVC,KAAMJ,QAAQI,IAAI,CAClBC,MAAOL,QAAQK,KAAK,CACpBC,MAAON,QAAQM,KAAK,CACpBC,MAAOP,QAAQO,KAAK,EACjBT,MAAMK,UAAU,IAI3B,EAGFR,CAAAA,UAAUa,WAAW,CAAG,YAKjB,MAAMd,WAAqE,QAAC,CACjFe,IAAI,CACJC,WAAa,CAAC,CAAC,CAEhB,IADIZ,2DAEH,KAAM,CAAEa,OAAO,CAAE,CAAGC,GAAAA,oBAAc,IAClC,MAAMC,aAAeC,GAAAA,sBAAe,IAEpC,KAAM,CACJC,MAAO,CAAEC,MAAQ,KAAK,CAAEC,QAAQ,CAAElB,GAAG,CAAE,CACvCmB,WAAY,CAAEX,KAAK,CAAE,CACtB,CAAGY,GAAAA,4BAAa,EAAC,CAChBV,KACAE,QACAS,MAAO,CAAEC,SAAUX,UAAW,CAChC,GAEA,MAAMY,WAAaT,aAAaU,MAAM,CAACd,KAAK,CAC5C,MAAMe,SAAW,AAACC,KAAgC,OAAOA,MAAQ,SACjE,MAAMF,OAAS,CAAChB,cAAAA,sBAAAA,MAAOmB,OAAO,CAAEJ,WAAW,CAACK,IAAI,GAAGC,MAAM,CAACJ,UAE1D,MACE,oBAAC7B,iDACKG,QACJC,IAAKA,IACL8B,QAASb,MACTC,SAAU,AAACa,OAAUb,SAASa,MAAMC,aAAa,CAACF,OAAO,EACzDtB,MAAOgB,OAAOS,MAAM,CAAG,GAAK,oBAACC,sBAAU,EAACV,OAAQA,WAGtD"}

package/lib/cjs/components/Form/Textarea/Textarea.js

@@ -1,2 +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 FormTextarea(){return FormTextarea},get Textarea(){return Textarea}});const _jsxruntime=require("react/jsx-runtime");const _core=require("@mantine/core");const _sharedStyles=require("../sharedStyles");const _react=require("react");const _Form=require("../Form");const _FormErrors=require("../Form/FormErrors");const _Textareamodulecss=/*#__PURE__*/_interop_require_default(require("./Textarea.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 _extends(){_extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source){if(Object.prototype.hasOwnProperty.call(source,key)){target[key]=source[key]}}}return target};return _extends.apply(this,arguments)}function _interop_require_default(obj){return obj&&obj.__esModule?obj:{default:obj}}function _object_destructuring_empty(o){if(o===null||o===void 0)throw new TypeError("Cannot destructure "+o);return o}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 useStyles=()=>{return(0,_sharedStyles.getDefaultFormStyles)()};const Textarea=(0,_react.forwardRef)((_param,ref)=>{var props=_extends({},_object_destructuring_empty(_param));const defaultClasses=useStyles();return(0,_jsxruntime.jsx)(_core.Textarea,_object_spread_props(_object_spread({ref:ref},props),{classNames:_object_spread({root:defaultClasses.root,label:defaultClasses.label,input:`${defaultClasses.input} ${_Textareamodulecss.default.input}`,error:defaultClasses.error},props.classNames)}))});const FormTextarea=_param=>{var{name,validation={},minLength,maxLength}=_param,textAreaProps=_object_without_properties(_param,["name","validation","minLength","maxLength"]);const{register,formState}=(0,_Form.useFormContext)();const errorContext=(0,_Form.useErrorContext)();const formError=formState.errors[name];const fetchErrors=errorContext.errors[name];const errors=[formError===null||formError===void 0?void 0:formError.message,fetchErrors].flat().filter(ent=>ent);return(0,_jsxruntime.jsx)(Textarea,_object_spread_props(_object_spread({},textAreaProps,register(name,{validate:validation,minLength,maxLength})),{error:errors.length>0&&(0,_jsxruntime.jsx)(_FormErrors.FormErrors,{errors:errors})}))};
+"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 FormTextarea(){return FormTextarea},get Textarea(){return Textarea}});const _jsxruntime=require("react/jsx-runtime");const _core=require("@mantine/core");const _sharedStyles=require("../sharedStyles");const _react=require("react");const _Form=require("../Form");const _FormErrors=require("../Form/FormErrors");const _Textareamodulecss=/*#__PURE__*/_interop_require_default(require("./Textarea.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 _extends(){_extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source){if(Object.prototype.hasOwnProperty.call(source,key)){target[key]=source[key]}}}return target};return _extends.apply(this,arguments)}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={},sourceKeys,key,i;if(typeof Reflect!=="undefined"&&Reflect.ownKeys){sourceKeys=Reflect.ownKeys(source);for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key]}return target}target=_object_without_properties_loose(source,excluded);if(Object.getOwnPropertySymbols){sourceKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceKeys.length;i++){key=sourceKeys[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={},sourceKeys=Object.getOwnPropertyNames(source),key,i;for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key]}return target}const useStyles=()=>{return(0,_sharedStyles.getDefaultFormStyles)()};const Textarea=(0,_react.forwardRef)((_0,_1)=>{let _ref=[_0,_1],[_ref1,..._rest]=_ref,{}=_ref1,props=_extends({},_ref1),[ref]=_rest;const defaultClasses=useStyles();return(0,_jsxruntime.jsx)(_core.Textarea,_object_spread_props(_object_spread({ref:ref},props),{classNames:_object_spread({root:defaultClasses.root,label:defaultClasses.label,input:`${defaultClasses.input} ${_Textareamodulecss.default.input}`,error:defaultClasses.error},props.classNames)}))});const FormTextarea=_0=>{let{name,validation={},minLength,maxLength}=_0,textAreaProps=_object_without_properties(_0,["name","validation","minLength","maxLength"]);const{register,formState}=(0,_Form.useFormContext)();const errorContext=(0,_Form.useErrorContext)();const formError=formState.errors[name];const fetchErrors=errorContext.errors[name];const errors=[formError===null||formError===void 0?void 0:formError.message,fetchErrors].flat().filter(ent=>ent);return(0,_jsxruntime.jsx)(Textarea,_object_spread_props(_object_spread({},textAreaProps,register(name,{validate:validation,minLength,maxLength})),{error:errors.length>0&&(0,_jsxruntime.jsx)(_FormErrors.FormErrors,{errors:errors})}))};
 //# sourceMappingURL=Textarea.js.map

package/lib/cjs/components/Form/Textarea/Textarea.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Form/Textarea/Textarea.tsx"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport { TextareaProps, Textarea as TextareaMantine } from \"@mantine/core\"\nimport { getDefaultFormStyles } from \"../sharedStyles\"\nimport { forwardRef } from \"react\"\nimport { TFormControl } from \"../Form\"\nimport { useErrorContext, useFormContext } from \"../Form\"\nimport { FormErrors } from \"../Form/FormErrors\"\nimport classes from \"./Textarea.module.css\"\n\nconst useStyles = () => {\n  return getDefaultFormStyles()\n}\n\n// eslint-disable-next-line react/display-name\nexport const Textarea = forwardRef<HTMLTextAreaElement, any>(({ ...props }, ref) => {\n  const defaultClasses = useStyles()\n  return (\n    <TextareaMantine\n      ref={ref}\n      {...props}\n      classNames={{\n        root: defaultClasses.root,\n        label: defaultClasses.label,\n        input: `${defaultClasses.input} ${classes.input}`,\n        error: defaultClasses.error,\n        ...props.classNames,\n      }}\n    />\n  )\n})\n\n/**\n * **Form** compatible TextArea component with built-in validation\n * @param name Name for the form-item\n * @param validation Validation rules for client-side validation\n * @param minLength Quick validation\n * @param maxLength Quick validation\n * @param textAreaProps props passed to the TextArea\n */\nexport const FormTextarea: React.FC<TextareaProps & TFormControl<HTMLTextAreaElement>> = ({\n  name,\n  validation = {},\n  minLength,\n  maxLength,\n  ...textAreaProps\n}) => {\n  const { register, formState } = useFormContext()\n  const errorContext = useErrorContext()\n\n  const formError = formState.errors[name]\n  const fetchErrors = errorContext.errors[name]\n  const errors = [formError?.message as string, fetchErrors].flat().filter((ent) => ent)\n\n  return (\n    <Textarea\n      {...textAreaProps}\n      {...register(name, {\n        validate: validation,\n        minLength,\n        maxLength,\n      })}\n      error={errors.length > 0 && <FormErrors errors={errors} />}\n    />\n  )\n}\n"],"names":["FormTextarea","Textarea","useStyles","getDefaultFormStyles","forwardRef","ref","props","defaultClasses","TextareaMantine","classNames","root","label","input","classes","error","name","validation","minLength","maxLength","textAreaProps","register","formState","useFormContext","errorContext","useErrorContext","formError","errors","fetchErrors","message","flat","filter","ent","validate","length","FormErrors"],"mappings":"mPA0CaA,sBAAAA,kBAzBAC,kBAAAA,+EAb8C,6CACtB,wCACV,6BAEqB,qCACrB,6FACP,26EAEpB,MAAMC,UAAY,KAChB,MAAOC,GAAAA,kCAAoB,GAC7B,EAGO,MAAMF,SAAWG,GAAAA,iBAAU,EAA2B,QAAeC,WAATC,uDACjE,MAAMC,eAAiBL,YACvB,MACE,oBAACM,cAAe,sCACdH,IAAKA,KACDC,QACJG,WAAY,gBACVC,KAAMH,eAAeG,IAAI,CACzBC,MAAOJ,eAAeI,KAAK,CAC3BC,MAAO,CAAC,EAAEL,eAAeK,KAAK,CAAC,CAAC,EAAEC,0BAAO,CAACD,KAAK,CAAC,CAAC,CACjDE,MAAOP,eAAeO,KAAK,EACxBR,MAAMG,UAAU,IAI3B,GAUO,MAAMT,aAA4E,YAAC,CACxFe,IAAI,CACJC,WAAa,CAAC,CAAC,CACfC,SAAS,CACTC,SAAS,CAEV,QADIC,iDAJHJ,OACAC,aACAC,YACAC,cAGA,KAAM,CAAEE,QAAQ,CAAEC,SAAS,CAAE,CAAGC,GAAAA,oBAAc,IAC9C,MAAMC,aAAeC,GAAAA,qBAAe,IAEpC,MAAMC,UAAYJ,UAAUK,MAAM,CAACX,KAAK,CACxC,MAAMY,YAAcJ,aAAaG,MAAM,CAACX,KAAK,CAC7C,MAAMW,OAAS,CAACD,kBAAAA,0BAAAA,UAAWG,OAAO,CAAYD,YAAY,CAACE,IAAI,GAAGC,MAAM,CAAC,AAACC,KAAQA,KAElF,MACE,oBAAC9B,gDACKkB,cACAC,SAASL,KAAM,CACjBiB,SAAUhB,WACVC,UACAC,SACF,KACAJ,MAAOY,OAAOO,MAAM,CAAG,GAAK,oBAACC,sBAAU,EAACR,OAAQA,WAGtD"}
+{"version":3,"sources":["../../../../../src/components/Form/Textarea/Textarea.tsx"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport { TextareaProps, Textarea as TextareaMantine } from \"@mantine/core\"\nimport { getDefaultFormStyles } from \"../sharedStyles\"\nimport { forwardRef } from \"react\"\nimport { TFormControl } from \"../Form\"\nimport { useErrorContext, useFormContext } from \"../Form\"\nimport { FormErrors } from \"../Form/FormErrors\"\nimport classes from \"./Textarea.module.css\"\n\nconst useStyles = () => {\n  return getDefaultFormStyles()\n}\n\n// eslint-disable-next-line react/display-name\nexport const Textarea = forwardRef<HTMLTextAreaElement, any>(({ ...props }, ref) => {\n  const defaultClasses = useStyles()\n  return (\n    <TextareaMantine\n      ref={ref}\n      {...props}\n      classNames={{\n        root: defaultClasses.root,\n        label: defaultClasses.label,\n        input: `${defaultClasses.input} ${classes.input}`,\n        error: defaultClasses.error,\n        ...props.classNames,\n      }}\n    />\n  )\n})\n\n/**\n * **Form** compatible TextArea component with built-in validation\n * @param name Name for the form-item\n * @param validation Validation rules for client-side validation\n * @param minLength Quick validation\n * @param maxLength Quick validation\n * @param textAreaProps props passed to the TextArea\n */\nexport const FormTextarea: React.FC<TextareaProps & TFormControl<HTMLTextAreaElement>> = ({\n  name,\n  validation = {},\n  minLength,\n  maxLength,\n  ...textAreaProps\n}) => {\n  const { register, formState } = useFormContext()\n  const errorContext = useErrorContext()\n\n  const formError = formState.errors[name]\n  const fetchErrors = errorContext.errors[name]\n  const errors = [formError?.message as string, fetchErrors].flat().filter((ent) => ent)\n\n  return (\n    <Textarea\n      {...textAreaProps}\n      {...register(name, {\n        validate: validation,\n        minLength,\n        maxLength,\n      })}\n      error={errors.length > 0 && <FormErrors errors={errors} />}\n    />\n  )\n}\n"],"names":["FormTextarea","Textarea","useStyles","getDefaultFormStyles","forwardRef","props","ref","defaultClasses","TextareaMantine","classNames","root","label","input","classes","error","name","validation","minLength","maxLength","textAreaProps","register","formState","useFormContext","errorContext","useErrorContext","formError","errors","fetchErrors","message","flat","filter","ent","validate","length","FormErrors"],"mappings":"mPA0CaA,sBAAAA,kBAzBAC,kBAAAA,+EAb8C,6CACtB,wCACV,6BAEqB,qCACrB,6FACP,kpFAEpB,MAAMC,UAAY,KAChB,MAAOC,GAAAA,kCAAoB,GAC7B,EAGO,MAAMF,SAAWG,GAAAA,iBAAU,EAA2B,iDAAC,EAAY,OAAPC,0BAASC,WAC1E,MAAMC,eAAiBL,YACvB,MACE,oBAACM,cAAe,sCACdF,IAAKA,KACDD,QACJI,WAAY,gBACVC,KAAMH,eAAeG,IAAI,CACzBC,MAAOJ,eAAeI,KAAK,CAC3BC,MAAO,CAAC,EAAEL,eAAeK,KAAK,CAAC,CAAC,EAAEC,0BAAO,CAACD,KAAK,CAAC,CAAC,CACjDE,MAAOP,eAAeO,KAAK,EACxBT,MAAMI,UAAU,IAI3B,GAUO,MAAMT,aAA4E,QAAC,CACxFe,IAAI,CACJC,WAAa,CAAC,CAAC,CACfC,SAAS,CACTC,SAAS,CAEV,IADIC,2FAEH,KAAM,CAAEC,QAAQ,CAAEC,SAAS,CAAE,CAAGC,GAAAA,oBAAc,IAC9C,MAAMC,aAAeC,GAAAA,qBAAe,IAEpC,MAAMC,UAAYJ,UAAUK,MAAM,CAACX,KAAK,CACxC,MAAMY,YAAcJ,aAAaG,MAAM,CAACX,KAAK,CAC7C,MAAMW,OAAS,CAACD,kBAAAA,0BAAAA,UAAWG,OAAO,CAAYD,YAAY,CAACE,IAAI,GAAGC,MAAM,CAAC,AAACC,KAAQA,KAElF,MACE,oBAAC9B,gDACKkB,cACAC,SAASL,KAAM,CACjBiB,SAAUhB,WACVC,UACAC,SACF,KACAJ,MAAOY,OAAOO,MAAM,CAAG,GAAK,oBAACC,sBAAU,EAACR,OAAQA,WAGtD"}

package/lib/cjs/components/HighlightBox/HighlightBox.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"HighlightBox",{enumerable:true,get:function(){return HighlightBox}});const _jsxruntime=require("react/jsx-runtime");const _HighlightBoxmodulecss=/*#__PURE__*/_interop_require_default(require("./HighlightBox.module.css"));function _interop_require_default(obj){return obj&&obj.__esModule?obj:{default:obj}}const HighlightBox=({children})=>{return(0,_jsxruntime.jsx)("div",{className:_HighlightBoxmodulecss.default["highlight-box"],children:children})};
+//# sourceMappingURL=HighlightBox.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/HighlightBox/HighlightBox.tsx"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\n\nimport { FC, PropsWithChildren } from \"react\"\nimport classes from \"./HighlightBox.module.css\"\n\nexport const HighlightBox: FC<PropsWithChildren> = ({ children }) => {\n  return <div className={classes[\"highlight-box\"]}>{children}</div>\n}\n"],"names":["HighlightBox","children","div","className","classes"],"mappings":"oGAQaA,sDAAAA,0IAFO,kHAEb,MAAMA,aAAsC,CAAC,CAAEC,QAAQ,CAAE,IAC9D,MAAO,oBAACC,OAAIC,UAAWC,8BAAO,CAAC,gBAAgB,UAAGH,UACpD"}

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

@@ -0,0 +1 @@
+:root[data-mantine-color-scheme=dark]{--background-color:var(--mantine-color-gray-9)}:root:not([data-mantine-color-scheme=dark]){--background-color:var(--mantine-color-gray-0)}.highlight-box{background-color:var(--background-color);border-radius:var(--mantine-radius-md);padding:var(--mantine-spacing-md)}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});_export_star(require("./HighlightBox"),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/HighlightBox/index.js.map

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

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/HoverCard/HoverCard.tsx"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport { ReactNode } from \"react\"\nimport { HoverCard as MantineHoverCard } from \"@mantine/core\"\nimport { EStatus } from \"../../genericTypes\"\nimport classes from \"./HoverCard.module.css\"\n\nexport type THoverCardProps = {\n  dropDownContent: ReactNode\n  target: ReactNode\n  type?: EStatus\n}\n\nexport const HoverCard = ({ dropDownContent, target, type = EStatus.INFO }: THoverCardProps) => {\n  return (\n    <MantineHoverCard\n      withArrow\n      offset={4}\n      position=\"top\"\n      classNames={{\n        dropdown: `${classes.dropdown} ${classes[`dropdown-${type}`]}`,\n        arrow: classes[`arrow-${type}`],\n      }}\n    >\n      <MantineHoverCard.Target>{target}</MantineHoverCard.Target>\n      <MantineHoverCard.Dropdown>{dropDownContent}</MantineHoverCard.Dropdown>\n    </MantineHoverCard>\n  )\n}\n"],"names":["HoverCard","dropDownContent","target","type","EStatus","INFO","MantineHoverCard","withArrow","offset","position","classNames","dropdown","classes","arrow","Target","Dropdown"],"mappings":"oGAeaA,mDAAAA,gFAViC,6CACtB,8FACJ,+GAQb,MAAMA,UAAY,CAAC,CAAEC,eAAe,CAAEC,MAAM,CAAEC,KAAOC,qBAAO,CAACC,IAAI,CAAmB,IACzF,MACE,qBAACC,eAAgB,EACfC,SAAS,MACTC,OAAQ,EACRC,SAAS,MACTC,WAAY,CACVC,SAAU,CAAC,EAAEC,2BAAO,CAACD,QAAQ,CAAC,CAAC,EAAEC,2BAAO,CAAC,CAAC,SAAS,EAAET,KAAK,CAAC,CAAC,CAAC,CAAC,CAC9DU,MAAOD,2BAAO,CAAC,CAAC,MAAM,EAAET,KAAK,CAAC,CAAC,AACjC,YAEA,oBAACG,eAAgB,CAACQ,MAAM,WAAEZ,SAC1B,oBAACI,eAAgB,CAACS,QAAQ,WAAEd,oBAGlC"}
+{"version":3,"sources":["../../../../src/components/HoverCard/HoverCard.tsx"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport { ReactNode } from \"react\"\nimport { HoverCard as MantineHoverCard } from \"@mantine/core\"\nimport { EStatus } from \"../../genericTypes\"\nimport classes from \"./HoverCard.module.css\"\n\nexport type THoverCardProps = {\n  dropDownContent: ReactNode\n  target: ReactNode\n  type?: EStatus\n}\n\n/**\n * Provides a HoverCard with custom content and target\n * @param dropDownContent ReactNode describing the content of the HoverCard\n * @param target ReactNode which opens the HoverCard content when hovered\n * @param type Type of the HoverCard based on EStatus\n */\nexport const HoverCard = ({ dropDownContent, target, type = EStatus.INFO }: THoverCardProps) => {\n  return (\n    <MantineHoverCard\n      withArrow\n      offset={4}\n      position=\"top\"\n      classNames={{\n        dropdown: `${classes.dropdown} ${classes[`dropdown-${type}`]}`,\n        arrow: classes[`arrow-${type}`],\n      }}\n    >\n      <MantineHoverCard.Target>{target}</MantineHoverCard.Target>\n      <MantineHoverCard.Dropdown>{dropDownContent}</MantineHoverCard.Dropdown>\n    </MantineHoverCard>\n  )\n}\n"],"names":["HoverCard","dropDownContent","target","type","EStatus","INFO","MantineHoverCard","withArrow","offset","position","classNames","dropdown","classes","arrow","Target","Dropdown"],"mappings":"oGAqBaA,mDAAAA,gFAhBiC,6CACtB,8FACJ,+GAcb,MAAMA,UAAY,CAAC,CAAEC,eAAe,CAAEC,MAAM,CAAEC,KAAOC,qBAAO,CAACC,IAAI,CAAmB,IACzF,MACE,qBAACC,eAAgB,EACfC,SAAS,MACTC,OAAQ,EACRC,SAAS,MACTC,WAAY,CACVC,SAAU,CAAC,EAAEC,2BAAO,CAACD,QAAQ,CAAC,CAAC,EAAEC,2BAAO,CAAC,CAAC,SAAS,EAAET,KAAK,CAAC,CAAC,CAAC,CAAC,CAC9DU,MAAOD,2BAAO,CAAC,CAAC,MAAM,EAAET,KAAK,CAAC,CAAC,AACjC,YAEA,oBAACG,eAAgB,CAACQ,MAAM,WAAEZ,SAC1B,oBAACI,eAAgB,CAACS,QAAQ,WAAEd,oBAGlC"}

package/lib/cjs/components/Icon/Icon.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"Icon",{enumerable:true,get:function(){return Icon}});const _jsxruntime=require("react/jsx-runtime");const _react=require("react");const _theme=require("../../theme/theme");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 _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 Icon=(0,_react.forwardRef)((_param,ref)=>{var{size="sm",strokeWidth="1.5",icon}=_param,rest=_object_without_properties(_param,["size","strokeWidth","icon"]);const Icon=icon;return(0,_jsxruntime.jsx)(Icon,_object_spread({size:getSizeForIcon(size),ref:ref,strokeWidth:strokeWidth},rest))});const getSizeForIcon=size=>{switch(size){case"xs":return _theme.theme.other.iconSizes.SMALL;case"sm":return _theme.theme.other.iconSizes.MEDIUM;case"md":return _theme.theme.other.iconSizes.MEDIUM_LARGE;case"lg":return _theme.theme.other.iconSizes.LARGE;default:return _theme.theme.other.iconSizes.MEDIUM}};Icon.displayName="Icon";
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"Icon",{enumerable:true,get:function(){return Icon}});const _jsxruntime=require("react/jsx-runtime");const _react=require("react");const _theme=require("../../theme/theme");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 _object_without_properties(source,excluded){if(source==null)return{};var target={},sourceKeys,key,i;if(typeof Reflect!=="undefined"&&Reflect.ownKeys){sourceKeys=Reflect.ownKeys(source);for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key]}return target}target=_object_without_properties_loose(source,excluded);if(Object.getOwnPropertySymbols){sourceKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceKeys.length;i++){key=sourceKeys[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={},sourceKeys=Object.getOwnPropertyNames(source),key,i;for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key]}return target}const Icon=(0,_react.forwardRef)((_0,_1)=>{let _ref=[_0,_1],[_ref1,..._rest]=_ref,{size="sm",strokeWidth="1.5",icon}=_ref1,rest=_object_without_properties(_ref1,["size","strokeWidth","icon"]),[ref]=_rest;const Icon=icon;return(0,_jsxruntime.jsx)(Icon,_object_spread({size:getSizeForIcon(size),ref:ref,strokeWidth:strokeWidth},rest))});const getSizeForIcon=size=>{switch(size){case"xs":return _theme.theme.other.iconSizes.SMALL;case"sm":return _theme.theme.other.iconSizes.MEDIUM;case"md":return _theme.theme.other.iconSizes.MEDIUM_LARGE;case"lg":return _theme.theme.other.iconSizes.LARGE;default:return _theme.theme.other.iconSizes.MEDIUM}};Icon.displayName="Icon";
 //# sourceMappingURL=Icon.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Icon/Icon.tsx"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport { forwardRef } from \"react\"\nimport { LucideIcon, LucideProps } from \"lucide-react\"\nimport { theme } from \"../../theme/theme\"\n\nexport type TIconProps = {\n  icon: LucideIcon\n  size: \"xs\" | \"sm\" | \"md\" | \"lg\"\n} & LucideProps\n\nexport const Icon = forwardRef<SVGSVGElement, TIconProps>(\n  ({ size = \"sm\", strokeWidth = \"1.5\", icon, ...rest }, ref) => {\n    const Icon = icon\n    return <Icon size={getSizeForIcon(size)} ref={ref} strokeWidth={strokeWidth} {...rest} />\n  }\n)\n\nconst getSizeForIcon = (size: \"xs\" | \"sm\" | \"md\" | \"lg\"): number => {\n  switch (size) {\n    case \"xs\":\n      return theme.other.iconSizes.SMALL\n    case \"sm\":\n      return theme.other.iconSizes.MEDIUM\n    case \"md\":\n      return theme.other.iconSizes.MEDIUM_LARGE\n    case \"lg\":\n      return theme.other.iconSizes.LARGE\n    default:\n      return theme.other.iconSizes.MEDIUM\n  }\n}\n\nIcon.displayName = \"Icon\"\n"],"names":["Icon","forwardRef","ref","size","strokeWidth","icon","rest","getSizeForIcon","theme","other","iconSizes","SMALL","MEDIUM","MEDIUM_LARGE","LARGE","displayName"],"mappings":"oGAaaA,8CAAAA,4EATc,8BAEL,q0CAOf,MAAMA,KAAOC,GAAAA,iBAAU,EAC5B,QAAsDC,UAArD,CAAEC,KAAO,IAAI,CAAEC,YAAc,KAAK,CAAEC,IAAI,CAAW,QAANC,wCAA3CH,OAAaC,cAAqBC,SACnC,MAAML,KAAOK,KACb,MAAO,oBAACL,qBAAKG,KAAMI,eAAeJ,MAAOD,IAAKA,IAAKE,YAAaA,aAAiBE,MACnF,GAGF,MAAMC,eAAiB,AAACJ,OACtB,OAAQA,MACN,IAAK,KACH,OAAOK,YAAK,CAACC,KAAK,CAACC,SAAS,CAACC,KAAK,AACpC,KAAK,KACH,OAAOH,YAAK,CAACC,KAAK,CAACC,SAAS,CAACE,MAAM,AACrC,KAAK,KACH,OAAOJ,YAAK,CAACC,KAAK,CAACC,SAAS,CAACG,YAAY,AAC3C,KAAK,KACH,OAAOL,YAAK,CAACC,KAAK,CAACC,SAAS,CAACI,KAAK,AACpC,SACE,OAAON,YAAK,CAACC,KAAK,CAACC,SAAS,CAACE,MAAM,AACvC,CACF,CAEAZ,CAAAA,KAAKe,WAAW,CAAG"}
+{"version":3,"sources":["../../../../src/components/Icon/Icon.tsx"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport { forwardRef } from \"react\"\nimport { LucideIcon, LucideProps } from \"lucide-react\"\nimport { theme } from \"../../theme/theme\"\n\nexport type TIconProps = {\n  icon: LucideIcon\n  size: \"xs\" | \"sm\" | \"md\" | \"lg\"\n} & LucideProps\n\n/**\n * Provides an icon with variable size\n * @param icon The LucideIcon to be used\n * @param size Size string (xs, sm, md, or lg)\n */\nexport const Icon = forwardRef<SVGSVGElement, TIconProps>(\n  ({ size = \"sm\", strokeWidth = \"1.5\", icon, ...rest }, ref) => {\n    const Icon = icon\n    return <Icon size={getSizeForIcon(size)} ref={ref} strokeWidth={strokeWidth} {...rest} />\n  }\n)\n\nconst getSizeForIcon = (size: \"xs\" | \"sm\" | \"md\" | \"lg\"): number => {\n  switch (size) {\n    case \"xs\":\n      return theme.other.iconSizes.SMALL\n    case \"sm\":\n      return theme.other.iconSizes.MEDIUM\n    case \"md\":\n      return theme.other.iconSizes.MEDIUM_LARGE\n    case \"lg\":\n      return theme.other.iconSizes.LARGE\n    default:\n      return theme.other.iconSizes.MEDIUM\n  }\n}\n\nIcon.displayName = \"Icon\"\n"],"names":["Icon","forwardRef","size","strokeWidth","icon","rest","ref","getSizeForIcon","theme","other","iconSizes","SMALL","MEDIUM","MEDIUM_LARGE","LARGE","displayName"],"mappings":"oGAkBaA,8CAAAA,4EAdc,8BAEL,kqDAYf,MAAMA,KAAOC,GAAAA,iBAAU,EAC5B,iDAAC,CAAEC,KAAO,IAAI,CAAEC,YAAc,KAAK,CAAEC,IAAI,CAAW,OAANC,sEAAQC,WACpD,MAAMN,KAAOI,KACb,MAAO,oBAACJ,qBAAKE,KAAMK,eAAeL,MAAOI,IAAKA,IAAKH,YAAaA,aAAiBE,MACnF,GAGF,MAAME,eAAiB,AAACL,OACtB,OAAQA,MACN,IAAK,KACH,OAAOM,YAAK,CAACC,KAAK,CAACC,SAAS,CAACC,KAAK,AACpC,KAAK,KACH,OAAOH,YAAK,CAACC,KAAK,CAACC,SAAS,CAACE,MAAM,AACrC,KAAK,KACH,OAAOJ,YAAK,CAACC,KAAK,CAACC,SAAS,CAACG,YAAY,AAC3C,KAAK,KACH,OAAOL,YAAK,CAACC,KAAK,CAACC,SAAS,CAACI,KAAK,AACpC,SACE,OAAON,YAAK,CAACC,KAAK,CAACC,SAAS,CAACE,MAAM,AACvC,CACF,CAEAZ,CAAAA,KAAKe,WAAW,CAAG"}

package/lib/cjs/components/InfoTip/InfoTip.js

@@ -1,2 +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 InfoI(){return InfoI},get InfoTip(){return InfoTip}});const _jsxruntime=require("react/jsx-runtime");const _react=/*#__PURE__*/_interop_require_default(require("react"));const _hooks=require("@mantine/hooks");const _core=require("@mantine/core");const _lucidereact=require("lucide-react");const _InfoTipmodulecss=/*#__PURE__*/_interop_require_default(require("./InfoTip.module.css"));const _theme=require("../../theme");const _cx=require("../../helper/cx");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 InfoTip=_param=>{var{children,dropDownContent,className}=_param,props=_object_without_properties(_param,["children","dropDownContent","className"]);const[opened,{close,open}]=(0,_hooks.useDisclosure)(false);return(0,_jsxruntime.jsxs)(_core.Popover,_object_spread_props(_object_spread({position:"top",withArrow:true,offset:4,opened:opened,withinPortal:true},props),{children:[(0,_jsxruntime.jsx)(_core.Popover.Target,{children:(0,_jsxruntime.jsx)("div",{className:(0,_cx.cx)(_InfoTipmodulecss.default["info-tip-target"],className),onMouseEnter:open,onMouseLeave:close,children:children})}),(0,_jsxruntime.jsx)(_core.Popover.Dropdown,{className:(0,_cx.cx)(_InfoTipmodulecss.default.root,className),children:dropDownContent})]}))};const InfoI=_param=>{var{dropDownContent,icon}=_param,props=_object_without_properties(_param,["dropDownContent","icon"]);const theme=(0,_core.useMantineTheme)();const Icon=icon||_lucidereact.Info;return(0,_jsxruntime.jsx)(InfoTip,_object_spread_props(_object_spread({"data-testid":"info-i",dropDownContent:dropDownContent},props),{children:(0,_jsxruntime.jsx)(Icon,{size:_theme.ICON_SIZES.MEDIUM,color:theme.colors.gray[5]})}))};
+"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 InfoI(){return InfoI},get InfoTip(){return InfoTip}});const _jsxruntime=require("react/jsx-runtime");const _react=/*#__PURE__*/_interop_require_default(require("react"));const _hooks=require("@mantine/hooks");const _core=require("@mantine/core");const _lucidereact=require("lucide-react");const _InfoTipmodulecss=/*#__PURE__*/_interop_require_default(require("./InfoTip.module.css"));const _theme=require("../../theme");const _cx=require("../../helper/cx");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={},sourceKeys,key,i;if(typeof Reflect!=="undefined"&&Reflect.ownKeys){sourceKeys=Reflect.ownKeys(source);for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key]}return target}target=_object_without_properties_loose(source,excluded);if(Object.getOwnPropertySymbols){sourceKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceKeys.length;i++){key=sourceKeys[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={},sourceKeys=Object.getOwnPropertyNames(source),key,i;for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key]}return target}const InfoTip=_0=>{let{children,dropDownContent,className}=_0,props=_object_without_properties(_0,["children","dropDownContent","className"]);const[opened,{close,open}]=(0,_hooks.useDisclosure)(false);return(0,_jsxruntime.jsxs)(_core.Popover,_object_spread_props(_object_spread({position:"top",withArrow:true,offset:4,opened:opened,withinPortal:true},props),{children:[(0,_jsxruntime.jsx)(_core.Popover.Target,{children:(0,_jsxruntime.jsx)("div",{className:(0,_cx.cx)(_InfoTipmodulecss.default["info-tip-target"],className),onMouseEnter:open,onMouseLeave:close,children:children})}),(0,_jsxruntime.jsx)(_core.Popover.Dropdown,{className:(0,_cx.cx)(_InfoTipmodulecss.default.root,className),children:dropDownContent})]}))};const InfoI=_0=>{let{dropDownContent,icon}=_0,props=_object_without_properties(_0,["dropDownContent","icon"]);const theme=(0,_core.useMantineTheme)();const Icon=icon||_lucidereact.Info;return(0,_jsxruntime.jsx)(InfoTip,_object_spread_props(_object_spread({"data-testid":"info-i",dropDownContent:dropDownContent},props),{children:(0,_jsxruntime.jsx)(Icon,{size:_theme.ICON_SIZES.MEDIUM,color:theme.colors.gray[5]})}))};
 //# sourceMappingURL=InfoTip.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/InfoTip/InfoTip.tsx"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport React from \"react\"\nimport { useDisclosure } from \"@mantine/hooks\"\nimport { Popover, PopoverProps, useMantineTheme } from \"@mantine/core\"\nimport { Info, LucideIcon } from \"lucide-react\"\nimport classes from \"./InfoTip.module.css\"\nimport { ICON_SIZES } from \"../../theme\"\nimport { cx } from \"../../helper/cx\"\n\nexport type TInfoTipBasicProps = PopoverProps & {\n  dropDownContent: React.ReactElement\n  className?: string\n}\n\nexport type TInfoIProps = Omit<TInfoTipBasicProps, \"children\"> & {\n  icon?: LucideIcon\n}\n\n/**\n * Provides detailed information for the user upon hover.\n * Usually used for infoIs.\n * @param dropDownContent component that should be displayed inside the infoTip\n * @param children\n * @param className a class name for additional styles for the Popover.Target wrapper\n */\nexport const InfoTip = ({ children, dropDownContent, className, ...props }: TInfoTipBasicProps) => {\n  const [opened, { close, open }] = useDisclosure(false)\n\n  return (\n    <Popover position=\"top\" withArrow offset={4} opened={opened} withinPortal={true} {...props}>\n      <Popover.Target>\n        <div\n          className={cx(classes[\"info-tip-target\"], className)}\n          onMouseEnter={open}\n          onMouseLeave={close}\n        >\n          {children}\n        </div>\n      </Popover.Target>\n      <Popover.Dropdown className={cx(classes.root, className)}>{dropDownContent}</Popover.Dropdown>\n    </Popover>\n  )\n}\n\n/**\n * The InfoI is a sign for the user that additional information is\n * available. Upon hover an InfoTip will provide detailed information.\n * @param dropDownContent component that should be displayed inside the infoTip\n * @param children\n */\nexport const InfoI = ({ dropDownContent, icon, ...props }: TInfoIProps) => {\n  const theme = useMantineTheme()\n  const Icon = icon || Info\n  return (\n    <InfoTip data-testid=\"info-i\" dropDownContent={dropDownContent} {...props}>\n      <Icon size={ICON_SIZES.MEDIUM} color={theme.colors.gray[5]} />\n    </InfoTip>\n  )\n}\n"],"names":["InfoI","InfoTip","children","dropDownContent","className","props","opened","close","open","useDisclosure","Popover","position","withArrow","offset","withinPortal","Target","div","cx","classes","onMouseEnter","onMouseLeave","Dropdown","root","icon","theme","useMantineTheme","Icon","Info","data-testid","size","ICON_SIZES","MEDIUM","color","colors","gray"],"mappings":"mPAqDaA,eAAAA,WAzBAC,iBAAAA,qHAxBK,+BACY,sCACyB,4CACtB,sFACb,8CACO,iCACR,0hEAkBZ,MAAMA,QAAU,YAAC,CAAEC,QAAQ,CAAEC,eAAe,CAAEC,SAAS,CAAgC,QAA3BC,yCAAzCH,WAAUC,kBAAiBC,cACnD,KAAM,CAACE,OAAQ,CAAEC,KAAK,CAAEC,IAAI,CAAE,CAAC,CAAGC,GAAAA,oBAAa,EAAC,OAEhD,MACE,qBAACC,aAAO,sCAACC,SAAS,MAAMC,SAAS,MAACC,OAAQ,EAAGP,OAAQA,OAAQQ,aAAc,MAAUT,kBACnF,oBAACK,aAAO,CAACK,MAAM,WACb,oBAACC,OACCZ,UAAWa,GAAAA,MAAE,EAACC,yBAAO,CAAC,kBAAkB,CAAEd,WAC1Ce,aAAcX,KACdY,aAAcb,eAEbL,aAGL,oBAACQ,aAAO,CAACW,QAAQ,EAACjB,UAAWa,GAAAA,MAAE,EAACC,yBAAO,CAACI,IAAI,CAAElB,oBAAaD,qBAGjE,EAQO,MAAMH,MAAQ,YAAC,CAAEG,eAAe,CAAEoB,IAAI,CAAyB,QAApBlB,yCAA1BF,kBAAiBoB,SACvC,MAAMC,MAAQC,GAAAA,qBAAe,IAC7B,MAAMC,KAAOH,MAAQI,iBAAI,CACzB,MACE,oBAAC1B,6CAAQ2B,cAAY,SAASzB,gBAAiBA,iBAAqBE,iBAClE,oBAACqB,MAAKG,KAAMC,iBAAU,CAACC,MAAM,CAAEC,MAAOR,MAAMS,MAAM,CAACC,IAAI,CAAC,EAAE,KAGhE"}
+{"version":3,"sources":["../../../../src/components/InfoTip/InfoTip.tsx"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport React from \"react\"\nimport { useDisclosure } from \"@mantine/hooks\"\nimport { Popover, PopoverProps, useMantineTheme } from \"@mantine/core\"\nimport { Info, LucideIcon } from \"lucide-react\"\nimport classes from \"./InfoTip.module.css\"\nimport { ICON_SIZES } from \"../../theme\"\nimport { cx } from \"../../helper/cx\"\n\nexport type TInfoTipBasicProps = PopoverProps & {\n  dropDownContent: React.ReactElement\n  className?: string\n}\n\nexport type TInfoIProps = Omit<TInfoTipBasicProps, \"children\"> & {\n  icon?: LucideIcon\n}\n\n/**\n * Provides detailed information for the user upon hover.\n * Usually used for infoIs.\n * @param dropDownContent component that should be displayed inside the infoTip\n * @param children\n * @param className a class name for additional styles for the Popover.Target wrapper\n */\nexport const InfoTip = ({ children, dropDownContent, className, ...props }: TInfoTipBasicProps) => {\n  const [opened, { close, open }] = useDisclosure(false)\n\n  return (\n    <Popover position=\"top\" withArrow offset={4} opened={opened} withinPortal={true} {...props}>\n      <Popover.Target>\n        <div\n          className={cx(classes[\"info-tip-target\"], className)}\n          onMouseEnter={open}\n          onMouseLeave={close}\n        >\n          {children}\n        </div>\n      </Popover.Target>\n      <Popover.Dropdown className={cx(classes.root, className)}>{dropDownContent}</Popover.Dropdown>\n    </Popover>\n  )\n}\n\n/**\n * The InfoI is a sign for the user that additional information is\n * available. Upon hover an InfoTip will provide detailed information.\n * @param dropDownContent component that should be displayed inside the infoTip\n * @param children\n */\nexport const InfoI = ({ dropDownContent, icon, ...props }: TInfoIProps) => {\n  const theme = useMantineTheme()\n  const Icon = icon || Info\n  return (\n    <InfoTip data-testid=\"info-i\" dropDownContent={dropDownContent} {...props}>\n      <Icon size={ICON_SIZES.MEDIUM} color={theme.colors.gray[5]} />\n    </InfoTip>\n  )\n}\n"],"names":["InfoI","InfoTip","children","dropDownContent","className","props","opened","close","open","useDisclosure","Popover","position","withArrow","offset","withinPortal","Target","div","cx","classes","onMouseEnter","onMouseLeave","Dropdown","root","icon","theme","useMantineTheme","Icon","Info","data-testid","size","ICON_SIZES","MEDIUM","color","colors","gray"],"mappings":"mPAqDaA,eAAAA,WAzBAC,iBAAAA,qHAxBK,+BACY,sCACyB,4CACtB,sFACb,8CACO,iCACR,u3EAkBZ,MAAMA,QAAU,QAAC,CAAEC,QAAQ,CAAEC,eAAe,CAAEC,SAAS,CAAgC,IAA3BC,gFACjE,KAAM,CAACC,OAAQ,CAAEC,KAAK,CAAEC,IAAI,CAAE,CAAC,CAAGC,GAAAA,oBAAa,EAAC,OAEhD,MACE,qBAACC,aAAO,sCAACC,SAAS,MAAMC,SAAS,MAACC,OAAQ,EAAGP,OAAQA,OAAQQ,aAAc,MAAUT,kBACnF,oBAACK,aAAO,CAACK,MAAM,WACb,oBAACC,OACCZ,UAAWa,GAAAA,MAAE,EAACC,yBAAO,CAAC,kBAAkB,CAAEd,WAC1Ce,aAAcX,KACdY,aAAcb,eAEbL,aAGL,oBAACQ,aAAO,CAACW,QAAQ,EAACjB,UAAWa,GAAAA,MAAE,EAACC,yBAAO,CAACI,IAAI,CAAElB,oBAAaD,qBAGjE,EAQO,MAAMH,MAAQ,QAAC,CAAEG,eAAe,CAAEoB,IAAI,CAAyB,IAApBlB,gEAChD,MAAMmB,MAAQC,GAAAA,qBAAe,IAC7B,MAAMC,KAAOH,MAAQI,iBAAI,CACzB,MACE,oBAAC1B,6CAAQ2B,cAAY,SAASzB,gBAAiBA,iBAAqBE,iBAClE,oBAACqB,MAAKG,KAAMC,iBAAU,CAACC,MAAM,CAAEC,MAAOR,MAAMS,MAAM,CAACC,IAAI,CAAC,EAAE,KAGhE"}

package/lib/cjs/components/InformationList/InformationList.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"InformationList",{enumerable:true,get:function(){return InformationList}});const _jsxruntime=require("react/jsx-runtime");const _react=require("react");const _Typo=require("../Typo");const _InformationListmodulecss=/*#__PURE__*/_interop_require_default(require("./InformationList.module.css"));const _cx=require("../../helper/cx");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 getLargestRow=rows=>{return rows.reduce((acc,curr)=>{if(curr.length>acc)return curr.length;return acc},0)};const buildFillerColumns=(rowItems,largestRowItems)=>{const filler=[];if(rowItems<largestRowItems){const delta=largestRowItems-rowItems;for(let i=0;i<delta;i++){filler.push((0,_jsxruntime.jsx)("span",{},i))}}return filler.length?filler:null};const InformationList=_param=>{var{firstColumnBold=true}=_param,props=_object_without_properties(_param,["firstColumnBold"]);const columnsAmount=getLargestRow(props.items);const rowAmount=props.items.length;const firstColumFontWeight=firstColumnBold?500:"inherit";return(0,_jsxruntime.jsx)("div",{className:(0,_cx.cx)(_InformationListmodulecss.default.list,props.classname),style:{display:"grid",columnGap:props.columnGap||"var(--mantine-spacing-md)",rowGap:props.rowGap||"var(--mantine-spacing-xs)",gridTemplateColumns:`repeat(${columnsAmount}, fit-content(${100/columnsAmount}%))`,gridTemplateRows:`repeat(${rowAmount}, 1fr)`},children:props.items.map((rowItems,rowIndex)=>(0,_jsxruntime.jsxs)(_react.Fragment,{children:[rowItems.map((item,colIndex)=>(0,_react.createElement)(_Typo.Typo,_object_spread_props(_object_spread({miw:colIndex===0?props.firstColumnMinWidth:undefined,type:"body",fw:colIndex===0?firstColumFontWeight:"inherit"},props.typoWrapperProps),{key:`${rowIndex}-${colIndex}`,className:_InformationListmodulecss.default.cell}),item)),buildFillerColumns(rowItems.length,columnsAmount)]},rowIndex))})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"InformationList",{enumerable:true,get:function(){return InformationList}});const _jsxruntime=require("react/jsx-runtime");const _react=require("react");const _Typo=require("../Typo");const _InformationListmodulecss=/*#__PURE__*/_interop_require_default(require("./InformationList.module.css"));const _cx=require("../../helper/cx");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={},sourceKeys,key,i;if(typeof Reflect!=="undefined"&&Reflect.ownKeys){sourceKeys=Reflect.ownKeys(source);for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key]}return target}target=_object_without_properties_loose(source,excluded);if(Object.getOwnPropertySymbols){sourceKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceKeys.length;i++){key=sourceKeys[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={},sourceKeys=Object.getOwnPropertyNames(source),key,i;for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key]}return target}const getLargestRow=rows=>{return rows.reduce((acc,curr)=>{if(curr.length>acc)return curr.length;return acc},0)};const buildFillerColumns=(rowItems,largestRowItems)=>{const filler=[];if(rowItems<largestRowItems){const delta=largestRowItems-rowItems;for(let i=0;i<delta;i++){filler.push((0,_jsxruntime.jsx)("span",{},i))}}return filler.length?filler:null};const InformationList=_0=>{let{firstColumnBold=true}=_0,props=_object_without_properties(_0,["firstColumnBold"]);const columnsAmount=getLargestRow(props.items);const rowAmount=props.items.length;const firstColumFontWeight=firstColumnBold?500:"inherit";return(0,_jsxruntime.jsx)("div",{className:(0,_cx.cx)(_InformationListmodulecss.default.list,props.classname),style:{display:"grid",columnGap:props.columnGap||"var(--mantine-spacing-md)",rowGap:props.rowGap||"var(--mantine-spacing-xs)",gridTemplateColumns:`repeat(${columnsAmount}, fit-content(${100/columnsAmount}%))`,gridTemplateRows:`repeat(${rowAmount}, 1fr)`},children:props.items.map((rowItems,rowIndex)=>(0,_jsxruntime.jsxs)(_react.Fragment,{children:[rowItems.map((item,colIndex)=>(0,_react.createElement)(_Typo.Typo,_object_spread_props(_object_spread({miw:colIndex===0?props.firstColumnMinWidth:undefined,type:"body",fw:colIndex===0?firstColumFontWeight:"inherit"},props.typoWrapperProps),{key:`${rowIndex}-${colIndex}`,className:_InformationListmodulecss.default.cell}),item)),buildFillerColumns(rowItems.length,columnsAmount)]},rowIndex))})};
 //# sourceMappingURL=InformationList.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/InformationList/InformationList.tsx"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport { FC, Fragment, ReactNode } from \"react\"\nimport { TTypoProps, Typo } from \"../Typo\"\nimport classes from \"./InformationList.module.css\"\nimport { cx } from \"../../helper/cx\"\n\ntype TSharedDesignProps = {\n  rowGap?: string\n  columnGap?: string\n}\n\ntype TInformationListDesignProps = TSharedDesignProps & {\n  firstColumnMinWidth?: string | number\n  typoWrapperProps?: Partial<TTypoProps>\n  classname?: string\n}\n\nexport type TInformationListItems = Array<(ReactNode | string)[]>\n\nexport type TInformationListProps = TInformationListDesignProps & {\n  items: TInformationListItems\n  firstColumnBold?: boolean\n}\n\nconst getLargestRow = (rows: TInformationListItems) => {\n  return rows.reduce((acc, curr) => {\n    if (curr.length > acc) return curr.length\n    return acc\n  }, 0)\n}\n\nconst buildFillerColumns = (rowItems: number, largestRowItems: number): ReactNode | null => {\n  const filler: ReactNode[] = []\n  if (rowItems < largestRowItems) {\n    const delta = largestRowItems - rowItems\n    for (let i = 0; i < delta; i++) {\n      filler.push(<span key={i}></span>)\n    }\n  }\n  return filler.length ? filler : null\n}\n\nexport const InformationList: FC<TInformationListProps> = ({\n  firstColumnBold = true,\n  ...props\n}) => {\n  const columnsAmount = getLargestRow(props.items)\n\n  const rowAmount = props.items.length\n\n  const firstColumFontWeight = firstColumnBold ? 500 : \"inherit\"\n\n  return (\n    <div\n      className={cx(classes.list, props.classname)}\n      style={{\n        display: \"grid\",\n        columnGap: props.columnGap || \"var(--mantine-spacing-md)\",\n        rowGap: props.rowGap || \"var(--mantine-spacing-xs)\",\n        gridTemplateColumns: `repeat(${columnsAmount}, fit-content(${100 / columnsAmount}%))`,\n        gridTemplateRows: `repeat(${rowAmount}, 1fr)`,\n      }}\n    >\n      {props.items.map((rowItems, rowIndex) => (\n        <Fragment key={rowIndex}>\n          {rowItems.map((item, colIndex) => (\n            <Typo\n              miw={colIndex === 0 ? props.firstColumnMinWidth : undefined}\n              type={\"body\"}\n              fw={colIndex === 0 ? firstColumFontWeight : \"inherit\"}\n              {...props.typoWrapperProps}\n              key={`${rowIndex}-${colIndex}`}\n              className={classes.cell}\n            >\n              {item}\n            </Typo>\n          ))}\n          {buildFillerColumns(rowItems.length, columnsAmount)}\n        </Fragment>\n      ))}\n    </div>\n  )\n}\n"],"names":["InformationList","getLargestRow","rows","reduce","acc","curr","length","buildFillerColumns","rowItems","largestRowItems","filler","delta","i","push","span","firstColumnBold","props","columnsAmount","items","rowAmount","firstColumFontWeight","div","className","cx","classes","list","classname","style","display","columnGap","rowGap","gridTemplateColumns","gridTemplateRows","map","rowIndex","Fragment","item","colIndex","Typo","miw","firstColumnMinWidth","undefined","type","fw","typoWrapperProps","key","cell"],"mappings":"oGA6CaA,yDAAAA,uFAzC2B,6BACP,yFACb,mDACD,0hEAoBnB,MAAMC,cAAgB,AAACC,OACrB,OAAOA,KAAKC,MAAM,CAAC,CAACC,IAAKC,QACvB,GAAIA,KAAKC,MAAM,CAAGF,IAAK,OAAOC,KAAKC,MAAM,CACzC,OAAOF,GACT,EAAG,EACL,EAEA,MAAMG,mBAAqB,CAACC,SAAkBC,mBAC5C,MAAMC,OAAsB,EAAE,CAC9B,GAAIF,SAAWC,gBAAiB,CAC9B,MAAME,MAAQF,gBAAkBD,SAChC,IAAK,IAAII,EAAI,EAAGA,EAAID,MAAOC,IAAK,CAC9BF,OAAOG,IAAI,CAAC,oBAACC,UAAUF,GACzB,CACF,CACA,OAAOF,OAAOJ,MAAM,CAAGI,OAAS,IAClC,EAEO,MAAMV,gBAA6C,YAAC,CACzDe,gBAAkB,IAAI,CAEvB,QADIC,yCADHD,oBAGA,MAAME,cAAgBhB,cAAce,MAAME,KAAK,EAE/C,MAAMC,UAAYH,MAAME,KAAK,CAACZ,MAAM,CAEpC,MAAMc,qBAAuBL,gBAAkB,IAAM,UAErD,MACE,oBAACM,OACCC,UAAWC,GAAAA,MAAE,EAACC,iCAAO,CAACC,IAAI,CAAET,MAAMU,SAAS,EAC3CC,MAAO,CACLC,QAAS,OACTC,UAAWb,MAAMa,SAAS,EAAI,4BAC9BC,OAAQd,MAAMc,MAAM,EAAI,4BACxBC,oBAAqB,CAAC,OAAO,EAAEd,cAAc,cAAc,EAAE,IAAMA,cAAc,GAAG,CAAC,CACrFe,iBAAkB,CAAC,OAAO,EAAEb,UAAU,MAAM,CAAC,AAC/C,WAECH,MAAME,KAAK,CAACe,GAAG,CAAC,CAACzB,SAAU0B,WAC1B,qBAACC,eAAQ,YACN3B,SAASyB,GAAG,CAAC,CAACG,KAAMC,WACnB,yBAACC,UAAI,sCACHC,IAAKF,WAAa,EAAIrB,MAAMwB,mBAAmB,CAAGC,UAClDC,KAAM,OACNC,GAAIN,WAAa,EAAIjB,qBAAuB,WACxCJ,MAAM4B,gBAAgB,GAC1BC,IAAK,CAAC,EAAEX,SAAS,CAAC,EAAEG,SAAS,CAAC,CAC9Bf,UAAWE,iCAAO,CAACsB,IAAI,GAEtBV,OAGJ7B,mBAAmBC,SAASF,MAAM,CAAEW,iBAbxBiB,YAkBvB"}
+{"version":3,"sources":["../../../../src/components/InformationList/InformationList.tsx"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport { FC, Fragment, ReactNode } from \"react\"\nimport { TTypoProps, Typo } from \"../Typo\"\nimport classes from \"./InformationList.module.css\"\nimport { cx } from \"../../helper/cx\"\n\ntype TSharedDesignProps = {\n  rowGap?: string\n  columnGap?: string\n}\n\ntype TInformationListDesignProps = TSharedDesignProps & {\n  firstColumnMinWidth?: string | number\n  typoWrapperProps?: Partial<TTypoProps>\n  classname?: string\n}\n\nexport type TInformationListItems = Array<(ReactNode | string)[]>\n\nexport type TInformationListProps = TInformationListDesignProps & {\n  items: TInformationListItems\n  firstColumnBold?: boolean\n}\n\nconst getLargestRow = (rows: TInformationListItems) => {\n  return rows.reduce((acc, curr) => {\n    if (curr.length > acc) return curr.length\n    return acc\n  }, 0)\n}\n\nconst buildFillerColumns = (rowItems: number, largestRowItems: number): ReactNode | null => {\n  const filler: ReactNode[] = []\n  if (rowItems < largestRowItems) {\n    const delta = largestRowItems - rowItems\n    for (let i = 0; i < delta; i++) {\n      filler.push(<span key={i}></span>)\n    }\n  }\n  return filler.length ? filler : null\n}\n\n/**\n * Provides an arranged list of information giving a table like appearance\n * @param firstColumnBold Controls whether the first column should be written in bold letters\n * @param firstColumnMinWidth If defined it sets the first column's minimal width\n * @param typoWrapperProps Props to change font appearance as defined in TTypoProps\n * @param classname Class name for additional styles\n */\nexport const InformationList: FC<TInformationListProps> = ({\n  firstColumnBold = true,\n  ...props\n}) => {\n  const columnsAmount = getLargestRow(props.items)\n\n  const rowAmount = props.items.length\n\n  const firstColumFontWeight = firstColumnBold ? 500 : \"inherit\"\n\n  return (\n    <div\n      className={cx(classes.list, props.classname)}\n      style={{\n        display: \"grid\",\n        columnGap: props.columnGap || \"var(--mantine-spacing-md)\",\n        rowGap: props.rowGap || \"var(--mantine-spacing-xs)\",\n        gridTemplateColumns: `repeat(${columnsAmount}, fit-content(${100 / columnsAmount}%))`,\n        gridTemplateRows: `repeat(${rowAmount}, 1fr)`,\n      }}\n    >\n      {props.items.map((rowItems, rowIndex) => (\n        <Fragment key={rowIndex}>\n          {rowItems.map((item, colIndex) => (\n            <Typo\n              miw={colIndex === 0 ? props.firstColumnMinWidth : undefined}\n              type={\"body\"}\n              fw={colIndex === 0 ? firstColumFontWeight : \"inherit\"}\n              {...props.typoWrapperProps}\n              key={`${rowIndex}-${colIndex}`}\n              className={classes.cell}\n            >\n              {item}\n            </Typo>\n          ))}\n          {buildFillerColumns(rowItems.length, columnsAmount)}\n        </Fragment>\n      ))}\n    </div>\n  )\n}\n"],"names":["InformationList","getLargestRow","rows","reduce","acc","curr","length","buildFillerColumns","rowItems","largestRowItems","filler","delta","i","push","span","firstColumnBold","props","columnsAmount","items","rowAmount","firstColumFontWeight","div","className","cx","classes","list","classname","style","display","columnGap","rowGap","gridTemplateColumns","gridTemplateRows","map","rowIndex","Fragment","item","colIndex","Typo","miw","firstColumnMinWidth","undefined","type","fw","typoWrapperProps","key","cell"],"mappings":"oGAoDaA,yDAAAA,uFAhD2B,6BACP,yFACb,mDACD,u3EAoBnB,MAAMC,cAAgB,AAACC,OACrB,OAAOA,KAAKC,MAAM,CAAC,CAACC,IAAKC,QACvB,GAAIA,KAAKC,MAAM,CAAGF,IAAK,OAAOC,KAAKC,MAAM,CACzC,OAAOF,GACT,EAAG,EACL,EAEA,MAAMG,mBAAqB,CAACC,SAAkBC,mBAC5C,MAAMC,OAAsB,EAAE,CAC9B,GAAIF,SAAWC,gBAAiB,CAC9B,MAAME,MAAQF,gBAAkBD,SAChC,IAAK,IAAII,EAAI,EAAGA,EAAID,MAAOC,IAAK,CAC9BF,OAAOG,IAAI,CAAC,oBAACC,UAAUF,GACzB,CACF,CACA,OAAOF,OAAOJ,MAAM,CAAGI,OAAS,IAClC,EASO,MAAMV,gBAA6C,QAAC,CACzDe,gBAAkB,IAAI,CAEvB,IADIC,yDAEH,MAAMC,cAAgBhB,cAAce,MAAME,KAAK,EAE/C,MAAMC,UAAYH,MAAME,KAAK,CAACZ,MAAM,CAEpC,MAAMc,qBAAuBL,gBAAkB,IAAM,UAErD,MACE,oBAACM,OACCC,UAAWC,GAAAA,MAAE,EAACC,iCAAO,CAACC,IAAI,CAAET,MAAMU,SAAS,EAC3CC,MAAO,CACLC,QAAS,OACTC,UAAWb,MAAMa,SAAS,EAAI,4BAC9BC,OAAQd,MAAMc,MAAM,EAAI,4BACxBC,oBAAqB,CAAC,OAAO,EAAEd,cAAc,cAAc,EAAE,IAAMA,cAAc,GAAG,CAAC,CACrFe,iBAAkB,CAAC,OAAO,EAAEb,UAAU,MAAM,CAAC,AAC/C,WAECH,MAAME,KAAK,CAACe,GAAG,CAAC,CAACzB,SAAU0B,WAC1B,qBAACC,eAAQ,YACN3B,SAASyB,GAAG,CAAC,CAACG,KAAMC,WACnB,yBAACC,UAAI,sCACHC,IAAKF,WAAa,EAAIrB,MAAMwB,mBAAmB,CAAGC,UAClDC,KAAM,OACNC,GAAIN,WAAa,EAAIjB,qBAAuB,WACxCJ,MAAM4B,gBAAgB,GAC1BC,IAAK,CAAC,EAAEX,SAAS,CAAC,EAAEG,SAAS,CAAC,CAC9Bf,UAAWE,iCAAO,CAACsB,IAAI,GAEtBV,OAGJ7B,mBAAmBC,SAASF,MAAM,CAAEW,iBAbxBiB,YAkBvB"}

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

@@ -1,2 +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 AppHeader(){return AppHeader},get useHeaderMenuPoints(){return useHeaderMenuPoints}});const _jsxruntime=require("react/jsx-runtime");const _LanguageSwitch=require("./languageSwitch/LanguageSwitch");const _index=require("./index");const _icons=require("../../../icons");const _core=require("@mantine/core");const _reacti18next=require("react-i18next");const _lucidereact=require("lucide-react");const _TimeZone=require("./TimeZone");const _theme=require("../../../theme");const _AppHeadermodulecss=/*#__PURE__*/_interop_require_default(require("./AppHeader.module.css"));const _Manual=require("./manual/Manual");function _interop_require_default(obj){return obj&&obj.__esModule?obj:{default:obj}}const AppHeader=({username,menuPoints,logoLink,isLoggedIn,languageSwitch,sessionTimer,logo,isThemeSwitchVisible=true,ianaTimeZone,manualLink,userNavWidth})=>{return(0,_jsxruntime.jsxs)("header",{className:_AppHeadermodulecss.default.header,style:{zIndex:_theme.Z_INDEX_LAYER.GROUND.HIGHEST},children:[(0,_jsxruntime.jsx)("a",{className:_AppHeadermodulecss.default["logo-link"],href:logoLink,children:logo||(0,_jsxruntime.jsx)(_icons.GreenboneLogo,{})}),(0,_jsxruntime.jsxs)("div",{className:_AppHeadermodulecss.default["right-side"],children:[(0,_jsxruntime.jsx)(_TimeZone.TimeZone,{ianaTimeZone:ianaTimeZone}),(0,_jsxruntime.jsx)(_core.Divider,{orientation:"vertical",className:_AppHeadermodulecss.default.divider}),languageSwitch||(0,_jsxruntime.jsx)(_LanguageSwitch.LanguageSwitch,{}),isThemeSwitchVisible&&(0,_jsxruntime.jsxs)(_jsxruntime.Fragment,{children:[(0,_jsxruntime.jsx)(_core.Divider,{orientation:"vertical",className:_AppHeadermodulecss.default.divider}),(0,_jsxruntime.jsx)(_index.ThemeSwitch,{})]}),manualLink&&(0,_jsxruntime.jsx)(_Manual.Manual,{manualLink:manualLink}),isLoggedIn&&(0,_jsxruntime.jsxs)(_jsxruntime.Fragment,{children:[sessionTimer&&(0,_jsxruntime.jsxs)(_jsxruntime.Fragment,{children:[(0,_jsxruntime.jsx)(_core.Divider,{orientation:"vertical",className:_AppHeadermodulecss.default.divider}),sessionTimer]}),(0,_jsxruntime.jsx)(_core.Divider,{orientation:"vertical",className:_AppHeadermodulecss.default.divider}),(0,_jsxruntime.jsx)(_index.UserNav,{menuPoints:menuPoints,username:username,userNavWidth:userNavWidth})]})]})]})};const useHeaderMenuPoints=logoutCallback=>{const{t}=(0,_reacti18next.useTranslation)();return[{linkText:t("Sign out"),id:"logout",icon:(0,_jsxruntime.jsx)(_lucidereact.Power,{size:14,strokeWidth:1.5}),to:()=>logoutCallback?logoutCallback():null}]};
+"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 AppHeader(){return AppHeader},get useHeaderMenuPoints(){return useHeaderMenuPoints}});const _jsxruntime=require("react/jsx-runtime");const _LanguageSwitch=require("./languageSwitch/LanguageSwitch");const _index=require("./index");const _icons=require("../../../icons");const _core=require("@mantine/core");const _reacti18next=require("react-i18next");const _lucidereact=require("lucide-react");const _TimeZone=require("./TimeZone");const _theme=require("../../../theme");const _AppHeadermodulecss=/*#__PURE__*/_interop_require_default(require("./AppHeader.module.css"));const _Manual=require("./manual/Manual");function _interop_require_default(obj){return obj&&obj.__esModule?obj:{default:obj}}const AppHeader=({username,menuPoints,logoLink,isLoggedIn,languageSwitch,sessionTimer,logo,isThemeSwitchVisible=true,ianaTimeZone,manualLink,userNavWidth})=>{return(0,_jsxruntime.jsxs)("header",{className:_AppHeadermodulecss.default.header,style:{zIndex:_theme.Z_INDEX_LAYER.GROUND.HIGHEST},children:[(0,_jsxruntime.jsx)("a",{"data-testid":"header-logo-link",className:_AppHeadermodulecss.default["logo-link"],href:logoLink,children:logo||(0,_jsxruntime.jsx)(_icons.GreenboneLogo,{})}),(0,_jsxruntime.jsxs)("div",{className:_AppHeadermodulecss.default["right-side"],children:[(0,_jsxruntime.jsx)(_TimeZone.TimeZone,{ianaTimeZone:ianaTimeZone}),(0,_jsxruntime.jsx)(_core.Divider,{orientation:"vertical",className:_AppHeadermodulecss.default.divider}),languageSwitch||(0,_jsxruntime.jsx)(_LanguageSwitch.LanguageSwitch,{}),isThemeSwitchVisible&&(0,_jsxruntime.jsxs)(_jsxruntime.Fragment,{children:[(0,_jsxruntime.jsx)(_core.Divider,{orientation:"vertical",className:_AppHeadermodulecss.default.divider}),(0,_jsxruntime.jsx)(_index.ThemeSwitch,{})]}),manualLink&&(0,_jsxruntime.jsx)(_Manual.Manual,{manualLink:manualLink}),isLoggedIn&&(0,_jsxruntime.jsxs)(_jsxruntime.Fragment,{children:[sessionTimer&&(0,_jsxruntime.jsxs)(_jsxruntime.Fragment,{children:[(0,_jsxruntime.jsx)(_core.Divider,{orientation:"vertical",className:_AppHeadermodulecss.default.divider}),sessionTimer]}),(0,_jsxruntime.jsx)(_core.Divider,{orientation:"vertical",className:_AppHeadermodulecss.default.divider}),(0,_jsxruntime.jsx)(_index.UserNav,{menuPoints:menuPoints,username:username,userNavWidth:userNavWidth})]})]})]})};const useHeaderMenuPoints=logoutCallback=>{const{t}=(0,_reacti18next.useTranslation)();return[{linkText:t("Sign out"),id:"logout",icon:(0,_jsxruntime.jsx)(_lucidereact.Power,{size:14,strokeWidth:1.5}),to:()=>logoutCallback?logoutCallback():null}]};
 //# sourceMappingURL=AppHeader.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Layout/AppHeader/AppHeader.tsx"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport { LanguageSwitch } from \"./languageSwitch/LanguageSwitch\"\nimport { ThemeSwitch, UserNav } from \"./index\"\nimport { TAppHeaderProps } from \"./types\"\nimport { GreenboneLogo } from \"../../../icons\"\nimport { Divider } from \"@mantine/core\"\nimport { useTranslation } from \"react-i18next\"\nimport { Power } from \"lucide-react\"\nimport { TimeZone } from \"./TimeZone\"\nimport { Z_INDEX_LAYER } from \"../../../theme\"\nimport classes from \"./AppHeader.module.css\"\nimport { Manual } from \"./manual/Manual\"\n\nexport const AppHeader = ({\n  username,\n  menuPoints,\n  logoLink,\n  isLoggedIn,\n  languageSwitch,\n  sessionTimer,\n  logo,\n  isThemeSwitchVisible = true,\n  ianaTimeZone,\n  manualLink,\n  userNavWidth,\n}: TAppHeaderProps) => {\n  return (\n    <header\n      className={classes.header}\n      style={{\n        zIndex: Z_INDEX_LAYER.GROUND.HIGHEST,\n      }}\n    >\n      <a className={classes[\"logo-link\"]} href={logoLink}>\n        {logo || <GreenboneLogo />}\n      </a>\n      <div className={classes[\"right-side\"]}>\n        <TimeZone ianaTimeZone={ianaTimeZone} />\n        <Divider orientation=\"vertical\" className={classes.divider} />\n        {languageSwitch || <LanguageSwitch />}\n        {isThemeSwitchVisible && (\n          <>\n            <Divider orientation=\"vertical\" className={classes.divider} />\n            <ThemeSwitch />\n          </>\n        )}\n        {manualLink && <Manual manualLink={manualLink} />}\n        {isLoggedIn && (\n          <>\n            {sessionTimer && (\n              <>\n                <Divider orientation=\"vertical\" className={classes.divider} />\n                {sessionTimer}\n              </>\n            )}\n            <Divider orientation=\"vertical\" className={classes.divider} />\n            <UserNav menuPoints={menuPoints} username={username} userNavWidth={userNavWidth} />\n          </>\n        )}\n      </div>\n    </header>\n  )\n}\n\nexport const useHeaderMenuPoints = (logoutCallback?: () => void) => {\n  const { t } = useTranslation()\n\n  return [\n    {\n      linkText: t(\"Sign out\"),\n      id: \"logout\",\n      icon: <Power size={14} strokeWidth={1.5} />,\n      to: () => (logoutCallback ? logoutCallback() : null),\n    },\n  ]\n}\n"],"names":["AppHeader","useHeaderMenuPoints","username","menuPoints","logoLink","isLoggedIn","languageSwitch","sessionTimer","logo","isThemeSwitchVisible","ianaTimeZone","manualLink","userNavWidth","header","className","classes","style","zIndex","Z_INDEX_LAYER","GROUND","HIGHEST","a","href","GreenboneLogo","div","TimeZone","Divider","orientation","divider","LanguageSwitch","ThemeSwitch","Manual","UserNav","logoutCallback","t","useTranslation","linkText","id","icon","Power","size","strokeWidth","to"],"mappings":"mPAgBaA,mBAAAA,eAmDAC,6BAAAA,oGA/DkB,wDACM,gCAEP,sCACN,6CACO,4CACT,wCACG,mCACK,0FACV,iDACG,uGAEhB,MAAMD,UAAY,CAAC,CACxBE,QAAQ,CACRC,UAAU,CACVC,QAAQ,CACRC,UAAU,CACVC,cAAc,CACdC,YAAY,CACZC,IAAI,CACJC,qBAAuB,IAAI,CAC3BC,YAAY,CACZC,UAAU,CACVC,YAAY,CACI,IAChB,MACE,qBAACC,UACCC,UAAWC,2BAAO,CAACF,MAAM,CACzBG,MAAO,CACLC,OAAQC,oBAAa,CAACC,MAAM,CAACC,OAAO,AACtC,YAEA,oBAACC,KAAEP,UAAWC,2BAAO,CAAC,YAAY,CAAEO,KAAMlB,kBACvCI,MAAQ,oBAACe,oBAAa,OAEzB,qBAACC,OAAIV,UAAWC,2BAAO,CAAC,aAAa,WACnC,oBAACU,kBAAQ,EAACf,aAAcA,eACxB,oBAACgB,aAAO,EAACC,YAAY,WAAWb,UAAWC,2BAAO,CAACa,OAAO,GACzDtB,gBAAkB,oBAACuB,8BAAc,KACjCpB,sBACC,qDACE,oBAACiB,aAAO,EAACC,YAAY,WAAWb,UAAWC,2BAAO,CAACa,OAAO,GAC1D,oBAACE,kBAAW,QAGfnB,YAAc,oBAACoB,cAAM,EAACpB,WAAYA,aAClCN,YACC,qDACGE,cACC,qDACE,oBAACmB,aAAO,EAACC,YAAY,WAAWb,UAAWC,2BAAO,CAACa,OAAO,GACzDrB,gBAGL,oBAACmB,aAAO,EAACC,YAAY,WAAWb,UAAWC,2BAAO,CAACa,OAAO,GAC1D,oBAACI,cAAO,EAAC7B,WAAYA,WAAYD,SAAUA,SAAUU,aAAcA,uBAM/E,EAEO,MAAMX,oBAAsB,AAACgC,iBAClC,KAAM,CAAEC,CAAC,CAAE,CAAGC,GAAAA,4BAAc,IAE5B,MAAO,CACL,CACEC,SAAUF,EAAE,YACZG,GAAI,SACJC,KAAM,oBAACC,kBAAK,EAACC,KAAM,GAAIC,YAAa,MACpCC,GAAI,IAAOT,eAAiBA,iBAAmB,IACjD,EACD,AACH"}
+{"version":3,"sources":["../../../../../src/components/Layout/AppHeader/AppHeader.tsx"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport { LanguageSwitch } from \"./languageSwitch/LanguageSwitch\"\nimport { ThemeSwitch, UserNav } from \"./index\"\nimport { TAppHeaderProps } from \"./types\"\nimport { GreenboneLogo } from \"../../../icons\"\nimport { Divider } from \"@mantine/core\"\nimport { useTranslation } from \"react-i18next\"\nimport { Power } from \"lucide-react\"\nimport { TimeZone } from \"./TimeZone\"\nimport { Z_INDEX_LAYER } from \"../../../theme\"\nimport classes from \"./AppHeader.module.css\"\nimport { Manual } from \"./manual/Manual\"\n\n/**\n * Provides the AppHeader component including all necessary elements\n * Usually used for infoIs.\n * @param username Name of the current user\n * @param menuPoints Array of menu items that open when the username is hovered\n * @param isLoggedIn Boolean if a user is currently logged in\n * @param languageSwitch JSX element used to toggle languages\n * @param sessionTimer ReactNode showing the remaining session time\n * @param logo ReactNode with the logo to be displayed in the top left\n * @param isThemeSwitchVisible Controls whether the theme switch (light/dark) is visible\n * @param ianaTimeZone String with timezone information\n * @param manualLink URL to the user manual, normally dependent on the current language\n * @param userNavWidth Width of the navigation in pixel\n */\nexport const AppHeader = ({\n  username,\n  menuPoints,\n  logoLink,\n  isLoggedIn,\n  languageSwitch,\n  sessionTimer,\n  logo,\n  isThemeSwitchVisible = true,\n  ianaTimeZone,\n  manualLink,\n  userNavWidth,\n}: TAppHeaderProps) => {\n  return (\n    <header\n      className={classes.header}\n      style={{\n        zIndex: Z_INDEX_LAYER.GROUND.HIGHEST,\n      }}\n    >\n      <a data-testid=\"header-logo-link\" className={classes[\"logo-link\"]} href={logoLink}>\n        {logo || <GreenboneLogo />}\n      </a>\n      <div className={classes[\"right-side\"]}>\n        <TimeZone ianaTimeZone={ianaTimeZone} />\n        <Divider orientation=\"vertical\" className={classes.divider} />\n        {languageSwitch || <LanguageSwitch />}\n        {isThemeSwitchVisible && (\n          <>\n            <Divider orientation=\"vertical\" className={classes.divider} />\n            <ThemeSwitch />\n          </>\n        )}\n        {manualLink && <Manual manualLink={manualLink} />}\n        {isLoggedIn && (\n          <>\n            {sessionTimer && (\n              <>\n                <Divider orientation=\"vertical\" className={classes.divider} />\n                {sessionTimer}\n              </>\n            )}\n            <Divider orientation=\"vertical\" className={classes.divider} />\n            <UserNav menuPoints={menuPoints} username={username} userNavWidth={userNavWidth} />\n          </>\n        )}\n      </div>\n    </header>\n  )\n}\n\nexport const useHeaderMenuPoints = (logoutCallback?: () => void) => {\n  const { t } = useTranslation()\n\n  return [\n    {\n      linkText: t(\"Sign out\"),\n      id: \"logout\",\n      icon: <Power size={14} strokeWidth={1.5} />,\n      to: () => (logoutCallback ? logoutCallback() : null),\n    },\n  ]\n}\n"],"names":["AppHeader","useHeaderMenuPoints","username","menuPoints","logoLink","isLoggedIn","languageSwitch","sessionTimer","logo","isThemeSwitchVisible","ianaTimeZone","manualLink","userNavWidth","header","className","classes","style","zIndex","Z_INDEX_LAYER","GROUND","HIGHEST","a","data-testid","href","GreenboneLogo","div","TimeZone","Divider","orientation","divider","LanguageSwitch","ThemeSwitch","Manual","UserNav","logoutCallback","t","useTranslation","linkText","id","icon","Power","size","strokeWidth","to"],"mappings":"mPA8BaA,mBAAAA,eAmDAC,6BAAAA,oGA7EkB,wDACM,gCAEP,sCACN,6CACO,4CACT,wCACG,mCACK,0FACV,iDACG,uGAgBhB,MAAMD,UAAY,CAAC,CACxBE,QAAQ,CACRC,UAAU,CACVC,QAAQ,CACRC,UAAU,CACVC,cAAc,CACdC,YAAY,CACZC,IAAI,CACJC,qBAAuB,IAAI,CAC3BC,YAAY,CACZC,UAAU,CACVC,YAAY,CACI,IAChB,MACE,qBAACC,UACCC,UAAWC,2BAAO,CAACF,MAAM,CACzBG,MAAO,CACLC,OAAQC,oBAAa,CAACC,MAAM,CAACC,OAAO,AACtC,YAEA,oBAACC,KAAEC,cAAY,mBAAmBR,UAAWC,2BAAO,CAAC,YAAY,CAAEQ,KAAMnB,kBACtEI,MAAQ,oBAACgB,oBAAa,OAEzB,qBAACC,OAAIX,UAAWC,2BAAO,CAAC,aAAa,WACnC,oBAACW,kBAAQ,EAAChB,aAAcA,eACxB,oBAACiB,aAAO,EAACC,YAAY,WAAWd,UAAWC,2BAAO,CAACc,OAAO,GACzDvB,gBAAkB,oBAACwB,8BAAc,KACjCrB,sBACC,qDACE,oBAACkB,aAAO,EAACC,YAAY,WAAWd,UAAWC,2BAAO,CAACc,OAAO,GAC1D,oBAACE,kBAAW,QAGfpB,YAAc,oBAACqB,cAAM,EAACrB,WAAYA,aAClCN,YACC,qDACGE,cACC,qDACE,oBAACoB,aAAO,EAACC,YAAY,WAAWd,UAAWC,2BAAO,CAACc,OAAO,GACzDtB,gBAGL,oBAACoB,aAAO,EAACC,YAAY,WAAWd,UAAWC,2BAAO,CAACc,OAAO,GAC1D,oBAACI,cAAO,EAAC9B,WAAYA,WAAYD,SAAUA,SAAUU,aAAcA,uBAM/E,EAEO,MAAMX,oBAAsB,AAACiC,iBAClC,KAAM,CAAEC,CAAC,CAAE,CAAGC,GAAAA,4BAAc,IAE5B,MAAO,CACL,CACEC,SAAUF,EAAE,YACZG,GAAI,SACJC,KAAM,oBAACC,kBAAK,EAACC,KAAM,GAAIC,YAAa,MACpCC,GAAI,IAAOT,eAAiBA,iBAAmB,IACjD,EACD,AACH"}

package/lib/cjs/components/Layout/AppHeader/TimeZone.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Layout/AppHeader/TimeZone.tsx"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport { getTimeZoneInformation } from \"../../TimeZoneInfo\"\nimport { Tooltip } from \"../../Tooltip\"\nimport { Typo } from \"../../Typo\"\nimport { MapPin } from \"lucide-react\"\nimport classes from \"./TimeZone.module.css\"\nimport { ICON_SIZES } from \"../../../theme/conventions\"\n\nexport const TimeZone = ({ ianaTimeZone }: { ianaTimeZone?: string }) => {\n  const timeZone = getTimeZoneInformation(ianaTimeZone)\n  return (\n    <Tooltip label={`GMT ${timeZone.offsetString}`}>\n      <span className={classes[\"timezone-container\"]}>\n        <Typo display={\"inline\"} type={\"body\"} className={classes.timezone}>\n          {timeZone.label}\n        </Typo>\n        <MapPin size={ICON_SIZES.MEDIUM} color={\"var(--mantine-color-white)\"} strokeWidth={1.5} />\n      </span>\n    </Tooltip>\n  )\n}\n"],"names":["TimeZone","ianaTimeZone","timeZone","getTimeZoneInformation","Tooltip","label","offsetString","span","className","classes","Typo","display","type","timezone","MapPin","size","ICON_SIZES","MEDIUM","color","strokeWidth"],"mappings":"oGAWaA,kDAAAA,uFAP0B,6CACf,qCACH,yCACE,uFACH,qDACO,kHAEpB,MAAMA,SAAW,CAAC,CAAEC,YAAY,CAA6B,IAClE,MAAMC,SAAWC,GAAAA,oCAAsB,EAACF,cACxC,MACE,oBAACG,gBAAO,EAACC,MAAO,CAAC,IAAI,EAAEH,SAASI,YAAY,CAAC,CAAC,UAC5C,qBAACC,QAAKC,UAAWC,0BAAO,CAAC,qBAAqB,WAC5C,oBAACC,UAAI,EAACC,QAAS,SAAUC,KAAM,OAAQJ,UAAWC,0BAAO,CAACI,QAAQ,UAC/DX,SAASG,KAAK,GAEjB,oBAACS,mBAAM,EAACC,KAAMC,uBAAU,CAACC,MAAM,CAAEC,MAAO,6BAA8BC,YAAa,UAI3F"}
+{"version":3,"sources":["../../../../../src/components/Layout/AppHeader/TimeZone.tsx"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport { getTimeZoneInformation } from \"../../TimeZoneInfo\"\nimport { Tooltip } from \"../../Tooltip\"\nimport { Typo } from \"../../Typo\"\nimport { MapPin } from \"lucide-react\"\nimport classes from \"./TimeZone.module.css\"\nimport { ICON_SIZES } from \"../../../theme/conventions\"\n\n/**\n * Provides formatted timezone information with icon and tooltip as used in the AppHeader\n * @param ianaTimeZone String with timezone information\n */\nexport const TimeZone = ({ ianaTimeZone }: { ianaTimeZone?: string }) => {\n  const timeZone = getTimeZoneInformation(ianaTimeZone)\n  return (\n    <Tooltip label={`GMT ${timeZone.offsetString}`}>\n      <span className={classes[\"timezone-container\"]}>\n        <Typo display={\"inline\"} type={\"body\"} className={classes.timezone}>\n          {timeZone.label}\n        </Typo>\n        <MapPin size={ICON_SIZES.MEDIUM} color={\"var(--mantine-color-white)\"} strokeWidth={1.5} />\n      </span>\n    </Tooltip>\n  )\n}\n"],"names":["TimeZone","ianaTimeZone","timeZone","getTimeZoneInformation","Tooltip","label","offsetString","span","className","classes","Typo","display","type","timezone","MapPin","size","ICON_SIZES","MEDIUM","color","strokeWidth"],"mappings":"oGAeaA,kDAAAA,uFAX0B,6CACf,qCACH,yCACE,uFACH,qDACO,kHAMpB,MAAMA,SAAW,CAAC,CAAEC,YAAY,CAA6B,IAClE,MAAMC,SAAWC,GAAAA,oCAAsB,EAACF,cACxC,MACE,oBAACG,gBAAO,EAACC,MAAO,CAAC,IAAI,EAAEH,SAASI,YAAY,CAAC,CAAC,UAC5C,qBAACC,QAAKC,UAAWC,0BAAO,CAAC,qBAAqB,WAC5C,oBAACC,UAAI,EAACC,QAAS,SAAUC,KAAM,OAAQJ,UAAWC,0BAAO,CAACI,QAAQ,UAC/DX,SAASG,KAAK,GAEjB,oBAACS,mBAAM,EAACC,KAAMC,uBAAU,CAACC,MAAM,CAAEC,MAAO,6BAA8BC,YAAa,UAI3F"}

package/lib/cjs/components/Layout/AppHeader/languageSwitch/LanguageSwitch.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/components/Layout/AppHeader/languageSwitch/LanguageSwitch.tsx"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport { ActionIcon } from \"@mantine/core\"\nimport { FlagDeIcon, FlagEnIcon } from \"../../../../icons\"\nimport { useLanguageContext } from \"../../../../contextProviders\"\nimport { useTranslation } from \"react-i18next\"\n\nexport const LanguageSwitch = () => {\n  const { language, changeLanguageFu } = useLanguageContext()\n  const { t } = useTranslation()\n  return (\n    <ActionIcon\n      variant=\"transparent\"\n      onClick={changeLanguageFu}\n      title={t(\"Switch language\")}\n      color=\"neutral.0\"\n    >\n      {language === \"en\" ? <FlagEnIcon /> : <FlagDeIcon />}\n    </ActionIcon>\n  )\n}\n"],"names":["LanguageSwitch","language","changeLanguageFu","useLanguageContext","t","useTranslation","ActionIcon","variant","onClick","title","color","FlagEnIcon","FlagDeIcon"],"mappings":"oGASaA,wDAAAA,qFALc,sCACY,qDACJ,4DACJ,iBAExB,MAAMA,eAAiB,KAC5B,KAAM,CAAEC,QAAQ,CAAEC,gBAAgB,CAAE,CAAGC,GAAAA,oCAAkB,IACzD,KAAM,CAAEC,CAAC,CAAE,CAAGC,GAAAA,4BAAc,IAC5B,MACE,oBAACC,gBAAU,EACTC,QAAQ,cACRC,QAASN,iBACTO,MAAOL,EAAE,mBACTM,MAAM,qBAELT,WAAa,KAAO,oBAACU,iBAAU,KAAM,oBAACC,iBAAU,MAGvD"}
+{"version":3,"sources":["../../../../../../src/components/Layout/AppHeader/languageSwitch/LanguageSwitch.tsx"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport { ActionIcon } from \"@mantine/core\"\nimport { FlagDeIcon, FlagEnIcon } from \"../../../../icons\"\nimport { useLanguageContext } from \"../../../../contextProviders\"\nimport { useTranslation } from \"react-i18next\"\n\n/**\n * Provides the language switch for the AppHeader\n */\nexport const LanguageSwitch = () => {\n  const { language, changeLanguageFu } = useLanguageContext()\n  const { t } = useTranslation()\n  return (\n    <ActionIcon\n      variant=\"transparent\"\n      onClick={changeLanguageFu}\n      title={t(\"Switch language\")}\n      color=\"neutral.0\"\n    >\n      {language === \"en\" ? <FlagEnIcon /> : <FlagDeIcon />}\n    </ActionIcon>\n  )\n}\n"],"names":["LanguageSwitch","language","changeLanguageFu","useLanguageContext","t","useTranslation","ActionIcon","variant","onClick","title","color","FlagEnIcon","FlagDeIcon"],"mappings":"oGAYaA,wDAAAA,qFARc,sCACY,qDACJ,4DACJ,iBAKxB,MAAMA,eAAiB,KAC5B,KAAM,CAAEC,QAAQ,CAAEC,gBAAgB,CAAE,CAAGC,GAAAA,oCAAkB,IACzD,KAAM,CAAEC,CAAC,CAAE,CAAGC,GAAAA,4BAAc,IAC5B,MACE,oBAACC,gBAAU,EACTC,QAAQ,cACRC,QAASN,iBACTO,MAAOL,EAAE,mBACTM,MAAM,qBAELT,WAAa,KAAO,oBAACU,iBAAU,KAAM,oBAACC,iBAAU,MAGvD"}

package/lib/cjs/components/Layout/AppHeader/manual/Manual.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/components/Layout/AppHeader/manual/Manual.tsx"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport { ActionIcon, Divider } from \"@mantine/core\"\nimport { useTranslation } from \"react-i18next\"\nimport { Tooltip } from \"../../../Tooltip\"\nimport { BookMarked } from \"lucide-react\"\nimport classes from \"../AppHeader.module.css\"\n\ntype TManualProps = { manualLink: string }\n\nexport const Manual = ({ manualLink }: TManualProps) => {\n  const { t } = useTranslation()\n  return (\n    <>\n      <Divider orientation=\"vertical\" className={classes.divider} />\n      <Tooltip label={t(\"Open manual\")}>\n        <ActionIcon\n          variant=\"transparent\"\n          onClick={() => window.open(manualLink, \"_blank\", \"noreferrer\")}\n          color=\"neutral.0\"\n          data-testid=\"manual-link\"\n        >\n          <BookMarked size={14} strokeWidth={1.5} />\n        </ActionIcon>\n      </Tooltip>\n    </>\n  )\n}\n"],"names":["Manual","manualLink","t","useTranslation","Divider","orientation","className","classes","divider","Tooltip","label","ActionIcon","variant","onClick","window","open","color","data-testid","BookMarked","size","strokeWidth"],"mappings":"oGAYaA,gDAAAA,6EARuB,6CACL,wCACP,+CACG,wFACP,gHAIb,MAAMA,OAAS,CAAC,CAAEC,UAAU,CAAgB,IACjD,KAAM,CAAEC,CAAC,CAAE,CAAGC,GAAAA,4BAAc,IAC5B,MACE,qDACE,oBAACC,aAAO,EAACC,YAAY,WAAWC,UAAWC,2BAAO,CAACC,OAAO,GAC1D,oBAACC,gBAAO,EAACC,MAAOR,EAAE,wBAChB,oBAACS,gBAAU,EACTC,QAAQ,cACRC,QAAS,IAAMC,OAAOC,IAAI,CAACd,WAAY,SAAU,cACjDe,MAAM,YACNC,cAAY,uBAEZ,oBAACC,uBAAU,EAACC,KAAM,GAAIC,YAAa,YAK7C"}
+{"version":3,"sources":["../../../../../../src/components/Layout/AppHeader/manual/Manual.tsx"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport { ActionIcon, Divider } from \"@mantine/core\"\nimport { useTranslation } from \"react-i18next\"\nimport { Tooltip } from \"../../../Tooltip\"\nimport { BookMarked } from \"lucide-react\"\nimport classes from \"../AppHeader.module.css\"\n\ntype TManualProps = { manualLink: string }\n\n/**\n * Provides an icon with the link to the user manual and a tooltip\n * @param manualLink URL to the user manual, normally dependent on the current language\n */\nexport const Manual = ({ manualLink }: TManualProps) => {\n  const { t } = useTranslation()\n  return (\n    <>\n      <Divider orientation=\"vertical\" className={classes.divider} />\n      <Tooltip label={t(\"Open manual\")}>\n        <ActionIcon\n          variant=\"transparent\"\n          onClick={() => window.open(manualLink, \"_blank\", \"noreferrer\")}\n          color=\"neutral.0\"\n          data-testid=\"manual-link\"\n        >\n          <BookMarked size={14} strokeWidth={1.5} />\n        </ActionIcon>\n      </Tooltip>\n    </>\n  )\n}\n"],"names":["Manual","manualLink","t","useTranslation","Divider","orientation","className","classes","divider","Tooltip","label","ActionIcon","variant","onClick","window","open","color","data-testid","BookMarked","size","strokeWidth"],"mappings":"oGAgBaA,gDAAAA,6EAZuB,6CACL,wCACP,+CACG,wFACP,gHAQb,MAAMA,OAAS,CAAC,CAAEC,UAAU,CAAgB,IACjD,KAAM,CAAEC,CAAC,CAAE,CAAGC,GAAAA,4BAAc,IAC5B,MACE,qDACE,oBAACC,aAAO,EAACC,YAAY,WAAWC,UAAWC,2BAAO,CAACC,OAAO,GAC1D,oBAACC,gBAAO,EAACC,MAAOR,EAAE,wBAChB,oBAACS,gBAAU,EACTC,QAAQ,cACRC,QAAS,IAAMC,OAAOC,IAAI,CAACd,WAAY,SAAU,cACjDe,MAAM,YACNC,cAAY,uBAEZ,oBAACC,uBAAU,EAACC,KAAM,GAAIC,YAAa,YAK7C"}

package/lib/cjs/components/Layout/AppHeader/themeSwitch/ThemeSwitch.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/components/Layout/AppHeader/themeSwitch/ThemeSwitch.tsx"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport { ActionIcon, useMantineColorScheme, useMantineTheme } from \"@mantine/core\"\nimport { Moon, Sun } from \"lucide-react\"\nimport { useTranslation } from \"react-i18next\"\n\nexport const ThemeSwitch = () => {\n  const { colorScheme, toggleColorScheme } = useMantineColorScheme()\n  const theme = useMantineTheme()\n  const dark = colorScheme === \"dark\"\n  const { t } = useTranslation()\n\n  return (\n    <ActionIcon\n      variant=\"transparent\"\n      onClick={() => toggleColorScheme()}\n      title={t(\"Switch color theme\")}\n      color=\"neutral.0\"\n    >\n      {dark ? (\n        <Moon size={theme.other.iconSizes.MEDIUM} strokeWidth={1.5} />\n      ) : (\n        <Sun size={theme.other.iconSizes.MEDIUM} strokeWidth={1.5} />\n      )}\n    </ActionIcon>\n  )\n}\n"],"names":["ThemeSwitch","colorScheme","toggleColorScheme","useMantineColorScheme","theme","useMantineTheme","dark","t","useTranslation","ActionIcon","variant","onClick","title","color","Moon","size","other","iconSizes","MEDIUM","strokeWidth","Sun"],"mappings":"oGAQaA,qDAAAA,kFAJsD,4CACzC,4CACK,iBAExB,MAAMA,YAAc,KACzB,KAAM,CAAEC,WAAW,CAAEC,iBAAiB,CAAE,CAAGC,GAAAA,2BAAqB,IAChE,MAAMC,MAAQC,GAAAA,qBAAe,IAC7B,MAAMC,KAAOL,cAAgB,OAC7B,KAAM,CAAEM,CAAC,CAAE,CAAGC,GAAAA,4BAAc,IAE5B,MACE,oBAACC,gBAAU,EACTC,QAAQ,cACRC,QAAS,IAAMT,oBACfU,MAAOL,EAAE,sBACTM,MAAM,qBAELP,KACC,oBAACQ,iBAAI,EAACC,KAAMX,MAAMY,KAAK,CAACC,SAAS,CAACC,MAAM,CAAEC,YAAa,MAEvD,oBAACC,gBAAG,EAACL,KAAMX,MAAMY,KAAK,CAACC,SAAS,CAACC,MAAM,CAAEC,YAAa,OAI9D"}
+{"version":3,"sources":["../../../../../../src/components/Layout/AppHeader/themeSwitch/ThemeSwitch.tsx"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport { ActionIcon, useMantineColorScheme, useMantineTheme } from \"@mantine/core\"\nimport { Moon, Sun } from \"lucide-react\"\nimport { useTranslation } from \"react-i18next\"\n\n/**\n * Provides an icon for switching themes\n */\nexport const ThemeSwitch = () => {\n  const { colorScheme, toggleColorScheme } = useMantineColorScheme()\n  const theme = useMantineTheme()\n  const dark = colorScheme === \"dark\"\n  const { t } = useTranslation()\n\n  return (\n    <ActionIcon\n      variant=\"transparent\"\n      onClick={() => toggleColorScheme()}\n      title={t(\"Switch color theme\")}\n      color=\"neutral.0\"\n    >\n      {dark ? (\n        <Moon size={theme.other.iconSizes.MEDIUM} strokeWidth={1.5} />\n      ) : (\n        <Sun size={theme.other.iconSizes.MEDIUM} strokeWidth={1.5} />\n      )}\n    </ActionIcon>\n  )\n}\n"],"names":["ThemeSwitch","colorScheme","toggleColorScheme","useMantineColorScheme","theme","useMantineTheme","dark","t","useTranslation","ActionIcon","variant","onClick","title","color","Moon","size","other","iconSizes","MEDIUM","strokeWidth","Sun"],"mappings":"oGAWaA,qDAAAA,kFAPsD,4CACzC,4CACK,iBAKxB,MAAMA,YAAc,KACzB,KAAM,CAAEC,WAAW,CAAEC,iBAAiB,CAAE,CAAGC,GAAAA,2BAAqB,IAChE,MAAMC,MAAQC,GAAAA,qBAAe,IAC7B,MAAMC,KAAOL,cAAgB,OAC7B,KAAM,CAAEM,CAAC,CAAE,CAAGC,GAAAA,4BAAc,IAE5B,MACE,oBAACC,gBAAU,EACTC,QAAQ,cACRC,QAAS,IAAMT,oBACfU,MAAOL,EAAE,sBACTM,MAAM,qBAELP,KACC,oBAACQ,iBAAI,EAACC,KAAMX,MAAMY,KAAK,CAACC,SAAS,CAACC,MAAM,CAAEC,YAAa,MAEvD,oBAACC,gBAAG,EAACL,KAAMX,MAAMY,KAAK,CAACC,SAAS,CAACC,MAAM,CAAEC,YAAa,OAI9D"}

package/lib/cjs/components/Layout/AppHeader/userNav/NavItem.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"NavItem",{enumerable:true,get:function(){return NavItem}});const _jsxruntime=require("react/jsx-runtime");const _NavItemmodulecss=/*#__PURE__*/_interop_require_default(require("./NavItem.module.css"));function _extends(){_extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source){if(Object.prototype.hasOwnProperty.call(source,key)){target[key]=source[key]}}}return target};return _extends.apply(this,arguments)}function _interop_require_default(obj){return obj&&obj.__esModule?obj:{default:obj}}function _object_destructuring_empty(o){if(o===null||o===void 0)throw new TypeError("Cannot destructure "+o);return o}const NavItem=_param=>{var menuPoint=_extends({},_object_destructuring_empty(_param));return(0,_jsxruntime.jsxs)("div",{className:_NavItemmodulecss.default["menu-item-wrapper"],children:[(0,_jsxruntime.jsx)("div",{className:_NavItemmodulecss.default["menu-icon"],children:menuPoint.icon}),(0,_jsxruntime.jsx)("div",{className:_NavItemmodulecss.default["menu-item-text"],children:menuPoint.linkText})]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"NavItem",{enumerable:true,get:function(){return NavItem}});const _jsxruntime=require("react/jsx-runtime");const _NavItemmodulecss=/*#__PURE__*/_interop_require_default(require("./NavItem.module.css"));function _extends(){_extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source){if(Object.prototype.hasOwnProperty.call(source,key)){target[key]=source[key]}}}return target};return _extends.apply(this,arguments)}function _interop_require_default(obj){return obj&&obj.__esModule?obj:{default:obj}}const NavItem=_0=>{let{}=_0,menuPoint=_extends({},_0);return(0,_jsxruntime.jsxs)("div",{className:_NavItemmodulecss.default["menu-item-wrapper"],children:[(0,_jsxruntime.jsx)("div",{className:_NavItemmodulecss.default["menu-icon"],children:menuPoint.icon}),(0,_jsxruntime.jsx)("div",{className:_NavItemmodulecss.default["menu-item-text"],children:menuPoint.linkText})]})};
 //# sourceMappingURL=NavItem.js.map

package/lib/cjs/components/Layout/AppHeader/userNav/NavItem.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/components/Layout/AppHeader/userNav/NavItem.tsx"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport { TMenuPoint } from \"../types\"\nimport classes from \"./NavItem.module.css\"\n\nexport const NavItem = ({ ...menuPoint }: Omit<TMenuPoint, \"to\">) => {\n  return (\n    <div className={classes[\"menu-item-wrapper\"]}>\n      <div className={classes[\"menu-icon\"]}>{menuPoint.icon}</div>\n      <div className={classes[\"menu-item-text\"]}>{menuPoint.linkText}</div>\n    </div>\n  )\n}\n"],"names":["NavItem","menuPoint","div","className","classes","icon","linkText"],"mappings":"oGAOaA,iDAAAA,gIAFO,ufAEb,MAAMA,QAAU,aAAMC,2DAC3B,MACE,qBAACC,OAAIC,UAAWC,yBAAO,CAAC,oBAAoB,WAC1C,oBAACF,OAAIC,UAAWC,yBAAO,CAAC,YAAY,UAAGH,UAAUI,IAAI,GACrD,oBAACH,OAAIC,UAAWC,yBAAO,CAAC,iBAAiB,UAAGH,UAAUK,QAAQ,KAGpE"}
+{"version":3,"sources":["../../../../../../src/components/Layout/AppHeader/userNav/NavItem.tsx"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport { TMenuPoint } from \"../types\"\nimport classes from \"./NavItem.module.css\"\n\n/**\n * Provides a navigation item for the menu opening when hovering the username\n * @param linkText Item text\n * @param icon JSX element used as icon in the menu item\n * @param to String or function defining the link's destination\n */\nexport const NavItem = ({ ...menuPoint }: Omit<TMenuPoint, \"to\">) => {\n  return (\n    <div className={classes[\"menu-item-wrapper\"]}>\n      <div className={classes[\"menu-icon\"]}>{menuPoint.icon}</div>\n      <div className={classes[\"menu-item-text\"]}>{menuPoint.linkText}</div>\n    </div>\n  )\n}\n"],"names":["NavItem","menuPoint","div","className","classes","icon","linkText"],"mappings":"oGAaaA,iDAAAA,gIARO,iYAQb,MAAMA,QAAU,QAAC,EAAwC,IAAnCC,0BAC3B,MACE,qBAACC,OAAIC,UAAWC,yBAAO,CAAC,oBAAoB,WAC1C,oBAACF,OAAIC,UAAWC,yBAAO,CAAC,YAAY,UAAGH,UAAUI,IAAI,GACrD,oBAACH,OAAIC,UAAWC,yBAAO,CAAC,iBAAiB,UAAGH,UAAUK,QAAQ,KAGpE"}

package/lib/cjs/components/Layout/AppHeader/userNav/UserNav.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/components/Layout/AppHeader/userNav/UserNav.tsx"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport { Menu } from \"@mantine/core\"\nimport { TUserNavProps } from \"../types\"\nimport { NavItem } from \"./NavItem\"\nimport { UserCircle2 } from \"lucide-react\"\nimport classes from \"./UserNav.module.css\"\nimport { ICON_SIZES } from \"../../../../theme\"\n\nexport const UserNav = ({ username, menuPoints, userNavWidth = 140 }: TUserNavProps) => {\n  return (\n    <Menu shadow=\"md\" trigger=\"hover\" width={userNavWidth} closeDelay={100} offset={11}>\n      <Menu.Target>\n        <div className={classes[\"user-nav-wrapper\"]}>\n          <div className={classes[\"user-name\"]}>{username}</div>\n          <div className={classes[\"user-icon-wrapper\"]}>\n            <UserCircle2 size={ICON_SIZES.MEDIUM} strokeWidth={1.5} />\n          </div>\n        </div>\n      </Menu.Target>\n\n      <Menu.Dropdown>\n        {menuPoints.map((menuPoint) => {\n          if (typeof menuPoint.to === \"string\") {\n            return (\n              <Menu.Item component={\"a\"} href={menuPoint.to} key={menuPoint.linkText}>\n                <NavItem linkText={menuPoint.linkText} icon={menuPoint.icon} />\n              </Menu.Item>\n            )\n          }\n          if (typeof menuPoint.to === \"function\") {\n            return (\n              <div key={menuPoint.linkText} onClick={menuPoint.to}>\n                <Menu.Item>\n                  <NavItem linkText={menuPoint.linkText} icon={menuPoint.icon} />\n                </Menu.Item>\n              </div>\n            )\n          }\n        })}\n      </Menu.Dropdown>\n    </Menu>\n  )\n}\n"],"names":["UserNav","username","menuPoints","userNavWidth","Menu","shadow","trigger","width","closeDelay","offset","Target","div","className","classes","UserCircle2","size","ICON_SIZES","MEDIUM","strokeWidth","Dropdown","map","menuPoint","to","Item","component","href","NavItem","linkText","icon","onClick"],"mappings":"oGAWaA,iDAAAA,8EAPQ,wCAEG,wCACI,sFACR,8CACO,yGAEpB,MAAMA,QAAU,CAAC,CAAEC,QAAQ,CAAEC,UAAU,CAAEC,aAAe,GAAG,CAAiB,IACjF,MACE,qBAACC,UAAI,EAACC,OAAO,KAAKC,QAAQ,QAAQC,MAAOJ,aAAcK,WAAY,IAAKC,OAAQ,aAC9E,oBAACL,UAAI,CAACM,MAAM,WACV,qBAACC,OAAIC,UAAWC,yBAAO,CAAC,mBAAmB,WACzC,oBAACF,OAAIC,UAAWC,yBAAO,CAAC,YAAY,UAAGZ,WACvC,oBAACU,OAAIC,UAAWC,yBAAO,CAAC,oBAAoB,UAC1C,oBAACC,wBAAW,EAACC,KAAMC,iBAAU,CAACC,MAAM,CAAEC,YAAa,aAKzD,oBAACd,UAAI,CAACe,QAAQ,WACXjB,WAAWkB,GAAG,CAAC,AAACC,YACf,GAAI,OAAOA,UAAUC,EAAE,GAAK,SAAU,CACpC,MACE,oBAAClB,UAAI,CAACmB,IAAI,EAACC,UAAW,IAAKC,KAAMJ,UAAUC,EAAE,UAC3C,oBAACI,gBAAO,EAACC,SAAUN,UAAUM,QAAQ,CAAEC,KAAMP,UAAUO,IAAI,IADTP,UAAUM,QAAQ,CAI1E,CACA,GAAI,OAAON,UAAUC,EAAE,GAAK,WAAY,CACtC,MACE,oBAACX,OAA6BkB,QAASR,UAAUC,EAAE,UACjD,oBAAClB,UAAI,CAACmB,IAAI,WACR,oBAACG,gBAAO,EAACC,SAAUN,UAAUM,QAAQ,CAAEC,KAAMP,UAAUO,IAAI,MAFrDP,UAAUM,QAAQ,CAMhC,CACF,OAIR"}
+{"version":3,"sources":["../../../../../../src/components/Layout/AppHeader/userNav/UserNav.tsx"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport { Menu } from \"@mantine/core\"\nimport { TUserNavProps } from \"../types\"\nimport { NavItem } from \"./NavItem\"\nimport { UserCircle2 } from \"lucide-react\"\nimport classes from \"./UserNav.module.css\"\nimport { ICON_SIZES } from \"../../../../theme\"\n\n/**\n * Provides the user navigation that is openend when hovering the user name\n * @param username Name of the current user\n * @param menuPoints Array of menu items that open when the username is hovered\n * @param userNavWidth Width of the navigation in pixel\n */\nexport const UserNav = ({ username, menuPoints, userNavWidth = 140 }: TUserNavProps) => {\n  return (\n    <Menu shadow=\"md\" trigger=\"hover\" width={userNavWidth} closeDelay={100} offset={11}>\n      <Menu.Target>\n        <div className={classes[\"user-nav-wrapper\"]}>\n          <div className={classes[\"user-name\"]}>{username}</div>\n          <div className={classes[\"user-icon-wrapper\"]}>\n            <UserCircle2 size={ICON_SIZES.MEDIUM} strokeWidth={1.5} />\n          </div>\n        </div>\n      </Menu.Target>\n\n      <Menu.Dropdown>\n        {menuPoints.map((menuPoint) => {\n          if (typeof menuPoint.to === \"string\") {\n            return (\n              <Menu.Item component={\"a\"} href={menuPoint.to} key={menuPoint.linkText}>\n                <NavItem linkText={menuPoint.linkText} icon={menuPoint.icon} />\n              </Menu.Item>\n            )\n          }\n          if (typeof menuPoint.to === \"function\") {\n            return (\n              <div key={menuPoint.linkText} onClick={menuPoint.to}>\n                <Menu.Item>\n                  <NavItem linkText={menuPoint.linkText} icon={menuPoint.icon} />\n                </Menu.Item>\n              </div>\n            )\n          }\n        })}\n      </Menu.Dropdown>\n    </Menu>\n  )\n}\n"],"names":["UserNav","username","menuPoints","userNavWidth","Menu","shadow","trigger","width","closeDelay","offset","Target","div","className","classes","UserCircle2","size","ICON_SIZES","MEDIUM","strokeWidth","Dropdown","map","menuPoint","to","Item","component","href","NavItem","linkText","icon","onClick"],"mappings":"oGAiBaA,iDAAAA,8EAbQ,wCAEG,wCACI,sFACR,8CACO,yGAQpB,MAAMA,QAAU,CAAC,CAAEC,QAAQ,CAAEC,UAAU,CAAEC,aAAe,GAAG,CAAiB,IACjF,MACE,qBAACC,UAAI,EAACC,OAAO,KAAKC,QAAQ,QAAQC,MAAOJ,aAAcK,WAAY,IAAKC,OAAQ,aAC9E,oBAACL,UAAI,CAACM,MAAM,WACV,qBAACC,OAAIC,UAAWC,yBAAO,CAAC,mBAAmB,WACzC,oBAACF,OAAIC,UAAWC,yBAAO,CAAC,YAAY,UAAGZ,WACvC,oBAACU,OAAIC,UAAWC,yBAAO,CAAC,oBAAoB,UAC1C,oBAACC,wBAAW,EAACC,KAAMC,iBAAU,CAACC,MAAM,CAAEC,YAAa,aAKzD,oBAACd,UAAI,CAACe,QAAQ,WACXjB,WAAWkB,GAAG,CAAC,AAACC,YACf,GAAI,OAAOA,UAAUC,EAAE,GAAK,SAAU,CACpC,MACE,oBAAClB,UAAI,CAACmB,IAAI,EAACC,UAAW,IAAKC,KAAMJ,UAAUC,EAAE,UAC3C,oBAACI,gBAAO,EAACC,SAAUN,UAAUM,QAAQ,CAAEC,KAAMP,UAAUO,IAAI,IADTP,UAAUM,QAAQ,CAI1E,CACA,GAAI,OAAON,UAAUC,EAAE,GAAK,WAAY,CACtC,MACE,oBAACX,OAA6BkB,QAASR,UAAUC,EAAE,UACjD,oBAAClB,UAAI,CAACmB,IAAI,WACR,oBAACG,gBAAO,EAACC,SAAUN,UAAUM,QAAQ,CAAEC,KAAMP,UAAUO,IAAI,MAFrDP,UAAUM,QAAQ,CAMhC,CACF,OAIR"}

package/lib/cjs/components/Layout/AppNavigation/AppNavigationLink.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"AppNavigationLink",{enumerable:true,get:function(){return AppNavigationLink}});const _jsxruntime=require("react/jsx-runtime");const _core=require("@mantine/core");const _AppNavigationLinkmodulecss=/*#__PURE__*/_interop_require_default(require("./AppNavigationLink.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 AppNavigationLinkUntyped=_param=>{var{rightSection,active,children}=_param,other=_object_without_properties(_param,["rightSection","active","children"]);return(0,_jsxruntime.jsx)(_core.NavLink,_object_spread_props(_object_spread({classNames:_object_spread({root:`${_AppNavigationLinkmodulecss.default.root} ${active?_AppNavigationLinkmodulecss.default["root-active"]:_AppNavigationLinkmodulecss.default["root-inactive"]}`,label:_AppNavigationLinkmodulecss.default.label,section:_AppNavigationLinkmodulecss.default.section,children:_AppNavigationLinkmodulecss.default.children},other.classNames),rightSection:rightSection&&(0,_jsxruntime.jsx)(_core.Badge,{classNames:{root:_AppNavigationLinkmodulecss.default["badge-root"]},children:rightSection})},other),{children:children}))};const AppNavigationLink=AppNavigationLinkUntyped;
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"AppNavigationLink",{enumerable:true,get:function(){return AppNavigationLink}});const _jsxruntime=require("react/jsx-runtime");const _core=require("@mantine/core");const _AppNavigationLinkmodulecss=/*#__PURE__*/_interop_require_default(require("./AppNavigationLink.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={},sourceKeys,key,i;if(typeof Reflect!=="undefined"&&Reflect.ownKeys){sourceKeys=Reflect.ownKeys(source);for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key]}return target}target=_object_without_properties_loose(source,excluded);if(Object.getOwnPropertySymbols){sourceKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceKeys.length;i++){key=sourceKeys[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={},sourceKeys=Object.getOwnPropertyNames(source),key,i;for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key]}return target}const AppNavigationLinkUntyped=_0=>{let{rightSection,active,children}=_0,other=_object_without_properties(_0,["rightSection","active","children"]);return(0,_jsxruntime.jsx)(_core.NavLink,_object_spread_props(_object_spread({classNames:_object_spread({root:`${_AppNavigationLinkmodulecss.default.root} ${active?_AppNavigationLinkmodulecss.default["root-active"]:_AppNavigationLinkmodulecss.default["root-inactive"]}`,label:_AppNavigationLinkmodulecss.default.label,section:_AppNavigationLinkmodulecss.default.section,children:_AppNavigationLinkmodulecss.default.children},other.classNames),rightSection:rightSection&&(0,_jsxruntime.jsx)(_core.Badge,{classNames:{root:_AppNavigationLinkmodulecss.default["badge-root"]},children:rightSection})},other),{children:children}))};const AppNavigationLink=AppNavigationLinkUntyped;
 //# sourceMappingURL=AppNavigationLink.js.map

package/lib/cjs/components/Layout/AppNavigation/AppNavigationLink.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Layout/AppNavigation/AppNavigationLink.tsx"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport type { NavLinkProps } from \"@mantine/core\"\nimport { Badge, NavLink } from \"@mantine/core\"\nimport classes from \"./AppNavigationLink.module.css\"\n\nconst AppNavigationLinkUntyped = ({ rightSection, active, children, ...other }: NavLinkProps) => {\n  return (\n    <NavLink\n      classNames={{\n        root: `${classes.root} ${active ? classes[\"root-active\"] : classes[\"root-inactive\"]}`,\n        label: classes.label,\n        section: classes.section,\n        children: classes.children,\n        ...other.classNames,\n      }}\n      rightSection={\n        rightSection && (\n          <Badge\n            classNames={{\n              root: classes[\"badge-root\"],\n            }}\n          >\n            {rightSection}\n          </Badge>\n        )\n      }\n      {...other}\n    >\n      {children}\n    </NavLink>\n  )\n}\n\nconst AppNavigationLink = AppNavigationLinkUntyped as typeof NavLink\n\nexport { AppNavigationLink }\n"],"names":["AppNavigationLink","AppNavigationLinkUntyped","rightSection","active","children","other","NavLink","classNames","root","classes","label","section","Badge"],"mappings":"oGAsCSA,2DAAAA,wFAjCsB,iGACX,0iEAEpB,MAAMC,yBAA2B,YAAC,CAAEC,YAAY,CAAEC,MAAM,CAAEC,QAAQ,CAA0B,QAArBC,yCAAnCH,eAAcC,SAAQC,aACxD,MACE,oBAACE,aAAO,sCACNC,WAAY,gBACVC,KAAM,CAAC,EAAEC,mCAAO,CAACD,IAAI,CAAC,CAAC,EAAEL,OAASM,mCAAO,CAAC,cAAc,CAAGA,mCAAO,CAAC,gBAAgB,CAAC,CAAC,CACrFC,MAAOD,mCAAO,CAACC,KAAK,CACpBC,QAASF,mCAAO,CAACE,OAAO,CACxBP,SAAUK,mCAAO,CAACL,QAAQ,EACvBC,MAAME,UAAU,EAErBL,aACEA,cACE,oBAACU,WAAK,EACJL,WAAY,CACVC,KAAMC,mCAAO,CAAC,aAAa,AAC7B,WAECP,gBAIHG,iBAEHD,WAGP,EAEA,MAAMJ,kBAAoBC"}
+{"version":3,"sources":["../../../../../src/components/Layout/AppNavigation/AppNavigationLink.tsx"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport type { NavLinkProps } from \"@mantine/core\"\nimport { Badge, NavLink } from \"@mantine/core\"\nimport classes from \"./AppNavigationLink.module.css\"\n\nconst AppNavigationLinkUntyped = ({ rightSection, active, children, ...other }: NavLinkProps) => {\n  return (\n    <NavLink\n      classNames={{\n        root: `${classes.root} ${active ? classes[\"root-active\"] : classes[\"root-inactive\"]}`,\n        label: classes.label,\n        section: classes.section,\n        children: classes.children,\n        ...other.classNames,\n      }}\n      rightSection={\n        rightSection && (\n          <Badge\n            classNames={{\n              root: classes[\"badge-root\"],\n            }}\n          >\n            {rightSection}\n          </Badge>\n        )\n      }\n      {...other}\n    >\n      {children}\n    </NavLink>\n  )\n}\n\nconst AppNavigationLink = AppNavigationLinkUntyped as typeof NavLink\n\nexport { AppNavigationLink }\n"],"names":["AppNavigationLink","AppNavigationLinkUntyped","rightSection","active","children","other","NavLink","classNames","root","classes","label","section","Badge"],"mappings":"oGAsCSA,2DAAAA,wFAjCsB,iGACX,u4EAEpB,MAAMC,yBAA2B,QAAC,CAAEC,YAAY,CAAEC,MAAM,CAAEC,QAAQ,CAA0B,IAArBC,0EACrE,MACE,oBAACC,aAAO,sCACNC,WAAY,gBACVC,KAAM,CAAC,EAAEC,mCAAO,CAACD,IAAI,CAAC,CAAC,EAAEL,OAASM,mCAAO,CAAC,cAAc,CAAGA,mCAAO,CAAC,gBAAgB,CAAC,CAAC,CACrFC,MAAOD,mCAAO,CAACC,KAAK,CACpBC,QAASF,mCAAO,CAACE,OAAO,CACxBP,SAAUK,mCAAO,CAACL,QAAQ,EACvBC,MAAME,UAAU,EAErBL,aACEA,cACE,oBAACU,WAAK,EACJL,WAAY,CACVC,KAAMC,mCAAO,CAAC,aAAa,AAC7B,WAECP,gBAIHG,iBAEHD,WAGP,EAEA,MAAMJ,kBAAoBC"}

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

@@ -1,2 +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"]} ${styleProps.hScroll?_SimpleGridmodulecss.default.hScroll:""}`,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))})};
+"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={},sourceKeys,key,i;if(typeof Reflect!=="undefined"&&Reflect.ownKeys){sourceKeys=Reflect.ownKeys(source);for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key]}return target}target=_object_without_properties_loose(source,excluded);if(Object.getOwnPropertySymbols){sourceKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceKeys.length;i++){key=sourceKeys[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={},sourceKeys=Object.getOwnPropertyNames(source),key,i;for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key]}return target}const SimpleGrid=_0=>{let{config}=_0,styleProps=_object_without_properties(_0,["config"]);return(0,_jsxruntime.jsx)("div",{className:`${_SimpleGridmodulecss.default["grid-container"]} ${styleProps.hScroll?_SimpleGridmodulecss.default.hScroll:""}`,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

@@ -1 +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  hScroll?: boolean\n}\n\ntype TSimpleGridProps = TSimpleGridStyling & {\n  config: Record<string, ReactNode>\n}\n\n/**\n * Generic grid wrapper that renders areas from a config map.\n * Supports spacing props and optional horizontal scrolling.\n * @param config Mapping of grid-area names to React nodes.\n * @param gridTemplateAreas Array describing grid-template-areas rows.\n * @param gridTemplateColumns CSS grid-template-columns value.\n * @param gridTemplateRows CSS grid-template-rows value.\n * @param gap Optional CSS gap between grid areas.\n * @param margin Optional CSS margin for the grid container.\n * @param padding Optional CSS padding for the grid container.\n * @param hScroll When true, applies a min-width to enable horizontal scrolling on narrow viewports.\n */\nexport const SimpleGrid: React.FC<TSimpleGridProps> = ({ config, ...styleProps }) => {\n  return (\n    <div\n      className={`${classes[\"grid-container\"]} ${styleProps.hScroll ? classes.hScroll : \"\"}`}\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","hScroll","style","padding","margin","gridTemplateAreas","join","gridTemplateColumns","gridTemplateRows","gap","Object","entries","map","gridArea","element","area"],"mappings":"oGAgCaA,oDAAAA,wHA5BoB,mFACb,4zBA2Bb,MAAMA,WAAyC,YAAC,CAAEC,MAAM,CAAiB,QAAZC,8CAAXD,WACvD,MACE,oBAACE,OACCC,UAAW,CAAC,EAAEC,4BAAO,CAAC,iBAAiB,CAAC,CAAC,EAAEH,WAAWI,OAAO,CAAGD,4BAAO,CAACC,OAAO,CAAG,GAAG,CAAC,CACtFC,MAAO,CACLC,QAASN,WAAWM,OAAO,EAAI,CAAC,2BAA2B,CAAC,CAC5DC,OAAQP,WAAWO,MAAM,EAAI,GAC7BC,kBAAmB,CAAC,CAAC,EAAER,WAAWQ,iBAAiB,CAACC,IAAI,CAAC,OAAO,CAAC,CAAC,CAClEC,oBAAqBV,WAAWU,mBAAmB,CACnDC,iBAAkBX,WAAWW,gBAAgB,CAC7CC,IAAKZ,WAAWY,GAAG,EAAI,EACzB,WAECC,OAAOC,OAAO,CAACf,QAAQgB,GAAG,CAAC,CAAC,CAACC,SAAUC,QAA6B,GACnE,oBAAChB,OAAmBC,UAAWC,4BAAO,CAACe,IAAI,CAAEb,MAAO,CAAEW,QAAS,WAC5DC,SADOD,YAMlB"}
+{"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  hScroll?: boolean\n}\n\ntype TSimpleGridProps = TSimpleGridStyling & {\n  config: Record<string, ReactNode>\n}\n\n/**\n * Generic grid wrapper that renders areas from a config map.\n * Supports spacing props and optional horizontal scrolling.\n * @param config Mapping of grid-area names to React nodes.\n * @param gridTemplateAreas Array describing grid-template-areas rows.\n * @param gridTemplateColumns CSS grid-template-columns value.\n * @param gridTemplateRows CSS grid-template-rows value.\n * @param gap Optional CSS gap between grid areas.\n * @param margin Optional CSS margin for the grid container.\n * @param padding Optional CSS padding for the grid container.\n * @param hScroll When true, applies a min-width to enable horizontal scrolling on narrow viewports.\n */\nexport const SimpleGrid: React.FC<TSimpleGridProps> = ({ config, ...styleProps }) => {\n  return (\n    <div\n      className={`${classes[\"grid-container\"]} ${styleProps.hScroll ? classes.hScroll : \"\"}`}\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","hScroll","style","padding","margin","gridTemplateAreas","join","gridTemplateColumns","gridTemplateRows","gap","Object","entries","map","gridArea","element","area"],"mappings":"oGAgCaA,oDAAAA,wHA5BoB,mFACb,ypCA2Bb,MAAMA,WAAyC,QAAC,CAAEC,MAAM,CAAiB,IAAZC,qDAClE,MACE,oBAACC,OACCC,UAAW,CAAC,EAAEC,4BAAO,CAAC,iBAAiB,CAAC,CAAC,EAAEH,WAAWI,OAAO,CAAGD,4BAAO,CAACC,OAAO,CAAG,GAAG,CAAC,CACtFC,MAAO,CACLC,QAASN,WAAWM,OAAO,EAAI,CAAC,2BAA2B,CAAC,CAC5DC,OAAQP,WAAWO,MAAM,EAAI,GAC7BC,kBAAmB,CAAC,CAAC,EAAER,WAAWQ,iBAAiB,CAACC,IAAI,CAAC,OAAO,CAAC,CAAC,CAClEC,oBAAqBV,WAAWU,mBAAmB,CACnDC,iBAAkBX,WAAWW,gBAAgB,CAC7CC,IAAKZ,WAAWY,GAAG,EAAI,EACzB,WAECC,OAAOC,OAAO,CAACf,QAAQgB,GAAG,CAAC,CAAC,CAACC,SAAUC,QAA6B,GACnE,oBAAChB,OAAmBC,UAAWC,4BAAO,CAACe,IAAI,CAAEb,MAAO,CAAEW,QAAS,WAC5DC,SADOD,YAMlB"}

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

@@ -1,2 +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,hScroll:gridProps.hScroll})};const SimplePageLayoutComplex=props=>{return(0,_jsxruntime.jsx)(SimplePageLayout,{title:props.title,Button:props.Button,hScroll:props.hScroll,children:(0,_jsxruntime.jsx)(_SimpleGrid.SimpleGrid,_object_spread_props(_object_spread({},props),{padding:props.padding||"0"}))})};
+"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={},sourceKeys,key,i;if(typeof Reflect!=="undefined"&&Reflect.ownKeys){sourceKeys=Reflect.ownKeys(source);for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key]}return target}target=_object_without_properties_loose(source,excluded);if(Object.getOwnPropertySymbols){sourceKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceKeys.length;i++){key=sourceKeys[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={},sourceKeys=Object.getOwnPropertyNames(source),key,i;for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key]}return target}const SimplePageLayout=_0=>{let{children,title,Button,Breadcrumbs}=_0,gridProps=_object_without_properties(_0,["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,hScroll:gridProps.hScroll})};const SimplePageLayoutComplex=props=>{return(0,_jsxruntime.jsx)(SimplePageLayout,{title:props.title,Button:props.Button,hScroll:props.hScroll,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

@@ -1 +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\n/**\n * Renders a simple page layout with title, optional breadcrumbs and action button.\n * Uses a 3-column grid and exposes styling props for spacing and horizontal scroll.\n * @param title Page title displayed as heading2.\n * @param Button Optional action element rendered in the header's right side.\n * @param Breadcrumbs Optional breadcrumbs rendered above the title.\n * @param children Main content area.\n * @param gap Optional CSS gap between grid areas.\n * @param padding Optional padding for the grid container.\n * @param hScroll When true, enforces a min-width to allow horizontal scrolling on smaller viewports.\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      hScroll={gridProps.hScroll}\n    />\n  )\n}\n\nexport type TSimplePageLayoutComplex = TSimpleGridStyling & {\n  title: string\n  Button?: ReactNode\n  config: Record<string, ReactNode>\n}\n\n/**\n * Complex variant that composes SimplePageLayout with a configurable SimpleGrid.\n * Forwards styling props (including hScroll) and renders additional grid areas via config.\n * @param title Page title.\n * @param Button Optional action element rendered in the header's right side.\n * @param config Mapping of grid-area names to React nodes.\n * @param gridTemplateAreas CSS grid-template-areas definition.\n * @param gridTemplateColumns CSS grid-template-columns definition.\n * @param gridTemplateRows CSS grid-template-rows definition.\n * @param gap Optional CSS gap between grid areas.\n * @param margin Optional CSS margin for the grid container.\n * @param padding Optional CSS padding for the grid container (defaults to \"0\" for inner grid).\n * @param hScroll When true, enforces a min-width to allow horizontal scrolling on smaller viewports.\n */\nexport const SimplePageLayoutComplex = (props: TSimplePageLayoutComplex) => {\n  return (\n    <SimplePageLayout title={props.title} Button={props.Button} hScroll={props.hScroll}>\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","hScroll","props"],"mappings":"mPA2BaA,0BAAAA,sBAsDAC,iCAAAA,qIA7EoB,oCACc,oCAC1B,kFACD,8hEAoBb,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,CAC1BC,QAASjB,UAAUiB,OAAO,EAGhC,EAsBO,MAAMtB,wBAA0B,AAACuB,QACtC,MACE,oBAACxB,kBAAiBG,MAAOqB,MAAMrB,KAAK,CAAEC,OAAQoB,MAAMpB,MAAM,CAAEmB,QAASC,MAAMD,OAAO,UAChF,oBAAChB,sBAAU,wCAAKiB,QAAOF,QAASE,MAAMF,OAAO,EAAI,QAGvD"}
+{"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\n/**\n * Renders a simple page layout with title, optional breadcrumbs and action button.\n * Uses a 3-column grid and exposes styling props for spacing and horizontal scroll.\n * @param title Page title displayed as heading2.\n * @param Button Optional action element rendered in the header's right side.\n * @param Breadcrumbs Optional breadcrumbs rendered above the title.\n * @param children Main content area.\n * @param gap Optional CSS gap between grid areas.\n * @param padding Optional padding for the grid container.\n * @param hScroll When true, enforces a min-width to allow horizontal scrolling on smaller viewports.\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      hScroll={gridProps.hScroll}\n    />\n  )\n}\n\nexport type TSimplePageLayoutComplex = TSimpleGridStyling & {\n  title: string\n  Button?: ReactNode\n  config: Record<string, ReactNode>\n}\n\n/**\n * Complex variant that composes SimplePageLayout with a configurable SimpleGrid.\n * Forwards styling props (including hScroll) and renders additional grid areas via config.\n * @param title Page title.\n * @param Button Optional action element rendered in the header's right side.\n * @param config Mapping of grid-area names to React nodes.\n * @param gridTemplateAreas CSS grid-template-areas definition.\n * @param gridTemplateColumns CSS grid-template-columns definition.\n * @param gridTemplateRows CSS grid-template-rows definition.\n * @param gap Optional CSS gap between grid areas.\n * @param margin Optional CSS margin for the grid container.\n * @param padding Optional CSS padding for the grid container (defaults to \"0\" for inner grid).\n * @param hScroll When true, enforces a min-width to allow horizontal scrolling on smaller viewports.\n */\nexport const SimplePageLayoutComplex = (props: TSimplePageLayoutComplex) => {\n  return (\n    <SimplePageLayout title={props.title} Button={props.Button} hScroll={props.hScroll}>\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","hScroll","props"],"mappings":"mPA2BaA,0BAAAA,sBAsDAC,iCAAAA,qIA7EoB,oCACc,oCAC1B,kFACD,23EAoBb,MAAMD,iBAAqD,QAAC,CACjEE,QAAQ,CACRC,KAAK,CACLC,MAAM,CACNC,WAAW,CAEZ,IADIC,qFAEH,MACE,oBAACC,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,CAC1BC,QAASjB,UAAUiB,OAAO,EAGhC,EAsBO,MAAMtB,wBAA0B,AAACuB,QACtC,MACE,oBAACxB,kBAAiBG,MAAOqB,MAAMrB,KAAK,CAAEC,OAAQoB,MAAMpB,MAAM,CAAEmB,QAASC,MAAMD,OAAO,UAChF,oBAAChB,sBAAU,wCAAKiB,QAAOF,QAASE,MAAMF,OAAO,EAAI,QAGvD"}

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

@@ -1,2 +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})}))};
+"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={},sourceKeys,key,i;if(typeof Reflect!=="undefined"&&Reflect.ownKeys){sourceKeys=Reflect.ownKeys(source);for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key]}return target}target=_object_without_properties_loose(source,excluded);if(Object.getOwnPropertySymbols){sourceKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceKeys.length;i++){key=sourceKeys[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={},sourceKeys=Object.getOwnPropertyNames(source),key,i;for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))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=_0=>{let{children,title}=_0,props=_object_without_properties(_0,["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