@greenbone/ui-lib 0.7.7-alpha0

package/lib/cjs/components/Form/Labels/InfoLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Form/Labels/InfoLabel.tsx"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport { FC, ReactNode } from \"react\"\nimport { InfoI, TInfoIProps } from \"../../InfoTip\"\nimport { LabelWithIcon, TLabelWithIconProps } from \"./LabelWithIcon\"\nimport { Typo } from \"../../Typo\"\nimport classes from \"./InfoLabel.module.css\"\nimport { Info, LucideIcon } from \"lucide-react\"\n\ntype TInfoLabelProps = {\n  label: ReactNode\n  infoContent: ReactNode\n  withAsterisk?: boolean\n  icon?: LucideIcon\n  labelProps?: Partial<TLabelWithIconProps>\n  infoProps?: Partial<TInfoIProps>\n}\nexport const InfoLabel: FC<TInfoLabelProps> = ({\n  label,\n  infoContent,\n  withAsterisk = true,\n  icon = Info,\n  labelProps,\n  infoProps,\n}) => {\n  return (\n    <LabelWithIcon\n      withAsterisk={withAsterisk}\n      Icon={\n        <InfoI\n          icon={icon}\n          className={classes.label}\n          dropDownContent={<Typo type={\"body\"}>{infoContent}</Typo>}\n          {...infoProps}\n        />\n      }\n      {...labelProps}\n    >\n      {label}\n    </LabelWithIcon>\n  )\n}\n"],"names":["InfoLabel","label","infoContent","withAsterisk","icon","Info","labelProps","infoProps","LabelWithIcon","Icon","InfoI","className","classes","dropDownContent","Typo","type"],"mappings":"oGAmBaA,mDAAAA,mFAdsB,8CACgB,uCAC9B,sFACD,sDACa,20CAU1B,MAAMA,UAAiC,CAAC,CAC7CC,KAAK,CACLC,WAAW,CACXC,aAAe,IAAI,CACnBC,KAAOC,iBAAI,CACXC,UAAU,CACVC,SAAS,CACV,IACC,MACE,oBAACC,4BAAa,sCACZL,aAAcA,aACdM,KACE,oBAACC,cAAK,iBACJN,KAAMA,KACNO,UAAWC,2BAAO,CAACX,KAAK,CACxBY,gBAAiB,oBAACC,UAAI,EAACC,KAAM,gBAASb,eAClCK,aAGJD,sBAEHL,QAGP"}

package/lib/cjs/components/Form/Labels/InfoLabel.module.css

@@ -0,0 +1 @@
+.label{align-content:center;display:flex}

package/lib/cjs/components/Form/Labels/LabelWithIcon.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"LabelWithIcon",{enumerable:true,get:function(){return LabelWithIcon}});const _jsxruntime=require("react/jsx-runtime");const _Typo=require("../../Typo");const _LabelWithIconmodulecss=/*#__PURE__*/_interop_require_default(require("./LabelWithIcon.module.css"));function _interop_require_default(obj){return obj&&obj.__esModule?obj:{default:obj}}const LabelWithIcon=({Icon,withAsterisk=false,children})=>{return(0,_jsxruntime.jsxs)("div",{className:_LabelWithIconmodulecss.default.label,children:[(0,_jsxruntime.jsx)(_Typo.Typo,{type:"body",fw:500,children:children}),withAsterisk&&(0,_jsxruntime.jsx)("span",{className:_LabelWithIconmodulecss.default.asterisk,children:"*"}),Icon]})};
+//# sourceMappingURL=LabelWithIcon.js.map

package/lib/cjs/components/Form/Labels/LabelWithIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Form/Labels/LabelWithIcon.tsx"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport { FC, PropsWithChildren, ReactNode } from \"react\"\nimport { Typo } from \"../../Typo\"\nimport classes from \"./LabelWithIcon.module.css\"\n\nexport type TLabelWithIconProps = {\n  Icon?: ReactNode\n  withAsterisk?: boolean\n}\n\nexport const LabelWithIcon: FC<PropsWithChildren<TLabelWithIconProps>> = ({\n  Icon,\n  withAsterisk = false,\n  children,\n}) => {\n  return (\n    <div className={classes.label}>\n      <Typo type={\"body\"} fw={500}>\n        {children}\n      </Typo>\n      {withAsterisk && <span className={classes.asterisk}>*</span>}\n      {Icon}\n    </div>\n  )\n}\n"],"names":["LabelWithIcon","Icon","withAsterisk","children","div","className","classes","label","Typo","type","fw","span","asterisk"],"mappings":"oGAaaA,uDAAAA,oFARQ,0FACD,mHAOb,MAAMA,cAA4D,CAAC,CACxEC,IAAI,CACJC,aAAe,KAAK,CACpBC,QAAQ,CACT,IACC,MACE,qBAACC,OAAIC,UAAWC,+BAAO,CAACC,KAAK,WAC3B,oBAACC,UAAI,EAACC,KAAM,OAAQC,GAAI,aACrBP,WAEFD,cAAgB,oBAACS,QAAKN,UAAWC,+BAAO,CAACM,QAAQ,UAAE,MACnDX,OAGP"}

package/lib/cjs/components/Form/Labels/LabelWithIcon.module.css

@@ -0,0 +1 @@
+.asterisk{color:var(--mantine-color-red-5)}.label{align-items:center;display:flex;gap:calc(.25rem*var(--mantine-scale))}

package/lib/cjs/components/Form/Labels/index.js

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

package/lib/cjs/components/Form/Labels/index.js.map

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

package/lib/cjs/components/Form/MenuButton/index.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});function _export(target,all){for(var name in all)Object.defineProperty(target,name,{enumerable:true,get:Object.getOwnPropertyDescriptor(all,name).get})}_export(exports,{get MenuButton(){return MenuButton},get MenuItem(){return MenuItem}});const _jsxruntime=require("react/jsx-runtime");const _core=require("@mantine/core");const _Button=require("../Button");const _react=require("react");const _lucidereact=require("lucide-react");const _Icon=require("../../Icon");const _indexmodulecss=/*#__PURE__*/_interop_require_default(require("./index.module.css"));function _define_property(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true})}else{obj[key]=value}return obj}function _interop_require_default(obj){return obj&&obj.__esModule?obj:{default:obj}}function _object_spread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};var ownKeys=Object.keys(source);if(typeof Object.getOwnPropertySymbols==="function"){ownKeys=ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym){return Object.getOwnPropertyDescriptor(source,sym).enumerable}))}ownKeys.forEach(function(key){_define_property(target,key,source[key])})}return target}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})}keys.push.apply(keys,symbols)}return keys}function _object_spread_props(target,source){source=source!=null?source:{};if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source))}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))})}return target}function _object_without_properties(source,excluded){if(source==null)return{};var target=_object_without_properties_loose(source,excluded);var key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++){key=sourceSymbolKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key]}}return target}function _object_without_properties_loose(source,excluded){if(source==null)return{};var target={};var sourceKeys=Object.keys(source);var key,i;for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;target[key]=source[key]}return target}const MenuButton=(0,_react.forwardRef)((props,ref)=>{return(0,_jsxruntime.jsxs)(_core.Menu,{children:[(0,_jsxruntime.jsx)(_core.Menu.Target,{children:(0,_jsxruntime.jsx)(_Button.Button,{ref:ref,rightSection:(0,_jsxruntime.jsx)(_Icon.Icon,{size:"md",icon:_lucidereact.ChevronDown}),children:props.buttonText})}),(0,_jsxruntime.jsx)(_core.Menu.Dropdown,{className:_indexmodulecss.default.dropdown,children:props.children})]})});MenuButton.displayName="MenuButton";const MenuItem=(0,_react.forwardRef)((_param,ref)=>{var{icon}=_param,props=_object_without_properties(_param,["icon"]);const ItemIcon=icon?(0,_jsxruntime.jsx)(_Icon.Icon,{size:"sm",icon:icon}):null;return(0,_jsxruntime.jsx)(_core.Menu.Item,_object_spread_props(_object_spread({},props),{leftSection:ItemIcon,ref:ref}))});MenuItem.displayName="MenuItem";
+//# sourceMappingURL=index.js.map

