@greenbone/ui-lib 2.1.1-alpha0 → 2.1.2-alpha0

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});function _export(target,all){for(var name in all)Object.defineProperty(target,name,{enumerable:true,get:Object.getOwnPropertyDescriptor(all,name).get})}_export(exports,{get DateTimePicker(){return DateTimePicker},get FormDatetimePicker(){return FormDatetimePicker},get useStyles(){return useStyles}});const _jsxruntime=require("react/jsx-runtime");const _dates=require("@mantine/dates");const _reacthookform=require("react-hook-form");const _lucidereact=require("lucide-react");const _=require("..");const _FormErrors=require("../Form/FormErrors");const _sharedStyles=require("../sharedStyles");const _DateTimePickerOnly=require("./DateTimePickerOnly");const _reacti18next=require("react-i18next");const _helper=require("../../../helper");const _DateTimePickermodulecss=/*#__PURE__*/_interop_require_default(require("./DateTimePicker.module.css"));const _theme=require("../../../theme");require("@mantine/dates/styles.layer.css");require("@mantine/dates/styles.css");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 _interop_require_default(obj){return obj&&obj.__esModule?obj:{default:obj}}function _object_spread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};var ownKeys=Object.keys(source);if(typeof Object.getOwnPropertySymbols==="function"){ownKeys=ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym){return Object.getOwnPropertyDescriptor(source,sym).enumerable}))}ownKeys.forEach(function(key){_define_property(target,key,source[key])})}return target}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})}keys.push.apply(keys,symbols)}return keys}function _object_spread_props(target,source){source=source!=null?source:{};if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source))}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))})}return target}function _object_without_properties(source,excluded){if(source==null)return{};var target={},sourceKeys,key,i;if(typeof Reflect!=="undefined"&&Reflect.ownKeys){sourceKeys=Reflect.ownKeys(source);for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key]}return target}target=_object_without_properties_loose(source,excluded);if(Object.getOwnPropertySymbols){sourceKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key]}}return target}function _object_without_properties_loose(source,excluded){if(source==null)return{};var target={},sourceKeys=Object.getOwnPropertyNames(source),key,i;for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key]}return target}const useStyles=()=>{const defaultFormStyles=(0,_sharedStyles.getDefaultFormStyles)();return _object_spread_props(_object_spread({},defaultFormStyles),{icon:_DateTimePickermodulecss.default.displayNone,displayNone:_DateTimePickermodulecss.default.displayNone})};const DateTimePickerRaw=_0=>{let{onChange,size="md"}=_0,props=_object_without_properties(_0,["onChange","size"]);const classes=useStyles();const{i18n}=(0,_reacti18next.useTranslation)();const language=i18n.language||"en";const Component=props.dateOnly?_DateTimePickerOnly.DateTimePickerOnly:_dates.DateTimePicker;const pickerInputRef=(0,_react.useRef)(null);return(0,_jsxruntime.jsx)(Component,_object_spread_props(_object_spread({placeholder:"",locale:language,rightSection:(0,_jsxruntime.jsx)(_lucidereact.CalendarDays,{color:"var(--mantine-color-gray-5)",onClick:()=>{var _pickerInputRef_current;return(_pickerInputRef_current=pickerInputRef.current)===null||_pickerInputRef_current===void 0?void 0:_pickerInputRef_current.click()},size:_theme.ICON_SIZES.MEDIUM,style:{cursor:"pointer"}})},props),{ref:pickerInputRef,size:size,classNames:_object_spread({input:classes.input,label:classes.label,root:classes.root},props.classNames),onChange:e=>onChange===null||onChange===void 0?void 0:onChange(e?new Date(e).getTime():0),valueFormat:(0,_helper.getDayJsFormatString)(language)}))};const DateTimePicker=DateTimePickerRaw;const FormDatetimePicker=_0=>{let{name,size="md"}=_0,props=_object_without_properties(_0,["name","size"]);const form=(0,_.useFormContext)();const _form_register=form.register(name,{validate:props.validation,disabled:props.disabled}),{onChange}=_form_register,register=_object_without_properties(_form_register,["onChange"]);const errorContext=(0,_.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,{render:({field})=>(0,_jsxruntime.jsx)(DateTimePicker,_object_spread_props(_object_spread({value:field.value?new Date(parseInt(field.value)):undefined,size:size},props,register),{error:errors.length>0&&(0,_jsxruntime.jsx)(_FormErrors.FormErrors,{errors:errors}),onChange:timestamp=>{onChange({target:{value:timestamp,name}})}})),defaultValue:props.defaultValue,control:form.control,name:name})};
+"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 DateTimePicker(){return DateTimePicker},get FormDatetimePicker(){return FormDatetimePicker},get useStyles(){return useStyles}});const _jsxruntime=require("react/jsx-runtime");const _dates=require("@mantine/dates");const _reacthookform=require("react-hook-form");const _lucidereact=require("lucide-react");const _=require("..");const _FormErrors=require("../Form/FormErrors");const _sharedStyles=require("../sharedStyles");const _DateTimePickerOnly=require("./DateTimePickerOnly");const _reacti18next=require("react-i18next");const _helper=require("../../../helper");const _DateTimePickermodulecss=/*#__PURE__*/_interop_require_default(require("./DateTimePicker.module.css"));const _theme=require("../../../theme");require("@mantine/dates/styles.layer.css");require("@mantine/dates/styles.css");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 _interop_require_default(obj){return obj&&obj.__esModule?obj:{default:obj}}function _object_spread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};var ownKeys=Object.keys(source);if(typeof Object.getOwnPropertySymbols==="function"){ownKeys=ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym){return Object.getOwnPropertyDescriptor(source,sym).enumerable}))}ownKeys.forEach(function(key){_define_property(target,key,source[key])})}return target}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})}keys.push.apply(keys,symbols)}return keys}function _object_spread_props(target,source){source=source!=null?source:{};if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source))}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))})}return target}function _object_without_properties(source,excluded){if(source==null)return{};var target={},sourceKeys,key,i;if(typeof Reflect!=="undefined"&&Reflect.ownKeys){sourceKeys=Reflect.ownKeys(Object(source));for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key]}return target}target=_object_without_properties_loose(source,excluded);if(Object.getOwnPropertySymbols){sourceKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key]}}return target}function _object_without_properties_loose(source,excluded){if(source==null)return{};var target={},sourceKeys=Object.getOwnPropertyNames(source),key,i;for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key]}return target}const useStyles=()=>{const defaultFormStyles=(0,_sharedStyles.getDefaultFormStyles)();return _object_spread_props(_object_spread({},defaultFormStyles),{icon:_DateTimePickermodulecss.default.displayNone,displayNone:_DateTimePickermodulecss.default.displayNone})};const DateTimePickerRaw=_0=>{let{onChange,size="md"}=_0,props=_object_without_properties(_0,["onChange","size"]);const classes=useStyles();const{i18n}=(0,_reacti18next.useTranslation)();const language=i18n.language||"en";const Component=props.dateOnly?_DateTimePickerOnly.DateTimePickerOnly:_dates.DateTimePicker;const pickerInputRef=(0,_react.useRef)(null);return(0,_jsxruntime.jsx)(Component,_object_spread_props(_object_spread({placeholder:"",locale:language,rightSection:(0,_jsxruntime.jsx)(_lucidereact.CalendarDays,{color:"var(--mantine-color-gray-5)",onClick:()=>{var _pickerInputRef_current;return(_pickerInputRef_current=pickerInputRef.current)===null||_pickerInputRef_current===void 0?void 0:_pickerInputRef_current.click()},size:_theme.ICON_SIZES.MEDIUM,style:{cursor:"pointer"}})},props),{ref:pickerInputRef,size:size,classNames:_object_spread({input:classes.input,label:classes.label,root:classes.root},props.classNames),onChange:e=>onChange===null||onChange===void 0?void 0:onChange(e?new Date(e).getTime():0),valueFormat:(0,_helper.getDayJsFormatString)(language)}))};const DateTimePicker=DateTimePickerRaw;const FormDatetimePicker=_0=>{let{name,size="md"}=_0,props=_object_without_properties(_0,["name","size"]);const form=(0,_.useFormContext)();const _form_register=form.register(name,{validate:props.validation,disabled:props.disabled}),{onChange}=_form_register,register=_object_without_properties(_form_register,["onChange"]);const errorContext=(0,_.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,{render:({field})=>(0,_jsxruntime.jsx)(DateTimePicker,_object_spread_props(_object_spread({value:field.value?new Date(parseInt(field.value)):undefined,size:size},props,register),{error:errors.length>0&&(0,_jsxruntime.jsx)(_FormErrors.FormErrors,{errors:errors}),onChange:timestamp=>{onChange({target:{value:timestamp,name}})}})),defaultValue:props.defaultValue,control:form.control,name:name})};
 //# sourceMappingURL=DateTimePicker.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Form/DateTimePicker/DateTimePicker.tsx"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport { DateTimePicker as MantineDateTimePicker, DateTimePickerProps } from \"@mantine/dates\"\nimport { Controller } from \"react-hook-form\"\nimport { CalendarDays } from \"lucide-react\"\nimport { TFormControl } from \"../Form\"\nimport { useErrorContext, useFormContext } from \"..\"\nimport { FormErrors } from \"../Form/FormErrors\"\nimport { getDefaultFormStyles } from \"../sharedStyles\"\nimport { DateTimePickerOnly } from \"./DateTimePickerOnly\"\nimport { useTranslation } from \"react-i18next\"\nimport { getDayJsFormatString } from \"../../../helper\"\nimport { ELanguage } from \"../../../helper/Language\"\nimport classes from \"./DateTimePicker.module.css\"\nimport { ICON_SIZES } from \"../../../theme\"\nimport \"@mantine/dates/styles.layer.css\"\nimport \"@mantine/dates/styles.css\"\nimport { useRef } from \"react\"\n\nexport const useStyles = () => {\n  const defaultFormStyles = getDefaultFormStyles()\n\n  return {\n    ...defaultFormStyles,\n    icon: classes.displayNone,\n    displayNone: classes.displayNone,\n  }\n}\n\nexport type TDatetimePickerProps = Omit<DateTimePickerProps, \"onChange\"> & {\n  onChange?: (timestamp: number) => void\n  dateOnly?: boolean\n  placeholder?: string\n}\n/**\n * Provides a raw DateTimePicker component\n * @param size Size of the DateTimePicker using sm, md or lg\n * @param dateOnly Control if only the date should be shown, omitting time\n * @param placeholder A placeholder string used in the component\n * @param onChange callback when date or time are changed\n */\nconst DateTimePickerRaw = ({ onChange, size = \"md\", ...props }: TDatetimePickerProps) => {\n  const classes = useStyles()\n  const { i18n } = useTranslation()\n  const language = (i18n.language || \"en\") as ELanguage\n  const Component = props.dateOnly ? DateTimePickerOnly : MantineDateTimePicker\n  // Create a local ref\n  const pickerInputRef = useRef<HTMLButtonElement>(null)\n  return (\n    <Component\n      placeholder={\"\"}\n      locale={language}\n      rightSection={\n        <CalendarDays\n          color=\"var(--mantine-color-gray-5)\"\n          onClick={() => pickerInputRef.current?.click()} // Use the local ref\n          size={ICON_SIZES.MEDIUM}\n          style={{ cursor: \"pointer\" }}\n        />\n      }\n      {...props}\n      ref={pickerInputRef} // Use the local ref here\n      size={size}\n      classNames={{\n        input: classes.input,\n        label: classes.label,\n        root: classes.root,\n        ...props.classNames,\n      }}\n      onChange={(e) => onChange?.(e ? new Date(e).getTime() : 0)}\n      valueFormat={getDayJsFormatString(language)}\n    />\n  )\n}\nconst DateTimePicker = DateTimePickerRaw\n\n/**\n * **Form** wrapper for a DatetimePicker 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 DateTimePicker used as identifier in the form\n * @param size Size of the DateTimePicker using sm, md or lg\n * @param DateTimePickerProps Additional props as defined by library DateTimePicker\n * @param onChange callback when date or time are changed\n */\nconst FormDatetimePicker = ({\n  name,\n  size = \"md\",\n  ...props\n}: TDatetimePickerProps & TFormControl<HTMLInputElement>) => {\n  const form = useFormContext()\n  const { onChange, ...register } = form.register(name, {\n    validate: props.validation,\n    disabled: props.disabled,\n  })\n  const errorContext = useErrorContext()\n\n  const formError = form.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    <Controller\n      render={({ field }) => (\n        <DateTimePicker\n          value={field.value ? new Date(parseInt(field.value)) : undefined}\n          size={size}\n          {...props}\n          {...register}\n          error={errors.length > 0 && <FormErrors errors={errors} />}\n          onChange={(timestamp) => {\n            onChange({\n              target: {\n                value: timestamp,\n                name,\n              },\n            })\n          }}\n        />\n      )}\n      defaultValue={props.defaultValue}\n      control={form.control}\n      name={name}\n    />\n  )\n}\n\nexport { DateTimePicker, FormDatetimePicker }\n"],"names":["DateTimePicker","FormDatetimePicker","useStyles","defaultFormStyles","getDefaultFormStyles","icon","classes","displayNone","DateTimePickerRaw","onChange","size","props","i18n","useTranslation","language","Component","dateOnly","DateTimePickerOnly","MantineDateTimePicker","pickerInputRef","useRef","placeholder","locale","rightSection","CalendarDays","color","onClick","current","click","ICON_SIZES","MEDIUM","style","cursor","ref","classNames","input","label","root","e","Date","getTime","valueFormat","getDayJsFormatString","name","form","useFormContext","register","validate","validation","disabled","errorContext","useErrorContext","formError","formState","errors","fetchErrors","message","flat","filter","ent","Controller","render","field","value","parseInt","undefined","error","length","FormErrors","timestamp","target","defaultValue","control"],"mappings":"mPAgISA,wBAAAA,oBAAgBC,4BAAAA,wBA3GZC,mBAAAA,iFAjBgE,+CAClD,8CACE,gCAEmB,gCACrB,kDACU,qDACF,oDACJ,uCACM,gGAEjB,qDACO,0BACpB,2CACA,kDACgB,62EAEhB,MAAMA,UAAY,KACvB,MAAMC,kBAAoBC,GAAAA,kCAAoB,IAE9C,OAAO,uCACFD,oBACHE,KAAMC,gCAAO,CAACC,WAAW,CACzBA,YAAaD,gCAAO,CAACC,WAAW,EAEpC,EAcA,MAAMC,kBAAoB,QAAC,CAAEC,QAAQ,CAAEC,KAAO,IAAI,CAAkC,IAA7BC,yDACrD,MAAML,QAAUJ,YAChB,KAAM,CAAEU,IAAI,CAAE,CAAGC,GAAAA,4BAAc,IAC/B,MAAMC,SAAYF,KAAKE,QAAQ,EAAI,KACnC,MAAMC,UAAYJ,MAAMK,QAAQ,CAAGC,sCAAkB,CAAGC,qBAAqB,CAE7E,MAAMC,eAAiBC,GAAAA,aAAM,EAAoB,MACjD,MACE,oBAACL,+CACCM,YAAa,GACbC,OAAQR,SACRS,aACE,oBAACC,yBAAY,EACXC,MAAM,8BACNC,QAAS,SAAMP,+BAAAA,wBAAAA,eAAeQ,OAAO,UAAtBR,wCAAAA,wBAAwBS,KAAK,IAC5ClB,KAAMmB,iBAAU,CAACC,MAAM,CACvBC,MAAO,CAAEC,OAAQ,SAAU,KAG3BrB,QACJsB,IAAKd,eACLT,KAAMA,KACNwB,WAAY,gBACVC,MAAO7B,QAAQ6B,KAAK,CACpBC,MAAO9B,QAAQ8B,KAAK,CACpBC,KAAM/B,QAAQ+B,IAAI,EACf1B,MAAMuB,UAAU,EAErBzB,SAAU,AAAC6B,GAAM7B,iBAAAA,yBAAAA,SAAW6B,EAAI,IAAIC,KAAKD,GAAGE,OAAO,GAAK,GACxDC,YAAaC,GAAAA,4BAAoB,EAAC5B,YAGxC,EACA,MAAMd,eAAiBQ,kBAUvB,MAAMP,mBAAqB,QAAC,CAC1B0C,IAAI,CACJjC,KAAO,IAAI,CAE2C,IADnDC,qDAEH,MAAMiC,KAAOC,GAAAA,gBAAc,IAC3B,MAAkCD,eAAAA,KAAKE,QAAQ,CAACH,KAAM,CACpDI,SAAUpC,MAAMqC,UAAU,CAC1BC,SAAUtC,MAAMsC,QAAQ,AAC1B,GAHM,CAAExC,QAAQ,CAAe,CAAGmC,eAAbE,oCAAaF,6BAIlC,MAAMM,aAAeC,GAAAA,iBAAe,IAEpC,MAAMC,UAAYR,KAAKS,SAAS,CAACC,MAAM,CAACX,KAAK,CAC7C,MAAMY,YAAcL,aAAaI,MAAM,CAACX,KAAK,CAC7C,MAAMW,OAAS,CAACF,kBAAAA,0BAAAA,UAAWI,OAAO,CAAYD,YAAY,CAACE,IAAI,GAAGC,MAAM,CAAC,AAACC,KAAQA,KAElF,MACE,oBAACC,yBAAU,EACTC,OAAQ,CAAC,CAAEC,KAAK,CAAE,GAChB,oBAAC9D,oDACC+D,MAAOD,MAAMC,KAAK,CAAG,IAAIxB,KAAKyB,SAASF,MAAMC,KAAK,GAAKE,UACvDvD,KAAMA,MACFC,MACAmC,WACJoB,MAAOZ,OAAOa,MAAM,CAAG,GAAK,oBAACC,sBAAU,EAACd,OAAQA,SAChD7C,SAAU,AAAC4D,YACT5D,SAAS,CACP6D,OAAQ,CACNP,MAAOM,UACP1B,IACF,CACF,EACF,KAGJ4B,aAAc5D,MAAM4D,YAAY,CAChCC,QAAS5B,KAAK4B,OAAO,CACrB7B,KAAMA,MAGZ"}
