@greenbone/ui-lib 0.7.7-alpha0

package/lib/esm/components/Form/RadioButton/RadioButton.js

@@ -0,0 +1,2 @@
+function _define_property(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true})}else{obj[key]=value}return obj}function _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 _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}import{jsx as _jsx}from"react/jsx-runtime";import{Radio}from"@mantine/core";import{getDefaultFormStyles}from"../sharedStyles";import{useFormContext}from"../Form/Form";import React,{forwardRef}from"react";import classes from"./RadioButton.module.css";const useStyles=()=>{const defaultFormStyles=getDefaultFormStyles();return _object_spread_props(_object_spread({},defaultFormStyles),{label:`${defaultFormStyles.label} ${classes.label}`})};export const RadioButton=forwardRef((_param,ref)=>{var props=_extends({},_object_destructuring_empty(_param));const classes=useStyles();return _jsx(Radio,_object_spread({ref:ref,classNames:_object_spread({root:classes.root,label:classes.label},props.classNames)},props))});export const FormRadioButton=_param=>{var{name}=_param,props=_object_without_properties(_param,["name"]);const{register}=useFormContext();return _jsx(RadioButton,_object_spread({},props,register(name)))};
+//# sourceMappingURL=RadioButton.js.map

package/lib/esm/components/Form/RadioButton/RadioButton.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Form/RadioButton/RadioButton.tsx"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport { Radio, RadioProps } from \"@mantine/core\"\nimport { getDefaultFormStyles } from \"../sharedStyles\"\nimport { useFormContext } from \"../Form/Form\"\nimport { TFormControl } from \"../Form/types\"\nimport React, { forwardRef } from \"react\"\nimport classes from \"./RadioButton.module.css\"\n\nconst useStyles = () => {\n  const defaultFormStyles = getDefaultFormStyles()\n  return {\n    ...defaultFormStyles,\n    label: `${defaultFormStyles.label} ${classes.label}`,\n  }\n}\n\n// eslint-disable-next-line react/display-name\nexport const RadioButton = forwardRef<HTMLInputElement, RadioProps>(({ ...props }, ref) => {\n  const classes = useStyles()\n  return (\n    <Radio\n      ref={ref}\n      classNames={{\n        root: classes.root,\n        label: classes.label,\n        ...props.classNames,\n      }}\n      {...props}\n    />\n  )\n})\n\nexport const FormRadioButton: React.FC<RadioProps & TFormControl<HTMLInputElement>> = ({\n  name,\n  ...props\n}) => {\n  const { register } = useFormContext()\n\n  return <RadioButton {...props} {...register(name)} />\n}\n"],"names":["Radio","getDefaultFormStyles","useFormContext","React","forwardRef","classes","useStyles","defaultFormStyles","label","RadioButton","ref","props","classNames","root","FormRadioButton","name","register"],"mappings":"u2EAIA,QAASA,KAAK,KAAoB,eAAe,AACjD,QAASC,oBAAoB,KAAQ,iBAAiB,AACtD,QAASC,cAAc,KAAQ,cAAc,AAE7C,QAAOC,OAASC,UAAU,KAAQ,OAAO,AACzC,QAAOC,YAAa,0BAA0B,CAE9C,MAAMC,UAAY,KAChB,MAAMC,kBAAoBN,uBAC1B,OAAO,uCACFM,oBACHC,MAAO,CAAC,EAAED,kBAAkBC,KAAK,CAAC,CAAC,EAAEH,QAAQG,KAAK,CAAC,CAAC,EAExD,CAGA,QAAO,MAAMC,YAAcL,WAAyC,QAAeM,WAATC,uDACxE,MAAMN,QAAUC,YAChB,OACE,KAACN,sBACCU,IAAKA,IACLE,WAAY,gBACVC,KAAMR,QAAQQ,IAAI,CAClBL,MAAOH,QAAQG,KAAK,EACjBG,MAAMC,UAAU,GAEjBD,OAGV,EAAE,AAEF,QAAO,MAAMG,gBAAyE,YAAC,CACrFC,IAAI,CAEL,QADIJ,yCADHI,SAGA,KAAM,CAAEC,QAAQ,CAAE,CAAGd,iBAErB,OAAO,KAACO,8BAAgBE,MAAWK,SAASD,OAC9C,CAAC"}

package/lib/esm/components/Form/RadioButton/RadioButton.module.css

@@ -0,0 +1 @@
+.label{font-weight:400}

package/lib/esm/components/Form/Select/Cascade/CascadeMenu.js

@@ -0,0 +1,2 @@
+function _define_property(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true})}else{obj[key]=value}return obj}function _object_spread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};var ownKeys=Object.keys(source);if(typeof Object.getOwnPropertySymbols==="function"){ownKeys=ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym){return Object.getOwnPropertyDescriptor(source,sym).enumerable}))}ownKeys.forEach(function(key){_define_property(target,key,source[key])})}return target}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})}keys.push.apply(keys,symbols)}return keys}function _object_spread_props(target,source){source=source!=null?source:{};if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source))}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))})}return target}function _object_without_properties(source,excluded){if(source==null)return{};var target=_object_without_properties_loose(source,excluded);var key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++){key=sourceSymbolKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key]}}return target}function _object_without_properties_loose(source,excluded){if(source==null)return{};var target={};var sourceKeys=Object.keys(source);var key,i;for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;target[key]=source[key]}return target}import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from"react/jsx-runtime";import{createElement as _createElement}from"react";import{forwardRef,useEffect,useImperativeHandle,useRef,useState}from"react";import{createPortal}from"react-dom";import{components}from"react-select";import{CascadeOption}from"./CascadeOption";import classes from"./CascadeMenu.module.css";import{cx}from"../../../../helper/cx";function shouldIncreasePaddingBecauseOfScrollbarBehaviourBasedOnBrowser(){if((navigator.userAgent.indexOf("Opera")||navigator.userAgent.indexOf("OPR"))!=-1){return true}else if(navigator.userAgent.indexOf("Edg")!=-1){return true}else if(navigator.userAgent.indexOf("Chrome")!=-1){return true}else if(navigator.userAgent.indexOf("Safari")!=-1){return false}else if(navigator.userAgent.indexOf("Firefox")!=-1){return false}else if(navigator.userAgent.indexOf("MSIE")!=-1||!!document.documentMode){return true}else{return false}}export function CascadeMenuBaseRaw(_param,ref){var{isInitiallyOpen,openerMenuRef}=_param,props=_object_without_properties(_param,["isInitiallyOpen","openerMenuRef"]);var _props_openerOptionNode,_props_menuPortalTarget,_props_openerOptionNode1,_props_index;const innerMenuRef=useRef(null);const[open,setOpen]=useState(isInitiallyOpen||false);const showScrollbar=value=>{if(innerMenuRef.current){innerMenuRef.current.style.overflowY=value?"auto":"hidden"}};const handleMouseExit=()=>{showScrollbar(false);props.setFocusList([])};const handleMouseEnter=()=>{showScrollbar(true)};let isScrolling=false;const handleScroll=()=>{if(isScrolling)return;for(const node of props.nodes){var _node_cascadeOptionForwardRef_current;(_node_cascadeOptionForwardRef_current=node.cascadeOptionForwardRef.current)===null||_node_cascadeOptionForwardRef_current===void 0?void 0:_node_cascadeOptionForwardRef_current.setFocused(false)}isScrolling=true};const handleScrollEnd=()=>{isScrolling=false};useEffect(()=>{var _innerMenuRef_current,_innerMenuRef_current1,_innerMenuRef_current2,_innerMenuRef_current3;(_innerMenuRef_current=innerMenuRef.current)===null||_innerMenuRef_current===void 0?void 0:_innerMenuRef_current.addEventListener("mouseleave",handleMouseExit);(_innerMenuRef_current1=innerMenuRef.current)===null||_innerMenuRef_current1===void 0?void 0:_innerMenuRef_current1.addEventListener("mouseenter",handleMouseEnter);(_innerMenuRef_current2=innerMenuRef.current)===null||_innerMenuRef_current2===void 0?void 0:_innerMenuRef_current2.addEventListener("wheel",handleScroll);(_innerMenuRef_current3=innerMenuRef.current)===null||_innerMenuRef_current3===void 0?void 0:_innerMenuRef_current3.addEventListener("scrollend",handleScrollEnd);return()=>{var _innerMenuRef_current,_innerMenuRef_current1,_innerMenuRef_current2,_innerMenuRef_current3;(_innerMenuRef_current=innerMenuRef.current)===null||_innerMenuRef_current===void 0?void 0:_innerMenuRef_current.removeEventListener("mouseleave",handleMouseExit);(_innerMenuRef_current1=innerMenuRef.current)===null||_innerMenuRef_current1===void 0?void 0:_innerMenuRef_current1.removeEventListener("mouseenter",handleMouseEnter);(_innerMenuRef_current2=innerMenuRef.current)===null||_innerMenuRef_current2===void 0?void 0:_innerMenuRef_current2.removeEventListener("wheel",handleScroll);(_innerMenuRef_current3=innerMenuRef.current)===null||_innerMenuRef_current3===void 0?void 0:_innerMenuRef_current3.removeEventListener("scrollend",handleScrollEnd)}},[]);const setMenuOpen=value=>{setOpen(value)};useImperativeHandle(ref,()=>({setOpen:value=>setMenuOpen(value)}));const relocateMenu=()=>{var _props_openerOptionNode,_refable_current,_props_openerOptionNode1,_props_openerOptionNode2,_document_scrollingElement;const refable=props.openerOptionNode?(_props_openerOptionNode=props.openerOptionNode)===null||_props_openerOptionNode===void 0?void 0:_props_openerOptionNode.elementRef:props.openerOptionElementRef;const rect=refable===null||refable===void 0?void 0:(_refable_current=refable.current)===null||_refable_current===void 0?void 0:_refable_current.getBoundingClientRect();if(!rect){return}const isScrollable=openerMenuRef&&openerMenuRef.current&&openerMenuRef.current.offsetHeight<openerMenuRef.current.scrollHeight;const xOffset=shouldIncreasePaddingBecauseOfScrollbarBehaviourBasedOnBrowser()&&isScrollable?7:0;const width=((_props_openerOptionNode1=props.openerOptionNode)===null||_props_openerOptionNode1===void 0?void 0:_props_openerOptionNode1.level)?rect.width+xOffset:0;const height=((_props_openerOptionNode2=props.openerOptionNode)===null||_props_openerOptionNode2===void 0?void 0:_props_openerOptionNode2.level)?-8:rect.height;updatePosition(rect.top+height+(((_document_scrollingElement=document.scrollingElement)===null||_document_scrollingElement===void 0?void 0:_document_scrollingElement.scrollTop)||0),rect.left+width)};useEffect(()=>{relocateMenu()});const updatePosition=(yPixel,xPixel)=>{if(!innerMenuRef.current)return;innerMenuRef.current.style.top=yPixel+"px";innerMenuRef.current.style.left=xPixel+"px"};return _jsx(_Fragment,{children:_jsx("div",{className:cx(classes["menu-container"]),"data-testid":`cascade-menu-for-${((_props_openerOptionNode=props.openerOptionNode)===null||_props_openerOptionNode===void 0?void 0:_props_openerOptionNode.id)||"root"}`,children:createPortal(_jsx(components.Menu,_object_spread_props(_object_spread({},props.menuProps),{innerRef:innerMenuRef,className:cx(classes.menu,(props.openerOptionNode?props.openerOptionNode.focused:true)||open?classes["menu-open"]:classes["menu-hidden"]),style:{zIndex:props.level},isLoading:false,placement:"bottom",minMenuHeight:200,maxMenuHeight:200,menuPlacement:"bottom",menuPosition:"fixed",menuShouldScrollIntoView:true,children:props.options.map((op,index)=>_createElement(CascadeOption,_object_spread_props(_object_spread({},props),{level:props.level+1,index:index,OptionComponent:props.OptionComponent,onSelect:value=>{props.onSelect(value)},option:op,key:op.value,openerMenuRef:innerMenuRef})))})),((_props_menuPortalTarget=props.menuPortalTarget)===null||_props_menuPortalTarget===void 0?void 0:_props_menuPortalTarget.current)||document.body,((_props_openerOptionNode1=props.openerOptionNode)===null||_props_openerOptionNode1===void 0?void 0:_props_openerOptionNode1.id)||((_props_index=props.index)===null||_props_index===void 0?void 0:_props_index.toString()))})})}export const CascadeMenuBase=forwardRef(CascadeMenuBaseRaw);export function CascadeMenuOpenerRaw(props,ref){return _jsxs(_Fragment,{children:[props.children,_jsx(CascadeMenuBase,_object_spread_props(_object_spread({},props),{ref:ref}))]})}export const CascadeMenuOpener=forwardRef(CascadeMenuOpenerRaw);
+//# sourceMappingURL=CascadeMenu.js.map