package/lib/cjs/components/Form/MenuButton/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Form/MenuButton/index.tsx"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport { Menu, MenuProps } from \"@mantine/core\"\nimport { Button } from \"../Button\"\nimport { forwardRef, ReactNode } from \"react\"\nimport { ChevronDown, LucideIcon } from \"lucide-react\"\nimport { Icon } from \"../../Icon\"\nimport classes from \"./index.module.css\"\n\ntype TMenuButtonProps = MenuProps & {\n  buttonText: string\n  children: ReactNode\n}\n\nexport const MenuButton = forwardRef<HTMLButtonElement, TMenuButtonProps>((props, ref) => {\n  return (\n    <Menu>\n      <Menu.Target>\n        <Button ref={ref} rightSection={<Icon size={\"md\"} icon={ChevronDown} />}>\n          {props.buttonText}\n        </Button>\n      </Menu.Target>\n      <Menu.Dropdown className={classes.dropdown}>{props.children}</Menu.Dropdown>\n    </Menu>\n  )\n})\n\nMenuButton.displayName = \"MenuButton\"\n\ntype TMenuItemProps = ReturnType<typeof Menu.Item>[\"props\"] & {\n  icon?: LucideIcon\n}\n\nexport const MenuItem = forwardRef<HTMLButtonElement, TMenuItemProps>(({ icon, ...props }, ref) => {\n  const ItemIcon = icon ? <Icon size={\"sm\"} icon={icon} /> : null\n  return <Menu.Item {...props} leftSection={ItemIcon} ref={ref} />\n})\n\nMenuItem.displayName = \"MenuItem\"\n"],"names":["MenuButton","MenuItem","forwardRef","props","ref","Menu","Target","Button","rightSection","Icon","size","icon","ChevronDown","buttonText","Dropdown","className","classes","dropdown","children","displayName","ItemIcon","Item","leftSection"],"mappings":"mPAgBaA,oBAAAA,gBAmBAC,kBAAAA,+EA/BmB,uCACT,kCACe,oCACE,oCACnB,kFACD,8hEAOb,MAAMD,WAAaE,GAAAA,iBAAU,EAAsC,CAACC,MAAOC,OAChF,MACE,qBAACC,UAAI,YACH,oBAACA,UAAI,CAACC,MAAM,WACV,oBAACC,cAAM,EAACH,IAAKA,IAAKI,aAAc,oBAACC,UAAI,EAACC,KAAM,KAAMC,KAAMC,wBAAW,YAChET,MAAMU,UAAU,KAGrB,oBAACR,UAAI,CAACS,QAAQ,EAACC,UAAWC,uBAAO,CAACC,QAAQ,UAAGd,MAAMe,QAAQ,KAGjE,EAEAlB,CAAAA,WAAWmB,WAAW,CAAG,aAMlB,MAAMlB,SAAWC,GAAAA,iBAAU,EAAoC,QAAqBE,UAApB,CAAEO,IAAI,CAAY,QAAPR,yCAATQ,SACvE,MAAMS,SAAWT,KAAO,oBAACF,UAAI,EAACC,KAAM,KAAMC,KAAMA,OAAW,KAC3D,MAAO,oBAACN,UAAI,CAACgB,IAAI,wCAAKlB,QAAOmB,YAAaF,SAAUhB,IAAKA,MAC3D,EAEAH,CAAAA,SAASkB,WAAW,CAAG"}

package/lib/cjs/components/Form/MenuButton/index.module.css