+{"version":3,"sources":["../../../../../src/components/Form/DateTimePicker/DateTimePicker.tsx"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport { DateTimePicker as MantineDateTimePicker, DateTimePickerProps } from \"@mantine/dates\"\nimport { Controller } from \"react-hook-form\"\nimport { CalendarDays } from \"lucide-react\"\nimport { TFormControl } from \"../Form\"\nimport { useErrorContext, useFormContext } from \"..\"\nimport { FormErrors } from \"../Form/FormErrors\"\nimport { getDefaultFormStyles } from \"../sharedStyles\"\nimport { DateTimePickerOnly } from \"./DateTimePickerOnly\"\nimport { useTranslation } from \"react-i18next\"\nimport { getDayJsFormatString } from \"../../../helper\"\nimport { ELanguage } from \"../../../helper/Language\"\nimport classes from \"./DateTimePicker.module.css\"\nimport { ICON_SIZES } from \"../../../theme\"\nimport \"@mantine/dates/styles.layer.css\"\nimport \"@mantine/dates/styles.css\"\nimport { useRef } from \"react\"\n\nexport const useStyles = () => {\n  const defaultFormStyles = getDefaultFormStyles()\n\n  return {\n    ...defaultFormStyles,\n    icon: classes.displayNone,\n    displayNone: classes.displayNone,\n  }\n}\n\nexport type TDatetimePickerProps = Omit<DateTimePickerProps, \"onChange\"> & {\n  onChange?: (timestamp: number) => void\n  dateOnly?: boolean\n  placeholder?: string\n}\n/**\n * Provides a raw DateTimePicker component\n * @param size Size of the DateTimePicker using sm, md or lg\n * @param dateOnly Control if only the date should be shown, omitting time\n * @param placeholder A placeholder string used in the component\n * @param onChange callback when date or time are changed\n */\nconst DateTimePickerRaw = ({ onChange, size = \"md\", ...props }: TDatetimePickerProps) => {\n  const classes = useStyles()\n  const { i18n } = useTranslation()\n  const language = (i18n.language || \"en\") as ELanguage\n  const Component = props.dateOnly ? DateTimePickerOnly : MantineDateTimePicker\n  // Create a local ref\n  const pickerInputRef = useRef<HTMLButtonElement>(null)\n  return (\n    <Component\n      placeholder={\"\"}\n      locale={language}\n      rightSection={\n        <CalendarDays\n          color=\"var(--mantine-color-gray-5)\"\n          onClick={() => pickerInputRef.current?.click()} // Use the local ref\n          size={ICON_SIZES.MEDIUM}\n          style={{ cursor: \"pointer\" }}\n        />\n      }\n      {...props}\n      ref={pickerInputRef} // Use the local ref here\n      size={size}\n      classNames={{\n        input: classes.input,\n        label: classes.label,\n        root: classes.root,\n        ...props.classNames,\n      }}\n      onChange={(e) => onChange?.(e ? new Date(e).getTime() : 0)}\n      valueFormat={getDayJsFormatString(language)}\n    />\n  )\n}\nconst DateTimePicker = DateTimePickerRaw\n\n/**\n * **Form** wrapper for a DatetimePicker 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 DateTimePicker used as identifier in the form\n * @param size Size of the DateTimePicker using sm, md or lg\n * @param DateTimePickerProps Additional props as defined by library DateTimePicker\n * @param onChange callback when date or time are changed\n */\nconst FormDatetimePicker = ({\n  name,\n  size = \"md\",\n  ...props\n}: TDatetimePickerProps & TFormControl<HTMLInputElement>) => {\n  const form = useFormContext()\n  const { onChange, ...register } = form.register(name, {\n    validate: props.validation,\n    disabled: props.disabled,\n  })\n  const errorContext = useErrorContext()\n\n  const formError = form.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    <Controller\n      render={({ field }) => (\n        <DateTimePicker\n          value={field.value ? new Date(parseInt(field.value)) : undefined}\n          size={size}\n          {...props}\n          {...register}\n          error={errors.length > 0 && <FormErrors errors={errors} />}\n          onChange={(timestamp) => {\n            onChange({\n              target: {\n                value: timestamp,\n                name,\n              },\n            })\n          }}\n        />\n      )}\n      defaultValue={props.defaultValue}\n      control={form.control}\n      name={name}\n    />\n  )\n}\n\nexport { DateTimePicker, FormDatetimePicker }\n"],"names":["DateTimePicker","FormDatetimePicker","useStyles","defaultFormStyles","getDefaultFormStyles","icon","classes","displayNone","DateTimePickerRaw","onChange","size","props","i18n","useTranslation","language","Component","dateOnly","DateTimePickerOnly","MantineDateTimePicker","pickerInputRef","useRef","placeholder","locale","rightSection","CalendarDays","color","onClick","current","click","ICON_SIZES","MEDIUM","style","cursor","ref","classNames","input","label","root","e","Date","getTime","valueFormat","getDayJsFormatString","name","form","useFormContext","register","validate","validation","disabled","errorContext","useErrorContext","formError","formState","errors","fetchErrors","message","flat","filter","ent","Controller","render","field","value","parseInt","undefined","error","length","FormErrors","timestamp","target","defaultValue","control"],"mappings":"mPAgISA,wBAAAA,oBAAgBC,4BAAAA,wBA3GZC,mBAAAA,iFAjBgE,+CAClD,8CACE,gCAEmB,gCACrB,kDACU,qDACF,oDACJ,uCACM,gGAEjB,qDACO,0BACpB,2CACA,kDACgB,q3EAEhB,MAAMA,UAAY,KACvB,MAAMC,kBAAoBC,GAAAA,kCAAoB,IAE9C,OAAO,uCACFD,oBACHE,KAAMC,gCAAO,CAACC,WAAW,CACzBA,YAAaD,gCAAO,CAACC,WAAW,EAEpC,EAcA,MAAMC,kBAAoB,QAAC,CAAEC,QAAQ,CAAEC,KAAO,IAAI,CAAkC,IAA7BC,yDACrD,MAAML,QAAUJ,YAChB,KAAM,CAAEU,IAAI,CAAE,CAAGC,GAAAA,4BAAc,IAC/B,MAAMC,SAAYF,KAAKE,QAAQ,EAAI,KACnC,MAAMC,UAAYJ,MAAMK,QAAQ,CAAGC,sCAAkB,CAAGC,qBAAqB,CAE7E,MAAMC,eAAiBC,GAAAA,aAAM,EAAoB,MACjD,MACE,oBAACL,+CACCM,YAAa,GACbC,OAAQR,SACRS,aACE,oBAACC,yBAAY,EACXC,MAAM,8BACNC,QAAS,SAAMP,+BAAAA,wBAAAA,eAAeQ,OAAO,UAAtBR,wCAAAA,wBAAwBS,KAAK,IAC5ClB,KAAMmB,iBAAU,CAACC,MAAM,CACvBC,MAAO,CAAEC,OAAQ,SAAU,KAG3BrB,QACJsB,IAAKd,eACLT,KAAMA,KACNwB,WAAY,gBACVC,MAAO7B,QAAQ6B,KAAK,CACpBC,MAAO9B,QAAQ8B,KAAK,CACpBC,KAAM/B,QAAQ+B,IAAI,EACf1B,MAAMuB,UAAU,EAErBzB,SAAU,AAAC6B,GAAM7B,iBAAAA,yBAAAA,SAAW6B,EAAI,IAAIC,KAAKD,GAAGE,OAAO,GAAK,GACxDC,YAAaC,GAAAA,4BAAoB,EAAC5B,YAGxC,EACA,MAAMd,eAAiBQ,kBAUvB,MAAMP,mBAAqB,QAAC,CAC1B0C,IAAI,CACJjC,KAAO,IAAI,CAE2C,IADnDC,qDAEH,MAAMiC,KAAOC,GAAAA,gBAAc,IAC3B,MAAkCD,eAAAA,KAAKE,QAAQ,CAACH,KAAM,CACpDI,SAAUpC,MAAMqC,UAAU,CAC1BC,SAAUtC,MAAMsC,QAAQ,AAC1B,GAHM,CAAExC,QAAQ,CAAe,CAAGmC,eAAbE,oCAAaF,6BAIlC,MAAMM,aAAeC,GAAAA,iBAAe,IAEpC,MAAMC,UAAYR,KAAKS,SAAS,CAACC,MAAM,CAACX,KAAK,CAC7C,MAAMY,YAAcL,aAAaI,MAAM,CAACX,KAAK,CAC7C,MAAMW,OAAS,CAACF,kBAAAA,0BAAAA,UAAWI,OAAO,CAAYD,YAAY,CAACE,IAAI,GAAGC,MAAM,CAAC,AAACC,KAAQA,KAElF,MACE,oBAACC,yBAAU,EACTC,OAAQ,CAAC,CAAEC,KAAK,CAAE,GAChB,oBAAC9D,oDACC+D,MAAOD,MAAMC,KAAK,CAAG,IAAIxB,KAAKyB,SAASF,MAAMC,KAAK,GAAKE,UACvDvD,KAAMA,MACFC,MACAmC,WACJoB,MAAOZ,OAAOa,MAAM,CAAG,GAAK,oBAACC,sBAAU,EAACd,OAAQA,SAChD7C,SAAU,AAAC4D,YACT5D,SAAS,CACP6D,OAAQ,CACNP,MAAOM,UACP1B,IACF,CACF,EACF,KAGJ4B,aAAc5D,MAAM4D,YAAY,CAChCC,QAAS5B,KAAK4B,OAAO,CACrB7B,KAAMA,MAGZ"}