package/lib/esm/components/Form/Select/Cascade/CascadeMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/components/Form/Select/Cascade/CascadeMenu.tsx"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport {\n  ForwardedRef,\n  forwardRef,\n  PropsWithChildren,\n  ReactElement,\n  RefObject,\n  useEffect,\n  useImperativeHandle,\n  useRef,\n  useState,\n} from \"react\"\nimport { TNode } from \"./utils\"\nimport { createPortal } from \"react-dom\"\nimport { components } from \"react-select\"\nimport { TCascadeMenuForwardRef, TMeta, TStylingProps } from \"./index\"\nimport { CascadeOption, TCascadeOption, TCascadeOptionProps } from \"./CascadeOption\"\nimport classes from \"./CascadeMenu.module.css\"\nimport { cx } from \"../../../../helper/cx\"\n\ntype TCascadeMenuProps<Meta extends TMeta> = Omit<TCascadeOptionProps<Meta>, \"option\"> &\n  TStylingProps & {\n    options: TCascadeOption<Meta>[]\n    isInitiallyOpen?: boolean\n    openerOptionNode?: TNode\n    openerOptionElementRef?: RefObject<HTMLDivElement>\n    openerMenuRef?: RefObject<HTMLDivElement>\n  }\n\n// This function is necessary to \"correctly\" display the cascade menus as each browser's scrollbar styling differs\nfunction shouldIncreasePaddingBecauseOfScrollbarBehaviourBasedOnBrowser(): boolean {\n  if ((navigator.userAgent.indexOf(\"Opera\") || navigator.userAgent.indexOf(\"OPR\")) != -1) {\n    return true\n  } else if (navigator.userAgent.indexOf(\"Edg\") != -1) {\n    return true\n  } else if (navigator.userAgent.indexOf(\"Chrome\") != -1) {\n    return true\n  } else if (navigator.userAgent.indexOf(\"Safari\") != -1) {\n    return false\n  } else if (navigator.userAgent.indexOf(\"Firefox\") != -1) {\n    return false\n  } else if (navigator.userAgent.indexOf(\"MSIE\") != -1 || !!(document as any).documentMode) {\n    //IF IE > 10\n    return true\n  } else {\n    return false\n  }\n}\n\n/**\n * The raw CascadeMenu. It opens a menu filled with **CascadeOptions**.\n * The menu can optionally be rendered in a portal to escape visual restrictions.\n *\n * @param options Cascade Options\n * @param isInitiallyOpen boolean if it is opened initially\n * @param openerOptionNode A reference to the opener **Node**\n * @param openerOptionElementRef? RefObject to the opener **CascadeOption**\n * @param openerMenuRef? RefObject to the **CascadeMenu** containing the *openerOptionElement*\n * @param ref ForwardRef for:\n * - setOpen(boolean) Toggles the menus open state\n */\nexport function CascadeMenuBaseRaw<Meta extends TMeta = object>(\n  { isInitiallyOpen, openerMenuRef, ...props }: TCascadeMenuProps<Meta>,\n  ref: ForwardedRef<TCascadeMenuForwardRef>\n) {\n  const innerMenuRef = useRef<HTMLDivElement>(null)\n  const [open, setOpen] = useState<boolean>(isInitiallyOpen || false)\n\n  const showScrollbar = (value: boolean) => {\n    if (innerMenuRef.current) {\n      innerMenuRef.current.style.overflowY = value ? \"auto\" : \"hidden\"\n    }\n  }\n  const handleMouseExit = () => {\n    // Ensure focus list is cleared when leaving a menu\n    // When also entering another menu, the event is fired closely after and sets the focus list again\n    showScrollbar(false)\n    props.setFocusList([])\n  }\n\n  const handleMouseEnter = () => {\n    showScrollbar(true)\n  }\n\n  let isScrolling = false // temporary variable to reduce called scroll events to one\n  const handleScroll = () => {\n    // Unfocus all children on scroll\n    if (isScrolling) return\n    for (const node of props.nodes) {\n      node.cascadeOptionForwardRef.current?.setFocused(false)\n    }\n    isScrolling = true\n  }\n\n  const handleScrollEnd = () => {\n    isScrolling = false\n  }\n\n  useEffect(() => {\n    // (Un)/Register events\n    innerMenuRef.current?.addEventListener(\"mouseleave\", handleMouseExit)\n    innerMenuRef.current?.addEventListener(\"mouseenter\", handleMouseEnter)\n    innerMenuRef.current?.addEventListener(\"wheel\", handleScroll)\n    innerMenuRef.current?.addEventListener(\"scrollend\", handleScrollEnd)\n    return () => {\n      innerMenuRef.current?.removeEventListener(\"mouseleave\", handleMouseExit)\n      innerMenuRef.current?.removeEventListener(\"mouseenter\", handleMouseEnter)\n      innerMenuRef.current?.removeEventListener(\"wheel\", handleScroll)\n      innerMenuRef.current?.removeEventListener(\"scrollend\", handleScrollEnd)\n    }\n  }, [])\n\n  const setMenuOpen = (value: boolean) => {\n    setOpen(value)\n  }\n\n  // Register ref controls for state handling via NodeTree\n  useImperativeHandle(ref, () => ({\n    setOpen: (value) => setMenuOpen(value),\n  }))\n\n  /**\n   * Relocates the menu based on the opener position\n   */\n  const relocateMenu = () => {\n    const refable = props.openerOptionNode\n      ? props.openerOptionNode?.elementRef\n      : props.openerOptionElementRef\n    const rect = refable?.current?.getBoundingClientRect()\n    if (!rect) {\n      return\n    }\n\n    const isScrollable =\n      openerMenuRef &&\n      openerMenuRef.current &&\n      openerMenuRef.current.offsetHeight < openerMenuRef.current.scrollHeight\n\n    const xOffset =\n      shouldIncreasePaddingBecauseOfScrollbarBehaviourBasedOnBrowser() && isScrollable ? 7 : 0\n\n    const width = props.openerOptionNode?.level ? rect.width + xOffset : 0\n    const height = props.openerOptionNode?.level ? -8 : rect.height //padding\n    // Might get an optional property as the scrollTop offset target so the menu can adapt to the page scroll\n    updatePosition(\n      rect.top + height + (document.scrollingElement?.scrollTop || 0),\n      rect.left + width\n    )\n  }\n\n  useEffect(() => {\n    // Update position of current menu\n    // First Menu (when select is clicked) does not have an openerOptionNode\n    relocateMenu()\n  })\n\n  const updatePosition = (yPixel: number, xPixel?: number) => {\n    if (!innerMenuRef.current) return\n    innerMenuRef.current.style.top = yPixel + \"px\"\n    innerMenuRef.current.style.left = xPixel + \"px\"\n  }\n\n  return (\n    <>\n      <div\n        className={cx(classes[\"menu-container\"])}\n        data-testid={`cascade-menu-for-${props.openerOptionNode?.id || \"root\"}`}\n      >\n        {createPortal(\n          <components.Menu\n            {...(props.menuProps as any)}\n            innerRef={innerMenuRef}\n            className={cx(\n              classes.menu,\n              (props.openerOptionNode ? props.openerOptionNode.focused : true) || open\n                ? classes[\"menu-open\"]\n                : classes[\"menu-hidden\"]\n            )}\n            style={{\n              zIndex: props.level,\n            }}\n            isLoading={false}\n            placement={\"bottom\"}\n            minMenuHeight={200}\n            maxMenuHeight={200}\n            menuPlacement={\"bottom\"}\n            menuPosition={\"fixed\"}\n            menuShouldScrollIntoView={true}\n          >\n            {props.options.map((op, index) => (\n              <CascadeOption\n                {...props}\n                level={props.level + 1}\n                index={index}\n                OptionComponent={props.OptionComponent}\n                onSelect={(value) => {\n                  props.onSelect(value)\n                }}\n                option={op}\n                key={op.value}\n                openerMenuRef={innerMenuRef}\n              ></CascadeOption>\n            ))}\n          </components.Menu>,\n          props.menuPortalTarget?.current || document.body,\n          props.openerOptionNode?.id || props.index?.toString()\n        )}\n      </div>\n    </>\n  )\n}\n\n/**\n * ForwardRef for CascadeMenuBase\n */\nexport const CascadeMenuBase = forwardRef(CascadeMenuBaseRaw) as <Meta extends TMeta = object>({\n  isInitiallyOpen,\n  ...props\n}: TCascadeMenuProps<Meta> & {\n  ref?: ForwardedRef<TCascadeMenuForwardRef>\n}) => ReactElement\n\n/**\n * This is used as a wrapper for **CascadeOptions** that lets the option open another menu when selected\n * @param options Cascade Options\n * @param isInitiallyOpen boolean if it is opened initially\n * @param openerOptionNode A reference to the opener **Node**\n * @param openerOptionElementRef? RefObject to the opener **CascadeOption**\n * @param openerMenuRef? RefObject to the **CascadeMenu** containing the *openerOptionElement*\n * @param ref ForwardRef for:\n * - setOpen(boolean) Toggles the menus open state */\nexport function CascadeMenuOpenerRaw<Meta extends TMeta = object>(\n  props: PropsWithChildren<TCascadeMenuProps<Meta>>,\n  ref: React.ForwardedRef<TCascadeMenuForwardRef>\n) {\n  return (\n    <>\n      {props.children}\n      <CascadeMenuBase<Meta> {...props} ref={ref} />\n    </>\n  )\n}\n\nexport const CascadeMenuOpener = forwardRef(CascadeMenuOpenerRaw) as <Meta extends TMeta = object>(\n  props: PropsWithChildren<TCascadeMenuProps<Meta>> & {\n    ref?: ForwardedRef<TCascadeMenuForwardRef>\n  }\n) => ReactElement\n"],"names":["forwardRef","useEffect","useImperativeHandle","useRef","useState","createPortal","components","CascadeOption","classes","cx","shouldIncreasePaddingBecauseOfScrollbarBehaviourBasedOnBrowser","navigator","userAgent","indexOf","document","documentMode","CascadeMenuBaseRaw","ref","isInitiallyOpen","openerMenuRef","props","innerMenuRef","open","setOpen","showScrollbar","value","current","style","overflowY","handleMouseExit","setFocusList","handleMouseEnter","isScrolling","handleScroll","node","nodes","cascadeOptionForwardRef","setFocused","handleScrollEnd","addEventListener","removeEventListener","setMenuOpen","relocateMenu","refable","openerOptionNode","elementRef","openerOptionElementRef","rect","getBoundingClientRect","isScrollable","offsetHeight","scrollHeight","xOffset","width","level","height","updatePosition","top","scrollingElement","scrollTop","left","yPixel","xPixel","div","className","data-testid","id","Menu","menuProps","innerRef","menu","focused","zIndex","isLoading","placement","minMenuHeight","maxMenuHeight","menuPlacement","menuPosition","menuShouldScrollIntoView","options","map","op","index","OptionComponent","onSelect","option","key","menuPortalTarget","body","toString","CascadeMenuBase","CascadeMenuOpenerRaw","children","CascadeMenuOpener"],"mappings":"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"}

package/lib/esm/components/Form/Select/Cascade/CascadeMenu.module.css

@@ -0,0 +1 @@
+.menu{border-radius:calc(.125rem*var(--mantine-scale));box-sizing:border-box;height:auto;max-height:calc(12.5rem*var(--mantine-scale));max-width:calc(12.5rem*var(--mantine-scale));min-width:calc(12.5rem*var(--mantine-scale));overflow-y:auto;scrollbar-color:var(--scrollbar-thumb-color) var(--scrollbar-track-color);scrollbar-width:thin;width:calc(12.5rem*var(--mantine-scale))}.menu::-webkit-scrollbar{width:calc(.1875rem*var(--mantine-scale))}.menu::-webkit-scrollbar-track{background-color:var(--scrollbar-track-color)}.menu::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb-color)}.menu-hidden{display:none}.menu-open{display:block}.menu-container{left:100%;position:absolute}:root[data-mantine-color-scheme=dark]{--scrollbar-track-color:var(--mantine-color-gray-9);--scrollbar-thumb-color:var(--mantine-color-gray-7)}:root:not([data-mantine-color-scheme=dark]){--scrollbar-track-color:var(--mantine-color-white);--scrollbar-thumb-color:var(--mantine-color-gray-3)}

package/lib/esm/components/Form/Select/Cascade/CascadeOption.js

@@ -0,0 +1,2 @@
+function _define_property(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true})}else{obj[key]=value}return obj}function _object_spread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};var ownKeys=Object.keys(source);if(typeof Object.getOwnPropertySymbols==="function"){ownKeys=ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym){return Object.getOwnPropertyDescriptor(source,sym).enumerable}))}ownKeys.forEach(function(key){_define_property(target,key,source[key])})}return target}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})}keys.push.apply(keys,symbols)}return keys}function _object_spread_props(target,source){source=source!=null?source:{};if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source))}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))})}return target}function _object_without_properties(source,excluded){if(source==null)return{};var target=_object_without_properties_loose(source,excluded);var key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++){key=sourceSymbolKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key]}}return target}function _object_without_properties_loose(source,excluded){if(source==null)return{};var target={};var sourceKeys=Object.keys(source);var key,i;for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;target[key]=source[key]}return target}import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from"react/jsx-runtime";import{createRef,useImperativeHandle}from"react";import{nodeHelper}from"./utils";import{CascadeMenuOpener}from"./CascadeMenu";import{useCascadeOptionState}from"./hooks/useCascadeOptionState";import{ChevronRight}from"lucide-react";import{TextWithTooltip}from"../../../TextWithTooltip";import classes from"./CascadeOption.module.css";import{ICON_SIZES}from"../../../../theme";import{cx}from"../../../../helper/cx";function CascadeSelectOption(props){const optionRef=createRef();const Tooltippable=()=>_jsxs(_Fragment,{children:[_jsx(TextWithTooltip,{text:props.option.label,typoType:"body",tooltipProps:{multiline:true,style:{width:300},withinPortal:true},classNameTooltip:classes.tooltip}),props.isOpener&&_jsx(ChevronRight,{size:ICON_SIZES.SMALL})]});return _jsx("div",{ref:optionRef,className:cx(classes.option,props.className),children:props.component?_jsx(props.component,{option:props.option}):_jsx(Tooltippable,{})})}export function CascadeOption(_param){var{menuProps}=_param,props=_object_without_properties(_param,["menuProps"]);var _props_classNames,_props_components,_props_classNames1,_props_components1;const index=props.index||0;const activeNode=props.nodes[index];const{setFocused}=useCascadeOptionState({activeNode:activeNode,nodes:props.allNodes,setFocusedList:props.setFocusList,activeClass:classes["active-class"],inActiveClass:classes["inactive-class"]});useImperativeHandle(activeNode.cascadeOptionForwardRef,()=>({setFocused}));return _jsx("div",{className:cx(classes.opener),onClick:e=>{e.nativeEvent.stopImmediatePropagation();e.stopPropagation();if(!props.openerSelectable&&activeNode._option.options)return;const nodesToRoot=nodeHelper(props.allNodes).getTraceBackToFirstColumn(activeNode)||[];props.onSelect(nodeHelper(props.allNodes).transformOneDimensionalNodesArrayIntoValues(nodesToRoot))},ref:activeNode.elementRef,"data-testid":`cascade-menu-option-${activeNode.id}`,tabIndex:0,children:!props.option.options?_jsx(CascadeSelectOption,{className:cx(classes["option-clickable"],(_props_classNames=props.classNames)===null||_props_classNames===void 0?void 0:_props_classNames.option),isOpener:false,option:props.option,component:(_props_components=props.components)===null||_props_components===void 0?void 0:_props_components.option}):_jsx(CascadeMenuOpener,_object_spread_props(_object_spread({},props),{openerOptionNode:activeNode,openerOptionElementRef:activeNode.elementRef,ref:activeNode.menuForwardRef,nodes:activeNode.children,index:index,onSelect:value=>props.onSelect(value),options:props.option.options,menuProps:menuProps,children:_jsx(CascadeSelectOption,{option:props.option,isOpener:true,className:cx((_props_classNames1=props.classNames)===null||_props_classNames1===void 0?void 0:_props_classNames1.openerOption,props.openerSelectable?classes["option-clickable"]:""),component:(_props_components1=props.components)===null||_props_components1===void 0?void 0:_props_components1.openerOption})}))})}
+//# sourceMappingURL=CascadeOption.js.map

package/lib/esm/components/Form/Select/Cascade/CascadeOption.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/components/Form/Select/Cascade/CascadeOption.tsx"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport { createRef, FC, PropsWithChildren, RefObject, useImperativeHandle } from \"react\"\nimport { nodeHelper, TNode } from \"./utils\"\nimport { TMeta, TStylingProps, TValue } from \"./index\"\nimport { MenuProps } from \"@mantine/core\"\nimport { CascadeMenuOpener } from \"./CascadeMenu\"\nimport { useCascadeOptionState } from \"./hooks/useCascadeOptionState\"\nimport { ChevronRight } from \"lucide-react\"\nimport { TextWithTooltip } from \"../../../TextWithTooltip\"\nimport classes from \"./CascadeOption.module.css\"\nimport { ICON_SIZES } from \"../../../../theme\"\nimport { cx } from \"../../../../helper/cx\"\n\nexport type TCascadeOptionProps<Meta extends TMeta = object> = PropsWithChildren &\n  TStylingProps & {\n    nodes: TNode<Meta>[]\n    openerSelectable?: boolean\n    setFocusList: (nodes: TNode<Meta>[]) => void\n    focusedList: RefObject<TNode<Meta>[]>\n    allNodes: TNode<Meta>[]\n    level: number\n    OptionComponent?: FC<{ option: TValue }>\n    option: TCascadeOption<Meta>\n    menuProps: MenuProps\n    openerMenuRef?: RefObject<HTMLDivElement>\n    onSelect: (value: Omit<TCascadeOption<Meta>, \"options\">[]) => void\n    index?: number\n    menuPortalTarget?: RefObject<HTMLDivElement>\n  }\n\ntype TCascadeSelectOptionProps<Meta extends Record<string, any>> = {\n  option: Omit<TCascadeOption<Meta>, \"options\">\n  className?: string\n  component?: FC<{ option: TCascadeOption<Meta> }>\n  isOpener: boolean\n}\n\n/**\n * The actual selectable **Option**\n @param option option properties for this option\n  label The label\n  value  The Value\n  options?  Children. If given, the option is automatically an opener\n  meta? Meta information for this option to pass state to the cascades onSelect listener\n @param isOpener flag if this option can open\n @param className Extra classname\n @param component.option Extra Option component to overwrite existing look\n */\nfunction CascadeSelectOption<Meta extends TMeta = object>(props: TCascadeSelectOptionProps<Meta>) {\n  const optionRef = createRef<HTMLDivElement>()\n  // Remounting Tooltippale on purpose to trigger re-evaluation of whether tooltip is shown or not in TextWithTooltip\n  const Tooltippable = () => (\n    <>\n      <TextWithTooltip\n        text={props.option.label}\n        typoType={\"body\"}\n        tooltipProps={{\n          multiline: true,\n          style: {\n            width: 300,\n          },\n          withinPortal: true,\n        }}\n        classNameTooltip={classes.tooltip}\n      />\n      {props.isOpener && <ChevronRight size={ICON_SIZES.SMALL} />}\n    </>\n  )\n  return (\n    <div ref={optionRef} className={cx(classes.option, props.className)}>\n      {props.component ? <props.component option={props.option} /> : <Tooltippable />}\n    </div>\n  )\n}\n\nexport type TCascadeOptionForwardRef = {\n  setFocused: (val: boolean) => void\n}\n\n/**\n *\n * @param nodes All current nodes on the current level\n * @param openerSelectable flag if this option should be clickable if it has children\n * @param setFocusList Callback to set the focused list\n * @param focusedList Focused list\n * @param allNodes All nodes\n * @param level Level\n * @param OptionComponent Custom component for this option\n * @constructor\n */\n\nexport function CascadeOption<Meta extends Record<string, any>>({\n  menuProps,\n  ...props\n}: TCascadeOptionProps<Meta>) {\n  const index = props.index || 0\n  const activeNode = props.nodes[index]\n  const { setFocused } = useCascadeOptionState({\n    activeNode: activeNode,\n    nodes: props.allNodes,\n    setFocusedList: props.setFocusList,\n    activeClass: classes[\"active-class\"],\n    inActiveClass: classes[\"inactive-class\"],\n  })\n  useImperativeHandle(activeNode.cascadeOptionForwardRef, () => ({\n    setFocused,\n  }))\n\n  return (\n    <div\n      className={cx(classes.opener)}\n      onClick={(e) => {\n        e.nativeEvent.stopImmediatePropagation()\n        e.stopPropagation()\n        if (!props.openerSelectable && activeNode._option.options) return\n        const nodesToRoot = nodeHelper(props.allNodes).getTraceBackToFirstColumn(activeNode) || []\n\n        props.onSelect(\n          nodeHelper(props.allNodes).transformOneDimensionalNodesArrayIntoValues(nodesToRoot)\n        )\n      }}\n      ref={activeNode.elementRef}\n      data-testid={`cascade-menu-option-${activeNode.id}`}\n      tabIndex={0}\n    >\n      {!props.option.options ? (\n        <CascadeSelectOption\n          className={cx(classes[\"option-clickable\"], props.classNames?.option)}\n          isOpener={false}\n          option={props.option}\n          component={props.components?.option}\n        />\n      ) : (\n        <CascadeMenuOpener\n          {...props}\n          openerOptionNode={activeNode}\n          openerOptionElementRef={activeNode.elementRef}\n          ref={activeNode.menuForwardRef}\n          nodes={activeNode.children}\n          index={index}\n          onSelect={(value) => props.onSelect(value)}\n          options={props.option.options}\n          menuProps={menuProps}\n        >\n          <CascadeSelectOption\n            option={props.option}\n            isOpener={true}\n            className={cx(\n              props.classNames?.openerOption,\n              props.openerSelectable ? classes[\"option-clickable\"] : \"\"\n            )}\n            component={props.components?.openerOption}\n          />\n        </CascadeMenuOpener>\n      )}\n    </div>\n  )\n}\n\nexport type TCascadeOption<Meta extends TMeta = object> = {\n  label: string\n  value: string\n  options?: Array<TCascadeOption<Meta>>\n  meta?: Meta\n}\n"],"names":["createRef","useImperativeHandle","nodeHelper","CascadeMenuOpener","useCascadeOptionState","ChevronRight","TextWithTooltip","classes","ICON_SIZES","cx","CascadeSelectOption","props","optionRef","Tooltippable","text","option","label","typoType","tooltipProps","multiline","style","width","withinPortal","classNameTooltip","tooltip","isOpener","size","SMALL","div","ref","className","component","CascadeOption","menuProps","index","activeNode","nodes","setFocused","allNodes","setFocusedList","setFocusList","activeClass","inActiveClass","cascadeOptionForwardRef","opener","onClick","e","nativeEvent","stopImmediatePropagation","stopPropagation","openerSelectable","_option","options","nodesToRoot","getTraceBackToFirstColumn","onSelect","transformOneDimensionalNodesArrayIntoValues","elementRef","data-testid","id","tabIndex","classNames","components","openerOptionNode","openerOptionElementRef","menuForwardRef","children","value","openerOption"],"mappings":"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"}