@@ -0,0 +1 @@
+.dropdown{box-shadow:0 calc(.25rem*var(--mantine-scale)) calc(.375rem*var(--mantine-scale)) calc(-.0625rem*var(--mantine-scale)) rgba(0,0,0,.1),0 calc(.125rem*var(--mantine-scale)) calc(.25rem*var(--mantine-scale)) calc(-.125rem*var(--mantine-scale)) rgba(0,0,0,.1)}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});function _export(target,all){for(var name in all)Object.defineProperty(target,name,{enumerable:true,get:Object.getOwnPropertyDescriptor(all,name).get})}_export(exports,{get FormPasswordInput(){return FormPasswordInput},get PasswordInput(){return PasswordInput}});const _jsxruntime=require("react/jsx-runtime");const _core=require("@mantine/core");const _sharedStyles=require("../sharedStyles");const _react=/*#__PURE__*/_interop_require_wildcard(require("react"));const _Form=require("../Form");const _FormErrors=require("../Form/FormErrors");const _lucidereact=require("lucide-react");const _PasswordInputmodulecss=/*#__PURE__*/_interop_require_default(require("./PasswordInput.module.css"));const _theme=require("../../../theme");function _define_property(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true})}else{obj[key]=value}return obj}function _interop_require_default(obj){return obj&&obj.__esModule?obj:{default:obj}}function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!=="function")return null;var cacheBabelInterop=new WeakMap;var cacheNodeInterop=new WeakMap;return(_getRequireWildcardCache=function(nodeInterop){return nodeInterop?cacheNodeInterop:cacheBabelInterop})(nodeInterop)}function _interop_require_wildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule){return obj}if(obj===null||typeof obj!=="object"&&typeof obj!=="function"){return{default:obj}}var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj)){return cache.get(obj)}var newObj={__proto__:null};var hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj){if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;if(desc&&(desc.get||desc.set)){Object.defineProperty(newObj,key,desc)}else{newObj[key]=obj[key]}}}newObj.default=obj;if(cache){cache.set(obj,newObj)}return newObj}function _object_spread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};var ownKeys=Object.keys(source);if(typeof Object.getOwnPropertySymbols==="function"){ownKeys=ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym){return Object.getOwnPropertyDescriptor(source,sym).enumerable}))}ownKeys.forEach(function(key){_define_property(target,key,source[key])})}return target}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})}keys.push.apply(keys,symbols)}return keys}function _object_spread_props(target,source){source=source!=null?source:{};if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source))}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))})}return target}function _object_without_properties(source,excluded){if(source==null)return{};var target=_object_without_properties_loose(source,excluded);var key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++){key=sourceSymbolKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key]}}return target}function _object_without_properties_loose(source,excluded){if(source==null)return{};var target={};var sourceKeys=Object.keys(source);var key,i;for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;target[key]=source[key]}return target}const useStyles=()=>{const defaultStyles=(0,_sharedStyles.getDefaultFormStyles)();return _object_spread_props(_object_spread({innerInput:_PasswordInputmodulecss.default["inner-input"]},defaultStyles),{root:`${defaultStyles.root} ${_PasswordInputmodulecss.default.root}`})};const PasswordToggleIcon=props=>{const theme=(0,_core.useMantineTheme)();const Icon=props.reveal?_lucidereact.Eye:_lucidereact.EyeOff;return(0,_jsxruntime.jsx)(Icon,{size:_theme.ICON_SIZES.MEDIUM,color:theme.colors.gray[5]})};const PasswordInputRaw=(_param,ref)=>{var{size="md"}=_param,props=_object_without_properties(_param,["size"]);const classes=useStyles();return(0,_jsxruntime.jsx)(_core.PasswordInput,_object_spread({ref:ref,classNames:{root:classes.root,label:classes.label,input:classes.input,innerInput:classes.innerInput,error:classes.error},size:size,visibilityToggleIcon:PasswordToggleIcon},props))};const PasswordInput=(0,_react.forwardRef)(PasswordInputRaw);PasswordInput.displayName="PasswordInput";const FormPasswordInput=_param=>{var{name,validation={},min,max,minLength,maxLength}=_param,inputProps=_object_without_properties(_param,["name","validation","min","max","minLength","maxLength"]);const{register,formState}=(0,_Form.useFormContext)();const errorContext=(0,_Form.useErrorContext)();const formError=formState.errors[name];const fetchErrors=errorContext.errors[name];const errors=[formError===null||formError===void 0?void 0:formError.message,fetchErrors].flat().filter(ent=>ent);return(0,_jsxruntime.jsx)(PasswordInput,_object_spread_props(_object_spread({},inputProps,register(name,{validate:validation,min,max,minLength,maxLength})),{error:errors.length>0&&(0,_jsxruntime.jsx)(_FormErrors.FormErrors,{errors:errors})}))};
+//# sourceMappingURL=PasswordInput.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Form/PasswordInput/PasswordInput.tsx"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport {\n  PasswordInput as PasswordInputMantine,\n  PasswordInputProps,\n  MantineSize,\n  useMantineTheme,\n} from \"@mantine/core\"\nimport { getDefaultFormStyles } from \"../sharedStyles\"\nimport React, { ForwardedRef, forwardRef } from \"react\"\nimport { TFormControl } from \"../Form\"\nimport { useErrorContext, useFormContext } from \"../Form\"\nimport { FormErrors } from \"../Form/FormErrors\"\nimport { Eye, EyeOff } from \"lucide-react\"\nimport classes from \"./PasswordInput.module.css\"\nimport { ICON_SIZES } from \"../../../theme\"\n\nconst useStyles = () => {\n  const defaultStyles = getDefaultFormStyles()\n  return {\n    innerInput: classes[\"inner-input\"],\n    ...defaultStyles,\n    root: `${defaultStyles.root} ${classes.root}`,\n  }\n}\n\ntype TInput = Modify<\n  PasswordInputProps,\n  {\n    size?: MantineSize\n  }\n>\n\nconst PasswordToggleIcon = (props: { reveal?: boolean }) => {\n  const theme = useMantineTheme()\n  const Icon = props.reveal ? Eye : EyeOff\n\n  return <Icon size={ICON_SIZES.MEDIUM} color={theme.colors.gray[5]} />\n}\n\nconst PasswordInputRaw = (\n  { size = \"md\", ...props }: TInput,\n  ref?: ForwardedRef<HTMLInputElement>\n) => {\n  const classes = useStyles()\n\n  return (\n    <PasswordInputMantine\n      ref={ref}\n      classNames={{\n        root: classes.root,\n        label: classes.label,\n        input: classes.input,\n        innerInput: classes.innerInput,\n        error: classes.error,\n      }}\n      size={size}\n      visibilityToggleIcon={PasswordToggleIcon}\n      {...props}\n    />\n  )\n}\n\nconst PasswordInput = forwardRef(PasswordInputRaw)\nPasswordInput.displayName = \"PasswordInput\"\nexport { PasswordInput }\n\n/**\n * **Form** wrapper for a PasswordInput component that automagically registers the input 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 input\n * @param validation Validation rules for this field's client-side validation\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 inputProps Props passed to input component\n */\nexport const FormPasswordInput: React.FC<TInput & TFormControl<HTMLInputElement>> = ({\n  name,\n  validation = {},\n  min,\n  max,\n  minLength,\n  maxLength,\n  ...inputProps\n}) => {\n  const { register, formState } = useFormContext()\n  const errorContext = useErrorContext()\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    <PasswordInput\n      {...inputProps}\n      {...register(name, {\n        validate: validation,\n        min,\n        max,\n        minLength,\n        maxLength,\n      })}\n      error={errors.length > 0 && <FormErrors errors={errors} />}\n    />\n  )\n}\n"],"names":["FormPasswordInput","PasswordInput","useStyles","defaultStyles","getDefaultFormStyles","innerInput","classes","root","PasswordToggleIcon","props","theme","useMantineTheme","Icon","reveal","Eye","EyeOff","size","ICON_SIZES","MEDIUM","color","colors","gray","PasswordInputRaw","ref","PasswordInputMantine","classNames","label","input","error","visibilityToggleIcon","forwardRef","displayName","name","validation","min","max","minLength","maxLength","inputProps","register","formState","useFormContext","errorContext","useErrorContext","formError","errors","fetchErrors","message","flat","filter","ent","validate","length","FormErrors"],"mappings":"mPAgFaA,2BAAAA,uBAbJC,uBAAAA,oFA1DF,6CAC8B,+EACW,8BAEA,qCACrB,iDACC,4FACR,oDACO,6/FAE3B,MAAMC,UAAY,KAChB,MAAMC,cAAgBC,GAAAA,kCAAoB,IAC1C,OAAO,qCACLC,WAAYC,+BAAO,CAAC,cAAc,EAC/BH,gBACHI,KAAM,CAAC,EAAEJ,cAAcI,IAAI,CAAC,CAAC,EAAED,+BAAO,CAACC,IAAI,CAAC,CAAC,EAEjD,EASA,MAAMC,mBAAqB,AAACC,QAC1B,MAAMC,MAAQC,GAAAA,qBAAe,IAC7B,MAAMC,KAAOH,MAAMI,MAAM,CAAGC,gBAAG,CAAGC,mBAAM,CAExC,MAAO,oBAACH,MAAKI,KAAMC,iBAAU,CAACC,MAAM,CAAEC,MAAOT,MAAMU,MAAM,CAACC,IAAI,CAAC,EAAE,EACnE,EAEA,MAAMC,iBAAmB,QAEvBC,UADA,CAAEP,KAAO,IAAI,CAAoB,QAAfP,yCAAhBO,SAGF,MAAMV,QAAUJ,YAEhB,MACE,oBAACsB,mBAAoB,iBACnBD,IAAKA,IACLE,WAAY,CACVlB,KAAMD,QAAQC,IAAI,CAClBmB,MAAOpB,QAAQoB,KAAK,CACpBC,MAAOrB,QAAQqB,KAAK,CACpBtB,WAAYC,QAAQD,UAAU,CAC9BuB,MAAOtB,QAAQsB,KAAK,AACtB,EACAZ,KAAMA,KACNa,qBAAsBrB,oBAClBC,OAGV,EAEA,MAAMR,cAAgB6B,GAAAA,iBAAU,EAACR,iBACjCrB,CAAAA,cAAc8B,WAAW,CAAG,gBAcrB,MAAM/B,kBAAuE,YAAC,CACnFgC,IAAI,CACJC,WAAa,CAAC,CAAC,CACfC,GAAG,CACHC,GAAG,CACHC,SAAS,CACTC,SAAS,CAEV,QADIC,8CANHN,OACAC,aACAC,MACAC,MACAC,YACAC,cAGA,KAAM,CAAEE,QAAQ,CAAEC,SAAS,CAAE,CAAGC,GAAAA,oBAAc,IAC9C,MAAMC,aAAeC,GAAAA,qBAAe,IACpC,MAAMC,UAAYJ,UAAUK,MAAM,CAACb,KAAK,CACxC,MAAMc,YAAcJ,aAAaG,MAAM,CAACb,KAAK,CAC7C,MAAMa,OAAS,CAACD,kBAAAA,0BAAAA,UAAWG,OAAO,CAAYD,YAAY,CAACE,IAAI,GAAGC,MAAM,CAAC,AAACC,KAAQA,KAElF,MACE,oBAACjD,qDACKqC,WACAC,SAASP,KAAM,CACjBmB,SAAUlB,WACVC,IACAC,IACAC,UACAC,SACF,KACAT,MAAOiB,OAAOO,MAAM,CAAG,GAAK,oBAACC,sBAAU,EAACR,OAAQA,WAGtD"}