package/lib/cjs/components/Form/DateTimePicker/TimePicker.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});function _export(target,all){for(var name in all)Object.defineProperty(target,name,{enumerable:true,get:Object.getOwnPropertyDescriptor(all,name).get})}_export(exports,{get FormTimePicker(){return FormTimePicker},get TimePicker(){return TimePicker}});const _jsxruntime=require("react/jsx-runtime");const _dates=require("@mantine/dates");const _react=require("react");const _core=require("@mantine/core");const _lucidereact=require("lucide-react");const _index=require("../index");const _reacthookform=require("react-hook-form");const _FormErrors=require("../Form/FormErrors");const _DateTimePicker=require("./DateTimePicker");function _define_property(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true})}else{obj[key]=value}return obj}function _object_spread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};var ownKeys=Object.keys(source);if(typeof Object.getOwnPropertySymbols==="function"){ownKeys=ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym){return Object.getOwnPropertyDescriptor(source,sym).enumerable}))}ownKeys.forEach(function(key){_define_property(target,key,source[key])})}return target}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})}keys.push.apply(keys,symbols)}return keys}function _object_spread_props(target,source){source=source!=null?source:{};if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source))}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))})}return target}function _object_without_properties(source,excluded){if(source==null)return{};var target={},sourceKeys,key,i;if(typeof Reflect!=="undefined"&&Reflect.ownKeys){sourceKeys=Reflect.ownKeys(source);for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key]}return target}target=_object_without_properties_loose(source,excluded);if(Object.getOwnPropertySymbols){sourceKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key]}}return target}function _object_without_properties_loose(source,excluded){if(source==null)return{};var target={},sourceKeys=Object.getOwnPropertyNames(source),key,i;for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key]}return target}const TimePickerRaw=(_0,_1)=>{let _ref=[_0,_1],[_ref1,..._rest]=_ref,{onChange}=_ref1,props=_object_without_properties(_ref1,["onChange"]),[ref]=_rest;const classes=(0,_DateTimePicker.useStyles)();const theme=(0,_core.useMantineTheme)();return(0,_jsxruntime.jsx)(_dates.TimeInput,_object_spread_props(_object_spread({rightSection:(0,_jsxruntime.jsx)(_lucidereact.Clock4,{color:theme.colors.gray[5],size:theme.other.iconSizes.MEDIUM})},props),{ref:ref,classNames:{input:classes.input,label:classes.label},onChange:e=>{onChange===null||onChange===void 0?void 0:onChange(e.target.value)}}))};const TimePicker=(0,_react.forwardRef)(TimePickerRaw);const FormTimePicker=_0=>{let{name,size="md"}=_0,props=_object_without_properties(_0,["name","size"]);const form=(0,_index.useFormContext)();const _form_register=form.register(name,{validate:props.validation,disabled:props.disabled}),{onChange}=_form_register,register=_object_without_properties(_form_register,["onChange"]);const errorContext=(0,_index.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,{render:({field})=>(0,_jsxruntime.jsx)(TimePicker,_object_spread_props(_object_spread({value:field.value,size:size},props,register),{error:errors.length>0&&(0,_jsxruntime.jsx)(_FormErrors.FormErrors,{errors:errors}),onChange:timestamp=>{onChange({target:{value:timestamp,name}})}})),disabled:props.disabled,defaultValue:props.defaultValue,control:form.control,name:name})};
+"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 FormTimePicker(){return FormTimePicker},get TimePicker(){return TimePicker}});const _jsxruntime=require("react/jsx-runtime");const _dates=require("@mantine/dates");const _react=require("react");const _core=require("@mantine/core");const _lucidereact=require("lucide-react");const _index=require("../index");const _reacthookform=require("react-hook-form");const _FormErrors=require("../Form/FormErrors");const _DateTimePicker=require("./DateTimePicker");function _define_property(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true})}else{obj[key]=value}return obj}function _object_spread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};var ownKeys=Object.keys(source);if(typeof Object.getOwnPropertySymbols==="function"){ownKeys=ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym){return Object.getOwnPropertyDescriptor(source,sym).enumerable}))}ownKeys.forEach(function(key){_define_property(target,key,source[key])})}return target}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})}keys.push.apply(keys,symbols)}return keys}function _object_spread_props(target,source){source=source!=null?source:{};if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source))}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))})}return target}function _object_without_properties(source,excluded){if(source==null)return{};var target={},sourceKeys,key,i;if(typeof Reflect!=="undefined"&&Reflect.ownKeys){sourceKeys=Reflect.ownKeys(Object(source));for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key]}return target}target=_object_without_properties_loose(source,excluded);if(Object.getOwnPropertySymbols){sourceKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key]}}return target}function _object_without_properties_loose(source,excluded){if(source==null)return{};var target={},sourceKeys=Object.getOwnPropertyNames(source),key,i;for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key]}return target}const TimePickerRaw=(_0,_1)=>{let _ref=[_0,_1],[_ref1,..._rest]=_ref,{onChange}=_ref1,props=_object_without_properties(_ref1,["onChange"]),[ref]=_rest;const classes=(0,_DateTimePicker.useStyles)();const theme=(0,_core.useMantineTheme)();return(0,_jsxruntime.jsx)(_dates.TimeInput,_object_spread_props(_object_spread({rightSection:(0,_jsxruntime.jsx)(_lucidereact.Clock4,{color:theme.colors.gray[5],size:theme.other.iconSizes.MEDIUM})},props),{ref:ref,classNames:{input:classes.input,label:classes.label},onChange:e=>{onChange===null||onChange===void 0?void 0:onChange(e.target.value)}}))};const TimePicker=(0,_react.forwardRef)(TimePickerRaw);const FormTimePicker=_0=>{let{name,size="md"}=_0,props=_object_without_properties(_0,["name","size"]);const form=(0,_index.useFormContext)();const _form_register=form.register(name,{validate:props.validation,disabled:props.disabled}),{onChange}=_form_register,register=_object_without_properties(_form_register,["onChange"]);const errorContext=(0,_index.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,{render:({field})=>(0,_jsxruntime.jsx)(TimePicker,_object_spread_props(_object_spread({value:field.value,size:size},props,register),{error:errors.length>0&&(0,_jsxruntime.jsx)(_FormErrors.FormErrors,{errors:errors}),onChange:timestamp=>{onChange({target:{value:timestamp,name}})}})),disabled:props.disabled,defaultValue:props.defaultValue,control:form.control,name:name})};
 //# sourceMappingURL=TimePicker.js.map