package/lib/esm/components/Form/Select/Cascade/CascadeOption.module.css

@@ -0,0 +1 @@
+.option{align-items:center;box-sizing:border-box;display:flex;height:100%;justify-content:space-between;padding:calc(.625rem*var(--mantine-scale));padding-left:calc(.9375rem*var(--mantine-scale));width:100%}.active-class{background-color:var(--option-background-active)}.inactive-class{background-color:var(--option-background-inactive)}.option-clickable{cursor:pointer}.tooltip{word-break:break-all}:root[data-mantine-color-scheme=dark]{--option-background-active:var(--mantine-color-green-5);--option-background-inactive:var(--mantine-color-gray-9)}:root:not([data-mantine-color-scheme=dark]){--option-background-active:var(--mantine-color-green-1);--option-background-inactive:var(--mantine-color-white)}

package/lib/esm/components/Form/Select/Cascade/hooks/useCascadeKeyDown.js

@@ -0,0 +1,2 @@
+export const useCascadeKeyDown=({filteredOptions,onApply,focusedListState,openerSelectable=false})=>{const{handleFocusMove,focusedList}=focusedListState;const handleKeyDown=e=>{if(e.key==="Backspace"||e.key==="Escape")return;e.stopPropagation();const pressedKey=e.key;switch(pressedKey){case"ArrowDown":handleFocusMove("next");e.preventDefault();break;case"ArrowUp":handleFocusMove("previous");e.preventDefault();break;case"ArrowRight":handleFocusMove("enter");break;case"ArrowLeft":handleFocusMove("leave");break;case"Enter":var _focusedList_current;if(filteredOptions.length===0){e.stopPropagation();e.preventDefault();break}if(((_focusedList_current=focusedList.current)===null||_focusedList_current===void 0?void 0:_focusedList_current.length)===0){onApply([]);break}if(focusedList.current&&!openerSelectable&&focusedList.current[focusedList.current.length-1].hasChildren){return}onApply(focusedList.current||[]);break}};return{handleKeyDown}};
+//# sourceMappingURL=useCascadeKeyDown.js.map

package/lib/esm/components/Form/Select/Cascade/hooks/useCascadeKeyDown.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../src/components/Form/Select/Cascade/hooks/useCascadeKeyDown.ts"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport { KeyboardEventHandler } from \"react\"\nimport { TNode } from \"../utils\"\nimport { TCascadeOption } from \"../CascadeOption\"\nimport { TuseFocusedListReturn } from \"./useFocusedList\"\nimport { TMeta } from \"../index\"\n\n/**\n * Handles the key presses inside the **Cascade**\n * @param filteredOptions A filtered list of *CascadeOptions*\n * @param onApply Callback\n * @param focusedListState State for reading and writing the **focusedList** state\n * @param openerSelectable Whether the opener can be selected\n */\nexport const useCascadeKeyDown = <Meta extends TMeta = object>({\n  filteredOptions,\n  onApply,\n  focusedListState,\n  openerSelectable = false,\n}: {\n  filteredOptions: TCascadeOption<Meta>[]\n  onApply: (nodes: TNode<Meta>[]) => void\n  focusedListState: TuseFocusedListReturn<Meta>\n  openerSelectable?: boolean\n}) => {\n  const { handleFocusMove, focusedList } = focusedListState\n  const handleKeyDown: KeyboardEventHandler<HTMLDivElement> = (e) => {\n    if (e.key === \"Backspace\" || e.key === \"Escape\") return\n    e.stopPropagation()\n    const pressedKey = e.key\n    switch (pressedKey) {\n      case \"ArrowDown\":\n        handleFocusMove(\"next\")\n        e.preventDefault()\n        break\n      case \"ArrowUp\":\n        handleFocusMove(\"previous\")\n        e.preventDefault()\n        break\n      case \"ArrowRight\":\n        handleFocusMove(\"enter\")\n        break\n      case \"ArrowLeft\":\n        handleFocusMove(\"leave\")\n        break\n      case \"Enter\":\n        if (filteredOptions.length === 0) {\n          e.stopPropagation()\n          e.preventDefault()\n          break\n        }\n        if (focusedList.current?.length === 0) {\n          onApply([])\n          break\n        }\n\n        // This prevents the user from selecting/applying opener nodes\n        if (\n          focusedList.current &&\n          !openerSelectable &&\n          focusedList.current[focusedList.current.length - 1].hasChildren\n        ) {\n          return\n        }\n\n        onApply(focusedList.current || [])\n        break\n    }\n  }\n  return { handleKeyDown }\n}\n"],"names":["useCascadeKeyDown","filteredOptions","onApply","focusedListState","openerSelectable","handleFocusMove","focusedList","handleKeyDown","e","key","stopPropagation","pressedKey","preventDefault","length","current","hasChildren"],"mappings":"AAiBA,OAAO,MAAMA,kBAAoB,CAA8B,CAC7DC,eAAe,CACfC,OAAO,CACPC,gBAAgB,CAChBC,iBAAmB,KAAK,CAMzB,IACC,KAAM,CAAEC,eAAe,CAAEC,WAAW,CAAE,CAAGH,iBACzC,MAAMI,cAAsD,AAACC,IAC3D,GAAIA,EAAEC,GAAG,GAAK,aAAeD,EAAEC,GAAG,GAAK,SAAU,OACjDD,EAAEE,eAAe,GACjB,MAAMC,WAAaH,EAAEC,GAAG,CACxB,OAAQE,YACN,IAAK,YACHN,gBAAgB,QAChBG,EAAEI,cAAc,GAChB,KACF,KAAK,UACHP,gBAAgB,YAChBG,EAAEI,cAAc,GAChB,KACF,KAAK,aACHP,gBAAgB,SAChB,KACF,KAAK,YACHA,gBAAgB,SAChB,KACF,KAAK,YAMCC,qBALJ,GAAIL,gBAAgBY,MAAM,GAAK,EAAG,CAChCL,EAAEE,eAAe,GACjBF,EAAEI,cAAc,GAChB,KACF,CACA,GAAIN,EAAAA,qBAAAA,YAAYQ,OAAO,UAAnBR,qCAAAA,qBAAqBO,MAAM,IAAK,EAAG,CACrCX,QAAQ,EAAE,EACV,KACF,CAGA,GACEI,YAAYQ,OAAO,EACnB,CAACV,kBACDE,YAAYQ,OAAO,CAACR,YAAYQ,OAAO,CAACD,MAAM,CAAG,EAAE,CAACE,WAAW,CAC/D,CACA,MACF,CAEAb,QAAQI,YAAYQ,OAAO,EAAI,EAAE,EACjC,KACJ,CACF,EACA,MAAO,CAAEP,aAAc,CACzB,CAAC"}

package/lib/esm/components/Form/Select/Cascade/hooks/useCascadeOptionState.js

@@ -0,0 +1,2 @@
+function _define_property(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true})}else{obj[key]=value}return obj}function _object_spread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};var ownKeys=Object.keys(source);if(typeof Object.getOwnPropertySymbols==="function"){ownKeys=ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym){return Object.getOwnPropertyDescriptor(source,sym).enumerable}))}ownKeys.forEach(function(key){_define_property(target,key,source[key])})}return target}import{useEffect,useState}from"react";import{nodeHelper}from"../utils";export const useCascadeOptionState=props=>{const[state,_setState]=useState({isFocused:false});const setState=state=>_setState(oldState=>_object_spread({},oldState,state));const adjustStylingForFocus=focused=>{if(focused){var _props_activeNode_elementRef_current,_props_activeNode_elementRef_current1,_props_activeNode_menuForwardRef_current;(_props_activeNode_elementRef_current=props.activeNode.elementRef.current)===null||_props_activeNode_elementRef_current===void 0?void 0:_props_activeNode_elementRef_current.classList.add(props.activeClass);(_props_activeNode_elementRef_current1=props.activeNode.elementRef.current)===null||_props_activeNode_elementRef_current1===void 0?void 0:_props_activeNode_elementRef_current1.classList.remove(props.inActiveClass);(_props_activeNode_menuForwardRef_current=props.activeNode.menuForwardRef.current)===null||_props_activeNode_menuForwardRef_current===void 0?void 0:_props_activeNode_menuForwardRef_current.setOpen(true)}else{var _props_activeNode_elementRef_current2,_props_activeNode_elementRef_current3,_props_activeNode_menuForwardRef_current1;(_props_activeNode_elementRef_current2=props.activeNode.elementRef.current)===null||_props_activeNode_elementRef_current2===void 0?void 0:_props_activeNode_elementRef_current2.classList.remove(props.activeClass);(_props_activeNode_elementRef_current3=props.activeNode.elementRef.current)===null||_props_activeNode_elementRef_current3===void 0?void 0:_props_activeNode_elementRef_current3.classList.add(props.inActiveClass);(_props_activeNode_menuForwardRef_current1=props.activeNode.menuForwardRef.current)===null||_props_activeNode_menuForwardRef_current1===void 0?void 0:_props_activeNode_menuForwardRef_current1.setOpen(false)}};useEffect(()=>{adjustStylingForFocus(props.activeNode.focused)},[]);const setFocused=val=>{props.activeNode.focused=val;adjustStylingForFocus(val)};const setParentTraceFocused=()=>{const trace=nodeHelper(props.nodes).getTraceBackToFirstColumn(props.activeNode);props.setFocusedList(trace)};const handleMouseEnter=()=>{setParentTraceFocused()};useEffect(()=>{var _props_activeNode_elementRef_current;(_props_activeNode_elementRef_current=props.activeNode.elementRef.current)===null||_props_activeNode_elementRef_current===void 0?void 0:_props_activeNode_elementRef_current.addEventListener("mouseenter",handleMouseEnter);if(state.isFocused)setFocused(true);return()=>{var _props_activeNode_elementRef_current;(_props_activeNode_elementRef_current=props.activeNode.elementRef.current)===null||_props_activeNode_elementRef_current===void 0?void 0:_props_activeNode_elementRef_current.addEventListener("mouseenter",handleMouseEnter)}},[]);return{state,setState,setFocused,setParentTraceFocused}};
+//# sourceMappingURL=useCascadeOptionState.js.map

package/lib/esm/components/Form/Select/Cascade/hooks/useCascadeOptionState.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../src/components/Form/Select/Cascade/hooks/useCascadeOptionState.ts"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport { useEffect, useState } from \"react\"\nimport { nodeHelper, TNode } from \"../utils\"\nimport { TMeta } from \"../index\"\n\nexport type TuseCascadeStateProps<Meta extends TMeta = object> = {\n  activeNode: TNode<Meta>\n  nodes: TNode<Meta>[]\n  setFocusedList: (nodes: TNode<Meta>[]) => void\n  activeClass: string\n  inActiveClass: string\n}\nexport type TCascadeOptionState = {\n  isFocused: boolean\n}\n\n/**\n * A state for the **CascadeOption**. It includes logic for internal states handling and adjusting the HTML element's styling\n * @param activeNode Current node\n * @param nodes All nodes on this level\n * @param setFocusedList Callback to adjust the focused list\n * @param activeClass Class for the option if its active\n * @param inActiveClass Class for the option if its inactive\n * */\nexport const useCascadeOptionState = <Meta extends TMeta = object>(\n  props: TuseCascadeStateProps<Meta>\n) => {\n  const [state, _setState] = useState<TCascadeOptionState>({\n    isFocused: false,\n  })\n  const setState = (state: Partial<TCascadeOptionState>) =>\n    _setState((oldState) => ({ ...oldState, ...state }))\n\n  const adjustStylingForFocus = (focused: boolean) => {\n    if (focused) {\n      props.activeNode.elementRef.current?.classList.add(props.activeClass)\n      props.activeNode.elementRef.current?.classList.remove(props.inActiveClass)\n      props.activeNode.menuForwardRef.current?.setOpen(true)\n    } else {\n      props.activeNode.elementRef.current?.classList.remove(props.activeClass)\n      props.activeNode.elementRef.current?.classList.add(props.inActiveClass)\n      props.activeNode.menuForwardRef.current?.setOpen(false)\n    }\n  }\n\n  useEffect(() => {\n    adjustStylingForFocus(props.activeNode.focused)\n  }, [])\n\n  const setFocused = (val: boolean) => {\n    props.activeNode.focused = val\n    adjustStylingForFocus(val)\n  }\n\n  const setParentTraceFocused = () => {\n    const trace = nodeHelper(props.nodes).getTraceBackToFirstColumn(props.activeNode)\n    props.setFocusedList(trace)\n  }\n  const handleMouseEnter = () => {\n    setParentTraceFocused()\n  }\n\n  useEffect(() => {\n    props.activeNode.elementRef.current?.addEventListener(\"mouseenter\", handleMouseEnter)\n    if (state.isFocused) setFocused(true)\n    return () => {\n      props.activeNode.elementRef.current?.addEventListener(\"mouseenter\", handleMouseEnter)\n    }\n  }, [])\n\n  return {\n    state,\n    setState,\n    setFocused,\n    setParentTraceFocused,\n  }\n}\n"],"names":["useEffect","useState","nodeHelper","useCascadeOptionState","props","state","_setState","isFocused","setState","oldState","adjustStylingForFocus","focused","activeNode","elementRef","current","classList","add","activeClass","remove","inActiveClass","menuForwardRef","setOpen","setFocused","val","setParentTraceFocused","trace","nodes","getTraceBackToFirstColumn","setFocusedList","handleMouseEnter","addEventListener"],"mappings":"omBAIA,OAASA,SAAS,CAAEC,QAAQ,KAAQ,OAAO,AAC3C,QAASC,UAAU,KAAe,UAAU,AAsB5C,QAAO,MAAMC,sBAAwB,AACnCC,QAEA,KAAM,CAACC,MAAOC,UAAU,CAAGL,SAA8B,CACvDM,UAAW,KACb,GACA,MAAMC,SAAW,AAACH,OAChBC,UAAU,AAACG,UAAc,kBAAKA,SAAaJ,QAE7C,MAAMK,sBAAwB,AAACC,UAC7B,GAAIA,QAAS,KACXP,qCACAA,sCACAA,0CAFAA,qCAAAA,MAAMQ,UAAU,CAACC,UAAU,CAACC,OAAO,UAAnCV,qDAAAA,qCAAqCW,SAAS,CAACC,GAAG,CAACZ,MAAMa,WAAW,GACpEb,sCAAAA,MAAMQ,UAAU,CAACC,UAAU,CAACC,OAAO,UAAnCV,sDAAAA,sCAAqCW,SAAS,CAACG,MAAM,CAACd,MAAMe,aAAa,GACzEf,yCAAAA,MAAMQ,UAAU,CAACQ,cAAc,CAACN,OAAO,UAAvCV,yDAAAA,yCAAyCiB,OAAO,CAAC,KACnD,KAAO,KACLjB,sCACAA,sCACAA,2CAFAA,sCAAAA,MAAMQ,UAAU,CAACC,UAAU,CAACC,OAAO,UAAnCV,sDAAAA,sCAAqCW,SAAS,CAACG,MAAM,CAACd,MAAMa,WAAW,GACvEb,sCAAAA,MAAMQ,UAAU,CAACC,UAAU,CAACC,OAAO,UAAnCV,sDAAAA,sCAAqCW,SAAS,CAACC,GAAG,CAACZ,MAAMe,aAAa,GACtEf,0CAAAA,MAAMQ,UAAU,CAACQ,cAAc,CAACN,OAAO,UAAvCV,0DAAAA,0CAAyCiB,OAAO,CAAC,MACnD,CACF,EAEArB,UAAU,KACRU,sBAAsBN,MAAMQ,UAAU,CAACD,OAAO,CAChD,EAAG,EAAE,EAEL,MAAMW,WAAa,AAACC,MAClBnB,MAAMQ,UAAU,CAACD,OAAO,CAAGY,IAC3Bb,sBAAsBa,IACxB,EAEA,MAAMC,sBAAwB,KAC5B,MAAMC,MAAQvB,WAAWE,MAAMsB,KAAK,EAAEC,yBAAyB,CAACvB,MAAMQ,UAAU,EAChFR,MAAMwB,cAAc,CAACH,MACvB,EACA,MAAMI,iBAAmB,KACvBL,uBACF,EAEAxB,UAAU,SACRI,sCAAAA,qCAAAA,MAAMQ,UAAU,CAACC,UAAU,CAACC,OAAO,UAAnCV,qDAAAA,qCAAqC0B,gBAAgB,CAAC,aAAcD,kBACpE,GAAIxB,MAAME,SAAS,CAAEe,WAAW,MAChC,MAAO,SACLlB,sCAAAA,qCAAAA,MAAMQ,UAAU,CAACC,UAAU,CAACC,OAAO,UAAnCV,qDAAAA,qCAAqC0B,gBAAgB,CAAC,aAAcD,iBACtE,CACF,EAAG,EAAE,EAEL,MAAO,CACLxB,MACAG,SACAc,WACAE,qBACF,CACF,CAAC"}