package/lib/cjs/components/Form/PasswordInput/PasswordInput.module.css

@@ -0,0 +1 @@
+.inner-input{color:var(--password-input-color)}:root[data-mantine-color-scheme=dark]{--password-input-color:var(--mantine-color-white)}:root:not([data-mantine-color-scheme=dark]){--password-input-color:var(--mantine-color-black)}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});function _export(target,all){for(var name in all)Object.defineProperty(target,name,{enumerable:true,get:Object.getOwnPropertyDescriptor(all,name).get})}_export(exports,{get FormRadioButton(){return FormRadioButton},get RadioButton(){return RadioButton}});const _jsxruntime=require("react/jsx-runtime");const _core=require("@mantine/core");const _sharedStyles=require("../sharedStyles");const _Form=require("../Form/Form");const _react=/*#__PURE__*/_interop_require_wildcard(require("react"));const _RadioButtonmodulecss=/*#__PURE__*/_interop_require_default(require("./RadioButton.module.css"));function _define_property(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true})}else{obj[key]=value}return obj}function _extends(){_extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source){if(Object.prototype.hasOwnProperty.call(source,key)){target[key]=source[key]}}}return target};return _extends.apply(this,arguments)}function _interop_require_default(obj){return obj&&obj.__esModule?obj:{default:obj}}function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!=="function")return null;var cacheBabelInterop=new WeakMap;var cacheNodeInterop=new WeakMap;return(_getRequireWildcardCache=function(nodeInterop){return nodeInterop?cacheNodeInterop:cacheBabelInterop})(nodeInterop)}function _interop_require_wildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule){return obj}if(obj===null||typeof obj!=="object"&&typeof obj!=="function"){return{default:obj}}var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj)){return cache.get(obj)}var newObj={__proto__:null};var hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj){if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;if(desc&&(desc.get||desc.set)){Object.defineProperty(newObj,key,desc)}else{newObj[key]=obj[key]}}}newObj.default=obj;if(cache){cache.set(obj,newObj)}return newObj}function _object_destructuring_empty(o){if(o===null||o===void 0)throw new TypeError("Cannot destructure "+o);return o}function _object_spread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};var ownKeys=Object.keys(source);if(typeof Object.getOwnPropertySymbols==="function"){ownKeys=ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym){return Object.getOwnPropertyDescriptor(source,sym).enumerable}))}ownKeys.forEach(function(key){_define_property(target,key,source[key])})}return target}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})}keys.push.apply(keys,symbols)}return keys}function _object_spread_props(target,source){source=source!=null?source:{};if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source))}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))})}return target}function _object_without_properties(source,excluded){if(source==null)return{};var target=_object_without_properties_loose(source,excluded);var key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++){key=sourceSymbolKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key]}}return target}function _object_without_properties_loose(source,excluded){if(source==null)return{};var target={};var sourceKeys=Object.keys(source);var key,i;for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;target[key]=source[key]}return target}const useStyles=()=>{const defaultFormStyles=(0,_sharedStyles.getDefaultFormStyles)();return _object_spread_props(_object_spread({},defaultFormStyles),{label:`${defaultFormStyles.label} ${_RadioButtonmodulecss.default.label}`})};const RadioButton=(0,_react.forwardRef)((_param,ref)=>{var props=_extends({},_object_destructuring_empty(_param));const classes=useStyles();return(0,_jsxruntime.jsx)(_core.Radio,_object_spread({ref:ref,classNames:_object_spread({root:classes.root,label:classes.label},props.classNames)},props))});const FormRadioButton=_param=>{var{name}=_param,props=_object_without_properties(_param,["name"]);const{register}=(0,_Form.useFormContext)();return(0,_jsxruntime.jsx)(RadioButton,_object_spread({},props,register(name)))};
+//# sourceMappingURL=RadioButton.js.map