package/lib/cjs/components/Form/DateTimePicker/TimePicker.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Form/DateTimePicker/TimePicker.tsx"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport { TimeInput, TimeInputProps } from \"@mantine/dates\"\nimport { ForwardedRef, forwardRef } from \"react\"\nimport { useMantineTheme } from \"@mantine/core\"\nimport { Clock4 } from \"lucide-react\"\nimport { TFormControl } from \"../Form/types\"\nimport { useErrorContext, useFormContext } from \"../index\"\nimport { Controller } from \"react-hook-form\"\nimport { FormErrors } from \"../Form/FormErrors\"\nimport { useStyles } from \"./DateTimePicker\"\n\ntype TTimePickerRawProps = Omit<TimeInputProps, \"onChange\"> & {\n  onChange?: (value: string) => void\n}\n\n/**\n * Provides a TimePicker component\n * @param onChange Callback when time is changed\n * @param props Additional props as defined by library\n */\nconst TimePickerRaw = (\n  { onChange, ...props }: TTimePickerRawProps,\n  ref: ForwardedRef<HTMLInputElement>\n) => {\n  const classes = useStyles()\n  const theme = useMantineTheme()\n\n  return (\n    <TimeInput\n      rightSection={<Clock4 color={theme.colors.gray[5]} size={theme.other.iconSizes.MEDIUM} />}\n      {...props}\n      ref={ref}\n      classNames={{\n        input: classes.input,\n        label: classes.label,\n      }}\n      onChange={(e) => {\n        onChange?.(e.target.value)\n      }}\n    />\n  )\n}\n\nexport const TimePicker = forwardRef(TimePickerRaw)\n\nexport const FormTimePicker = ({\n  name,\n  size = \"md\",\n  ...props\n}: TTimePickerRawProps & TFormControl<HTMLInputElement>) => {\n  const form = useFormContext()\n  const { onChange, ...register } = form.register(name, {\n    validate: props.validation,\n    disabled: props.disabled,\n  })\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      render={({ field }) => (\n        <TimePicker\n          value={field.value}\n          size={size}\n          {...props}\n          {...register}\n          error={errors.length > 0 && <FormErrors errors={errors} />}\n          onChange={(timestamp) => {\n            onChange({\n              target: {\n                value: timestamp,\n                name,\n              },\n            })\n          }}\n        />\n      )}\n      disabled={props.disabled}\n      defaultValue={props.defaultValue}\n      control={form.control}\n      name={name}\n    />\n  )\n}\n"],"names":["FormTimePicker","TimePicker","TimePickerRaw","onChange","props","ref","classes","useStyles","theme","useMantineTheme","TimeInput","rightSection","Clock4","color","colors","gray","size","other","iconSizes","MEDIUM","classNames","input","label","e","target","value","forwardRef","name","form","useFormContext","register","validate","validation","disabled","errorContext","useErrorContext","formError","formState","errors","fetchErrors","message","flat","filter","ent","Controller","render","field","error","length","FormErrors","timestamp","defaultValue","control"],"mappings":"mPAgDaA,wBAAAA,oBAFAC,oBAAAA,kFA1C6B,uCACD,6BACT,4CACT,qCAEyB,yCACrB,6CACA,oDACD,oyEAW1B,MAAMC,cAAgB,iDACpB,CAAEC,QAAQ,CAAiC,OAA5BC,sDACfC,WAEA,MAAMC,QAAUC,GAAAA,yBAAS,IACzB,MAAMC,MAAQC,GAAAA,qBAAe,IAE7B,MACE,oBAACC,gBAAS,sCACRC,aAAc,oBAACC,mBAAM,EAACC,MAAOL,MAAMM,MAAM,CAACC,IAAI,CAAC,EAAE,CAAEC,KAAMR,MAAMS,KAAK,CAACC,SAAS,CAACC,MAAM,IACjFf,QACJC,IAAKA,IACLe,WAAY,CACVC,MAAOf,QAAQe,KAAK,CACpBC,MAAOhB,QAAQgB,KAAK,AACtB,EACAnB,SAAU,AAACoB,IACTpB,iBAAAA,yBAAAA,SAAWoB,EAAEC,MAAM,CAACC,KAAK,CAC3B,IAGN,EAEO,MAAMxB,WAAayB,GAAAA,iBAAU,EAACxB,eAE9B,MAAMF,eAAiB,QAAC,CAC7B2B,IAAI,CACJX,KAAO,IAAI,CAE0C,IADlDZ,qDAEH,MAAMwB,KAAOC,GAAAA,qBAAc,IAC3B,MAAkCD,eAAAA,KAAKE,QAAQ,CAACH,KAAM,CACpDI,SAAU3B,MAAM4B,UAAU,CAC1BC,SAAU7B,MAAM6B,QAAQ,AAC1B,GAHM,CAAE9B,QAAQ,CAAe,CAAGyB,eAAbE,oCAAaF,6BAIlC,MAAMM,aAAeC,GAAAA,sBAAe,IAEpC,MAAMC,UAAYR,KAAKS,SAAS,CAACC,MAAM,CAACX,KAAK,CAC7C,MAAMY,YAAcL,aAAaI,MAAM,CAACX,KAAK,CAE7C,MAAMW,OAAS,CAACF,kBAAAA,0BAAAA,UAAWI,OAAO,CAAYD,YAAY,CAACE,IAAI,GAAGC,MAAM,CAAC,AAACC,KAAQA,KAElF,MACE,oBAACC,yBAAU,EACTC,OAAQ,CAAC,CAAEC,KAAK,CAAE,GAChB,oBAAC7C,gDACCwB,MAAOqB,MAAMrB,KAAK,CAClBT,KAAMA,MACFZ,MACA0B,WACJiB,MAAOT,OAAOU,MAAM,CAAG,GAAK,oBAACC,sBAAU,EAACX,OAAQA,SAChDnC,SAAU,AAAC+C,YACT/C,SAAS,CACPqB,OAAQ,CACNC,MAAOyB,UACPvB,IACF,CACF,EACF,KAGJM,SAAU7B,MAAM6B,QAAQ,CACxBkB,aAAc/C,MAAM+C,YAAY,CAChCC,QAASxB,KAAKwB,OAAO,CACrBzB,KAAMA,MAGZ"}
+{"version":3,"sources":["../../../../../src/components/Form/DateTimePicker/TimePicker.tsx"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport { TimeInput, TimeInputProps } from \"@mantine/dates\"\nimport { ForwardedRef, forwardRef } from \"react\"\nimport { useMantineTheme } from \"@mantine/core\"\nimport { Clock4 } from \"lucide-react\"\nimport { TFormControl } from \"../Form/types\"\nimport { useErrorContext, useFormContext } from \"../index\"\nimport { Controller } from \"react-hook-form\"\nimport { FormErrors } from \"../Form/FormErrors\"\nimport { useStyles } from \"./DateTimePicker\"\n\ntype TTimePickerRawProps = Omit<TimeInputProps, \"onChange\"> & {\n  onChange?: (value: string) => void\n}\n\n/**\n * Provides a TimePicker component\n * @param onChange Callback when time is changed\n * @param props Additional props as defined by library\n */\nconst TimePickerRaw = (\n  { onChange, ...props }: TTimePickerRawProps,\n  ref: ForwardedRef<HTMLInputElement>\n) => {\n  const classes = useStyles()\n  const theme = useMantineTheme()\n\n  return (\n    <TimeInput\n      rightSection={<Clock4 color={theme.colors.gray[5]} size={theme.other.iconSizes.MEDIUM} />}\n      {...props}\n      ref={ref}\n      classNames={{\n        input: classes.input,\n        label: classes.label,\n      }}\n      onChange={(e) => {\n        onChange?.(e.target.value)\n      }}\n    />\n  )\n}\n\nexport const TimePicker = forwardRef(TimePickerRaw)\n\nexport const FormTimePicker = ({\n  name,\n  size = \"md\",\n  ...props\n}: TTimePickerRawProps & TFormControl<HTMLInputElement>) => {\n  const form = useFormContext()\n  const { onChange, ...register } = form.register(name, {\n    validate: props.validation,\n    disabled: props.disabled,\n  })\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      render={({ field }) => (\n        <TimePicker\n          value={field.value}\n          size={size}\n          {...props}\n          {...register}\n          error={errors.length > 0 && <FormErrors errors={errors} />}\n          onChange={(timestamp) => {\n            onChange({\n              target: {\n                value: timestamp,\n                name,\n              },\n            })\n          }}\n        />\n      )}\n      disabled={props.disabled}\n      defaultValue={props.defaultValue}\n      control={form.control}\n      name={name}\n    />\n  )\n}\n"],"names":["FormTimePicker","TimePicker","TimePickerRaw","onChange","props","ref","classes","useStyles","theme","useMantineTheme","TimeInput","rightSection","Clock4","color","colors","gray","size","other","iconSizes","MEDIUM","classNames","input","label","e","target","value","forwardRef","name","form","useFormContext","register","validate","validation","disabled","errorContext","useErrorContext","formError","formState","errors","fetchErrors","message","flat","filter","ent","Controller","render","field","error","length","FormErrors","timestamp","defaultValue","control"],"mappings":"mPAgDaA,wBAAAA,oBAFAC,oBAAAA,kFA1C6B,uCACD,6BACT,4CACT,qCAEyB,yCACrB,6CACA,oDACD,4yEAW1B,MAAMC,cAAgB,iDACpB,CAAEC,QAAQ,CAAiC,OAA5BC,sDACfC,WAEA,MAAMC,QAAUC,GAAAA,yBAAS,IACzB,MAAMC,MAAQC,GAAAA,qBAAe,IAE7B,MACE,oBAACC,gBAAS,sCACRC,aAAc,oBAACC,mBAAM,EAACC,MAAOL,MAAMM,MAAM,CAACC,IAAI,CAAC,EAAE,CAAEC,KAAMR,MAAMS,KAAK,CAACC,SAAS,CAACC,MAAM,IACjFf,QACJC,IAAKA,IACLe,WAAY,CACVC,MAAOf,QAAQe,KAAK,CACpBC,MAAOhB,QAAQgB,KAAK,AACtB,EACAnB,SAAU,AAACoB,IACTpB,iBAAAA,yBAAAA,SAAWoB,EAAEC,MAAM,CAACC,KAAK,CAC3B,IAGN,EAEO,MAAMxB,WAAayB,GAAAA,iBAAU,EAACxB,eAE9B,MAAMF,eAAiB,QAAC,CAC7B2B,IAAI,CACJX,KAAO,IAAI,CAE0C,IADlDZ,qDAEH,MAAMwB,KAAOC,GAAAA,qBAAc,IAC3B,MAAkCD,eAAAA,KAAKE,QAAQ,CAACH,KAAM,CACpDI,SAAU3B,MAAM4B,UAAU,CAC1BC,SAAU7B,MAAM6B,QAAQ,AAC1B,GAHM,CAAE9B,QAAQ,CAAe,CAAGyB,eAAbE,oCAAaF,6BAIlC,MAAMM,aAAeC,GAAAA,sBAAe,IAEpC,MAAMC,UAAYR,KAAKS,SAAS,CAACC,MAAM,CAACX,KAAK,CAC7C,MAAMY,YAAcL,aAAaI,MAAM,CAACX,KAAK,CAE7C,MAAMW,OAAS,CAACF,kBAAAA,0BAAAA,UAAWI,OAAO,CAAYD,YAAY,CAACE,IAAI,GAAGC,MAAM,CAAC,AAACC,KAAQA,KAElF,MACE,oBAACC,yBAAU,EACTC,OAAQ,CAAC,CAAEC,KAAK,CAAE,GAChB,oBAAC7C,gDACCwB,MAAOqB,MAAMrB,KAAK,CAClBT,KAAMA,MACFZ,MACA0B,WACJiB,MAAOT,OAAOU,MAAM,CAAG,GAAK,oBAACC,sBAAU,EAACX,OAAQA,SAChDnC,SAAU,AAAC+C,YACT/C,SAAS,CACPqB,OAAQ,CACNC,MAAOyB,UACPvB,IACF,CACF,EACF,KAGJM,SAAU7B,MAAM6B,QAAQ,CACxBkB,aAAc/C,MAAM+C,YAAY,CAChCC,QAASxB,KAAKwB,OAAO,CACrBzB,KAAMA,MAGZ"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});function _export(target,all){for(var name in all)Object.defineProperty(target,name,{enumerable:true,get:Object.getOwnPropertyDescriptor(all,name).get})}_export(exports,{get FileInput(){return FileInput},get FormFileInput(){return FormFileInput}});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 _lucidereact=require("lucide-react");const _FileInputmodulecss=/*#__PURE__*/_interop_require_default(require("./FileInput.module.css"));function asyncGeneratorStep(gen,resolve,reject,_next,_throw,key,arg){try{var info=gen[key](arg);var value=info.value}catch(error){reject(error);return}if(info.done){resolve(value)}else{Promise.resolve(value).then(_next,_throw)}}function _async_to_generator(fn){return function(){var self=this,args=arguments;return new Promise(function(resolve,reject){var gen=fn.apply(self,args);function _next(value){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"next",value)}function _throw(err){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"throw",err)}_next(undefined)})}}function _define_property(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true})}else{obj[key]=value}return obj}function _interop_require_default(obj){return obj&&obj.__esModule?obj:{default:obj}}function _object_spread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};var ownKeys=Object.keys(source);if(typeof Object.getOwnPropertySymbols==="function"){ownKeys=ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym){return Object.getOwnPropertyDescriptor(source,sym).enumerable}))}ownKeys.forEach(function(key){_define_property(target,key,source[key])})}return target}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})}keys.push.apply(keys,symbols)}return keys}function _object_spread_props(target,source){source=source!=null?source:{};if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source))}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))})}return target}function _object_without_properties(source,excluded){if(source==null)return{};var target={},sourceKeys,key,i;if(typeof Reflect!=="undefined"&&Reflect.ownKeys){sourceKeys=Reflect.ownKeys(source);for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key]}return target}target=_object_without_properties_loose(source,excluded);if(Object.getOwnPropertySymbols){sourceKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key]}}return target}function _object_without_properties_loose(source,excluded){if(source==null)return{};var target={},sourceKeys=Object.getOwnPropertyNames(source),key,i;for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key]}return target}const FileInputRaw=(_0,_1)=>{let _ref=[_0,_1],[_ref1,..._rest]=_ref,{size="md"}=_ref1,props=_object_without_properties(_ref1,["size"]),[ref]=_rest;var _props_value;const defaultStyles=(0,_sharedStyles.getDefaultFormStyles)();return(0,_jsxruntime.jsx)(_core.FileInput,_object_spread({ref:ref,classNames:{root:defaultStyles.root,label:defaultStyles.label,input:`${defaultStyles.input} ${_FileInputmodulecss.default.input}`,error:defaultStyles.error,section:_FileInputmodulecss.default.section},size:size,clearable:(props===null||props===void 0?void 0:(_props_value=props.value)===null||_props_value===void 0?void 0:_props_value.value)!=="",leftSection:(0,_jsxruntime.jsx)(_lucidereact.UploadIcon,{size:14})},props))};const FileInput=_react.default.forwardRef(FileInputRaw);const convertBase64=file=>{return new Promise((resolve,reject)=>{const fileReader=new FileReader;fileReader.readAsDataURL(file);fileReader.onload=()=>{if(typeof fileReader.result==="string"){const[,base64String]=fileReader.result.split(",");resolve(base64String)}};fileReader.onerror=error=>{reject(error)}})};const FormFileInput=_0=>{let{name}=_0,props=_object_without_properties(_0,["name"]);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:{validate:props.validation},disabled:props.disabled,render:_0=>{let{field:_ref}=_0,{onChange}=_ref,field=_object_without_properties(_ref,["onChange"]);return(0,_jsxruntime.jsx)(FileInput,_object_spread_props(_object_spread({},field,props),{error:errors.length>0&&(0,_jsxruntime.jsx)(_FormErrors.FormErrors,{errors:errors}),onChange:file=>_async_to_generator(function*(){const fileValue=file?{name:file.name,value:yield convertBase64(file)}:"";onChange(fileValue)})()}))}})};
+"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 FileInput(){return FileInput},get FormFileInput(){return FormFileInput}});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 _lucidereact=require("lucide-react");const _FileInputmodulecss=/*#__PURE__*/_interop_require_default(require("./FileInput.module.css"));function asyncGeneratorStep(gen,resolve,reject,_next,_throw,key,arg){try{var info=gen[key](arg);var value=info.value}catch(error){reject(error);return}if(info.done){resolve(value)}else{Promise.resolve(value).then(_next,_throw)}}function _async_to_generator(fn){return function(){var self=this,args=arguments;return new Promise(function(resolve,reject){var gen=fn.apply(self,args);function _next(value){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"next",value)}function _throw(err){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"throw",err)}_next(undefined)})}}function _define_property(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true})}else{obj[key]=value}return obj}function _interop_require_default(obj){return obj&&obj.__esModule?obj:{default:obj}}function _object_spread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};var ownKeys=Object.keys(source);if(typeof Object.getOwnPropertySymbols==="function"){ownKeys=ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym){return Object.getOwnPropertyDescriptor(source,sym).enumerable}))}ownKeys.forEach(function(key){_define_property(target,key,source[key])})}return target}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})}keys.push.apply(keys,symbols)}return keys}function _object_spread_props(target,source){source=source!=null?source:{};if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source))}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))})}return target}function _object_without_properties(source,excluded){if(source==null)return{};var target={},sourceKeys,key,i;if(typeof Reflect!=="undefined"&&Reflect.ownKeys){sourceKeys=Reflect.ownKeys(Object(source));for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key]}return target}target=_object_without_properties_loose(source,excluded);if(Object.getOwnPropertySymbols){sourceKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key]}}return target}function _object_without_properties_loose(source,excluded){if(source==null)return{};var target={},sourceKeys=Object.getOwnPropertyNames(source),key,i;for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key]}return target}const FileInputRaw=(_0,_1)=>{let _ref=[_0,_1],[_ref1,..._rest]=_ref,{size="md"}=_ref1,props=_object_without_properties(_ref1,["size"]),[ref]=_rest;var _props_value;const defaultStyles=(0,_sharedStyles.getDefaultFormStyles)();return(0,_jsxruntime.jsx)(_core.FileInput,_object_spread({ref:ref,classNames:{root:defaultStyles.root,label:defaultStyles.label,input:`${defaultStyles.input} ${_FileInputmodulecss.default.input}`,error:defaultStyles.error,section:_FileInputmodulecss.default.section},size:size,clearable:(props===null||props===void 0?void 0:(_props_value=props.value)===null||_props_value===void 0?void 0:_props_value.value)!=="",leftSection:(0,_jsxruntime.jsx)(_lucidereact.UploadIcon,{size:14})},props))};const FileInput=_react.default.forwardRef(FileInputRaw);const convertBase64=file=>{return new Promise((resolve,reject)=>{const fileReader=new FileReader;fileReader.readAsDataURL(file);fileReader.onload=()=>{if(typeof fileReader.result==="string"){const[,base64String]=fileReader.result.split(",");resolve(base64String)}};fileReader.onerror=error=>{reject(error)}})};const FormFileInput=_0=>{let{name}=_0,props=_object_without_properties(_0,["name"]);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:{validate:props.validation},disabled:props.disabled,render:_0=>{let{field:_ref}=_0,{onChange}=_ref,field=_object_without_properties(_ref,["onChange"]);return(0,_jsxruntime.jsx)(FileInput,_object_spread_props(_object_spread({},field,props),{error:errors.length>0&&(0,_jsxruntime.jsx)(_FormErrors.FormErrors,{errors:errors}),onChange:file=>_async_to_generator(function*(){const fileValue=file?{name:file.name,value:yield convertBase64(file)}:"";onChange(fileValue)})()}))}})};
 //# sourceMappingURL=FileInput.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Form/FileInput/FileInput.tsx"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport { FileInput as FileInputMantine, FileInputProps } 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 { UploadIcon } from \"lucide-react\"\nimport classes from \"./FileInput.module.css\"\n\n/**\n * Provides a raw FileInput component\n * @param size Size of the FileInput based on sm, md, and lg\n * @param FileInputProps Additional props as defined by library\n */\nconst FileInputRaw = ({ size = \"md\", ...props }, ref: ForwardedRef<HTMLButtonElement>) => {\n  const defaultStyles = getDefaultFormStyles()\n\n  return (\n    <FileInputMantine\n      ref={ref}\n      classNames={{\n        root: defaultStyles.root,\n        label: defaultStyles.label,\n        input: `${defaultStyles.input} ${classes.input}`,\n        error: defaultStyles.error,\n        section: classes.section,\n      }}\n      size={size}\n      clearable={props?.value?.value !== \"\"}\n      leftSection={<UploadIcon size={14} />}\n      {...props}\n    />\n  )\n}\n\nexport const FileInput = React.forwardRef(FileInputRaw)\n\nconst convertBase64 = (file: File): Promise<string> => {\n  return new Promise((resolve, reject) => {\n    const fileReader = new FileReader()\n    fileReader.readAsDataURL(file)\n\n    fileReader.onload = () => {\n      if (typeof fileReader.result === \"string\") {\n        const [, base64String] = fileReader.result.split(\",\")\n        resolve(base64String)\n      }\n    }\n    fileReader.onerror = (error) => {\n      reject(error)\n    }\n  })\n}\n\n/**\n * **Form** wrapper for a FileInput 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 used as identifier in the form\n * @param size Size of the input using sm, md or lg\n * @param FileInputProps Additional props as defined by Mantine FileInput\n */\nexport const FormFileInput: React.FC<FileInputProps & TFormControl<HTMLInputElement>> = ({\n  name,\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        validate: props.validation,\n      }}\n      disabled={props.disabled}\n      render={({ field: { onChange, ...field } }) => (\n        <FileInput\n          {...field}\n          {...props}\n          error={errors.length > 0 && <FormErrors errors={errors} />}\n          onChange={async (file: File) => {\n            const fileValue = file\n              ? {\n                  name: file.name,\n                  value: await convertBase64(file),\n                }\n              : \"\"\n            onChange(fileValue)\n          }}\n        />\n      )}\n    />\n  )\n}\n"],"names":["FileInput","FormFileInput","FileInputRaw","size","props","ref","defaultStyles","getDefaultFormStyles","FileInputMantine","classNames","root","label","input","classes","error","section","clearable","value","leftSection","UploadIcon","React","forwardRef","convertBase64","file","Promise","resolve","reject","fileReader","FileReader","readAsDataURL","onload","result","base64String","split","onerror","name","form","useFormContext","errorContext","useErrorContext","formError","formState","errors","fetchErrors","message","flat","filter","ent","Controller","control","rules","validate","validation","disabled","render","field","onChange","length","FormErrors","fileValue"],"mappings":"mPAwCaA,mBAAAA,eA0BAC,uBAAAA,oFA9DiD,6CACzB,8EACD,8BACY,wCACrB,6CAEA,iDACA,wFACP,27FAOpB,MAAMC,aAAe,iDAAC,CAAEC,KAAO,IAAI,CAAY,OAAPC,kDAASC,eAchCD,aAbf,MAAME,cAAgBC,GAAAA,kCAAoB,IAE1C,MACE,oBAACC,eAAgB,iBACfH,IAAKA,IACLI,WAAY,CACVC,KAAMJ,cAAcI,IAAI,CACxBC,MAAOL,cAAcK,KAAK,CAC1BC,MAAO,CAAC,EAAEN,cAAcM,KAAK,CAAC,CAAC,EAAEC,2BAAO,CAACD,KAAK,CAAC,CAAC,CAChDE,MAAOR,cAAcQ,KAAK,CAC1BC,QAASF,2BAAO,CAACE,OAAO,AAC1B,EACAZ,KAAMA,KACNa,UAAWZ,CAAAA,cAAAA,uBAAAA,aAAAA,MAAOa,KAAK,UAAZb,6BAAAA,aAAca,KAAK,IAAK,GACnCC,YAAa,oBAACC,uBAAU,EAAChB,KAAM,MAC3BC,OAGV,EAEO,MAAMJ,UAAYoB,cAAK,CAACC,UAAU,CAACnB,cAE1C,MAAMoB,cAAgB,AAACC,OACrB,OAAO,IAAIC,QAAQ,CAACC,QAASC,UAC3B,MAAMC,WAAa,IAAIC,WACvBD,WAAWE,aAAa,CAACN,KAEzBI,CAAAA,WAAWG,MAAM,CAAG,KAClB,GAAI,OAAOH,WAAWI,MAAM,GAAK,SAAU,CACzC,KAAM,EAAGC,aAAa,CAAGL,WAAWI,MAAM,CAACE,KAAK,CAAC,KACjDR,QAAQO,aACV,CACF,CACAL,CAAAA,WAAWO,OAAO,CAAG,AAACpB,QACpBY,OAAOZ,MACT,CACF,EACF,EASO,MAAMb,cAA2E,QAAC,CACvFkC,IAAI,CAEL,IADI/B,8CAEH,MAAMgC,KAAOC,GAAAA,oBAAc,IAC3B,MAAMC,aAAeC,GAAAA,qBAAe,IAEpC,MAAMC,UAAYJ,KAAKK,SAAS,CAACC,MAAM,CAACP,KAAK,CAC7C,MAAMQ,YAAcL,aAAaI,MAAM,CAACP,KAAK,CAE7C,MAAMO,OAAS,CAACF,kBAAAA,0BAAAA,UAAWI,OAAO,CAAYD,YAAY,CAACE,IAAI,GAAGC,MAAM,CAAC,AAACC,KAAQA,KAElF,MACE,oBAACC,yBAAU,EACTC,QAASb,KAAKa,OAAO,CACrBd,KAAMA,KACNe,MAAO,CACLC,SAAU/C,MAAMgD,UAAU,AAC5B,EACAC,SAAUjD,MAAMiD,QAAQ,CACxBC,OAAQ,QAAC,CAAEC,UAAAA,CAA+B,IAAxB,CAAEC,QAAQ,CAAY,MAAPD,0DAC/B,oBAACvD,iDACKuD,MACAnD,QACJU,MAAO4B,OAAOe,MAAM,CAAG,GAAK,oBAACC,sBAAU,EAAChB,OAAQA,SAChDc,SAAU,AAAOjC,sCACf,MAAMoC,UAAYpC,KACd,CACEY,KAAMZ,KAAKY,IAAI,CACflB,MAAO,MAAMK,cAAcC,KAC7B,EACA,GACJiC,SAASG,UACX,UAKV"}