package/lib/esm/components/Form/Select/Cascade/hooks/useFocusedList.js

@@ -0,0 +1,2 @@
+import{useRef}from"react";import{nodeHelper}from"../utils";export const useFocusedList=nodes=>{const focusedList=useRef([]);function setFirstOptionsActive(){if(!nodes.length||focusedList.current.length)return;let node=nodes[0];while(node){node.focused=true;pushFocusedList(node);node=node.hasChildren?node.children[0]:null}}const setFocusedList=n=>{nodeHelper(nodes).forEachNode(nodes,n=>{var _n_cascadeOptionForwardRef_current;return(_n_cascadeOptionForwardRef_current=n.cascadeOptionForwardRef.current)===null||_n_cascadeOptionForwardRef_current===void 0?void 0:_n_cascadeOptionForwardRef_current.setFocused(false)});focusedList.current=n;n.forEach(n=>{var _n_cascadeOptionForwardRef_current;return(_n_cascadeOptionForwardRef_current=n.cascadeOptionForwardRef.current)===null||_n_cascadeOptionForwardRef_current===void 0?void 0:_n_cascadeOptionForwardRef_current.setFocused(true)})};const popFocusedList=()=>{const listClone=[...focusedList.current];listClone.pop();setFocusedList(listClone)};const exchangeLastItemFocusList=node=>{const listClone=[...focusedList.current];listClone.pop();listClone.push(node);setFocusedList(listClone)};const pushFocusedList=node=>{setFocusedList([...focusedList.current,node])};const getlastFocusedListElem=()=>focusedList.current[focusedList.current.length-1];const handleFocusMove=action=>{if(focusedList.current.length===0){pushFocusedList(nodes[0])}const handleVerticalMove=action=>{var _getlastFocusedListElem,_getlastFocusedListElem1,_nextNode_elementRef_current;const levelOfLastNote=nodeHelper(nodes).getLevelOfNode(nodes,node=>{var _getlastFocusedListElem;return node.id===((_getlastFocusedListElem=getlastFocusedListElem())===null||_getlastFocusedListElem===void 0?void 0:_getlastFocusedListElem.id)})||[];const nextNode=levelOfLastNote[(action==="next"?(_getlastFocusedListElem=getlastFocusedListElem())===null||_getlastFocusedListElem===void 0?void 0:_getlastFocusedListElem.nextNodeIndex:(_getlastFocusedListElem1=getlastFocusedListElem())===null||_getlastFocusedListElem1===void 0?void 0:_getlastFocusedListElem1.previousNodeIndex)||0];exchangeLastItemFocusList(nextNode);(_nextNode_elementRef_current=nextNode.elementRef.current)===null||_nextNode_elementRef_current===void 0?void 0:_nextNode_elementRef_current.scrollIntoView({block:"nearest",inline:"nearest"})};switch(action){case"next":handleVerticalMove("next");break;case"previous":handleVerticalMove("previous");break;case"enter":var _getlastFocusedListElem,_getlastFocusedListElem1,_getlastFocusedListElem_elementRef_current,_getlastFocusedListElem2;if(!((_getlastFocusedListElem=getlastFocusedListElem())===null||_getlastFocusedListElem===void 0?void 0:_getlastFocusedListElem.hasChildren))break;pushFocusedList((_getlastFocusedListElem1=getlastFocusedListElem())===null||_getlastFocusedListElem1===void 0?void 0:_getlastFocusedListElem1.children[0]);(_getlastFocusedListElem2=getlastFocusedListElem())===null||_getlastFocusedListElem2===void 0?void 0:(_getlastFocusedListElem_elementRef_current=_getlastFocusedListElem2.elementRef.current)===null||_getlastFocusedListElem_elementRef_current===void 0?void 0:_getlastFocusedListElem_elementRef_current.scrollIntoView({block:"nearest",inline:"nearest"});break;case"leave":if(!getlastFocusedListElem().parent)break;popFocusedList();break;default:pushFocusedList(nodes[0])}};return{setFocusedList,focusedList,getlastFocusedListElem,exchangeLastItemFocusList,popFocusedList,pushFocusedList,handleFocusMove,setFirstOptionsActive}};
+//# sourceMappingURL=useFocusedList.js.map

package/lib/esm/components/Form/Select/Cascade/hooks/useFocusedList.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../src/components/Form/Select/Cascade/hooks/useFocusedList.ts"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport { RefObject, useRef } from \"react\"\nimport { nodeHelper, TNode } from \"../utils\"\nimport { TMeta } from \"../index\"\n\ntype TFocusMoveAction = \"next\" | \"previous\" | \"enter\" | \"leave\"\n\nexport type TuseFocusedListReturn<Meta extends TMeta = object> = {\n  setFocusedList: (nodes: TNode<Meta>[]) => void\n  focusedList: RefObject<TNode<Meta>[]>\n  getlastFocusedListElem: () => TNode<Meta>\n  popFocusedList: () => void\n  pushFocusedList: (node: TNode<Meta>) => void\n  handleFocusMove: (action: TFocusMoveAction) => void\n  exchangeLastItemFocusList: (node: TNode<Meta>) => void\n  setFirstOptionsActive: () => void\n}\n\n/**\n * A state that keeps track of the current virtual **Nodes** and handles the focusing logic (key presses, mouse, etc)\n * @param nodes Virtual **Nodes**\n */\nexport const useFocusedList = <Meta extends TMeta = object>(\n  nodes: TNode<Meta>[]\n): TuseFocusedListReturn<Meta> => {\n  const focusedList = useRef<TNode<Meta>[]>([])\n\n  function setFirstOptionsActive() {\n    if (!nodes.length || focusedList.current.length) return\n    // The next two lines are used to correctly display the first item in the first menu\n    let node: TNode<Meta> | null = nodes[0]\n    while (node) {\n      node.focused = true\n      pushFocusedList(node)\n      node = node.hasChildren ? node.children[0] : null\n    }\n  }\n\n  const setFocusedList = (n: TNode<Meta>[]) => {\n    nodeHelper(nodes).forEachNode(nodes, (n) =>\n      n.cascadeOptionForwardRef.current?.setFocused(false)\n    )\n    focusedList.current = n\n    n.forEach((n) => n.cascadeOptionForwardRef.current?.setFocused(true))\n  }\n\n  const popFocusedList = () => {\n    const listClone = [...focusedList.current]\n    listClone.pop()\n    setFocusedList(listClone)\n  }\n\n  const exchangeLastItemFocusList = (node: TNode<Meta>) => {\n    const listClone = [...focusedList.current]\n    listClone.pop()\n    listClone.push(node)\n    setFocusedList(listClone)\n  }\n\n  const pushFocusedList = (node: TNode<Meta>) => {\n    setFocusedList([...focusedList.current, node])\n  }\n\n  const getlastFocusedListElem = (): TNode<Meta> =>\n    focusedList.current[focusedList.current.length - 1]\n\n  const handleFocusMove = (action: TFocusMoveAction) => {\n    if (focusedList.current.length === 0) {\n      pushFocusedList(nodes[0])\n    }\n    const handleVerticalMove = (action: \"next\" | \"previous\") => {\n      const levelOfLastNote =\n        nodeHelper(nodes).getLevelOfNode(\n          nodes,\n          (node) => node.id === getlastFocusedListElem()?.id\n        ) || []\n      const nextNode =\n        levelOfLastNote[\n          (action === \"next\"\n            ? getlastFocusedListElem()?.nextNodeIndex\n            : getlastFocusedListElem()?.previousNodeIndex) || 0\n        ]\n      exchangeLastItemFocusList(nextNode)\n      nextNode.elementRef.current?.scrollIntoView({\n        block: \"nearest\",\n        inline: \"nearest\",\n      })\n    }\n\n    switch (action) {\n      case \"next\":\n        handleVerticalMove(\"next\")\n        break\n      case \"previous\":\n        handleVerticalMove(\"previous\")\n        break\n      case \"enter\":\n        if (!getlastFocusedListElem()?.hasChildren) break\n        pushFocusedList(getlastFocusedListElem()?.children[0])\n        getlastFocusedListElem()?.elementRef.current?.scrollIntoView({\n          block: \"nearest\",\n          inline: \"nearest\",\n        })\n        break\n      case \"leave\":\n        if (!getlastFocusedListElem().parent) break\n        popFocusedList()\n        break\n      default:\n        pushFocusedList(nodes[0])\n    }\n  }\n\n  return {\n    setFocusedList,\n    focusedList,\n    getlastFocusedListElem,\n    exchangeLastItemFocusList,\n    popFocusedList,\n    pushFocusedList,\n    handleFocusMove,\n    setFirstOptionsActive,\n  }\n}\n"],"names":["useRef","nodeHelper","useFocusedList","nodes","focusedList","setFirstOptionsActive","length","current","node","focused","pushFocusedList","hasChildren","children","setFocusedList","n","forEachNode","cascadeOptionForwardRef","setFocused","forEach","popFocusedList","listClone","pop","exchangeLastItemFocusList","push","getlastFocusedListElem","handleFocusMove","action","handleVerticalMove","nextNode","levelOfLastNote","getLevelOfNode","id","nextNodeIndex","previousNodeIndex","elementRef","scrollIntoView","block","inline","parent"],"mappings":"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"}

package/lib/esm/components/Form/Select/Cascade/index.js

@@ -0,0 +1,2 @@
+function _define_property(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true})}else{obj[key]=value}return obj}function _object_spread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};var ownKeys=Object.keys(source);if(typeof Object.getOwnPropertySymbols==="function"){ownKeys=ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym){return Object.getOwnPropertyDescriptor(source,sym).enumerable}))}ownKeys.forEach(function(key){_define_property(target,key,source[key])})}return target}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})}keys.push.apply(keys,symbols)}return keys}function _object_spread_props(target,source){source=source!=null?source:{};if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source))}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))})}return target}function _object_without_properties(source,excluded){if(source==null)return{};var target=_object_without_properties_loose(source,excluded);var key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++){key=sourceSymbolKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key]}}return target}function _object_without_properties_loose(source,excluded){if(source==null)return{};var target={};var sourceKeys=Object.keys(source);var key,i;for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;target[key]=source[key]}return target}import{jsx as _jsx}from"react/jsx-runtime";import{useEffect,useRef,useState}from"react";import{buildNodeTree,nodeHelper}from"./utils";import Creatable from"react-select/creatable";import{useCascadeKeyDown}from"./hooks/useCascadeKeyDown";import{CascadeMenuBase}from"./CascadeMenu";import{useFocusedList}from"./hooks/useFocusedList";import{useMantineColorScheme,useMantineTheme}from"@mantine/core";export function Cascade(_param){var{separator=" > "}=_param,props=_object_without_properties(_param,["separator"]);const selectRef=useRef(null);const containerRef=useRef(null);const[filteredOptions,setFilteredOptions]=useState(props.options);const theme=useMantineTheme();const nodes=buildNodeTree(filteredOptions);const[selectedValue,setSelectedValue]=useState();const focusedListState=useFocusedList(nodes);useEffect(()=>{focusedListState.setFirstOptionsActive()},[focusedListState.setFirstOptionsActive,nodes]);const{colorScheme}=useMantineColorScheme();const isDarkScheme=colorScheme==="dark";const{handleKeyDown}=useCascadeKeyDown({focusedListState:focusedListState,filteredOptions,onApply:nodes=>handleApply(nodes.map(n=>n._option)),openerSelectable:props.openerSelectable});const handleApply=values=>{focusedListState.setFocusedList([]);setSelectedValue(values);props.onSelect(values)};const inputStyles={width:"100%",color:`${isDarkScheme?theme.white:theme.black}`,backgroundColor:`${isDarkScheme?theme.colors.gray[8]:theme.white}`,"&:focus":{backgroundColor:`${isDarkScheme?theme.colors.gray[8]:theme.white}`}};return _jsx("div",{onClick:e=>{e.nativeEvent.stopImmediatePropagation();e.stopPropagation()},ref:containerRef,"data-testid":"cascade-select-container",onKeyDown:props.onKeyDown,children:_jsx(Creatable,_object_spread_props(_object_spread({ref:selectRef,onMenuOpen:()=>focusedListState.setFirstOptionsActive(),onMenuClose:()=>setFilteredOptions(props.options),onInputChange:newValue=>{focusedListState.setFocusedList([]);const filtered=nodeHelper(nodes).filterOptionsByValue(props.options,newValue);setFilteredOptions(filtered)},value:{label:(selectedValue===null||selectedValue===void 0?void 0:selectedValue.map(v=>v.label).join(separator))||"",value:(selectedValue===null||selectedValue===void 0?void 0:selectedValue.map(v=>v.value).join(separator))||"",options:[]},onKeyDown:handleKeyDown,onCreateOption:()=>{}},props.selectProps),{styles:_object_spread({input:base=>_object_spread({},base,inputStyles),control:base=>_object_spread({},base,inputStyles),container:base=>_object_spread_props(_object_spread({},base),{width:"100%"})},props.styles),components:{DropdownIndicator:()=>null,IndicatorSeparator:()=>null,Menu:base=>filteredOptions.length!==0?_jsx("div",{onClick:e=>e.stopPropagation(),children:_jsx(CascadeMenuBase,{setFocusList:focusedListState.setFocusedList,focusedList:focusedListState.focusedList,openerOptionElementRef:containerRef,nodes:nodes,allNodes:nodes,openerSelectable:props.openerSelectable,isInitiallyOpen:true,level:0,options:filteredOptions,menuProps:base,styles:props.styles,onSelect:value=>{handleApply(value);const mergedLabel=props.afterSelectDisplayTransform?props.afterSelectDisplayTransform(value):value.map(v=>v.label).join(separator);const mergedValue=value.map(v=>v.label).join(":");base.selectOption({value:mergedValue,label:mergedLabel})}})}):null},options:[]}))})}
+//# sourceMappingURL=index.js.map