package/lib/cjs/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":["FormRadioButton","RadioButton","useStyles","defaultFormStyles","getDefaultFormStyles","label","classes","forwardRef","ref","props","Radio","classNames","root","name","register","useFormContext"],"mappings":"mPAmCaA,yBAAAA,qBAfAC,qBAAAA,kFAhBqB,6CACG,uCACN,4EAEG,oFACd,k5GAEpB,MAAMC,UAAY,KAChB,MAAMC,kBAAoBC,GAAAA,kCAAoB,IAC9C,OAAO,uCACFD,oBACHE,MAAO,CAAC,EAAEF,kBAAkBE,KAAK,CAAC,CAAC,EAAEC,6BAAO,CAACD,KAAK,CAAC,CAAC,EAExD,EAGO,MAAMJ,YAAcM,GAAAA,iBAAU,EAA+B,QAAeC,WAATC,uDACxE,MAAMH,QAAUJ,YAChB,MACE,oBAACQ,WAAK,iBACJF,IAAKA,IACLG,WAAY,gBACVC,KAAMN,QAAQM,IAAI,CAClBP,MAAOC,QAAQD,KAAK,EACjBI,MAAME,UAAU,GAEjBF,OAGV,GAEO,MAAMT,gBAAyE,YAAC,CACrFa,IAAI,CAEL,QADIJ,yCADHI,SAGA,KAAM,CAAEC,QAAQ,CAAE,CAAGC,GAAAA,oBAAc,IAEnC,MAAO,oBAACd,8BAAgBQ,MAAWK,SAASD,OAC9C"}

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

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

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});function _export(target,all){for(var name in all)Object.defineProperty(target,name,{enumerable:true,get:Object.getOwnPropertyDescriptor(all,name).get})}_export(exports,{get CascadeMenuBase(){return CascadeMenuBase},get CascadeMenuBaseRaw(){return CascadeMenuBaseRaw},get CascadeMenuOpener(){return CascadeMenuOpener},get CascadeMenuOpenerRaw(){return CascadeMenuOpenerRaw}});const _jsxruntime=require("react/jsx-runtime");const _react=require("react");const _reactdom=require("react-dom");const _reactselect=require("react-select");const _CascadeOption=require("./CascadeOption");const _CascadeMenumodulecss=/*#__PURE__*/_interop_require_default(require("./CascadeMenu.module.css"));const _cx=require("../../../../helper/cx");function _define_property(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true})}else{obj[key]=value}return obj}function _interop_require_default(obj){return obj&&obj.__esModule?obj:{default:obj}}function _object_spread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};var ownKeys=Object.keys(source);if(typeof Object.getOwnPropertySymbols==="function"){ownKeys=ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym){return Object.getOwnPropertyDescriptor(source,sym).enumerable}))}ownKeys.forEach(function(key){_define_property(target,key,source[key])})}return target}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})}keys.push.apply(keys,symbols)}return keys}function _object_spread_props(target,source){source=source!=null?source:{};if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source))}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))})}return target}function _object_without_properties(source,excluded){if(source==null)return{};var target=_object_without_properties_loose(source,excluded);var key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++){key=sourceSymbolKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key]}}return target}function _object_without_properties_loose(source,excluded){if(source==null)return{};var target={};var sourceKeys=Object.keys(source);var key,i;for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;target[key]=source[key]}return target}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}}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=(0,_react.useRef)(null);const[open,setOpen]=(0,_react.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};(0,_react.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)};(0,_react.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)};(0,_react.useEffect)(()=>{relocateMenu()});const updatePosition=(yPixel,xPixel)=>{if(!innerMenuRef.current)return;innerMenuRef.current.style.top=yPixel+"px";innerMenuRef.current.style.left=xPixel+"px"};return(0,_jsxruntime.jsx)(_jsxruntime.Fragment,{children:(0,_jsxruntime.jsx)("div",{className:(0,_cx.cx)(_CascadeMenumodulecss.default["menu-container"]),"data-testid":`cascade-menu-for-${((_props_openerOptionNode=props.openerOptionNode)===null||_props_openerOptionNode===void 0?void 0:_props_openerOptionNode.id)||"root"}`,children:(0,_reactdom.createPortal)((0,_jsxruntime.jsx)(_reactselect.components.Menu,_object_spread_props(_object_spread({},props.menuProps),{innerRef:innerMenuRef,className:(0,_cx.cx)(_CascadeMenumodulecss.default.menu,(props.openerOptionNode?props.openerOptionNode.focused:true)||open?_CascadeMenumodulecss.default["menu-open"]:_CascadeMenumodulecss.default["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)=>(0,_react.createElement)(_CascadeOption.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()))})})}const CascadeMenuBase=(0,_react.forwardRef)(CascadeMenuBaseRaw);function CascadeMenuOpenerRaw(props,ref){return(0,_jsxruntime.jsxs)(_jsxruntime.Fragment,{children:[props.children,(0,_jsxruntime.jsx)(CascadeMenuBase,_object_spread_props(_object_spread({},props),{ref:ref}))]})}const CascadeMenuOpener=(0,_react.forwardRef)(CascadeMenuOpenerRaw);
+//# sourceMappingURL=CascadeMenu.js.map

package/lib/cjs/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":["CascadeMenuBase","CascadeMenuBaseRaw","CascadeMenuOpener","CascadeMenuOpenerRaw","shouldIncreasePaddingBecauseOfScrollbarBehaviourBasedOnBrowser","navigator","userAgent","indexOf","document","documentMode","ref","isInitiallyOpen","openerMenuRef","props","innerMenuRef","useRef","open","setOpen","useState","showScrollbar","value","current","style","overflowY","handleMouseExit","setFocusList","handleMouseEnter","isScrolling","handleScroll","node","nodes","cascadeOptionForwardRef","setFocused","handleScrollEnd","useEffect","addEventListener","removeEventListener","setMenuOpen","useImperativeHandle","relocateMenu","refable","openerOptionNode","elementRef","openerOptionElementRef","rect","getBoundingClientRect","isScrollable","offsetHeight","scrollHeight","xOffset","width","level","height","updatePosition","top","scrollingElement","scrollTop","left","yPixel","xPixel","div","className","cx","classes","data-testid","id","createPortal","components","Menu","menuProps","innerRef","menu","focused","zIndex","isLoading","placement","minMenuHeight","maxMenuHeight","menuPlacement","menuPosition","menuShouldScrollIntoView","options","map","op","index","CascadeOption","OptionComponent","onSelect","option","key","menuPortalTarget","body","toString","forwardRef","children"],"mappings":"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"}

package/lib/cjs/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/cjs/components/Form/Select/Cascade/CascadeOption.js

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

package/lib/cjs/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":["CascadeOption","CascadeSelectOption","props","optionRef","createRef","Tooltippable","TextWithTooltip","text","option","label","typoType","tooltipProps","multiline","style","width","withinPortal","classNameTooltip","classes","tooltip","isOpener","ChevronRight","size","ICON_SIZES","SMALL","div","ref","className","cx","component","menuProps","index","activeNode","nodes","setFocused","useCascadeOptionState","allNodes","setFocusedList","setFocusList","activeClass","inActiveClass","useImperativeHandle","cascadeOptionForwardRef","opener","onClick","e","nativeEvent","stopImmediatePropagation","stopPropagation","openerSelectable","_option","options","nodesToRoot","nodeHelper","getTraceBackToFirstColumn","onSelect","transformOneDimensionalNodesArrayIntoValues","elementRef","data-testid","id","tabIndex","classNames","components","CascadeMenuOpener","openerOptionNode","openerOptionElementRef","menuForwardRef","children","value","openerOption"],"mappings":"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"}

package/lib/cjs/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/cjs/components/Form/Select/Cascade/hooks/useCascadeKeyDown.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"useCascadeKeyDown",{enumerable:true,get:function(){return useCascadeKeyDown}});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/cjs/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":"oGAiBaA,2DAAAA,qBAAN,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"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"useCascadeOptionState",{enumerable:true,get:function(){return useCascadeOptionState}});const _react=require("react");const _utils=require("../utils");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}const useCascadeOptionState=props=>{const[state,_setState]=(0,_react.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)}};(0,_react.useEffect)(()=>{adjustStylingForFocus(props.activeNode.focused)},[]);const setFocused=val=>{props.activeNode.focused=val;adjustStylingForFocus(val)};const setParentTraceFocused=()=>{const trace=(0,_utils.nodeHelper)(props.nodes).getTraceBackToFirstColumn(props.activeNode);props.setFocusedList(trace)};const handleMouseEnter=()=>{setParentTraceFocused()};(0,_react.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/cjs/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":["useCascadeOptionState","props","state","_setState","useState","isFocused","setState","oldState","adjustStylingForFocus","focused","activeNode","elementRef","current","classList","add","activeClass","remove","inActiveClass","menuForwardRef","setOpen","useEffect","setFocused","val","setParentTraceFocused","trace","nodeHelper","nodes","getTraceBackToFirstColumn","setFocusedList","handleMouseEnter","addEventListener"],"mappings":"oGA2BaA,+DAAAA,8CAvBuB,8BACF,gnBAsB3B,MAAMA,sBAAwB,AACnCC,QAEA,KAAM,CAACC,MAAOC,UAAU,CAAGC,GAAAA,eAAQ,EAAsB,CACvDC,UAAW,KACb,GACA,MAAMC,SAAW,AAACJ,OAChBC,UAAU,AAACI,UAAc,kBAAKA,SAAaL,QAE7C,MAAMM,sBAAwB,AAACC,UAC7B,GAAIA,QAAS,KACXR,qCACAA,sCACAA,0CAFAA,qCAAAA,MAAMS,UAAU,CAACC,UAAU,CAACC,OAAO,UAAnCX,qDAAAA,qCAAqCY,SAAS,CAACC,GAAG,CAACb,MAAMc,WAAW,GACpEd,sCAAAA,MAAMS,UAAU,CAACC,UAAU,CAACC,OAAO,UAAnCX,sDAAAA,sCAAqCY,SAAS,CAACG,MAAM,CAACf,MAAMgB,aAAa,GACzEhB,yCAAAA,MAAMS,UAAU,CAACQ,cAAc,CAACN,OAAO,UAAvCX,yDAAAA,yCAAyCkB,OAAO,CAAC,KACnD,KAAO,KACLlB,sCACAA,sCACAA,2CAFAA,sCAAAA,MAAMS,UAAU,CAACC,UAAU,CAACC,OAAO,UAAnCX,sDAAAA,sCAAqCY,SAAS,CAACG,MAAM,CAACf,MAAMc,WAAW,GACvEd,sCAAAA,MAAMS,UAAU,CAACC,UAAU,CAACC,OAAO,UAAnCX,sDAAAA,sCAAqCY,SAAS,CAACC,GAAG,CAACb,MAAMgB,aAAa,GACtEhB,0CAAAA,MAAMS,UAAU,CAACQ,cAAc,CAACN,OAAO,UAAvCX,0DAAAA,0CAAyCkB,OAAO,CAAC,MACnD,CACF,EAEAC,GAAAA,gBAAS,EAAC,KACRZ,sBAAsBP,MAAMS,UAAU,CAACD,OAAO,CAChD,EAAG,EAAE,EAEL,MAAMY,WAAa,AAACC,MAClBrB,MAAMS,UAAU,CAACD,OAAO,CAAGa,IAC3Bd,sBAAsBc,IACxB,EAEA,MAAMC,sBAAwB,KAC5B,MAAMC,MAAQC,GAAAA,iBAAU,EAACxB,MAAMyB,KAAK,EAAEC,yBAAyB,CAAC1B,MAAMS,UAAU,EAChFT,MAAM2B,cAAc,CAACJ,MACvB,EACA,MAAMK,iBAAmB,KACvBN,uBACF,EAEAH,GAAAA,gBAAS,EAAC,SACRnB,sCAAAA,qCAAAA,MAAMS,UAAU,CAACC,UAAU,CAACC,OAAO,UAAnCX,qDAAAA,qCAAqC6B,gBAAgB,CAAC,aAAcD,kBACpE,GAAI3B,MAAMG,SAAS,CAAEgB,WAAW,MAChC,MAAO,SACLpB,sCAAAA,qCAAAA,MAAMS,UAAU,CAACC,UAAU,CAACC,OAAO,UAAnCX,qDAAAA,qCAAqC6B,gBAAgB,CAAC,aAAcD,iBACtE,CACF,EAAG,EAAE,EAEL,MAAO,CACL3B,MACAI,SACAe,WACAE,qBACF,CACF"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"useFocusedList",{enumerable:true,get:function(){return useFocusedList}});const _react=require("react");const _utils=require("../utils");const useFocusedList=nodes=>{const focusedList=(0,_react.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=>{(0,_utils.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=(0,_utils.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/cjs/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":["useFocusedList","nodes","focusedList","useRef","setFirstOptionsActive","length","current","node","focused","pushFocusedList","hasChildren","children","setFocusedList","n","nodeHelper","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/cjs/components/Form/Select/Cascade/index.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"Cascade",{enumerable:true,get:function(){return Cascade}});const _jsxruntime=require("react/jsx-runtime");const _react=require("react");const _utils=require("./utils");const _creatable=/*#__PURE__*/_interop_require_default(require("react-select/creatable"));const _useCascadeKeyDown=require("./hooks/useCascadeKeyDown");const _CascadeMenu=require("./CascadeMenu");const _useFocusedList=require("./hooks/useFocusedList");const _core=require("@mantine/core");function _define_property(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true})}else{obj[key]=value}return obj}function _interop_require_default(obj){return obj&&obj.__esModule?obj:{default:obj}}function _object_spread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};var ownKeys=Object.keys(source);if(typeof Object.getOwnPropertySymbols==="function"){ownKeys=ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym){return Object.getOwnPropertyDescriptor(source,sym).enumerable}))}ownKeys.forEach(function(key){_define_property(target,key,source[key])})}return target}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})}keys.push.apply(keys,symbols)}return keys}function _object_spread_props(target,source){source=source!=null?source:{};if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source))}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))})}return target}function _object_without_properties(source,excluded){if(source==null)return{};var target=_object_without_properties_loose(source,excluded);var key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++){key=sourceSymbolKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key]}}return target}function _object_without_properties_loose(source,excluded){if(source==null)return{};var target={};var sourceKeys=Object.keys(source);var key,i;for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;target[key]=source[key]}return target}function Cascade(_param){var{separator=" > "}=_param,props=_object_without_properties(_param,["separator"]);const selectRef=(0,_react.useRef)(null);const containerRef=(0,_react.useRef)(null);const[filteredOptions,setFilteredOptions]=(0,_react.useState)(props.options);const theme=(0,_core.useMantineTheme)();const nodes=(0,_utils.buildNodeTree)(filteredOptions);const[selectedValue,setSelectedValue]=(0,_react.useState)();const focusedListState=(0,_useFocusedList.useFocusedList)(nodes);(0,_react.useEffect)(()=>{focusedListState.setFirstOptionsActive()},[focusedListState.setFirstOptionsActive,nodes]);const{colorScheme}=(0,_core.useMantineColorScheme)();const isDarkScheme=colorScheme==="dark";const{handleKeyDown}=(0,_useCascadeKeyDown.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(0,_jsxruntime.jsx)("div",{onClick:e=>{e.nativeEvent.stopImmediatePropagation();e.stopPropagation()},ref:containerRef,"data-testid":"cascade-select-container",onKeyDown:props.onKeyDown,children:(0,_jsxruntime.jsx)(_creatable.default,_object_spread_props(_object_spread({ref:selectRef,onMenuOpen:()=>focusedListState.setFirstOptionsActive(),onMenuClose:()=>setFilteredOptions(props.options),onInputChange:newValue=>{focusedListState.setFocusedList([]);const filtered=(0,_utils.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?(0,_jsxruntime.jsx)("div",{onClick:e=>e.stopPropagation(),children:(0,_jsxruntime.jsx)(_CascadeMenu.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/cjs/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":["Cascade","separator","props","selectRef","useRef","containerRef","filteredOptions","setFilteredOptions","useState","options","theme","useMantineTheme","nodes","buildNodeTree","selectedValue","setSelectedValue","focusedListState","useFocusedList","useEffect","setFirstOptionsActive","colorScheme","useMantineColorScheme","isDarkScheme","handleKeyDown","useCascadeKeyDown","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","Creatable","onMenuOpen","onMenuClose","onInputChange","newValue","filtered","nodeHelper","filterOptionsByValue","value","label","v","join","onCreateOption","selectProps","styles","input","base","control","container","components","DropdownIndicator","IndicatorSeparator","Menu","length","CascadeMenuBase","setFocusList","focusedList","openerOptionElementRef","allNodes","isInitiallyOpen","level","menuProps","mergedLabel","afterSelectDisplayTransform","mergedValue","selectOption"],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});function _export(target,all){for(var name in all)Object.defineProperty(target,name,{enumerable:true,get:Object.getOwnPropertyDescriptor(all,name).get})}_export(exports,{get buildNodeTree(){return buildNodeTree},get nodeHelper(){return nodeHelper}});const _react=require("react");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}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:(0,_react.createRef)(),menuForwardRef:(0,_react.createRef)(),cascadeOptionForwardRef:(0,_react.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)};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/cjs/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":["buildNodeTree","nodeHelper","options","prepare","opt","lv","parent","level","map","o","i","previousNodeIndex","length","nextNodeIndex","obj","_option","index","id","value","label","elementRef","createRef","menuForwardRef","cascadeOptionForwardRef","hasChildren","focused","children","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/cjs/components/Form/Select/CreatableSelect.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"CreatableSelect",{enumerable:true,get:function(){return CreatableSelect}});const _jsxruntime=require("react/jsx-runtime");const _core=require("@mantine/core");const _react=/*#__PURE__*/_interop_require_default(require("react"));const _creatable=/*#__PURE__*/_interop_require_default(require("react-select/creatable"));const _CreatableSelectmodulecss=/*#__PURE__*/_interop_require_default(require("./CreatableSelect.module.css"));function _define_property(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true})}else{obj[key]=value}return obj}function _interop_require_default(obj){return obj&&obj.__esModule?obj:{default:obj}}function _object_spread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};var ownKeys=Object.keys(source);if(typeof Object.getOwnPropertySymbols==="function"){ownKeys=ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym){return Object.getOwnPropertyDescriptor(source,sym).enumerable}))}ownKeys.forEach(function(key){_define_property(target,key,source[key])})}return target}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})}keys.push.apply(keys,symbols)}return keys}function _object_spread_props(target,source){source=source!=null?source:{};if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source))}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))})}return target}function _object_without_properties(source,excluded){if(source==null)return{};var target=_object_without_properties_loose(source,excluded);var key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++){key=sourceSymbolKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key]}}return target}function _object_without_properties_loose(source,excluded){if(source==null)return{};var target={};var sourceKeys=Object.keys(source);var key,i;for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;target[key]=source[key]}return target}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=(0,_core.useMantineTheme)();const{colorScheme}=(0,_core.useMantineColorScheme)();const isDarkScheme=colorScheme==="dark";return(0,_jsxruntime.jsx)("div",{className:className,children:(0,_jsxruntime.jsx)(_creatable.default,_object_spread({ref:props.inputRef,className:_CreatableSelectmodulecss.default.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/cjs/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":["CreatableSelect","onBlur","onChange","onKeyDown","multiple","value","options","className","components","props","theme","useMantineTheme","colorScheme","useMantineColorScheme","isDarkScheme","div","Creatable","ref","inputRef","classes","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/cjs/components/Form/Select/CreatableSelect.module.css

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

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});function _export(target,all){for(var name in all)Object.defineProperty(target,name,{enumerable:true,get:Object.getOwnPropertyDescriptor(all,name).get})}_export(exports,{get FormSelect(){return FormSelect},get Select(){return Select}});const _jsxruntime=require("react/jsx-runtime");const _core=require("@mantine/core");const _sharedStyles=require("../sharedStyles");const _react=/*#__PURE__*/_interop_require_default(require("react"));const _Form=require("../Form");const _reacthookform=require("react-hook-form");const _FormErrors=require("../Form/FormErrors");const _Selectmodulecss=/*#__PURE__*/_interop_require_default(require("./Select.module.css"));function _define_property(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true})}else{obj[key]=value}return obj}function _interop_require_default(obj){return obj&&obj.__esModule?obj:{default:obj}}function _object_spread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};var ownKeys=Object.keys(source);if(typeof Object.getOwnPropertySymbols==="function"){ownKeys=ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym){return Object.getOwnPropertyDescriptor(source,sym).enumerable}))}ownKeys.forEach(function(key){_define_property(target,key,source[key])})}return target}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})}keys.push.apply(keys,symbols)}return keys}function _object_spread_props(target,source){source=source!=null?source:{};if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source))}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))})}return target}function _object_without_properties(source,excluded){if(source==null)return{};var target=_object_without_properties_loose(source,excluded);var key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++){key=sourceSymbolKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key]}}return target}function _object_without_properties_loose(source,excluded){if(source==null)return{};var target={};var sourceKeys=Object.keys(source);var key,i;for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;target[key]=source[key]}return target}const useStyles=({size})=>{const defaultStyles=(0,_sharedStyles.getDefaultFormStyles)();return _object_spread_props(_object_spread({},defaultStyles),{option:`${_Selectmodulecss.default.option} ${size==="lg"?_Selectmodulecss.default["option-large"]:""}`,selected:_Selectmodulecss.default.selected,dropdown:_Selectmodulecss.default.dropdown})};const SelectRaw=(_param,ref)=>{var{size="md",data}=_param,props=_object_without_properties(_param,["size","data"]);const classes=useStyles({size});return(0,_jsxruntime.jsx)(_core.Select,_object_spread({ref:ref,data:data,withCheckIcon:false,classNames:classes,size:size},props))};const Select=_react.default.forwardRef(SelectRaw);const FormSelect=_param=>{var{name,min,max,minLength,maxLength,validation}=_param,props=_object_without_properties(_param,["name","min","max","minLength","maxLength","validation"]);const form=(0,_Form.useFormContext)();const errorContext=(0,_Form.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(0,_jsxruntime.jsx)(_reacthookform.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(0,_jsxruntime.jsx)(Select,_object_spread_props(_object_spread({},field,props),{error:errors.length>0&&(0,_jsxruntime.jsx)(_FormErrors.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/cjs/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":["FormSelect","Select","useStyles","size","defaultStyles","getDefaultFormStyles","option","classes","selected","dropdown","SelectRaw","ref","data","props","SelectMantine","withCheckIcon","classNames","React","forwardRef","name","min","max","minLength","maxLength","validation","form","useFormContext","errorContext","useErrorContext","formError","formState","errors","fetchErrors","message","flat","filter","ent","Controller","control","rules","validate","disabled","render","field","onChange","error","length","FormErrors","value","target"],"mappings":"mPA6DaA,oBAAAA,gBAdAC,gBAAAA,6EA3CwC,6CAChB,8EACD,8BACY,wCACrB,6CAEA,2FACP,+hEAEpB,MAAMC,UAAY,CAAC,CAAEC,IAAI,CAAe,IACtC,MAAMC,cAAgBC,GAAAA,kCAAoB,IAC1C,OAAO,uCACFD,gBACHE,OAAQ,CAAC,EAAEC,wBAAO,CAACD,MAAM,CAAC,CAAC,EAAEH,OAAS,KAAOI,wBAAO,CAAC,eAAe,CAAG,GAAG,CAAC,CAC3EC,SAAUD,wBAAO,CAACC,QAAQ,CAC1BC,SAAUF,wBAAO,CAACE,QAAQ,EAE9B,EASA,MAAMC,UAAY,QAEhBC,UADA,CAAER,KAAO,IAAI,CAAES,IAAI,CAAqB,QAAhBC,yCAAtBV,OAAaS,SAGf,MAAML,QAAUL,UAAU,CAAEC,IAAK,GACjC,MACE,oBAACW,YAAa,iBACZH,IAAKA,IACLC,KAAMA,KACNG,cAAe,MACfC,WAAYT,QACZJ,KAAMA,MACFU,OAGV,EAEO,MAAMZ,OAASgB,cAAK,CAACC,UAAU,CAACR,WAchC,MAAMV,WAAkE,YAAC,CAC9EmB,IAAI,CACJC,GAAG,CACHC,GAAG,CACHC,SAAS,CACTC,SAAS,CACTC,UAAU,CAEX,QADIX,yCANHM,OACAC,MACAC,MACAC,YACAC,YACAC,eAGA,MAAMC,KAAOC,GAAAA,oBAAc,IAC3B,MAAMC,aAAeC,GAAAA,qBAAe,IAEpC,MAAMC,UAAYJ,KAAKK,SAAS,CAACC,MAAM,CAACZ,KAAK,CAC7C,MAAMa,YAAcL,aAAaI,MAAM,CAACZ,KAAK,CAE7C,MAAMY,OAAS,CAACF,kBAAAA,0BAAAA,UAAWI,OAAO,CAAYD,YAAY,CAACE,IAAI,GAAGC,MAAM,CAAC,AAACC,KAAQA,KAElF,MACE,oBAACC,yBAAU,EACTC,QAASb,KAAKa,OAAO,CACrBnB,KAAMA,KACNoB,MAAO,CACLnB,IACAE,UACAC,UACAF,IACAmB,SAAUhB,UACZ,EACAiB,SAAU5B,MAAM4B,QAAQ,CACxBC,OAAQ,YAAC,CAAEC,MAAO,CAAEC,QAAQ,CAAY,CAAE,QAATD,wCAAtBA,OAASC,mBAClB,oBAAC3C,8CACK0C,MACA9B,QACJgC,MAAOd,OAAOe,MAAM,CAAG,GAAK,oBAACC,sBAAU,EAAChB,OAAQA,SAChDa,SAAU,AAACI,YAEAnC,gBADT+B,SAAS,CAAEK,OAAQ,CAAED,MAAO7B,IAAK,CAAE,EACnC6B,CAAAA,SAASnC,gBAAAA,MAAM+B,QAAQ,UAAd/B,gCAAAA,qBAAAA,MAAiBmC,OAC5B,OAKV"}

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

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

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

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});function _export(target,all){for(var name in all)Object.defineProperty(target,name,{enumerable:true,get:Object.getOwnPropertyDescriptor(all,name).get})}_export(exports,{get FormTextarea(){return FormTextarea},get Textarea(){return Textarea}});const _jsxruntime=require("react/jsx-runtime");const _core=require("@mantine/core");const _sharedStyles=require("../sharedStyles");const _react=require("react");const _Form=require("../Form");const _FormErrors=require("../Form/FormErrors");const _Textareamodulecss=/*#__PURE__*/_interop_require_default(require("./Textarea.module.css"));function _define_property(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true})}else{obj[key]=value}return obj}function _extends(){_extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source){if(Object.prototype.hasOwnProperty.call(source,key)){target[key]=source[key]}}}return target};return _extends.apply(this,arguments)}function _interop_require_default(obj){return obj&&obj.__esModule?obj:{default:obj}}function _object_destructuring_empty(o){if(o===null||o===void 0)throw new TypeError("Cannot destructure "+o);return o}function _object_spread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};var ownKeys=Object.keys(source);if(typeof Object.getOwnPropertySymbols==="function"){ownKeys=ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym){return Object.getOwnPropertyDescriptor(source,sym).enumerable}))}ownKeys.forEach(function(key){_define_property(target,key,source[key])})}return target}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})}keys.push.apply(keys,symbols)}return keys}function _object_spread_props(target,source){source=source!=null?source:{};if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source))}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))})}return target}function _object_without_properties(source,excluded){if(source==null)return{};var target=_object_without_properties_loose(source,excluded);var key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++){key=sourceSymbolKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key]}}return target}function _object_without_properties_loose(source,excluded){if(source==null)return{};var target={};var sourceKeys=Object.keys(source);var key,i;for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;target[key]=source[key]}return target}const useStyles=()=>{return(0,_sharedStyles.getDefaultFormStyles)()};const Textarea=(0,_react.forwardRef)((_param,ref)=>{var props=_extends({},_object_destructuring_empty(_param));const defaultClasses=useStyles();return(0,_jsxruntime.jsx)(_core.Textarea,_object_spread_props(_object_spread({ref:ref},props),{classNames:_object_spread({root:defaultClasses.root,label:defaultClasses.label,input:`${defaultClasses.input} ${_Textareamodulecss.default.input}`,error:defaultClasses.error},props.classNames)}))});const FormTextarea=_param=>{var{name,validation={},minLength,maxLength}=_param,textAreaProps=_object_without_properties(_param,["name","validation","minLength","maxLength"]);const{register,formState}=(0,_Form.useFormContext)();const errorContext=(0,_Form.useErrorContext)();const formError=formState.errors[name];const fetchErrors=errorContext.errors[name];const errors=[formError===null||formError===void 0?void 0:formError.message,fetchErrors].flat().filter(ent=>ent);return(0,_jsxruntime.jsx)(Textarea,_object_spread_props(_object_spread({},textAreaProps,register(name,{validate:validation,minLength,maxLength})),{error:errors.length>0&&(0,_jsxruntime.jsx)(_FormErrors.FormErrors,{errors:errors})}))};
+//# sourceMappingURL=Textarea.js.map