+{"version":3,"sources":["../../../../../src/components/Form/FileInput/FileInput.tsx"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport { FileInput as FileInputMantine, FileInputProps } 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 { UploadIcon } from \"lucide-react\"\nimport classes from \"./FileInput.module.css\"\n\n/**\n * Provides a raw FileInput component\n * @param size Size of the FileInput based on sm, md, and lg\n * @param FileInputProps Additional props as defined by library\n */\nconst FileInputRaw = ({ size = \"md\", ...props }, ref: ForwardedRef<HTMLButtonElement>) => {\n  const defaultStyles = getDefaultFormStyles()\n\n  return (\n    <FileInputMantine\n      ref={ref}\n      classNames={{\n        root: defaultStyles.root,\n        label: defaultStyles.label,\n        input: `${defaultStyles.input} ${classes.input}`,\n        error: defaultStyles.error,\n        section: classes.section,\n      }}\n      size={size}\n      clearable={props?.value?.value !== \"\"}\n      leftSection={<UploadIcon size={14} />}\n      {...props}\n    />\n  )\n}\n\nexport const FileInput = React.forwardRef(FileInputRaw)\n\nconst convertBase64 = (file: File): Promise<string> => {\n  return new Promise((resolve, reject) => {\n    const fileReader = new FileReader()\n    fileReader.readAsDataURL(file)\n\n    fileReader.onload = () => {\n      if (typeof fileReader.result === \"string\") {\n        const [, base64String] = fileReader.result.split(\",\")\n        resolve(base64String)\n      }\n    }\n    fileReader.onerror = (error) => {\n      reject(error)\n    }\n  })\n}\n\n/**\n * **Form** wrapper for a FileInput 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 used as identifier in the form\n * @param size Size of the input using sm, md or lg\n * @param FileInputProps Additional props as defined by Mantine FileInput\n */\nexport const FormFileInput: React.FC<FileInputProps & TFormControl<HTMLInputElement>> = ({\n  name,\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        validate: props.validation,\n      }}\n      disabled={props.disabled}\n      render={({ field: { onChange, ...field } }) => (\n        <FileInput\n          {...field}\n          {...props}\n          error={errors.length > 0 && <FormErrors errors={errors} />}\n          onChange={async (file: File) => {\n            const fileValue = file\n              ? {\n                  name: file.name,\n                  value: await convertBase64(file),\n                }\n              : \"\"\n            onChange(fileValue)\n          }}\n        />\n      )}\n    />\n  )\n}\n"],"names":["FileInput","FormFileInput","FileInputRaw","size","props","ref","defaultStyles","getDefaultFormStyles","FileInputMantine","classNames","root","label","input","classes","error","section","clearable","value","leftSection","UploadIcon","React","forwardRef","convertBase64","file","Promise","resolve","reject","fileReader","FileReader","readAsDataURL","onload","result","base64String","split","onerror","name","form","useFormContext","errorContext","useErrorContext","formError","formState","errors","fetchErrors","message","flat","filter","ent","Controller","control","rules","validate","validation","disabled","render","field","onChange","length","FormErrors","fileValue"],"mappings":"mPAwCaA,mBAAAA,eA0BAC,uBAAAA,oFA9DiD,6CACzB,8EACD,8BACY,wCACrB,6CAEA,iDACA,wFACP,m8FAOpB,MAAMC,aAAe,iDAAC,CAAEC,KAAO,IAAI,CAAY,OAAPC,kDAASC,eAchCD,aAbf,MAAME,cAAgBC,GAAAA,kCAAoB,IAE1C,MACE,oBAACC,eAAgB,iBACfH,IAAKA,IACLI,WAAY,CACVC,KAAMJ,cAAcI,IAAI,CACxBC,MAAOL,cAAcK,KAAK,CAC1BC,MAAO,CAAC,EAAEN,cAAcM,KAAK,CAAC,CAAC,EAAEC,2BAAO,CAACD,KAAK,CAAC,CAAC,CAChDE,MAAOR,cAAcQ,KAAK,CAC1BC,QAASF,2BAAO,CAACE,OAAO,AAC1B,EACAZ,KAAMA,KACNa,UAAWZ,CAAAA,cAAAA,uBAAAA,aAAAA,MAAOa,KAAK,UAAZb,6BAAAA,aAAca,KAAK,IAAK,GACnCC,YAAa,oBAACC,uBAAU,EAAChB,KAAM,MAC3BC,OAGV,EAEO,MAAMJ,UAAYoB,cAAK,CAACC,UAAU,CAACnB,cAE1C,MAAMoB,cAAgB,AAACC,OACrB,OAAO,IAAIC,QAAQ,CAACC,QAASC,UAC3B,MAAMC,WAAa,IAAIC,WACvBD,WAAWE,aAAa,CAACN,KAEzBI,CAAAA,WAAWG,MAAM,CAAG,KAClB,GAAI,OAAOH,WAAWI,MAAM,GAAK,SAAU,CACzC,KAAM,EAAGC,aAAa,CAAGL,WAAWI,MAAM,CAACE,KAAK,CAAC,KACjDR,QAAQO,aACV,CACF,CACAL,CAAAA,WAAWO,OAAO,CAAG,AAACpB,QACpBY,OAAOZ,MACT,CACF,EACF,EASO,MAAMb,cAA2E,QAAC,CACvFkC,IAAI,CAEL,IADI/B,8CAEH,MAAMgC,KAAOC,GAAAA,oBAAc,IAC3B,MAAMC,aAAeC,GAAAA,qBAAe,IAEpC,MAAMC,UAAYJ,KAAKK,SAAS,CAACC,MAAM,CAACP,KAAK,CAC7C,MAAMQ,YAAcL,aAAaI,MAAM,CAACP,KAAK,CAE7C,MAAMO,OAAS,CAACF,kBAAAA,0BAAAA,UAAWI,OAAO,CAAYD,YAAY,CAACE,IAAI,GAAGC,MAAM,CAAC,AAACC,KAAQA,KAElF,MACE,oBAACC,yBAAU,EACTC,QAASb,KAAKa,OAAO,CACrBd,KAAMA,KACNe,MAAO,CACLC,SAAU/C,MAAMgD,UAAU,AAC5B,EACAC,SAAUjD,MAAMiD,QAAQ,CACxBC,OAAQ,QAAC,CAAEC,UAAAA,CAA+B,IAAxB,CAAEC,QAAQ,CAAY,MAAPD,0DAC/B,oBAACvD,iDACKuD,MACAnD,QACJU,MAAO4B,OAAOe,MAAM,CAAG,GAAK,oBAACC,sBAAU,EAAChB,OAAQA,SAChDc,SAAU,AAAOjC,sCACf,MAAMoC,UAAYpC,KACd,CACEY,KAAMZ,KAAKY,IAAI,CACflB,MAAO,MAAMK,cAAcC,KAC7B,EACA,GACJiC,SAASG,UACX,UAKV"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});function _export(target,all){for(var name in all)Object.defineProperty(target,name,{enumerable:true,get:Object.getOwnPropertyDescriptor(all,name).get})}_export(exports,{get Form(){return Form},get FormProvider(){return FormProvider},get useFormContext(){return _reacthookform.useFormContext},get useWatch(){return _reacthookform.useWatch}});const _jsxruntime=require("react/jsx-runtime");const _react=require("react");const _reacthookform=require("react-hook-form");const _Formmodulecss=/*#__PURE__*/_interop_require_default(require("./Form.module.css"));function _define_property(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true})}else{obj[key]=value}return obj}function _interop_require_default(obj){return obj&&obj.__esModule?obj:{default:obj}}function _object_spread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};var ownKeys=Object.keys(source);if(typeof Object.getOwnPropertySymbols==="function"){ownKeys=ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym){return Object.getOwnPropertyDescriptor(source,sym).enumerable}))}ownKeys.forEach(function(key){_define_property(target,key,source[key])})}return target}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})}keys.push.apply(keys,symbols)}return keys}function _object_spread_props(target,source){source=source!=null?source:{};if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source))}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))})}return target}function _object_without_properties(source,excluded){if(source==null)return{};var target={},sourceKeys,key,i;if(typeof Reflect!=="undefined"&&Reflect.ownKeys){sourceKeys=Reflect.ownKeys(source);for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key]}return target}target=_object_without_properties_loose(source,excluded);if(Object.getOwnPropertySymbols){sourceKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key]}}return target}function _object_without_properties_loose(source,excluded){if(source==null)return{};var target={},sourceKeys=Object.getOwnPropertyNames(source),key,i;for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key]}return target}function FormProvider({form,children}){return(0,_jsxruntime.jsx)(_reacthookform.FormProvider,_object_spread_props(_object_spread({},form),{children:children}))}function FormRaw(_0,_1){let _ref=[_0,_1],[_ref1,..._rest]=_ref,{onSubmit,children,options}=_ref1,formProps=_object_without_properties(_ref1,["onSubmit","children","options"]),[ref]=_rest;const form=(0,_reacthookform.useForm)(options);(0,_react.useImperativeHandle)(ref,()=>({getForm:()=>form}));return(0,_jsxruntime.jsx)(FormProvider,{form:form,children:(0,_jsxruntime.jsx)("form",_object_spread_props(_object_spread({onSubmit:form.handleSubmit(args=>onSubmit(args,form)),className:_Formmodulecss.default.form},formProps),{children:children}))})}const Form=(0,_react.forwardRef)(FormRaw);
+"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 Form(){return Form},get FormProvider(){return FormProvider},get useFormContext(){return _reacthookform.useFormContext},get useWatch(){return _reacthookform.useWatch}});const _jsxruntime=require("react/jsx-runtime");const _react=require("react");const _reacthookform=require("react-hook-form");const _Formmodulecss=/*#__PURE__*/_interop_require_default(require("./Form.module.css"));function _define_property(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true})}else{obj[key]=value}return obj}function _interop_require_default(obj){return obj&&obj.__esModule?obj:{default:obj}}function _object_spread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};var ownKeys=Object.keys(source);if(typeof Object.getOwnPropertySymbols==="function"){ownKeys=ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym){return Object.getOwnPropertyDescriptor(source,sym).enumerable}))}ownKeys.forEach(function(key){_define_property(target,key,source[key])})}return target}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})}keys.push.apply(keys,symbols)}return keys}function _object_spread_props(target,source){source=source!=null?source:{};if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source))}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))})}return target}function _object_without_properties(source,excluded){if(source==null)return{};var target={},sourceKeys,key,i;if(typeof Reflect!=="undefined"&&Reflect.ownKeys){sourceKeys=Reflect.ownKeys(Object(source));for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key]}return target}target=_object_without_properties_loose(source,excluded);if(Object.getOwnPropertySymbols){sourceKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key]}}return target}function _object_without_properties_loose(source,excluded){if(source==null)return{};var target={},sourceKeys=Object.getOwnPropertyNames(source),key,i;for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key]}return target}function FormProvider({form,children}){return(0,_jsxruntime.jsx)(_reacthookform.FormProvider,_object_spread_props(_object_spread({},form),{children:children}))}function FormRaw(_0,_1){let _ref=[_0,_1],[_ref1,..._rest]=_ref,{onSubmit,children,options}=_ref1,formProps=_object_without_properties(_ref1,["onSubmit","children","options"]),[ref]=_rest;const form=(0,_reacthookform.useForm)(options);(0,_react.useImperativeHandle)(ref,()=>({getForm:()=>form}));return(0,_jsxruntime.jsx)(FormProvider,{form:form,children:(0,_jsxruntime.jsx)("form",_object_spread_props(_object_spread({onSubmit:form.handleSubmit(args=>onSubmit(args,form)),className:_Formmodulecss.default.form},formProps),{children:children}))})}const Form=(0,_react.forwardRef)(FormRaw);
 //# sourceMappingURL=Form.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Form/Form/Form.tsx"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport {\n  DetailedHTMLProps,\n  FormHTMLAttributes,\n  ForwardedRef,\n  forwardRef,\n  ReactNode,\n  useImperativeHandle,\n} from \"react\"\nimport {\n  useForm as useRHForm,\n  FormProvider as RHFormProvider,\n  useFormContext,\n  FieldValues,\n  UseFormProps,\n  UseFormReturn,\n  useWatch,\n} from \"react-hook-form\"\nimport { ThandleSubmit } from \"./types\"\nimport classes from \"./Form.module.css\"\n\nexport type TuseFormProps<TFormData extends FieldValues> = Omit<\n  DetailedHTMLProps<FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>,\n  \"onSubmit\" | \"ref\"\n> & {\n  children?: ReactNode\n  onSubmit: ThandleSubmit<TFormData>\n  options?: UseFormProps<TFormData>\n}\n\nexport function FormProvider<TFormData extends FieldValues>({\n  form,\n  children,\n}: {\n  form: UseFormReturn<TFormData, any, TFormData>\n  children: ReactNode\n}) {\n  return <RHFormProvider {...form}>{children}</RHFormProvider>\n}\n\nexport type TFormForwardRef<TFormData extends FieldValues> = {\n  getForm: () => UseFormReturn<TFormData, any, TFormData> | undefined\n}\n\n/**\n * The **Form** is a simple wrapper for @react-hook-form made for easier and developer-friendlier Form creation.\n * With RHF you have to manually register all inputs and pass the field-validation on the useForm({validation}) hook.\n * Using this **Form** You can simply wrap this **Form** around your form body that contains the FormXXXX UI form-elements.\n * The FormXXX elements automatically connect to the form context and register their local validations without hustle.\n * It looks like this:<br/>\n * ```typescript\n * <Form onSubmit={(data, form) => handleSubmit(data)}>\n *    <FormInput name=\"name\" />\n *    <FormInput type=\"number\" name=\"age\" />\n *    <button type=\"submit\">submit</button>\n * </Form>\n * ```\n * @param onSubmit Callback when form is submitted\n * @param children\n * @param options Options that are passed to @react-hook-forms useForm\n * @param formProps Props for the native form element\n * @param ref ForwardRef to get the form as a parent component {getForm()}\n */\nfunction FormRaw<TFormData extends FieldValues>(\n  { onSubmit, children, options, ...formProps }: Omit<TuseFormProps<TFormData>, \"ref\">,\n  ref: ForwardedRef<TFormForwardRef<TFormData>>\n) {\n  const form = useRHForm<TFormData>(options)\n  useImperativeHandle(ref, () => ({\n    getForm: () => form,\n  }))\n  return (\n    <FormProvider form={form}>\n      <form\n        onSubmit={form.handleSubmit((args) => onSubmit(args, form))}\n        className={classes.form}\n        {...formProps}\n      >\n        {children}\n      </form>\n    </FormProvider>\n  )\n}\n\nconst Form = forwardRef(FormRaw) as <TFormFields extends FieldValues>(\n  props: TuseFormProps<TFormFields> & {\n    ref?: React.ForwardedRef<TFormForwardRef<TFormFields>>\n  }\n) => ReturnType<typeof FormRaw>\n\nexport { useWatch, useFormContext, Form }\n"],"names":["Form","FormProvider","useFormContext","useWatch","form","children","RHFormProvider","FormRaw","ref","onSubmit","options","formProps","useRHForm","useImperativeHandle","getForm","handleSubmit","args","className","classes","forwardRef"],"mappings":"mPA6FmCA,cAAAA,UA5DnBC,sBAAAA,kBA4DGC,wBAAAA,6BAAc,MAAxBC,kBAAAA,uBAAQ,wEAlFV,sCASA,sFAEa,03EAWb,SAASF,aAA4C,CAC1DG,IAAI,CACJC,QAAQ,CAIT,EACC,MAAO,oBAACC,2BAAc,wCAAKF,gBAAOC,WACpC,CAyBA,SAASE,QACP,EAAoF,CACpFC,EAA6C,yCAD7C,CAAEC,QAAQ,CAAEJ,QAAQ,CAAEK,OAAO,CAAuD,OAAlDC,+EAClCH,WAEA,MAAMJ,KAAOQ,GAAAA,sBAAS,EAAYF,SAClCG,GAAAA,0BAAmB,EAACL,IAAK,IAAO,CAAA,CAC9BM,QAAS,IAAMV,IACjB,CAAA,GACA,MACE,oBAACH,cAAaG,KAAMA,cAClB,oBAACA,4CACCK,SAAUL,KAAKW,YAAY,CAAC,AAACC,MAASP,SAASO,KAAMZ,OACrDa,UAAWC,sBAAO,CAACd,IAAI,EACnBO,qBAEHN,aAIT,CAEA,MAAML,KAAOmB,GAAAA,iBAAU,EAACZ"}