package/lib/esm/components/Form/Select/Cascade/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/components/Form/Select/Cascade/index.tsx"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport { CSSObjectWithLabel, GroupBase } from \"react-select\"\nimport * as SelectType from \"react-select/base\"\nimport { FC, KeyboardEventHandler, RefObject, useEffect, useRef, useState } from \"react\"\nimport { buildNodeTree, nodeHelper } from \"./utils\"\nimport Creatable from \"react-select/creatable\"\nimport { TCascadeOption } from \"./CascadeOption\"\nimport { useCascadeKeyDown } from \"./hooks/useCascadeKeyDown\"\nimport { CascadeMenuBase } from \"./CascadeMenu\"\nimport { useFocusedList } from \"./hooks/useFocusedList\"\nimport { PublicBaseSelectProps } from \"react-select/base\"\nimport { useMantineColorScheme, useMantineTheme } from \"@mantine/core\"\n\nexport type TCascadeMenuForwardRef = {\n  setOpen: (value: boolean) => void\n}\n\nexport type TStylingProps = {\n  components?: {\n    option?: FC<{ option: TValue }>\n    openerOption?: FC<{ option: TValue }>\n  }\n  classNames?: {\n    option?: string\n    openerOption?: string\n  }\n  styles?: {\n    maxMenuHeight?: string\n    menuWidth?: string\n    menuZIndex?: number\n  }\n}\n\nexport type TValue = { value: string; label: string }\nexport type TMeta = Record<string, any>\n\ntype TCascadeProps<Meta extends TMeta> = TStylingProps & {\n  options: Array<TCascadeOption<Meta>>\n  onSelect: (value: TCascadeOption<Meta>[]) => void\n  onKeyDown?: KeyboardEventHandler<HTMLDivElement>\n  afterSelectDisplayTransform?: (values: TValue[]) => string\n  afterSelectValueTransform?: (values: TValue[]) => string\n  separator?: string\n  selectProps?: Partial<PublicBaseSelectProps<TCascadeOption<Meta>, false, any>>\n  menuPortalTarget?: RefObject<HTMLDivElement>\n  openerSelectable?: boolean\n}\n\n/**\n * The **Cascade** is a recursive component that traverses down its given *options*.\n * Under the hood it uses @React-Select but replaces the menus with **CascadeMenu** that render **CascadeOptions**.\n *\n * @param options Options Items for the cascade\n * @param onSelect Callback when an **CascadeOption** is clicked. Passes the \"path\" of options\n * @param onKeyDown Keydown handler\n * @param afterSelectDisplayTransform? Transforms the values from the selected option paths to a string that is displayed\n * @param afterSelectValueTransform?: (values: TValue[]) => string\n * @param separator? If no *afterSelectDisplayTransform* is set, the separater (default ' > ') is separating the options labels\n * @param selectProps? Props passed to the @React-Select Select\n * @param menuPortalTarget? Target for the portal in which the **CascadeMenus** are rendered\n * @param openerSelectable? Specifies if an **CascadeOption** that opens another menu can be selected\n */\nexport function Cascade<Meta extends TMeta = object>({\n  separator = \" > \",\n  ...props\n}: TCascadeProps<Meta>) {\n  const selectRef: RefObject<\n    SelectType.default<TCascadeOption<Meta>, false, GroupBase<TCascadeOption<Meta>>>\n  > = useRef(null)\n  const containerRef = useRef<HTMLDivElement>(null)\n  const [filteredOptions, setFilteredOptions] = useState<TCascadeOption<Meta>[]>(props.options) // reduces options based on input value\n\n  const theme = useMantineTheme()\n\n  // Initialize virtual nodes based on the filtered CascadeOptions\n  const nodes = buildNodeTree(filteredOptions)\n\n  const [selectedValue, setSelectedValue] = useState<TCascadeOption<Meta>[] | undefined>() // keeps track of selected value\n  const focusedListState = useFocusedList(nodes) // Keeps track of currently focused items\n  useEffect(() => {\n    focusedListState.setFirstOptionsActive()\n  }, [focusedListState.setFirstOptionsActive, nodes])\n  const { colorScheme } = useMantineColorScheme()\n  const isDarkScheme = colorScheme === \"dark\"\n\n  // Registers key down listeners for hotkey usage\n  const { handleKeyDown } = useCascadeKeyDown({\n    focusedListState: focusedListState,\n    filteredOptions,\n    onApply: (nodes) => handleApply(nodes.map((n) => n._option)),\n    openerSelectable: props.openerSelectable,\n  })\n\n  const handleApply = (values: TCascadeOption<Meta>[]) => {\n    focusedListState.setFocusedList([])\n    setSelectedValue(values)\n    props.onSelect(values)\n  }\n\n  const inputStyles = {\n    width: \"100%\",\n    color: `${isDarkScheme ? theme.white : theme.black}`,\n    backgroundColor: `${isDarkScheme ? theme.colors.gray[8] : theme.white}`,\n    \"&:focus\": {\n      backgroundColor: `${isDarkScheme ? theme.colors.gray[8] : theme.white}`,\n    },\n  }\n\n  return (\n    <div\n      onClick={(e) => {\n        // Last saviour before event leaves component\n        e.nativeEvent.stopImmediatePropagation()\n        e.stopPropagation()\n      }}\n      ref={containerRef}\n      data-testid={\"cascade-select-container\"}\n      onKeyDown={props.onKeyDown}\n    >\n      <Creatable<TCascadeOption<Meta>, false>\n        ref={selectRef}\n        onMenuOpen={() => focusedListState.setFirstOptionsActive()}\n        onMenuClose={() => setFilteredOptions(props.options)}\n        onInputChange={(newValue) => {\n          focusedListState.setFocusedList([])\n          const filtered = nodeHelper(nodes).filterOptionsByValue(props.options, newValue)\n          setFilteredOptions(filtered)\n        }}\n        value={{\n          label: selectedValue?.map((v) => v.label).join(separator) || \"\",\n          value: selectedValue?.map((v) => v.value).join(separator) || \"\",\n          options: [],\n        }}\n        onKeyDown={handleKeyDown}\n        onCreateOption={() => {}}\n        {...props.selectProps}\n        styles={{\n          input: (base) =>\n            ({\n              ...base,\n              ...inputStyles,\n            }) as CSSObjectWithLabel,\n          control: (base) =>\n            ({\n              ...base,\n              ...inputStyles,\n            }) as CSSObjectWithLabel,\n          container: (base) =>\n            ({\n              ...base,\n              width: \"100%\",\n            }) as CSSObjectWithLabel,\n          ...props.styles,\n        }}\n        components={{\n          DropdownIndicator: () => null,\n          IndicatorSeparator: () => null,\n          Menu: (base) =>\n            (filteredOptions.length !== 0 ? (\n              <div onClick={(e) => e.stopPropagation()}>\n                <CascadeMenuBase<Meta>\n                  setFocusList={focusedListState.setFocusedList}\n                  focusedList={focusedListState.focusedList}\n                  openerOptionElementRef={containerRef}\n                  nodes={nodes}\n                  allNodes={nodes}\n                  openerSelectable={props.openerSelectable}\n                  isInitiallyOpen={true}\n                  level={0}\n                  options={filteredOptions}\n                  menuProps={base}\n                  styles={props.styles}\n                  onSelect={(value: TCascadeOption<Meta>[]) => {\n                    handleApply(value)\n                    const mergedLabel = props.afterSelectDisplayTransform\n                      ? props.afterSelectDisplayTransform(value)\n                      : value.map((v) => v.label).join(separator)\n                    // I think the following is just to satisfy the @React-Select\n                    const mergedValue = value.map((v) => v.label).join(\":\")\n                    base.selectOption({\n                      value: mergedValue,\n                      label: mergedLabel,\n                    })\n                  }}\n                />\n              </div>\n            ) : null) as React.ReactNode,\n        }}\n        options={[]}\n      />\n    </div>\n  )\n}\n"],"names":["useEffect","useRef","useState","buildNodeTree","nodeHelper","Creatable","useCascadeKeyDown","CascadeMenuBase","useFocusedList","useMantineColorScheme","useMantineTheme","Cascade","separator","props","selectRef","containerRef","filteredOptions","setFilteredOptions","options","theme","nodes","selectedValue","setSelectedValue","focusedListState","setFirstOptionsActive","colorScheme","isDarkScheme","handleKeyDown","onApply","handleApply","map","n","_option","openerSelectable","values","setFocusedList","onSelect","inputStyles","width","color","white","black","backgroundColor","colors","gray","div","onClick","e","nativeEvent","stopImmediatePropagation","stopPropagation","ref","data-testid","onKeyDown","onMenuOpen","onMenuClose","onInputChange","newValue","filtered","filterOptionsByValue","value","label","v","join","onCreateOption","selectProps","styles","input","base","control","container","components","DropdownIndicator","IndicatorSeparator","Menu","length","setFocusList","focusedList","openerOptionElementRef","allNodes","isInitiallyOpen","level","menuProps","mergedLabel","afterSelectDisplayTransform","mergedValue","selectOption"],"mappings":"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"}

package/lib/esm/components/Form/Select/Cascade/utils.js

@@ -0,0 +1,2 @@
+function _define_property(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true})}else{obj[key]=value}return obj}function _object_spread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};var ownKeys=Object.keys(source);if(typeof Object.getOwnPropertySymbols==="function"){ownKeys=ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym){return Object.getOwnPropertyDescriptor(source,sym).enumerable}))}ownKeys.forEach(function(key){_define_property(target,key,source[key])})}return target}import{createRef}from"react";export const buildNodeTree=options=>{const prepare=(opt,lv,parent)=>{const level=lv+1;return opt.map((o,i)=>{const previousNodeIndex=i-1<0?opt.length-1:i-1;const nextNodeIndex=i+1>opt.length-1?0:i+1;const obj={_option:o,index:i,level:level,id:`${i}-${o.value}-${o.label}`,elementRef:createRef(),menuForwardRef:createRef(),cascadeOptionForwardRef:createRef(),hasChildren:!!o.options,focused:false,previousNodeIndex,nextNodeIndex,children:[],parent:parent};if(!o.options){return obj}obj.children=prepare(o.options,level,obj);return obj})};return prepare(options,0,null)};export const nodeHelper=nodes=>{const getCurrentlyFocusedNode=()=>getNode(nodes,node=>node.focused);const focusTraceBackToFirstColumn=node=>{let iter=node;while(iter===null||iter===void 0?void 0:iter.parent){var _iter_parent_cascadeOptionForwardRef_current;(_iter_parent_cascadeOptionForwardRef_current=iter.parent.cascadeOptionForwardRef.current)===null||_iter_parent_cascadeOptionForwardRef_current===void 0?void 0:_iter_parent_cascadeOptionForwardRef_current.setFocused(true);iter=iter.parent}};const transformOneDimensionalNodesArrayIntoValues=(n=nodes)=>{return n.map(node=>{const toReturn={value:node._option.value,label:node._option.label};if(node._option.meta){toReturn.meta=node._option.meta}return toReturn})};const getTraceBackToFirstColumn=node=>{let iter=node;const trace=[];while(iter){trace.push(iter);iter=iter.parent}return trace.reverse()};const filterOptionsByValue=(options,value)=>{return options.reduce((acc,curr)=>{const toReturn=_object_spread({},curr);let childValid=false;if(curr.options){toReturn.options=filterOptionsByValue(curr.options,value);childValid=toReturn.options.length>0}const isValid=new RegExp(value,"i").test(curr.label)&&!curr.options;if(isValid||childValid){return[...acc,toReturn]}return acc},[])};const hasFocusedParent=node=>{if(!node.parent)return false;if(node.parent.focused)return true;return hasFocusedParent(node.parent)};const getNode=(n=nodes,selector)=>{return n.reduce((acc,node)=>{if(selector(node))return node;if(acc)return acc;return getNode(node.children,selector)},undefined)};const getLevelOfCurrentlyFocusedNode=(n=nodes)=>{return getAllNodesOnLevel(n,node=>node.focused)};const getAllNodesOnLevel=(n=nodes,selector)=>{return n.reduce((acc,node)=>{if(selector(node))return n;if(acc)return acc;return getAllNodesOnLevel(node.children,selector)},undefined)};const forEachNode=(n=nodes,action)=>{n.forEach(node=>{action(node);if(node.children)forEachNode(node.children,action)})};return{getCurrentlyFocusedNode,transformOneDimensionalNodesArrayIntoValues,getLevelOfCurrentlyFocusedNode,getLevelOfNode:getAllNodesOnLevel,getNode,hasFocusedParent,getTraceBackToFirstColumn,forEachNode,focusTraceBackToFirstColumn,filterOptionsByValue}};
+//# sourceMappingURL=utils.js.map

package/lib/esm/components/Form/Select/Cascade/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/components/Form/Select/Cascade/utils.ts"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport { createRef, RefObject } from \"react\"\nimport { TCascadeMenuForwardRef, TMeta } from \"./index\"\nimport { TCascadeOption, TCascadeOptionForwardRef } from \"./CascadeOption\"\n\nexport type TNode<Meta extends TMeta = object> = {\n  _option: TCascadeOption<Meta>\n  elementRef: RefObject<HTMLDivElement>\n  cascadeOptionForwardRef: RefObject<TCascadeOptionForwardRef>\n  menuForwardRef: RefObject<TCascadeMenuForwardRef>\n  focused: boolean\n  hasChildren: boolean\n  children: TNode<Meta>[]\n  parent: TNode<Meta> | null\n  index: number\n  previousNodeIndex: number\n  nextNodeIndex: number\n  id: string\n  level: number\n}\n\n/**\n * Builds virtual Node Tree that resembles the visual DOM elements.\n * This virtual tree is used to easily traverse the **CascadeMenus** using the hotkeys or the mouse.\n * It helps a lot in specifying what options are selected and how the hotkeys can \"walk\" around the menus.\n * @param options Options for the Cascade\n */\nexport const buildNodeTree = <Meta extends TMeta = object>(\n  options: TCascadeOption<Meta>[]\n): TNode<Meta>[] => {\n  const prepare = (opt: TCascadeOption<Meta>[], lv: number, parent: TNode<Meta> | null) => {\n    // Updating level to keep track of current recursion level\n    const level = lv + 1\n    return opt.map((o, i) => {\n      const previousNodeIndex = i - 1 < 0 ? opt.length - 1 : i - 1\n      const nextNodeIndex = i + 1 > opt.length - 1 ? 0 : i + 1\n      const obj: TNode<Meta> = {\n        _option: o,\n        index: i,\n        level: level,\n        id: `${i}-${o.value}-${o.label}`,\n        elementRef: createRef<HTMLDivElement>(),\n        menuForwardRef: createRef<TCascadeMenuForwardRef>(),\n        cascadeOptionForwardRef: createRef<TCascadeOptionForwardRef>(),\n        hasChildren: !!o.options,\n        focused: false,\n        previousNodeIndex,\n        nextNodeIndex,\n        children: [],\n        parent: parent,\n      }\n      if (!o.options) {\n        // No children\n        return obj\n      }\n\n      // Recursing through the children. Keeping track of the parents.\n      // Parents also get updated due to JS object reference pointers\n      obj.children = prepare(o.options, level, obj)\n\n      // Resetting level\n      return obj\n    })\n  }\n\n  return prepare(options, 0, null)\n}\n\n/**\n * A helper function to traverse around the **Nodes**\n * @param nodes\n */\nexport const nodeHelper = <Meta extends TMeta = object>(nodes: TNode<Meta>[]) => {\n  // Gets the currently focused Node\n  const getCurrentlyFocusedNode = () => getNode(nodes, (node) => node.focused)\n\n  /**\n   * Focuses all **CascadeOptions** back to the starter node\n   * @param node The target **Node**\n   */\n  const focusTraceBackToFirstColumn = (node: TNode<Meta>) => {\n    let iter: TNode<Meta> | null = node\n    while (iter?.parent) {\n      iter.parent.cascadeOptionForwardRef.current?.setFocused(true)\n      iter = iter.parent\n    }\n  }\n\n  /**\n   * Turns a flat array of **Nodes** into DTO Values that are passed as Args to the **Cascade** onSelect callback.\n   * @param n 1D Node Array\n   */\n  const transformOneDimensionalNodesArrayIntoValues = (n = nodes): TCascadeOption<Meta>[] => {\n    return n.map((node) => {\n      const toReturn: TCascadeOption<Meta> = {\n        value: node._option.value,\n        label: node._option.label,\n      }\n      if (node._option.meta) {\n        toReturn.meta = node._option.meta\n      }\n      return toReturn\n    })\n  }\n\n  /**\n   * Returns a one dimensional array starting at the start **Node**, ending at the target **Node**\n   * @param node Target Node\n   */\n  const getTraceBackToFirstColumn = (node: TNode<Meta>) => {\n    let iter: TNode<Meta> | null = node\n    const trace: TNode<Meta>[] = []\n\n    while (iter) {\n      trace.push(iter)\n      iter = iter.parent\n    }\n\n    // Reversing so tree is in reverse order back to root\n    return trace.reverse()\n  }\n\n  /**\n   * Filters all CascadeOptions by a value. Returning all openers that contain an **EndNode** that is applied by the filter\n   * @param options CascadeOptions\n   * @param value String to filter for\n   */\n  const filterOptionsByValue = (\n    options: TCascadeOption<Meta>[],\n    value: string\n  ): TCascadeOption<Meta>[] => {\n    return options.reduce<TCascadeOption<Meta>[]>((acc: TCascadeOption<Meta>[], curr) => {\n      const toReturn = { ...curr }\n      let childValid = false\n      if (curr.options) {\n        toReturn.options = filterOptionsByValue(curr.options, value)\n        childValid = toReturn.options.length > 0\n      }\n      // Valid if label of option contains the match value. Invalid if matching option has children which don't match\n      const isValid = new RegExp(value, \"i\").test(curr.label) && !curr.options\n      if (isValid || childValid) {\n        return [...acc, toReturn]\n      }\n      return acc\n    }, [])\n  }\n\n  /**\n   * Checks if the **Node** has a focused parent.\n   * @param node Target Node\n   */\n  const hasFocusedParent = (node: TNode<Meta>): boolean => {\n    if (!node.parent) return false\n    if (node.parent.focused) return true\n    return hasFocusedParent(node.parent)\n  }\n\n  /**\n   * Get a **Node** by a selector (similar to JS Array.find())\n   * @param n Node Array\n   * @param selector Selector function\n   */\n  const getNode = (\n    n = nodes,\n    selector: (node: TNode<Meta>) => boolean\n  ): TNode<Meta> | undefined => {\n    return n.reduce((acc: undefined | TNode<Meta>, node) => {\n      if (selector(node)) return node\n      if (acc) return acc\n      return getNode(node.children, selector)\n    }, undefined)\n  }\n\n  /**\n   * Gets the level of the currently focused node\n   * @param n List of All Nodes\n   */\n  const getLevelOfCurrentlyFocusedNode = (n = nodes): TNode<Meta>[] | undefined => {\n    return getAllNodesOnLevel(n, (node) => node.focused)\n  }\n\n  // Helper function to get all nodes on the specified level\n  const getAllNodesOnLevel = (\n    n = nodes,\n    selector: (node: TNode<Meta>) => boolean\n  ): TNode<Meta>[] | undefined => {\n    return n.reduce((acc: TNode<Meta>[] | undefined, node) => {\n      if (selector(node)) return n\n      if (acc) return acc\n      return getAllNodesOnLevel(node.children, selector) as TNode<Meta>[]\n    }, undefined)\n  }\n\n  // Execute function for each node\n  const forEachNode = (n = nodes, action: (node: TNode<Meta>) => void) => {\n    n.forEach((node) => {\n      action(node)\n      if (node.children) forEachNode(node.children, action)\n    })\n  }\n\n  return {\n    getCurrentlyFocusedNode,\n    transformOneDimensionalNodesArrayIntoValues,\n    getLevelOfCurrentlyFocusedNode,\n    getLevelOfNode: getAllNodesOnLevel,\n    getNode,\n    hasFocusedParent,\n    getTraceBackToFirstColumn,\n    forEachNode,\n    focusTraceBackToFirstColumn,\n    filterOptionsByValue,\n  }\n}\n"],"names":["createRef","buildNodeTree","options","prepare","opt","lv","parent","level","map","o","i","previousNodeIndex","length","nextNodeIndex","obj","_option","index","id","value","label","elementRef","menuForwardRef","cascadeOptionForwardRef","hasChildren","focused","children","nodeHelper","nodes","getCurrentlyFocusedNode","getNode","node","focusTraceBackToFirstColumn","iter","current","setFocused","transformOneDimensionalNodesArrayIntoValues","n","toReturn","meta","getTraceBackToFirstColumn","trace","push","reverse","filterOptionsByValue","reduce","acc","curr","childValid","isValid","RegExp","test","hasFocusedParent","selector","undefined","getLevelOfCurrentlyFocusedNode","getAllNodesOnLevel","forEachNode","action","forEach","getLevelOfNode"],"mappings":"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"}