package/lib/cjs/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":["FormTextarea","Textarea","useStyles","getDefaultFormStyles","forwardRef","ref","props","defaultClasses","TextareaMantine","classNames","root","label","input","classes","error","name","validation","minLength","maxLength","textAreaProps","register","formState","useFormContext","errorContext","useErrorContext","formError","errors","fetchErrors","message","flat","filter","ent","validate","length","FormErrors"],"mappings":"mPA0CaA,sBAAAA,kBAzBAC,kBAAAA,+EAb8C,6CACtB,wCACV,6BAEqB,qCACrB,6FACP,26EAEpB,MAAMC,UAAY,KAChB,MAAOC,GAAAA,kCAAoB,GAC7B,EAGO,MAAMF,SAAWG,GAAAA,iBAAU,EAA2B,QAAeC,WAATC,uDACjE,MAAMC,eAAiBL,YACvB,MACE,oBAACM,cAAe,sCACdH,IAAKA,KACDC,QACJG,WAAY,gBACVC,KAAMH,eAAeG,IAAI,CACzBC,MAAOJ,eAAeI,KAAK,CAC3BC,MAAO,CAAC,EAAEL,eAAeK,KAAK,CAAC,CAAC,EAAEC,0BAAO,CAACD,KAAK,CAAC,CAAC,CACjDE,MAAOP,eAAeO,KAAK,EACxBR,MAAMG,UAAU,IAI3B,GAUO,MAAMT,aAA4E,YAAC,CACxFe,IAAI,CACJC,WAAa,CAAC,CAAC,CACfC,SAAS,CACTC,SAAS,CAEV,QADIC,iDAJHJ,OACAC,aACAC,YACAC,cAGA,KAAM,CAAEE,QAAQ,CAAEC,SAAS,CAAE,CAAGC,GAAAA,oBAAc,IAC9C,MAAMC,aAAeC,GAAAA,qBAAe,IAEpC,MAAMC,UAAYJ,UAAUK,MAAM,CAACX,KAAK,CACxC,MAAMY,YAAcJ,aAAaG,MAAM,CAACX,KAAK,CAC7C,MAAMW,OAAS,CAACD,kBAAAA,0BAAAA,UAAWG,OAAO,CAAYD,YAAY,CAACE,IAAI,GAAGC,MAAM,CAAC,AAACC,KAAQA,KAElF,MACE,oBAAC9B,gDACKkB,cACAC,SAASL,KAAM,CACjBiB,SAAUhB,WACVC,UACAC,SACF,KACAJ,MAAOY,OAAOO,MAAM,CAAG,GAAK,oBAACC,sBAAU,EAACR,OAAQA,WAGtD"}

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

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

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});_export_star(require("./Button"),exports);_export_star(require("./Form"),exports);_export_star(require("./Input/Input"),exports);_export_star(require("./Checkbox/Checkbox"),exports);_export_star(require("./PasswordInput/PasswordInput"),exports);_export_star(require("./Labels"),exports);_export_star(require("./RadioButton/RadioButton"),exports);_export_star(require("./Textarea/Textarea"),exports);_export_star(require("./FileInput/FileInput"),exports);_export_star(require("./DateTimePicker"),exports);_export_star(require("./Select"),exports);_export_star(require("./FormItemGroup"),exports);_export_star(require("./MenuButton"),exports);function _export_star(from,to){Object.keys(from).forEach(function(k){if(k!=="default"&&!Object.prototype.hasOwnProperty.call(to,k)){Object.defineProperty(to,k,{enumerable:true,get:function(){return from[k]}})}});return from}
+//# sourceMappingURL=index.js.map