+{"version":3,"sources":["../../../../../src/components/Form/Form/Form.tsx"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport {\n  DetailedHTMLProps,\n  FormHTMLAttributes,\n  ForwardedRef,\n  forwardRef,\n  ReactNode,\n  useImperativeHandle,\n} from \"react\"\nimport {\n  useForm as useRHForm,\n  FormProvider as RHFormProvider,\n  useFormContext,\n  FieldValues,\n  UseFormProps,\n  UseFormReturn,\n  useWatch,\n} from \"react-hook-form\"\nimport { ThandleSubmit } from \"./types\"\nimport classes from \"./Form.module.css\"\n\nexport type TuseFormProps<TFormData extends FieldValues> = Omit<\n  DetailedHTMLProps<FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>,\n  \"onSubmit\" | \"ref\"\n> & {\n  children?: ReactNode\n  onSubmit: ThandleSubmit<TFormData>\n  options?: UseFormProps<TFormData>\n}\n\nexport function FormProvider<TFormData extends FieldValues>({\n  form,\n  children,\n}: {\n  form: UseFormReturn<TFormData, any, TFormData>\n  children: ReactNode\n}) {\n  return <RHFormProvider {...form}>{children}</RHFormProvider>\n}\n\nexport type TFormForwardRef<TFormData extends FieldValues> = {\n  getForm: () => UseFormReturn<TFormData, any, TFormData> | undefined\n}\n\n/**\n * The **Form** is a simple wrapper for @react-hook-form made for easier and developer-friendlier Form creation.\n * With RHF you have to manually register all inputs and pass the field-validation on the useForm({validation}) hook.\n * Using this **Form** You can simply wrap this **Form** around your form body that contains the FormXXXX UI form-elements.\n * The FormXXX elements automatically connect to the form context and register their local validations without hustle.\n * It looks like this:<br/>\n * ```typescript\n * <Form onSubmit={(data, form) => handleSubmit(data)}>\n *    <FormInput name=\"name\" />\n *    <FormInput type=\"number\" name=\"age\" />\n *    <button type=\"submit\">submit</button>\n * </Form>\n * ```\n * @param onSubmit Callback when form is submitted\n * @param children\n * @param options Options that are passed to @react-hook-forms useForm\n * @param formProps Props for the native form element\n * @param ref ForwardRef to get the form as a parent component {getForm()}\n */\nfunction FormRaw<TFormData extends FieldValues>(\n  { onSubmit, children, options, ...formProps }: Omit<TuseFormProps<TFormData>, \"ref\">,\n  ref: ForwardedRef<TFormForwardRef<TFormData>>\n) {\n  const form = useRHForm<TFormData>(options)\n  useImperativeHandle(ref, () => ({\n    getForm: () => form,\n  }))\n  return (\n    <FormProvider form={form}>\n      <form\n        onSubmit={form.handleSubmit((args) => onSubmit(args, form))}\n        className={classes.form}\n        {...formProps}\n      >\n        {children}\n      </form>\n    </FormProvider>\n  )\n}\n\nconst Form = forwardRef(FormRaw) as <TFormFields extends FieldValues>(\n  props: TuseFormProps<TFormFields> & {\n    ref?: React.ForwardedRef<TFormForwardRef<TFormFields>>\n  }\n) => ReturnType<typeof FormRaw>\n\nexport { useWatch, useFormContext, Form }\n"],"names":["Form","FormProvider","useFormContext","useWatch","form","children","RHFormProvider","FormRaw","ref","onSubmit","options","formProps","useRHForm","useImperativeHandle","getForm","handleSubmit","args","className","classes","forwardRef"],"mappings":"mPA6FmCA,cAAAA,UA5DnBC,sBAAAA,kBA4DGC,wBAAAA,6BAAc,MAAxBC,kBAAAA,uBAAQ,wEAlFV,sCASA,sFAEa,k4EAWb,SAASF,aAA4C,CAC1DG,IAAI,CACJC,QAAQ,CAIT,EACC,MAAO,oBAACC,2BAAc,wCAAKF,gBAAOC,WACpC,CAyBA,SAASE,QACP,EAAoF,CACpFC,EAA6C,yCAD7C,CAAEC,QAAQ,CAAEJ,QAAQ,CAAEK,OAAO,CAAuD,OAAlDC,+EAClCH,WAEA,MAAMJ,KAAOQ,GAAAA,sBAAS,EAAYF,SAClCG,GAAAA,0BAAmB,EAACL,IAAK,IAAO,CAAA,CAC9BM,QAAS,IAAMV,IACjB,CAAA,GACA,MACE,oBAACH,cAAaG,KAAMA,cAClB,oBAACA,4CACCK,SAAUL,KAAKW,YAAY,CAAC,AAACC,MAASP,SAASO,KAAMZ,OACrDa,UAAWC,sBAAO,CAACd,IAAI,EACnBO,qBAEHN,aAIT,CAEA,MAAML,KAAOmB,GAAAA,iBAAU,EAACZ"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});function _export(target,all){for(var name in all)Object.defineProperty(target,name,{enumerable:true,get:Object.getOwnPropertyDescriptor(all,name).get})}_export(exports,{get FormInput(){return FormInput},get Input(){return Input}});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 _Form1=require("../Form");const _FormErrors=require("../Form/FormErrors");function _define_property(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true})}else{obj[key]=value}return obj}function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!=="function")return null;var cacheBabelInterop=new WeakMap;var cacheNodeInterop=new WeakMap;return(_getRequireWildcardCache=function(nodeInterop){return nodeInterop?cacheNodeInterop:cacheBabelInterop})(nodeInterop)}function _interop_require_wildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule){return obj}if(obj===null||typeof obj!=="object"&&typeof obj!=="function"){return{default:obj}}var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj)){return cache.get(obj)}var newObj={__proto__:null};var hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj){if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;if(desc&&(desc.get||desc.set)){Object.defineProperty(newObj,key,desc)}else{newObj[key]=obj[key]}}}newObj.default=obj;if(cache){cache.set(obj,newObj)}return newObj}function _object_spread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};var ownKeys=Object.keys(source);if(typeof Object.getOwnPropertySymbols==="function"){ownKeys=ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym){return Object.getOwnPropertyDescriptor(source,sym).enumerable}))}ownKeys.forEach(function(key){_define_property(target,key,source[key])})}return target}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})}keys.push.apply(keys,symbols)}return keys}function _object_spread_props(target,source){source=source!=null?source:{};if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source))}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))})}return target}function _object_without_properties(source,excluded){if(source==null)return{};var target={},sourceKeys,key,i;if(typeof Reflect!=="undefined"&&Reflect.ownKeys){sourceKeys=Reflect.ownKeys(source);for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key]}return target}target=_object_without_properties_loose(source,excluded);if(Object.getOwnPropertySymbols){sourceKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key]}}return target}function _object_without_properties_loose(source,excluded){if(source==null)return{};var target={},sourceKeys=Object.getOwnPropertyNames(source),key,i;for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key]}return target}const Input=(0,_react.forwardRef)((_0,_1)=>{let _ref=[_0,_1],[_ref1,..._rest]=_ref,{size="md"}=_ref1,props=_object_without_properties(_ref1,["size"]),[ref]=_rest;const classes=(0,_sharedStyles.getDefaultFormStyles)();return(0,_jsxruntime.jsx)(_core.TextInput,_object_spread_props(_object_spread({ref:ref},props),{size:size,classNames:_object_spread({root:classes.root,label:classes.label,input:classes.input,error:classes.error},props.classNames)}))});const FormInput=_0=>{let{name,validation={},min,max,minLength,maxLength}=_0,inputProps=_object_without_properties(_0,["name","validation","min","max","minLength","maxLength"]);const{register,formState}=(0,_Form.useFormContext)();const errorContext=(0,_Form1.useErrorContext)();const formErrors=formState.errors[name];const fetchErrors=errorContext.errors[name];const errors=[formErrors===null||formErrors===void 0?void 0:formErrors.message,fetchErrors].flat().filter(ent=>ent);return(0,_jsxruntime.jsx)(Input,_object_spread_props(_object_spread({},inputProps,register(name,{validate:validation,disabled:inputProps.disabled,min,max,minLength,maxLength})),{error:errors.length>0&&(0,_jsxruntime.jsx)(_FormErrors.FormErrors,{errors:errors})}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});function _export(target,all){for(var name in all)Object.defineProperty(target,name,{enumerable:true,get:Object.getOwnPropertyDescriptor(all,name).get})}_export(exports,{get FormInput(){return FormInput},get Input(){return Input}});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 _Form1=require("../Form");const _FormErrors=require("../Form/FormErrors");function _define_property(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true})}else{obj[key]=value}return obj}function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!=="function")return null;var cacheBabelInterop=new WeakMap;var cacheNodeInterop=new WeakMap;return(_getRequireWildcardCache=function(nodeInterop){return nodeInterop?cacheNodeInterop:cacheBabelInterop})(nodeInterop)}function _interop_require_wildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule){return obj}if(obj===null||typeof obj!=="object"&&typeof obj!=="function"){return{default:obj}}var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj)){return cache.get(obj)}var newObj={__proto__:null};var hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj){if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;if(desc&&(desc.get||desc.set)){Object.defineProperty(newObj,key,desc)}else{newObj[key]=obj[key]}}}newObj.default=obj;if(cache){cache.set(obj,newObj)}return newObj}function _object_spread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};var ownKeys=Object.keys(source);if(typeof Object.getOwnPropertySymbols==="function"){ownKeys=ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym){return Object.getOwnPropertyDescriptor(source,sym).enumerable}))}ownKeys.forEach(function(key){_define_property(target,key,source[key])})}return target}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})}keys.push.apply(keys,symbols)}return keys}function _object_spread_props(target,source){source=source!=null?source:{};if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source))}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))})}return target}function _object_without_properties(source,excluded){if(source==null)return{};var target={},sourceKeys,key,i;if(typeof Reflect!=="undefined"&&Reflect.ownKeys){sourceKeys=Reflect.ownKeys(Object(source));for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key]}return target}target=_object_without_properties_loose(source,excluded);if(Object.getOwnPropertySymbols){sourceKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key]}}return target}function _object_without_properties_loose(source,excluded){if(source==null)return{};var target={},sourceKeys=Object.getOwnPropertyNames(source),key,i;for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key]}return target}const Input=(0,_react.forwardRef)((_0,_1)=>{let _ref=[_0,_1],[_ref1,..._rest]=_ref,{size="md"}=_ref1,props=_object_without_properties(_ref1,["size"]),[ref]=_rest;const classes=(0,_sharedStyles.getDefaultFormStyles)();return(0,_jsxruntime.jsx)(_core.TextInput,_object_spread_props(_object_spread({ref:ref},props),{size:size,classNames:_object_spread({root:classes.root,label:classes.label,input:classes.input,error:classes.error},props.classNames)}))});const FormInput=_0=>{let{name,validation={},min,max,minLength,maxLength}=_0,inputProps=_object_without_properties(_0,["name","validation","min","max","minLength","maxLength"]);const{register,formState}=(0,_Form.useFormContext)();const errorContext=(0,_Form1.useErrorContext)();const formErrors=formState.errors[name];const fetchErrors=errorContext.errors[name];const errors=[formErrors===null||formErrors===void 0?void 0:formErrors.message,fetchErrors].flat().filter(ent=>ent);return(0,_jsxruntime.jsx)(Input,_object_spread_props(_object_spread({},inputProps,register(name,{validate:validation,disabled:inputProps.disabled,min,max,minLength,maxLength})),{error:errors.length>0&&(0,_jsxruntime.jsx)(_FormErrors.FormErrors,{errors:errors})}))};
 //# sourceMappingURL=Input.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Form/Input/Input.tsx"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport { TextInput, TextInputProps } from \"@mantine/core\"\nimport { getDefaultFormStyles } from \"../sharedStyles\"\nimport { useFormContext } from \"../Form/Form\"\nimport { TFormControl } from \"../Form\"\nimport React, { forwardRef } from \"react\"\nimport { useErrorContext } from \"../Form\"\nimport { FormErrors } from \"../Form/FormErrors\"\n\n// eslint-disable-next-line react/display-name\nexport const Input = forwardRef<HTMLInputElement, TextInputProps>(\n  ({ size = \"md\", ...props }, ref) => {\n    const classes = getDefaultFormStyles()\n    return (\n      <TextInput\n        ref={ref}\n        {...props}\n        size={size}\n        classNames={{\n          root: classes.root,\n          label: classes.label,\n          input: classes.input,\n          error: classes.error,\n          ...props.classNames,\n        }}\n      />\n    )\n  }\n)\n\n/**\n * **Form** wrapper for an input 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 FormInput: React.FC<TextInputProps & 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\n  const formErrors = formState.errors[name]\n  const fetchErrors = errorContext.errors[name]\n  const errors = [formErrors?.message as string, fetchErrors].flat().filter((ent) => ent)\n\n  return (\n    <Input\n      {...inputProps}\n      {...register(name, {\n        validate: validation,\n        disabled: inputProps.disabled,\n        min,\n        max,\n        minLength,\n        maxLength,\n      })}\n      error={errors.length > 0 && <FormErrors errors={errors} />}\n    />\n  )\n}\n"],"names":["FormInput","Input","forwardRef","size","props","ref","classes","getDefaultFormStyles","TextInput","classNames","root","label","input","error","name","validation","min","max","minLength","maxLength","inputProps","register","formState","useFormContext","errorContext","useErrorContext","formErrors","errors","fetchErrors","message","flat","filter","ent","validate","disabled","length","FormErrors"],"mappings":"mPA4CaA,mBAAAA,eA/BAC,eAAAA,4EAT6B,6CACL,uCACN,4EAEG,+BACF,qCACL,0wGAGpB,MAAMA,MAAQC,GAAAA,iBAAU,EAC7B,iDAAC,CAAEC,KAAO,IAAI,CAAY,OAAPC,kDAASC,WAC1B,MAAMC,QAAUC,GAAAA,kCAAoB,IACpC,MACE,oBAACC,eAAS,sCACRH,IAAKA,KACDD,QACJD,KAAMA,KACNM,WAAY,gBACVC,KAAMJ,QAAQI,IAAI,CAClBC,MAAOL,QAAQK,KAAK,CACpBC,MAAON,QAAQM,KAAK,CACpBC,MAAOP,QAAQO,KAAK,EACjBT,MAAMK,UAAU,IAI3B,GAcK,MAAMT,UAAuE,QAAC,CACnFc,IAAI,CACJC,WAAa,CAAC,CAAC,CACfC,GAAG,CACHC,GAAG,CACHC,SAAS,CACTC,SAAS,CAEV,IADIC,oGAEH,KAAM,CAAEC,QAAQ,CAAEC,SAAS,CAAE,CAAGC,GAAAA,oBAAc,IAC9C,MAAMC,aAAeC,GAAAA,sBAAe,IAEpC,MAAMC,WAAaJ,UAAUK,MAAM,CAACb,KAAK,CACzC,MAAMc,YAAcJ,aAAaG,MAAM,CAACb,KAAK,CAC7C,MAAMa,OAAS,CAACD,mBAAAA,2BAAAA,WAAYG,OAAO,CAAYD,YAAY,CAACE,IAAI,GAAGC,MAAM,CAAC,AAACC,KAAQA,KAEnF,MACE,oBAAC/B,6CACKmB,WACAC,SAASP,KAAM,CACjBmB,SAAUlB,WACVmB,SAAUd,WAAWc,QAAQ,CAC7BlB,IACAC,IACAC,UACAC,SACF,KACAN,MAAOc,OAAOQ,MAAM,CAAG,GAAK,oBAACC,sBAAU,EAACT,OAAQA,WAGtD"}