package/lib/esm/components/Form/Select/CreatableSelect.js

@@ -0,0 +1,2 @@
+function _define_property(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true})}else{obj[key]=value}return obj}function _object_spread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};var ownKeys=Object.keys(source);if(typeof Object.getOwnPropertySymbols==="function"){ownKeys=ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym){return Object.getOwnPropertyDescriptor(source,sym).enumerable}))}ownKeys.forEach(function(key){_define_property(target,key,source[key])})}return target}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})}keys.push.apply(keys,symbols)}return keys}function _object_spread_props(target,source){source=source!=null?source:{};if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source))}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))})}return target}function _object_without_properties(source,excluded){if(source==null)return{};var target=_object_without_properties_loose(source,excluded);var key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++){key=sourceSymbolKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key]}}return target}function _object_without_properties_loose(source,excluded){if(source==null)return{};var target={};var sourceKeys=Object.keys(source);var key,i;for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;target[key]=source[key]}return target}import{jsx as _jsx}from"react/jsx-runtime";import{useMantineColorScheme,useMantineTheme}from"@mantine/core";import React from"react";import Creatable from"react-select/creatable";import classes from"./CreatableSelect.module.css";export function CreatableSelect(_param){var{onBlur,onChange,onKeyDown,multiple=false,value,options,className,components}=_param,props=_object_without_properties(_param,["onBlur","onChange","onKeyDown","multiple","value","options","className","components"]);const theme=useMantineTheme();const{colorScheme}=useMantineColorScheme();const isDarkScheme=colorScheme==="dark";return _jsx("div",{className:className,children:_jsx(Creatable,_object_spread({ref:props.inputRef,className:classes.widthAdjust,onChange:(newValue,actionMeta)=>{if(multiple){onChange===null||onChange===void 0?void 0:onChange(newValue,actionMeta);return}onChange===null||onChange===void 0?void 0:onChange(newValue,actionMeta)},onKeyDown:onKeyDown,onBlur:onBlur,value:value,closeMenuOnSelect:!multiple,styles:{control:base=>_object_spread_props(_object_spread({},base),{minHeight:30,backgroundColor:isDarkScheme?theme.colors.gray[8]:base.backgroundColor,color:isDarkScheme?theme.white:base.backgroundColor}),option:(base,{isFocused})=>{return _object_spread_props(_object_spread({},base),{wordBreak:"break-all",backgroundColor:isFocused?isDarkScheme?theme.colors.green[5]:theme.colors.green[1]:isDarkScheme?theme.colors.gray[9]:base.backgroundColor,"&:active":{backgroundColor:isDarkScheme?theme.colors.green[7]:theme.colors.green[3]},color:isDarkScheme?theme.white:base.color})},multiValue:base=>_object_spread_props(_object_spread({},base),{borderRadius:"2px",backgroundColor:isDarkScheme?theme.colors.gray[7]:theme.colors.gray[1],color:isDarkScheme?theme.white:theme.colors.gray[9]}),multiValueLabel:base=>_object_spread_props(_object_spread({},base),{color:isDarkScheme?theme.white:theme.colors.gray[9]}),multiValueRemove:base=>_object_spread_props(_object_spread({},base),{color:isDarkScheme?theme.white:theme.colors.gray[9],"&:hover":{backgroundColor:"inherit",borderRadius:"2px",cursor:"pointer",color:isDarkScheme?theme.black:theme.white}}),input:base=>isDarkScheme?_object_spread_props(_object_spread({},base),{color:theme.white}):base,dropdownIndicator:base=>_object_spread_props(_object_spread({},base),{paddingTop:0,paddingBottom:0}),clearIndicator:base=>_object_spread_props(_object_spread({},base),{paddingTop:0,paddingBottom:0}),menu:base=>_object_spread_props(_object_spread({},base),{border:`1px solid ${isDarkScheme?theme.colors.gray[8]:theme.colors.gray[2]}`,borderRadius:"2px",backgroundColor:isDarkScheme?theme.colors.gray[9]:base.backgroundColor}),menuPortal:base=>_object_spread_props(_object_spread({},base),{zIndex:201})},options:options,hideSelectedOptions:true,noOptionsMessage:()=>null,components:_object_spread({DropdownIndicator:()=>null,IndicatorSeparator:()=>null},components)},props))})}
+//# sourceMappingURL=CreatableSelect.js.map

package/lib/esm/components/Form/Select/CreatableSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Form/Select/CreatableSelect.tsx"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport { useMantineColorScheme, useMantineTheme } from \"@mantine/core\"\nimport { ActionMeta, CSSObjectWithLabel, GroupBase, OptionsOrGroups } from \"react-select\"\nimport React, { FocusEventHandler, KeyboardEventHandler, RefObject } from \"react\"\nimport { StateManagerProps } from \"react-select/dist/declarations/src/useStateManager\"\nimport Creatable from \"react-select/creatable\"\nimport Select from \"react-select/base\"\nimport classes from \"./CreatableSelect.module.css\"\ntype TValue = { value: string; label: string }\n\nexport type TCreatableSelectProps<Multiple> = Omit<StateManagerProps, \"onChange\"> & {\n  creatable?: boolean\n  onChange?: (\n    newValue: Multiple extends true ? TValue[] : TValue,\n    actionMeta: ActionMeta<unknown>\n  ) => void\n  onBlur?: FocusEventHandler\n  onKeyDown?: KeyboardEventHandler\n  multiple: Multiple\n  completed?: boolean\n  options?: StateManagerProps<TValue>[\"options\"]\n  value?: TValue\n  className?: string\n  inputRef?: RefObject<Select<unknown, boolean, GroupBase<unknown>>>\n}\n\nexport function CreatableSelect<Multiple extends boolean>({\n  onBlur,\n  onChange,\n  onKeyDown,\n  multiple = false as Multiple,\n  value,\n  options,\n  className,\n  components,\n  ...props\n}: React.PropsWithChildren<TCreatableSelectProps<Multiple>>) {\n  const theme = useMantineTheme()\n  const { colorScheme } = useMantineColorScheme()\n  const isDarkScheme = colorScheme === \"dark\"\n\n  return (\n    <div className={className}>\n      <Creatable\n        ref={props.inputRef}\n        className={classes.widthAdjust}\n        onChange={(newValue, actionMeta) => {\n          if (multiple) {\n            onChange?.(newValue as unknown as Multiple extends true ? TValue[] : TValue, actionMeta)\n            return\n          }\n          onChange?.(newValue as unknown as Multiple extends true ? TValue[] : TValue, actionMeta)\n        }}\n        onKeyDown={onKeyDown}\n        onBlur={onBlur}\n        value={value}\n        closeMenuOnSelect={!multiple}\n        styles={{\n          control: (base) =>\n            ({\n              ...base,\n              minHeight: 30,\n              backgroundColor: isDarkScheme ? theme.colors.gray[8] : base.backgroundColor,\n              color: isDarkScheme ? theme.white : base.backgroundColor,\n            }) as CSSObjectWithLabel,\n          option: (base, { isFocused }) => {\n            return {\n              ...base,\n              wordBreak: \"break-all\",\n              backgroundColor: isFocused\n                ? isDarkScheme\n                  ? theme.colors.green[5]\n                  : theme.colors.green[1]\n                : isDarkScheme\n                  ? theme.colors.gray[9]\n                  : base.backgroundColor,\n              \"&:active\": {\n                backgroundColor: isDarkScheme ? theme.colors.green[7] : theme.colors.green[3],\n              },\n              color: isDarkScheme ? theme.white : base.color,\n            } as CSSObjectWithLabel\n          },\n          multiValue: (base) =>\n            ({\n              ...base,\n              borderRadius: \"2px\",\n              backgroundColor: isDarkScheme ? theme.colors.gray[7] : theme.colors.gray[1],\n              color: isDarkScheme ? theme.white : theme.colors.gray[9],\n            }) as CSSObjectWithLabel,\n          multiValueLabel: (base) =>\n            ({\n              ...base,\n              color: isDarkScheme ? theme.white : theme.colors.gray[9],\n            }) as CSSObjectWithLabel,\n          multiValueRemove: (base) =>\n            ({\n              ...base,\n              color: isDarkScheme ? theme.white : theme.colors.gray[9],\n              \"&:hover\": {\n                backgroundColor: \"inherit\",\n                borderRadius: \"2px\",\n                cursor: \"pointer\",\n                color: isDarkScheme ? theme.black : theme.white,\n              },\n            }) as CSSObjectWithLabel,\n          input: (base) =>\n            (isDarkScheme ? { ...base, color: theme.white } : base) as CSSObjectWithLabel,\n          dropdownIndicator: (base) =>\n            ({\n              ...base,\n              paddingTop: 0,\n              paddingBottom: 0,\n            }) as CSSObjectWithLabel,\n          clearIndicator: (base) =>\n            ({\n              ...base,\n              paddingTop: 0,\n              paddingBottom: 0,\n            }) as CSSObjectWithLabel,\n          menu: (base) =>\n            ({\n              ...base,\n              border: `1px solid ${isDarkScheme ? theme.colors.gray[8] : theme.colors.gray[2]}`,\n              borderRadius: \"2px\",\n              backgroundColor: isDarkScheme ? theme.colors.gray[9] : base.backgroundColor,\n            }) as CSSObjectWithLabel,\n          menuPortal: (base) =>\n            ({\n              ...base,\n              zIndex: 201,\n            }) as CSSObjectWithLabel,\n        }}\n        options={options as OptionsOrGroups<{ label: string; value: string }, GroupBase<TValue>>}\n        hideSelectedOptions={true}\n        noOptionsMessage={() => null}\n        components={{\n          DropdownIndicator: () => null,\n          IndicatorSeparator: () => null,\n          ...components,\n        }}\n        {...props}\n      />\n    </div>\n  )\n}\n"],"names":["useMantineColorScheme","useMantineTheme","React","Creatable","classes","CreatableSelect","onBlur","onChange","onKeyDown","multiple","value","options","className","components","props","theme","colorScheme","isDarkScheme","div","ref","inputRef","widthAdjust","newValue","actionMeta","closeMenuOnSelect","styles","control","base","minHeight","backgroundColor","colors","gray","color","white","option","isFocused","wordBreak","green","multiValue","borderRadius","multiValueLabel","multiValueRemove","cursor","black","input","dropdownIndicator","paddingTop","paddingBottom","clearIndicator","menu","border","menuPortal","zIndex","hideSelectedOptions","noOptionsMessage","DropdownIndicator","IndicatorSeparator"],"mappings":"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"}

package/lib/esm/components/Form/Select/CreatableSelect.module.css

@@ -0,0 +1 @@
+.width-adjust,.width-adjust>div,.width-adjust>div>div{width:100%}

package/lib/esm/components/Form/Select/Select.js

@@ -0,0 +1,2 @@
+function _define_property(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true})}else{obj[key]=value}return obj}function _object_spread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};var ownKeys=Object.keys(source);if(typeof Object.getOwnPropertySymbols==="function"){ownKeys=ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym){return Object.getOwnPropertyDescriptor(source,sym).enumerable}))}ownKeys.forEach(function(key){_define_property(target,key,source[key])})}return target}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})}keys.push.apply(keys,symbols)}return keys}function _object_spread_props(target,source){source=source!=null?source:{};if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source))}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))})}return target}function _object_without_properties(source,excluded){if(source==null)return{};var target=_object_without_properties_loose(source,excluded);var key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++){key=sourceSymbolKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key]}}return target}function _object_without_properties_loose(source,excluded){if(source==null)return{};var target={};var sourceKeys=Object.keys(source);var key,i;for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;target[key]=source[key]}return target}import{jsx as _jsx}from"react/jsx-runtime";import{Select as SelectMantine}from"@mantine/core";import{getDefaultFormStyles}from"../sharedStyles";import React from"react";import{useErrorContext,useFormContext}from"../Form";import{Controller}from"react-hook-form";import{FormErrors}from"../Form/FormErrors";import classes from"./Select.module.css";const useStyles=({size})=>{const defaultStyles=getDefaultFormStyles();return _object_spread_props(_object_spread({},defaultStyles),{option:`${classes.option} ${size==="lg"?classes["option-large"]:""}`,selected:classes.selected,dropdown:classes.dropdown})};const SelectRaw=(_param,ref)=>{var{size="md",data}=_param,props=_object_without_properties(_param,["size","data"]);const classes=useStyles({size});return _jsx(SelectMantine,_object_spread({ref:ref,data:data,withCheckIcon:false,classNames:classes,size:size},props))};export const Select=React.forwardRef(SelectRaw);export const FormSelect=_param=>{var{name,min,max,minLength,maxLength,validation}=_param,props=_object_without_properties(_param,["name","min","max","minLength","maxLength","validation"]);const form=useFormContext();const errorContext=useErrorContext();const formError=form.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 _jsx(Controller,{control:form.control,name:name,rules:{min,minLength,maxLength,max,validate:validation},disabled:props.disabled,render:_param=>{var{field:{onChange}}=_param,field=_object_without_properties(_param.field,["onChange"]);return _jsx(Select,_object_spread_props(_object_spread({},field,props),{error:errors.length>0&&_jsx(FormErrors,{errors:errors}),onChange:value=>{var _props_onChange;onChange({target:{value,name}});value&&((_props_onChange=props.onChange)===null||_props_onChange===void 0?void 0:_props_onChange.call(props,value))}}))}})};
+//# sourceMappingURL=Select.js.map