package/lib/cjs/components/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":"2FAIc,0CACA,wCACA,+CACA,qDACA,+DACA,0CACA,2DACA,qDACA,uDACA,kDACA,0CACA,iDACA"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"getDefaultFormStyles",{enumerable:true,get:function(){return getDefaultFormStyles}});const _sharedStylesmodulecss=/*#__PURE__*/_interop_require_default(require("./sharedStyles.module.css"));function _interop_require_default(obj){return obj&&obj.__esModule?obj:{default:obj}}const getDefaultFormStyles=()=>{return{root:_sharedStylesmodulecss.default.root,label:_sharedStylesmodulecss.default.label,error:_sharedStylesmodulecss.default.error,input:_sharedStylesmodulecss.default.input}};
+//# sourceMappingURL=sharedStyles.js.map

package/lib/cjs/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":["getDefaultFormStyles","root","classes","label","error","input"],"mappings":"oGASaA,8DAAAA,mGALO,kHAKb,MAAMA,qBAAuB,KAClC,MAAO,CACLC,KAAMC,8BAAO,CAACD,IAAI,CAClBE,MAAOD,8BAAO,CAACC,KAAK,CACpBC,MAAOF,8BAAO,CAACE,KAAK,CACpBC,MAAOH,8BAAO,CAACG,KAAK,AACtB,CACF"}

package/lib/cjs/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)}