+{"version":3,"sources":["../../../../../src/components/Form/Input/Input.tsx"],"sourcesContent":["/* Copyright (C) Greenbone AG\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport { TextInput, TextInputProps } from \"@mantine/core\"\nimport { getDefaultFormStyles } from \"../sharedStyles\"\nimport { useFormContext } from \"../Form/Form\"\nimport { TFormControl } from \"../Form\"\nimport React, { forwardRef } from \"react\"\nimport { useErrorContext } from \"../Form\"\nimport { FormErrors } from \"../Form/FormErrors\"\n\n// eslint-disable-next-line react/display-name\nexport const Input = forwardRef<HTMLInputElement, TextInputProps>(\n  ({ size = \"md\", ...props }, ref) => {\n    const classes = getDefaultFormStyles()\n    return (\n      <TextInput\n        ref={ref}\n        {...props}\n        size={size}\n        classNames={{\n          root: classes.root,\n          label: classes.label,\n          input: classes.input,\n          error: classes.error,\n          ...props.classNames,\n        }}\n      />\n    )\n  }\n)\n\n/**\n * **Form** wrapper for an input 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 FormInput: React.FC<TextInputProps & 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\n  const formErrors = formState.errors[name]\n  const fetchErrors = errorContext.errors[name]\n  const errors = [formErrors?.message as string, fetchErrors].flat().filter((ent) => ent)\n\n  return (\n    <Input\n      {...inputProps}\n      {...register(name, {\n        validate: validation,\n        disabled: inputProps.disabled,\n        min,\n        max,\n        minLength,\n        maxLength,\n      })}\n      error={errors.length > 0 && <FormErrors errors={errors} />}\n    />\n  )\n}\n"],"names":["FormInput","Input","forwardRef","size","props","ref","classes","getDefaultFormStyles","TextInput","classNames","root","label","input","error","name","validation","min","max","minLength","maxLength","inputProps","register","formState","useFormContext","errorContext","useErrorContext","formErrors","errors","fetchErrors","message","flat","filter","ent","validate","disabled","length","FormErrors"],"mappings":"mPA4CaA,mBAAAA,eA/BAC,eAAAA,4EAT6B,6CACL,uCACN,4EAEG,+BACF,qCACL,kxGAGpB,MAAMA,MAAQC,GAAAA,iBAAU,EAC7B,iDAAC,CAAEC,KAAO,IAAI,CAAY,OAAPC,kDAASC,WAC1B,MAAMC,QAAUC,GAAAA,kCAAoB,IACpC,MACE,oBAACC,eAAS,sCACRH,IAAKA,KACDD,QACJD,KAAMA,KACNM,WAAY,gBACVC,KAAMJ,QAAQI,IAAI,CAClBC,MAAOL,QAAQK,KAAK,CACpBC,MAAON,QAAQM,KAAK,CACpBC,MAAOP,QAAQO,KAAK,EACjBT,MAAMK,UAAU,IAI3B,GAcK,MAAMT,UAAuE,QAAC,CACnFc,IAAI,CACJC,WAAa,CAAC,CAAC,CACfC,GAAG,CACHC,GAAG,CACHC,SAAS,CACTC,SAAS,CAEV,IADIC,oGAEH,KAAM,CAAEC,QAAQ,CAAEC,SAAS,CAAE,CAAGC,GAAAA,oBAAc,IAC9C,MAAMC,aAAeC,GAAAA,sBAAe,IAEpC,MAAMC,WAAaJ,UAAUK,MAAM,CAACb,KAAK,CACzC,MAAMc,YAAcJ,aAAaG,MAAM,CAACb,KAAK,CAC7C,MAAMa,OAAS,CAACD,mBAAAA,2BAAAA,WAAYG,OAAO,CAAYD,YAAY,CAACE,IAAI,GAAGC,MAAM,CAAC,AAACC,KAAQA,KAEnF,MACE,oBAAC/B,6CACKmB,WACAC,SAASP,KAAM,CACjBmB,SAAUlB,WACVmB,SAAUd,WAAWc,QAAQ,CAC7BlB,IACAC,IACAC,UACAC,SACF,KACAN,MAAOc,OAAOQ,MAAM,CAAG,GAAK,oBAACC,sBAAU,EAACT,OAAQA,WAGtD"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});function _export(target,all){for(var name in all)Object.defineProperty(target,name,{enumerable:true,get:Object.getOwnPropertyDescriptor(all,name).get})}_export(exports,{get 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={},sourceKeys,key,i;if(typeof Reflect!=="undefined"&&Reflect.ownKeys){sourceKeys=Reflect.ownKeys(source);for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key]}return target}target=_object_without_properties_loose(source,excluded);if(Object.getOwnPropertySymbols){sourceKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key]}}return target}function _object_without_properties_loose(source,excluded){if(source==null)return{};var target={},sourceKeys=Object.getOwnPropertyNames(source),key,i;for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key]}return target}const 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)((_0,_1)=>{let _ref=[_0,_1],[_ref1,..._rest]=_ref,{icon}=_ref1,props=_object_without_properties(_ref1,["icon"]),[ref]=_rest;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";
+"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={},sourceKeys,key,i;if(typeof Reflect!=="undefined"&&Reflect.ownKeys){sourceKeys=Reflect.ownKeys(Object(source));for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key]}return target}target=_object_without_properties_loose(source,excluded);if(Object.getOwnPropertySymbols){sourceKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key]}}return target}function _object_without_properties_loose(source,excluded){if(source==null)return{};var target={},sourceKeys=Object.getOwnPropertyNames(source),key,i;for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key]}return target}const 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)((_0,_1)=>{let _ref=[_0,_1],[_ref1,..._rest]=_ref,{icon}=_ref1,props=_object_without_properties(_ref1,["icon"]),[ref]=_rest;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

@@ -1 +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/**\n * Provides a menu entry giving a button and its target\n * @param buttonText String used as button label\n * @param children\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\n/**\n * Provides a menu entry giving an icon and its target\n * @param icon Icon to be used in the menu item\n * @param props as defined by Mantine for menu items\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":"mPAoBaA,oBAAAA,gBAwBAC,kBAAAA,+EAxCmB,uCACT,kCACe,oCACE,oCACnB,kFACD,23EAWb,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,aAWlB,MAAMlB,SAAWC,GAAAA,iBAAU,EAAoC,iDAAC,CAAES,IAAI,CAAY,OAAPR,kDAASC,WACzF,MAAMgB,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"}
+{"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/**\n * Provides a menu entry giving a button and its target\n * @param buttonText String used as button label\n * @param children\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\n/**\n * Provides a menu entry giving an icon and its target\n * @param icon Icon to be used in the menu item\n * @param props as defined by Mantine for menu items\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":"mPAoBaA,oBAAAA,gBAwBAC,kBAAAA,+EAxCmB,uCACT,kCACe,oCACE,oCACnB,kFACD,m4EAWb,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,aAWlB,MAAMlB,SAAWC,GAAAA,iBAAU,EAAoC,iDAAC,CAAES,IAAI,CAAY,OAAPR,kDAASC,WACzF,MAAMgB,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/PasswordInput/PasswordInput.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});function _export(target,all){for(var name in all)Object.defineProperty(target,name,{enumerable:true,get:Object.getOwnPropertyDescriptor(all,name).get})}_export(exports,{get 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={},sourceKeys,key,i;if(typeof Reflect!=="undefined"&&Reflect.ownKeys){sourceKeys=Reflect.ownKeys(source);for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key]}return target}target=_object_without_properties_loose(source,excluded);if(Object.getOwnPropertySymbols){sourceKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key]}}return target}function _object_without_properties_loose(source,excluded){if(source==null)return{};var target={},sourceKeys=Object.getOwnPropertyNames(source),key,i;for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key]}return target}const useStyles=()=>{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=(_0,_1)=>{let _ref=[_0,_1],[_ref1,..._rest]=_ref,{size="md"}=_ref1,props=_object_without_properties(_ref1,["size"]),[ref]=_rest;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=_0=>{let{name,validation={},min,max,minLength,maxLength}=_0,inputProps=_object_without_properties(_0,["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})}))};
+"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={},sourceKeys,key,i;if(typeof Reflect!=="undefined"&&Reflect.ownKeys){sourceKeys=Reflect.ownKeys(Object(source));for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key]}return target}target=_object_without_properties_loose(source,excluded);if(Object.getOwnPropertySymbols){sourceKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key]}}return target}function _object_without_properties_loose(source,excluded){if(source==null)return{};var target={},sourceKeys=Object.getOwnPropertyNames(source),key,i;for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key]}return target}const useStyles=()=>{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=(_0,_1)=>{let _ref=[_0,_1],[_ref1,..._rest]=_ref,{size="md"}=_ref1,props=_object_without_properties(_ref1,["size"]),[ref]=_rest;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=_0=>{let{name,validation={},min,max,minLength,maxLength}=_0,inputProps=_object_without_properties(_0,["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

@@ -1 +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,01GAE3B,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,iDACvB,CAAEN,KAAO,IAAI,CAAoB,OAAfP,kDAClBc,WAEA,MAAMjB,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,QAAC,CACnFgC,IAAI,CACJC,WAAa,CAAC,CAAC,CACfC,GAAG,CACHC,GAAG,CACHC,SAAS,CACTC,SAAS,CAEV,IADIC,oGAEH,KAAM,CAAEC,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"}
+{"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,k2GAE3B,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,iDACvB,CAAEN,KAAO,IAAI,CAAoB,OAAfP,kDAClBc,WAEA,MAAMjB,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,QAAC,CACnFgC,IAAI,CACJC,WAAa,CAAC,CAAC,CACfC,GAAG,CACHC,GAAG,CACHC,SAAS,CACTC,SAAS,CAEV,IADIC,oGAEH,KAAM,CAAEC,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/RadioButton/RadioButton.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});function _export(target,all){for(var name in all)Object.defineProperty(target,name,{enumerable:true,get:Object.getOwnPropertyDescriptor(all,name).get})}_export(exports,{get 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_spread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};var ownKeys=Object.keys(source);if(typeof Object.getOwnPropertySymbols==="function"){ownKeys=ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym){return Object.getOwnPropertyDescriptor(source,sym).enumerable}))}ownKeys.forEach(function(key){_define_property(target,key,source[key])})}return target}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})}keys.push.apply(keys,symbols)}return keys}function _object_spread_props(target,source){source=source!=null?source:{};if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source))}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))})}return target}function _object_without_properties(source,excluded){if(source==null)return{};var target={},sourceKeys,key,i;if(typeof Reflect!=="undefined"&&Reflect.ownKeys){sourceKeys=Reflect.ownKeys(source);for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key]}return target}target=_object_without_properties_loose(source,excluded);if(Object.getOwnPropertySymbols){sourceKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key]}}return target}function _object_without_properties_loose(source,excluded){if(source==null)return{};var target={},sourceKeys=Object.getOwnPropertyNames(source),key,i;for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key]}return target}const useStyles=()=>{const defaultFormStyles=(0,_sharedStyles.getDefaultFormStyles)();return _object_spread_props(_object_spread({},defaultFormStyles),{label:`${defaultFormStyles.label} ${_RadioButtonmodulecss.default.label}`})};const RadioButton=(0,_react.forwardRef)((_0,_1)=>{let _ref=[_0,_1],[_ref1,..._rest]=_ref,{}=_ref1,props=_extends({},_ref1),[ref]=_rest;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=_0=>{let{name}=_0,props=_object_without_properties(_0,["name"]);const{register}=(0,_Form.useFormContext)();return(0,_jsxruntime.jsx)(RadioButton,_object_spread({},props,register(name)))};
+"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_spread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};var ownKeys=Object.keys(source);if(typeof Object.getOwnPropertySymbols==="function"){ownKeys=ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym){return Object.getOwnPropertyDescriptor(source,sym).enumerable}))}ownKeys.forEach(function(key){_define_property(target,key,source[key])})}return target}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})}keys.push.apply(keys,symbols)}return keys}function _object_spread_props(target,source){source=source!=null?source:{};if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source))}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))})}return target}function _object_without_properties(source,excluded){if(source==null)return{};var target={},sourceKeys,key,i;if(typeof Reflect!=="undefined"&&Reflect.ownKeys){sourceKeys=Reflect.ownKeys(Object(source));for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key]}return target}target=_object_without_properties_loose(source,excluded);if(Object.getOwnPropertySymbols){sourceKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key]}}return target}function _object_without_properties_loose(source,excluded){if(source==null)return{};var target={},sourceKeys=Object.getOwnPropertyNames(source),key,i;for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key]}return target}const useStyles=()=>{const defaultFormStyles=(0,_sharedStyles.getDefaultFormStyles)();return _object_spread_props(_object_spread({},defaultFormStyles),{label:`${defaultFormStyles.label} ${_RadioButtonmodulecss.default.label}`})};const RadioButton=(0,_react.forwardRef)((_0,_1)=>{let _ref=[_0,_1],[_ref1,..._rest]=_ref,{}=_ref1,props=_extends({},_ref1),[ref]=_rest;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=_0=>{let{name}=_0,props=_object_without_properties(_0,["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

@@ -1 +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/**\n * Provides a RadioButton\n * @param props Additional props as defined by Mantine\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/**\n * **Form** wrapper for a RadioButton component that automagically registers the input to the current form context (from **Form**).\n * @param name Name of the input as identification in the form\n * @param props Additional props as defined by Mantine to be used in RadioButton\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","props","ref","Radio","classNames","root","name","register","useFormContext"],"mappings":"mPA2CaA,yBAAAA,qBAnBAC,qBAAAA,kFApBqB,6CACG,uCACN,4EAEG,oFACd,ynHAEpB,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,EAOO,MAAMJ,YAAcM,GAAAA,iBAAU,EAA+B,iDAAC,EAAY,OAAPC,0BAASC,WACjF,MAAMH,QAAUJ,YAChB,MACE,oBAACQ,WAAK,iBACJD,IAAKA,IACLE,WAAY,gBACVC,KAAMN,QAAQM,IAAI,CAClBP,MAAOC,QAAQD,KAAK,EACjBG,MAAMG,UAAU,GAEjBH,OAGV,GAMO,MAAMR,gBAAyE,QAAC,CACrFa,IAAI,CAEL,IADIL,8CAEH,KAAM,CAAEM,QAAQ,CAAE,CAAGC,GAAAA,oBAAc,IAEnC,MAAO,oBAACd,8BAAgBO,MAAWM,SAASD,OAC9C"}
+{"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/**\n * Provides a RadioButton\n * @param props Additional props as defined by Mantine\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/**\n * **Form** wrapper for a RadioButton component that automagically registers the input to the current form context (from **Form**).\n * @param name Name of the input as identification in the form\n * @param props Additional props as defined by Mantine to be used in RadioButton\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","props","ref","Radio","classNames","root","name","register","useFormContext"],"mappings":"mPA2CaA,yBAAAA,qBAnBAC,qBAAAA,kFApBqB,6CACG,uCACN,4EAEG,oFACd,ioHAEpB,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,EAOO,MAAMJ,YAAcM,GAAAA,iBAAU,EAA+B,iDAAC,EAAY,OAAPC,0BAASC,WACjF,MAAMH,QAAUJ,YAChB,MACE,oBAACQ,WAAK,iBACJD,IAAKA,IACLE,WAAY,gBACVC,KAAMN,QAAQM,IAAI,CAClBP,MAAOC,QAAQD,KAAK,EACjBG,MAAMG,UAAU,GAEjBH,OAGV,GAMO,MAAMR,gBAAyE,QAAC,CACrFa,IAAI,CAEL,IADIL,8CAEH,KAAM,CAAEM,QAAQ,CAAE,CAAGC,GAAAA,oBAAc,IAEnC,MAAO,oBAACd,8BAAgBO,MAAWM,SAASD,OAC9C"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});function _export(target,all){for(var name in all)Object.defineProperty(target,name,{enumerable:true,get:Object.getOwnPropertyDescriptor(all,name).get})}_export(exports,{get 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={},sourceKeys,key,i;if(typeof Reflect!=="undefined"&&Reflect.ownKeys){sourceKeys=Reflect.ownKeys(source);for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key]}return target}target=_object_without_properties_loose(source,excluded);if(Object.getOwnPropertySymbols){sourceKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key]}}return target}function _object_without_properties_loose(source,excluded){if(source==null)return{};var target={},sourceKeys=Object.getOwnPropertyNames(source),key,i;for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key]}return target}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(_0,_1){let _ref=[_0,_1],[_ref1,..._rest]=_ref,{isInitiallyOpen,openerMenuRef}=_ref1,props=_object_without_properties(_ref1,["isInitiallyOpen","openerMenuRef"]),[ref]=_rest;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);
+"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={},sourceKeys,key,i;if(typeof Reflect!=="undefined"&&Reflect.ownKeys){sourceKeys=Reflect.ownKeys(Object(source));for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key]}return target}target=_object_without_properties_loose(source,excluded);if(Object.getOwnPropertySymbols){sourceKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key]}}return target}function _object_without_properties_loose(source,excluded){if(source==null)return{};var target={},sourceKeys=Object.getOwnPropertyNames(source),key,i;for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key]}return target}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(_0,_1){let _ref=[_0,_1],[_ref1,..._rest]=_ref,{isInitiallyOpen,openerMenuRef}=_ref1,props=_object_without_properties(_ref1,["isInitiallyOpen","openerMenuRef"]),[ref]=_rest;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