package/lib/esm/components/Form/Select/Select.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Form/Select/Select.tsx"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport { Select as SelectMantine, SelectProps } from \"@mantine/core\"\nimport { getDefaultFormStyles } from \"../sharedStyles\"\nimport React, { ForwardedRef } from \"react\"\nimport { useErrorContext, useFormContext } from \"../Form\"\nimport { Controller } from \"react-hook-form\"\nimport { TFormControl } from \"../Form/types\"\nimport { FormErrors } from \"../Form/FormErrors\"\nimport classes from \"./Select.module.css\"\n\nconst useStyles = ({ size }: SelectProps) => {\n  const defaultStyles = getDefaultFormStyles()\n  return {\n    ...defaultStyles,\n    option: `${classes.option} ${size === \"lg\" ? classes[\"option-large\"] : \"\"}`,\n    selected: classes.selected,\n    dropdown: classes.dropdown,\n  }\n}\n\ntype TSelect = Modify<\n  SelectProps,\n  {\n    size?: \"md\" | \"lg\"\n  }\n>\n\nconst SelectRaw = (\n  { size = \"md\", data, ...props }: TSelect,\n  ref: ForwardedRef<HTMLInputElement>\n) => {\n  const classes = useStyles({ size })\n  return (\n    <SelectMantine\n      ref={ref}\n      data={data}\n      withCheckIcon={false}\n      classNames={classes}\n      size={size}\n      {...props}\n    />\n  )\n}\n\nexport const Select = React.forwardRef(SelectRaw)\n\n/**\n * **Form** wrapper for a Select component that automagically registers the Select to the current form context (from **Form**).\n * It also connects to the error-context from **ConnectedForm** to show server-side validation errors.\n * @param name Name of the form item\n * @param min Quick validation for numbers\n * @param max Quick validation for numbers\n * @param minLength Quick validation for strings\n * @param maxLength Quick validation for strings\n * @param validation Validation rules for client-side validation\n * @param props Props passed to the Select component\n * @constructor\n */\nexport const FormSelect: React.FC<TSelect & TFormControl<HTMLSelectElement>> = ({\n  name,\n  min,\n  max,\n  minLength,\n  maxLength,\n  validation,\n  ...props\n}) => {\n  const form = useFormContext()\n  const errorContext = useErrorContext()\n\n  const formError = form.formState.errors[name]\n  const fetchErrors = errorContext.errors[name]\n\n  const errors = [formError?.message as string, fetchErrors].flat().filter((ent) => ent)\n\n  return (\n    <Controller\n      control={form.control}\n      name={name}\n      rules={{\n        min,\n        minLength,\n        maxLength,\n        max,\n        validate: validation,\n      }}\n      disabled={props.disabled}\n      render={({ field: { onChange, ...field } }) => (\n        <Select\n          {...field}\n          {...props}\n          error={errors.length > 0 && <FormErrors errors={errors} />}\n          onChange={(value) => {\n            onChange({ target: { value, name } })\n            value && props.onChange?.(value)\n          }}\n        />\n      )}\n    />\n  )\n}\n"],"names":["Select","SelectMantine","getDefaultFormStyles","React","useErrorContext","useFormContext","Controller","FormErrors","classes","useStyles","size","defaultStyles","option","selected","dropdown","SelectRaw","ref","data","props","withCheckIcon","classNames","forwardRef","FormSelect","name","min","max","minLength","maxLength","validation","form","errorContext","formError","formState","errors","fetchErrors","message","flat","filter","ent","control","rules","validate","disabled","render","field","onChange","error","length","value","target"],"mappings":"69DAIA,QAASA,UAAUC,aAAa,KAAqB,eAAe,AACpE,QAASC,oBAAoB,KAAQ,iBAAiB,AACtD,QAAOC,UAA6B,OAAO,AAC3C,QAASC,eAAe,CAAEC,cAAc,KAAQ,SAAS,AACzD,QAASC,UAAU,KAAQ,iBAAiB,AAE5C,QAASC,UAAU,KAAQ,oBAAoB,AAC/C,QAAOC,YAAa,qBAAqB,CAEzC,MAAMC,UAAY,CAAC,CAAEC,IAAI,CAAe,IACtC,MAAMC,cAAgBT,uBACtB,OAAO,uCACFS,gBACHC,OAAQ,CAAC,EAAEJ,QAAQI,MAAM,CAAC,CAAC,EAAEF,OAAS,KAAOF,OAAO,CAAC,eAAe,CAAG,GAAG,CAAC,CAC3EK,SAAUL,QAAQK,QAAQ,CAC1BC,SAAUN,QAAQM,QAAQ,EAE9B,EASA,MAAMC,UAAY,QAEhBC,UADA,CAAEN,KAAO,IAAI,CAAEO,IAAI,CAAqB,QAAhBC,yCAAtBR,OAAaO,SAGf,MAAMT,QAAUC,UAAU,CAAEC,IAAK,GACjC,OACE,KAACT,8BACCe,IAAKA,IACLC,KAAMA,KACNE,cAAe,MACfC,WAAYZ,QACZE,KAAMA,MACFQ,OAGV,CAEA,QAAO,MAAMlB,OAASG,MAAMkB,UAAU,CAACN,UAAU,AAcjD,QAAO,MAAMO,WAAkE,YAAC,CAC9EC,IAAI,CACJC,GAAG,CACHC,GAAG,CACHC,SAAS,CACTC,SAAS,CACTC,UAAU,CAEX,QADIV,yCANHK,OACAC,MACAC,MACAC,YACAC,YACAC,eAGA,MAAMC,KAAOxB,iBACb,MAAMyB,aAAe1B,kBAErB,MAAM2B,UAAYF,KAAKG,SAAS,CAACC,MAAM,CAACV,KAAK,CAC7C,MAAMW,YAAcJ,aAAaG,MAAM,CAACV,KAAK,CAE7C,MAAMU,OAAS,CAACF,kBAAAA,0BAAAA,UAAWI,OAAO,CAAYD,YAAY,CAACE,IAAI,GAAGC,MAAM,CAAC,AAACC,KAAQA,KAElF,OACE,KAAChC,YACCiC,QAASV,KAAKU,OAAO,CACrBhB,KAAMA,KACNiB,MAAO,CACLhB,IACAE,UACAC,UACAF,IACAgB,SAAUb,UACZ,EACAc,SAAUxB,MAAMwB,QAAQ,CACxBC,OAAQ,YAAC,CAAEC,MAAO,CAAEC,QAAQ,CAAY,CAAE,QAATD,wCAAtBA,OAASC,oBAClB,KAAC7C,8CACK4C,MACA1B,QACJ4B,MAAOb,OAAOc,MAAM,CAAG,GAAK,KAACxC,YAAW0B,OAAQA,SAChDY,SAAU,AAACG,YAEA9B,gBADT2B,SAAS,CAAEI,OAAQ,CAAED,MAAOzB,IAAK,CAAE,EACnCyB,CAAAA,SAAS9B,gBAAAA,MAAM2B,QAAQ,UAAd3B,gCAAAA,qBAAAA,MAAiB8B,OAC5B,OAKV,CAAC"}

package/lib/esm/components/Form/Select/Select.module.css

@@ -0,0 +1 @@
+.option:hover{background-color:var(--select-selected-background-color-hover)}.option[data-combobox-active=true]{background-color:var(--select-selected-background-color);color:var(--select-selected-color)}.option[data-combobox-active=true]:hover{background-color:var(--select-selected-background-color-hover-active)}.option{font-size:var(--mantine-font-size-md);line-height:calc(1rem*var(--mantine-scale));min-height:calc(2rem*var(--mantine-scale));overflow:hidden}.option-large{min-height:calc(2.5rem*var(--mantine-scale))}.dropdown{background-color:var(--select-dropdown-background-color)}:root[data-mantine-color-scheme=dark]{--select-selected-background-color:var(--mantine-color-green-6);--select-selected-background-color-hover-active:var(--mantine-color-green-7);--select-selected-background-color-hover:var(--mantine-color-gray-8);--select-dropdown-background-color:var(--mantine-color-gray-9);--select-selected-color:var(--mantine-color-white)}:root:not([data-mantine-color-scheme=dark]){--select-selected-background-color:var(--mantine-color-green-5);--select-selected-background-color-hover-active:var(--mantine-color-green-6);--select-selected-background-color-hover:var(--mantine-color-gray-2);--select-selected-color:var(--mantine-color-white);--select-dropdown-background-color:var(--mantine-color-white)}

package/lib/esm/components/Form/Select/index.js

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

package/lib/esm/components/Form/Select/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Form/Select/index.ts"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nexport * from \"./CreatableSelect\"\nexport * from \"./Select\"\nexport * from \"./Cascade\"\n"],"names":[],"mappings":"AAIA,WAAc,mBAAmB,AACjC,YAAc,UAAU,AACxB,YAAc,WAAW"}

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

@@ -0,0 +1,2 @@
+function _define_property(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true})}else{obj[key]=value}return obj}function _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 _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}import{jsx as _jsx}from"react/jsx-runtime";import{Textarea as TextareaMantine}from"@mantine/core";import{getDefaultFormStyles}from"../sharedStyles";import{forwardRef}from"react";import{useErrorContext,useFormContext}from"../Form";import{FormErrors}from"../Form/FormErrors";import classes from"./Textarea.module.css";const useStyles=()=>{return getDefaultFormStyles()};export const Textarea=forwardRef((_param,ref)=>{var props=_extends({},_object_destructuring_empty(_param));const defaultClasses=useStyles();return _jsx(TextareaMantine,_object_spread_props(_object_spread({ref:ref},props),{classNames:_object_spread({root:defaultClasses.root,label:defaultClasses.label,input:`${defaultClasses.input} ${classes.input}`,error:defaultClasses.error},props.classNames)}))});export const FormTextarea=_param=>{var{name,validation={},minLength,maxLength}=_param,textAreaProps=_object_without_properties(_param,["name","validation","minLength","maxLength"]);const{register,formState}=useFormContext();const errorContext=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 _jsx(Textarea,_object_spread_props(_object_spread({},textAreaProps,register(name,{validate:validation,minLength,maxLength})),{error:errors.length>0&&_jsx(FormErrors,{errors:errors})}))};
+//# sourceMappingURL=Textarea.js.map

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

@@ -0,0 +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":["Textarea","TextareaMantine","getDefaultFormStyles","forwardRef","useErrorContext","useFormContext","FormErrors","classes","useStyles","ref","props","defaultClasses","classNames","root","label","input","error","FormTextarea","name","validation","minLength","maxLength","textAreaProps","register","formState","errorContext","formError","errors","fetchErrors","message","flat","filter","ent","validate","length"],"mappings":"u2EAIA,QAAwBA,YAAYC,eAAe,KAAQ,eAAe,AAC1E,QAASC,oBAAoB,KAAQ,iBAAiB,AACtD,QAASC,UAAU,KAAQ,OAAO,AAElC,QAASC,eAAe,CAAEC,cAAc,KAAQ,SAAS,AACzD,QAASC,UAAU,KAAQ,oBAAoB,AAC/C,QAAOC,YAAa,uBAAuB,CAE3C,MAAMC,UAAY,KAChB,OAAON,sBACT,CAGA,QAAO,MAAMF,SAAWG,WAAqC,QAAeM,WAATC,uDACjE,MAAMC,eAAiBH,YACvB,OACE,KAACP,qDACCQ,IAAKA,KACDC,QACJE,WAAY,gBACVC,KAAMF,eAAeE,IAAI,CACzBC,MAAOH,eAAeG,KAAK,CAC3BC,MAAO,CAAC,EAAEJ,eAAeI,KAAK,CAAC,CAAC,EAAER,QAAQQ,KAAK,CAAC,CAAC,CACjDC,MAAOL,eAAeK,KAAK,EACxBN,MAAME,UAAU,IAI3B,EAAE,AAUF,QAAO,MAAMK,aAA4E,YAAC,CACxFC,IAAI,CACJC,WAAa,CAAC,CAAC,CACfC,SAAS,CACTC,SAAS,CAEV,QADIC,iDAJHJ,OACAC,aACAC,YACAC,cAGA,KAAM,CAAEE,QAAQ,CAAEC,SAAS,CAAE,CAAGnB,iBAChC,MAAMoB,aAAerB,kBAErB,MAAMsB,UAAYF,UAAUG,MAAM,CAACT,KAAK,CACxC,MAAMU,YAAcH,aAAaE,MAAM,CAACT,KAAK,CAC7C,MAAMS,OAAS,CAACD,kBAAAA,0BAAAA,UAAWG,OAAO,CAAYD,YAAY,CAACE,IAAI,GAAGC,MAAM,CAAC,AAACC,KAAQA,KAElF,OACE,KAAChC,gDACKsB,cACAC,SAASL,KAAM,CACjBe,SAAUd,WACVC,UACAC,SACF,KACAL,MAAOW,OAAOO,MAAM,CAAG,GAAK,KAAC5B,YAAWqB,OAAQA,WAGtD,CAAC"}

package/lib/esm/components/Form/Textarea/Textarea.module.css

@@ -0,0 +1 @@
+.input{height:calc(3.75rem*var(--mantine-scale))!important}

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

@@ -0,0 +1,2 @@
+export*from"./Button";export*from"./Form";export*from"./Input/Input";export*from"./Checkbox/Checkbox";export*from"./PasswordInput/PasswordInput";export*from"./Labels";export*from"./RadioButton/RadioButton";export*from"./Textarea/Textarea";export*from"./FileInput/FileInput";export*from"./DateTimePicker";export*from"./Select";export*from"./FormItemGroup";export*from"./MenuButton";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Form/index.ts"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nexport * from \"./Button\"\nexport * from \"./Form\"\nexport * from \"./Input/Input\"\nexport * from \"./Checkbox/Checkbox\"\nexport * from \"./PasswordInput/PasswordInput\"\nexport * from \"./Labels\"\nexport * from \"./RadioButton/RadioButton\"\nexport * from \"./Textarea/Textarea\"\nexport * from \"./FileInput/FileInput\"\nexport * from \"./DateTimePicker\"\nexport * from \"./Select\"\nexport * from \"./FormItemGroup\"\nexport * from \"./MenuButton\"\n"],"names":[],"mappings":"AAIA,WAAc,UAAU,AACxB,YAAc,QAAQ,AACtB,YAAc,eAAe,AAC7B,YAAc,qBAAqB,AACnC,YAAc,+BAA+B,AAC7C,YAAc,UAAU,AACxB,YAAc,2BAA2B,AACzC,YAAc,qBAAqB,AACnC,YAAc,uBAAuB,AACrC,YAAc,kBAAkB,AAChC,YAAc,UAAU,AACxB,YAAc,iBAAiB,AAC/B,YAAc,cAAc"}

package/lib/esm/components/Form/sharedStyles.js

@@ -0,0 +1,2 @@
+import classes from"./sharedStyles.module.css";export const getDefaultFormStyles=()=>{return{root:classes.root,label:classes.label,error:classes.error,input:classes.input}};
+//# sourceMappingURL=sharedStyles.js.map

package/lib/esm/components/Form/sharedStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Form/sharedStyles.ts"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport classes from \"./sharedStyles.module.css\"\n\n/**\n * Shared styles for form elements\n */\nexport const getDefaultFormStyles = () => {\n  return {\n    root: classes.root,\n    label: classes.label,\n    error: classes.error,\n    input: classes.input,\n  }\n}\n"],"names":["classes","getDefaultFormStyles","root","label","error","input"],"mappings":"AAIA,OAAOA,YAAa,2BAA2B,AAK/C,QAAO,MAAMC,qBAAuB,KAClC,MAAO,CACLC,KAAMF,QAAQE,IAAI,CAClBC,MAAOH,QAAQG,KAAK,CACpBC,MAAOJ,QAAQI,KAAK,CACpBC,MAAOL,QAAQK,KAAK,AACtB,CACF,CAAC"}

package/lib/esm/components/Form/sharedStyles.module.css

@@ -0,0 +1 @@
+.label,.root{font-size:var(--mantine-font-size-md)}.label{color:var(--label-color);font-weight:500}.error{color:var(--mantine-color-red-5);font-size:var(--mantine-font-size-xs)}[data-size=lg] .input{height:calc(2.5rem*var(--mantine-scale));min-height:calc(2.5rem*var(--mantine-scale))}[data-size=md] .input{height:calc(2rem*var(--mantine-scale));min-height:calc(2rem*var(--mantine-scale))}.input{background-color:var(--input-background-color);border:1px solid var(--input-border-color);color:var(--input-color);font-size:var(--mantine-font-size-md);padding-left:var(--mantine-spacing-sm)}.input::placeholder{color:var(--mantine-color-gray-4)}.input[data-error=true]{border-color:var(--input-error-border-color)}:root[data-mantine-color-scheme=dark]{--label-color:var(--mantine-color-white);--input-color:var(--mantine-color-white);--input-border-color:var(--mantine-color-gray-8);--input-error-border-color:var(--mantine-color-red-7);--input-background-color:var(--mantine-color-gray-9);--input-focus-border-color:var(--mantine-color-green-6)}:root:not([data-mantine-color-scheme=dark]){--label-color:var(--mantine-color-black);--input-color:var(--mantine-color-black);--input-border-color:var(--mantine-color-gray-3);--input-error-border-color:var(--mantine-color-red-3);--input-background-color:var(--mantine-color-white);--input-focus-border-color:var(--mantine-color-green-5)}

package/lib/esm/components/HoverCard/HoverCard.js

@@ -0,0 +1,2 @@
+import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{HoverCard as MantineHoverCard}from"@mantine/core";import{EStatus}from"../../genericTypes";import classes from"./HoverCard.module.css";export const HoverCard=({dropDownContent,target,type=EStatus.INFO})=>{return _jsxs(MantineHoverCard,{withArrow:true,offset:4,position:"top",classNames:{dropdown:`${classes.dropdown} ${classes[`dropdown-${type}`]}`,arrow:classes[`arrow-${type}`]},children:[_jsx(MantineHoverCard.Target,{children:target}),_jsx(MantineHoverCard.Dropdown,{children:dropDownContent})]})};
+//# sourceMappingURL=HoverCard.js.map

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

@@ -0,0 +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","MantineHoverCard","EStatus","classes","dropDownContent","target","type","INFO","withArrow","offset","position","classNames","dropdown","arrow","Target","Dropdown"],"mappings":"wDAKA,QAASA,aAAaC,gBAAgB,KAAQ,eAAe,AAC7D,QAASC,OAAO,KAAQ,oBAAoB,AAC5C,QAAOC,YAAa,wBAAwB,AAQ5C,QAAO,MAAMH,UAAY,CAAC,CAAEI,eAAe,CAAEC,MAAM,CAAEC,KAAOJ,QAAQK,IAAI,CAAmB,IACzF,OACE,MAACN,kBACCO,SAAS,MACTC,OAAQ,EACRC,SAAS,MACTC,WAAY,CACVC,SAAU,CAAC,EAAET,QAAQS,QAAQ,CAAC,CAAC,EAAET,OAAO,CAAC,CAAC,SAAS,EAAEG,KAAK,CAAC,CAAC,CAAC,CAAC,CAC9DO,MAAOV,OAAO,CAAC,CAAC,MAAM,EAAEG,KAAK,CAAC,CAAC,AACjC,YAEA,KAACL,iBAAiBa,MAAM,WAAET,SAC1B,KAACJ,iBAAiBc,QAAQ,WAAEX,oBAGlC,CAAC"}

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

@@ -0,0 +1 @@
+.dropdown{border-radius:var(--mantine-radius-xs);max-width:calc(21.875rem*var(--mantine-scale));padding:var(--mantine-spacing-sm)}.dropdown-success{background-color:var(--background-color-success);border-color:var(--border-color-success);color:var(--text-color-sucess)}.dropdown-error{background-color:var(--background-color-error);border-color:var(--border-color-error);color:var(--text-color-error)}.dropdown-info{background-color:var(--background-color-info);border-color:var(--border-color-info);color:var(--text-color-info)}.dropdown-warning{background-color:var(--background-color-warning);border-color:var(--border-color-warning);color:var(--text-color-warning)}.arrow-success{border-color:var(--border-color-success)}.arrow-error{border-color:var(--border-color-error)}.arrow-info{border-color:var(--border-color-info)}.arrow-warning{border-color:var(--border-color-warning)}

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

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

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

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

package/lib/esm/components/Icon/Icon.js

@@ -0,0 +1,2 @@
+function _define_property(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true})}else{obj[key]=value}return obj}function _object_spread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};var ownKeys=Object.keys(source);if(typeof Object.getOwnPropertySymbols==="function"){ownKeys=ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym){return Object.getOwnPropertyDescriptor(source,sym).enumerable}))}ownKeys.forEach(function(key){_define_property(target,key,source[key])})}return target}function _object_without_properties(source,excluded){if(source==null)return{};var target=_object_without_properties_loose(source,excluded);var key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++){key=sourceSymbolKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key]}}return target}function _object_without_properties_loose(source,excluded){if(source==null)return{};var target={};var sourceKeys=Object.keys(source);var key,i;for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;target[key]=source[key]}return target}import{jsx as _jsx}from"react/jsx-runtime";import{forwardRef}from"react";import{theme}from"../../theme/theme";export const Icon=forwardRef((_param,ref)=>{var{size="sm",strokeWidth="1.5",icon}=_param,rest=_object_without_properties(_param,["size","strokeWidth","icon"]);const Icon=icon;return _jsx(Icon,_object_spread({size:getSizeForIcon(size),ref:ref,strokeWidth:strokeWidth},rest))});const getSizeForIcon=size=>{switch(size){case"xs":return theme.other.iconSizes.SMALL;case"sm":return theme.other.iconSizes.MEDIUM;case"md":return theme.other.iconSizes.MEDIUM_LARGE;case"lg":return theme.other.iconSizes.LARGE;default:return theme.other.iconSizes.MEDIUM}};Icon.displayName="Icon";
+//# sourceMappingURL=Icon.js.map

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

@@ -0,0 +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":["forwardRef","theme","Icon","ref","size","strokeWidth","icon","rest","getSizeForIcon","other","iconSizes","SMALL","MEDIUM","MEDIUM_LARGE","LARGE","displayName"],"mappings":"01CAIA,QAASA,UAAU,KAAQ,OAAO,AAElC,QAASC,KAAK,KAAQ,mBAAmB,AAOzC,QAAO,MAAMC,KAAOF,WAClB,QAAsDG,UAArD,CAAEC,KAAO,IAAI,CAAEC,YAAc,KAAK,CAAEC,IAAI,CAAW,QAANC,wCAA3CH,OAAaC,cAAqBC,SACnC,MAAMJ,KAAOI,KACb,OAAO,KAACJ,qBAAKE,KAAMI,eAAeJ,MAAOD,IAAKA,IAAKE,YAAaA,aAAiBE,MACnF,EACD,CAED,MAAMC,eAAiB,AAACJ,OACtB,OAAQA,MACN,IAAK,KACH,OAAOH,MAAMQ,KAAK,CAACC,SAAS,CAACC,KAAK,AACpC,KAAK,KACH,OAAOV,MAAMQ,KAAK,CAACC,SAAS,CAACE,MAAM,AACrC,KAAK,KACH,OAAOX,MAAMQ,KAAK,CAACC,SAAS,CAACG,YAAY,AAC3C,KAAK,KACH,OAAOZ,MAAMQ,KAAK,CAACC,SAAS,CAACI,KAAK,AACpC,SACE,OAAOb,MAAMQ,KAAK,CAACC,SAAS,CAACE,MAAM,AACvC,CACF,CAEAV,CAAAA,KAAKa,WAAW,CAAG"}

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

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

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

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

package/lib/esm/components/InfoTip/InfoTip.js

@@ -0,0 +1,2 @@
+function _define_property(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true})}else{obj[key]=value}return obj}function _object_spread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};var ownKeys=Object.keys(source);if(typeof Object.getOwnPropertySymbols==="function"){ownKeys=ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym){return Object.getOwnPropertyDescriptor(source,sym).enumerable}))}ownKeys.forEach(function(key){_define_property(target,key,source[key])})}return target}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})}keys.push.apply(keys,symbols)}return keys}function _object_spread_props(target,source){source=source!=null?source:{};if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source))}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))})}return target}function _object_without_properties(source,excluded){if(source==null)return{};var target=_object_without_properties_loose(source,excluded);var key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++){key=sourceSymbolKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key]}}return target}function _object_without_properties_loose(source,excluded){if(source==null)return{};var target={};var sourceKeys=Object.keys(source);var key,i;for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;target[key]=source[key]}return target}import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import React from"react";import{useDisclosure}from"@mantine/hooks";import{Popover,useMantineTheme}from"@mantine/core";import{Info}from"lucide-react";import classes from"./InfoTip.module.css";import{ICON_SIZES}from"../../theme";import{cx}from"../../helper/cx";export const InfoTip=_param=>{var{children,dropDownContent,className}=_param,props=_object_without_properties(_param,["children","dropDownContent","className"]);const[opened,{close,open}]=useDisclosure(false);return _jsxs(Popover,_object_spread_props(_object_spread({position:"top",withArrow:true,offset:4,opened:opened,withinPortal:true},props),{children:[_jsx(Popover.Target,{children:_jsx("div",{className:cx(classes["info-tip-target"],className),onMouseEnter:open,onMouseLeave:close,children:children})}),_jsx(Popover.Dropdown,{className:cx(classes.root,className),children:dropDownContent})]}))};export const InfoI=_param=>{var{dropDownContent,icon}=_param,props=_object_without_properties(_param,["dropDownContent","icon"]);const theme=useMantineTheme();const Icon=icon||Info;return _jsx(InfoTip,_object_spread_props(_object_spread({"data-testid":"info-i",dropDownContent:dropDownContent},props),{children:_jsx(Icon,{size:ICON_SIZES.MEDIUM,color:theme.colors.gray[5]})}))};
+//# sourceMappingURL=InfoTip.js.map

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

@@ -0,0 +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":["React","useDisclosure","Popover","useMantineTheme","Info","classes","ICON_SIZES","cx","InfoTip","children","dropDownContent","className","props","opened","close","open","position","withArrow","offset","withinPortal","Target","div","onMouseEnter","onMouseLeave","Dropdown","root","InfoI","icon","theme","Icon","data-testid","size","MEDIUM","color","colors","gray"],"mappings":"2+DAIA,QAAOA,UAAW,OAAO,AACzB,QAASC,aAAa,KAAQ,gBAAgB,AAC9C,QAASC,OAAO,CAAgBC,eAAe,KAAQ,eAAe,AACtE,QAASC,IAAI,KAAoB,cAAc,AAC/C,QAAOC,YAAa,sBAAsB,AAC1C,QAASC,UAAU,KAAQ,aAAa,AACxC,QAASC,EAAE,KAAQ,iBAAiB,AAkBpC,QAAO,MAAMC,QAAU,YAAC,CAAEC,QAAQ,CAAEC,eAAe,CAAEC,SAAS,CAAgC,QAA3BC,yCAAzCH,WAAUC,kBAAiBC,cACnD,KAAM,CAACE,OAAQ,CAAEC,KAAK,CAAEC,IAAI,CAAE,CAAC,CAAGd,cAAc,OAEhD,OACE,MAACC,6CAAQc,SAAS,MAAMC,SAAS,MAACC,OAAQ,EAAGL,OAAQA,OAAQM,aAAc,MAAUP,kBACnF,KAACV,QAAQkB,MAAM,WACb,KAACC,OACCV,UAAWJ,GAAGF,OAAO,CAAC,kBAAkB,CAAEM,WAC1CW,aAAcP,KACdQ,aAAcT,eAEbL,aAGL,KAACP,QAAQsB,QAAQ,EAACb,UAAWJ,GAAGF,QAAQoB,IAAI,CAAEd,oBAAaD,qBAGjE,CAAC,AAQD,QAAO,MAAMgB,MAAQ,YAAC,CAAEhB,eAAe,CAAEiB,IAAI,CAAyB,QAApBf,yCAA1BF,kBAAiBiB,SACvC,MAAMC,MAAQzB,kBACd,MAAM0B,KAAOF,MAAQvB,KACrB,OACE,KAACI,6CAAQsB,cAAY,SAASpB,gBAAiBA,iBAAqBE,iBAClE,KAACiB,MAAKE,KAAMzB,WAAW0B,MAAM,CAAEC,MAAOL,MAAMM,MAAM,CAACC,IAAI,CAAC,EAAE,KAGhE,CAAC"}

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

@@ -0,0 +1 @@
+.root{color:var(--info-tip-color);display:inline-block;max-width:calc(21.875rem*var(--mantine-scale));outline-color:var(--info-tip-outline-color);padding:calc(.5rem*var(--mantine-scale));pointer-events:none}.root,.root div:last-of-type{background-color:var(--info-tip-background-color);border-color:var(--info-tip-border-color)}.info-tip-target{display:inline-block}:root[data-mantine-color-scheme=dark]{--info-tip-background-color:var(--mantine-color-blue-8);--info-tip-border-color:var(--mantine-color-blue-6);--info-tip-color:var(--mantine-color-blue-0);--info-tip-outline-color:var(--mantine-color-blue-6)}:root:not([data-mantine-color-scheme=dark]){--info-tip-background-color:var(--mantine-color-blue-0);--info-tip-border-color:var(--mantine-color-blue-3);--info-tip-color:var(--mantine-color-blue-9);--info-tip-outline-color:var(--mantine-color-blue-3)}

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

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

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

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

package/lib/esm/components/InformationList/InformationList.js

@@ -0,0 +1,2 @@
+function _define_property(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true})}else{obj[key]=value}return obj}function _object_spread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};var ownKeys=Object.keys(source);if(typeof Object.getOwnPropertySymbols==="function"){ownKeys=ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym){return Object.getOwnPropertyDescriptor(source,sym).enumerable}))}ownKeys.forEach(function(key){_define_property(target,key,source[key])})}return target}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})}keys.push.apply(keys,symbols)}return keys}function _object_spread_props(target,source){source=source!=null?source:{};if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source))}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))})}return target}function _object_without_properties(source,excluded){if(source==null)return{};var target=_object_without_properties_loose(source,excluded);var key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++){key=sourceSymbolKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key]}}return target}function _object_without_properties_loose(source,excluded){if(source==null)return{};var target={};var sourceKeys=Object.keys(source);var key,i;for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;target[key]=source[key]}return target}import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{createElement as _createElement}from"react";import{Fragment}from"react";import{Typo}from"../Typo";import classes from"./InformationList.module.css";import{cx}from"../../helper/cx";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(_jsx("span",{},i))}}return filler.length?filler:null};export 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 _jsx("div",{className:cx(classes.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)=>_jsxs(Fragment,{children:[rowItems.map((item,colIndex)=>_createElement(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:classes.cell}),item)),buildFillerColumns(rowItems.length,columnsAmount)]},rowIndex))})};
+//# sourceMappingURL=InformationList.js.map

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

@@ -0,0 +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":["Fragment","Typo","classes","cx","getLargestRow","rows","reduce","acc","curr","length","buildFillerColumns","rowItems","largestRowItems","filler","delta","i","push","span","InformationList","firstColumnBold","props","columnsAmount","items","rowAmount","firstColumFontWeight","div","className","list","classname","style","display","columnGap","rowGap","gridTemplateColumns","gridTemplateRows","map","rowIndex","item","colIndex","miw","firstColumnMinWidth","undefined","type","fw","typoWrapperProps","key","cell"],"mappings":"8hEAIA,QAAaA,QAAQ,KAAmB,OAAO,AAC/C,QAAqBC,IAAI,KAAQ,SAAS,AAC1C,QAAOC,YAAa,8BAA8B,AAClD,QAASC,EAAE,KAAQ,iBAAiB,CAoBpC,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,KAACC,UAAUF,GACzB,CACF,CACA,OAAOF,OAAOJ,MAAM,CAAGI,OAAS,IAClC,CAEA,QAAO,MAAMK,gBAA6C,YAAC,CACzDC,gBAAkB,IAAI,CAEvB,QADIC,yCADHD,oBAGA,MAAME,cAAgBjB,cAAcgB,MAAME,KAAK,EAE/C,MAAMC,UAAYH,MAAME,KAAK,CAACb,MAAM,CAEpC,MAAMe,qBAAuBL,gBAAkB,IAAM,UAErD,OACE,KAACM,OACCC,UAAWvB,GAAGD,QAAQyB,IAAI,CAAEP,MAAMQ,SAAS,EAC3CC,MAAO,CACLC,QAAS,OACTC,UAAWX,MAAMW,SAAS,EAAI,4BAC9BC,OAAQZ,MAAMY,MAAM,EAAI,4BACxBC,oBAAqB,CAAC,OAAO,EAAEZ,cAAc,cAAc,EAAE,IAAMA,cAAc,GAAG,CAAC,CACrFa,iBAAkB,CAAC,OAAO,EAAEX,UAAU,MAAM,CAAC,AAC/C,WAECH,MAAME,KAAK,CAACa,GAAG,CAAC,CAACxB,SAAUyB,WAC1B,MAACpC,oBACEW,SAASwB,GAAG,CAAC,CAACE,KAAMC,WACnB,eAACrC,0CACCsC,IAAKD,WAAa,EAAIlB,MAAMoB,mBAAmB,CAAGC,UAClDC,KAAM,OACNC,GAAIL,WAAa,EAAId,qBAAuB,WACxCJ,MAAMwB,gBAAgB,GAC1BC,IAAK,CAAC,EAAET,SAAS,CAAC,EAAEE,SAAS,CAAC,CAC9BZ,UAAWxB,QAAQ4C,IAAI,GAEtBT,OAGJ3B,mBAAmBC,SAASF,MAAM,CAAEY,iBAbxBe,YAkBvB,CAAC"}

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

@@ -0,0 +1 @@
+.cell{height:fit-content;white-space:pre-wrap;word-break:break-all}